@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-widget {
    font-family: Arial, Helvetica, sans-serif
}

.ui-widget, .ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545
}

.ui-button, .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 {
    color: #454545;
    text-decoration: none
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.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-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(f83a8b8886694eaef4505dd80af7a430.png)
}

.ui-widget-header .ui-icon {
    background-image: url(f83a8b8886694eaef4505dd80af7a430.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(91b1966e761a8e0c0b83450f676e8fe4.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(47d227801c1ad6c59d033bc151848c07.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(efbf84f0f6384f5c303ea15ebb299a08.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
    background-image: url(dd8125ead27254818e47e1a08814e83a.png)
}

.ui-button .ui-icon {
    background-image: url(5e7882c25f80ead21c4b7fa3d8e7c1a3.png)
}

.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-first, .ui-icon-seek-start {
    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
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

/*!
 * jQuery UI Autocomplete 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.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:after, .ui-helper-clearfix:before {
    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)"
}

.ui-front {
    z-index: 100
}

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

.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
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*!
 * jQuery UI Accordion 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

/*!
 * jQuery UI Button 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.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;
    overflow: visible
}

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

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.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
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

/*!
 * jQuery UI Checkboxradio 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
.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
}

/*!
 * jQuery UI Controlgroup 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
.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.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item: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
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-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-next span, .ui-datepicker .ui-datepicker-prev 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: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 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;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.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
}

.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
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.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;
    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;
    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-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
    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
}

/*!
 * jQuery UI Draggable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

/*!
 * jQuery UI Menu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.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;
    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
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

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

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

/*!
 * jQuery UI Progressbar 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.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)";
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .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
}

/*!
 * jQuery UI Selectable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

/*!
 * jQuery UI Selectmenu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.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: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 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
}

/*!
 * jQuery UI Sortable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.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
}

.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
}

/*!
 * jQuery UI Spinner 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.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
}

.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
}

/*!
 * jQuery UI Tabs 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
    position: relative;
    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-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .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
}

/*!
 * jQuery UI Tooltip 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *//*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 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, .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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    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.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

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

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

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

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: linear-gradient(180deg, #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, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

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

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.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: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.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: linear-gradient(180deg, #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, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 0
}

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

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.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:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
    background-color: #efe24b \9
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: linear-gradient(180deg, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

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

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.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:hover:active {
    background-color: #666 \9
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.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:hover:active {
    background-color: #039 \9
}

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

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

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

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: linear-gradient(180deg, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.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:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
    background-color: #039 \9
}

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

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

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

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

.datepicker .next.disabled, .datepicker .prev.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 {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    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: 400;
    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, .2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 20px
}

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

.clearfix {
    zoom: 1
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.cf:after, .clearfix:after {
    clear: both
}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.clear {
    clear: both
}

img {
    max-width: 100%
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(674f50d287a8c48dc19ba404d20fe713.eot);
    src: url(674f50d287a8c48dc19ba404d20fe713d41d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before, .fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before, .fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before, .fa-users:before {
    content: "\F0C0"
}

.fa-chain:before, .fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before, .fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\F155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\F156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\F157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\F158"
}

.fa-krw:before, .fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before, .fa-car:before {
    content: "\F1B9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before, .fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before, .fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@keyframes jconfirm-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

.jconfirm, .jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jconfirm .jconfirm-bg {
    transition: opacity .4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important
}

.jconfirm .jconfirm-scrollpane {
    perspective: 500px;
    perspective-origin: 50%;
    display: table;
    width: 100%;
    height: 100%
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0
}

.jconfirm .jconfirm-box-container {
    transition: transform
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    transition: none !important
}

.jconfirm .jconfirm-box {
    background: #fff;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@keyframes type-blue {
    1%, to {
        border-color: #3498db
    }
    50% {
        border-color: #5faee3
    }
}

@keyframes type-green {
    1%, to {
        border-color: #2ecc71
    }
    50% {
        border-color: #54d98c
    }
}

@keyframes type-red {
    1%, to {
        border-color: #e74c3c
    }
    50% {
        border-color: #ed7669
    }
}

@keyframes type-orange {
    1%, to {
        border-color: #f1c40f
    }
    50% {
        border-color: #f4d03f
    }
}

@keyframes type-purple {
    1%, to {
        border-color: #9b59b6
    }
    50% {
        border-color: #b07cc6
    }
}

@keyframes type-dark {
    1%, to {
        border-color: #34495e
    }
    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    animation-duration: 2s;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: 7px solid #3498db;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: 7px solid #2ecc71;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: 7px solid #e74c3c;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: 7px solid #f1c40f;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: 7px solid #9b59b6;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: 7px solid #34495e;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

.jconfirm .jconfirm-box.loading:before {
    content: "";
    position: absolute;
    left: 0;
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: "";
    height: 30px;
    width: 30px;
    border: 3px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: #1e90ff;
    top: 50%;
    margin-top: -15px;
    z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa, .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon, .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    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;
    border-radius: 4px;
    min-height: 1em;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #fff;
    text-shadow: none;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #fff
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto
}

.jconfirm.jconfirm-light .jconfirm-bg, .jconfirm.jconfirm-white .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-light .jconfirm-box, .jconfirm.jconfirm-white .jconfirm-box {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default {
    box-shadow: none;
    color: #333
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd
}

.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: #2f4f4f;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    background: #444;
    border-radius: 5px;
    color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    transition: background .1s;
    color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    box-shadow: none;
    color: #fff;
    background: none
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translateZ(0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    animation: glow .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translateZ(0)
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-2px, 0, 0)
    }
    20%, 80% {
        transform: translate3d(4px, 0, 0)
    }
    30%, 50%, 70% {
        transform: translate3d(-8px, 0, 0)
    }
    40%, 60% {
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes glow {
    0%, to {
        box-shadow: 0 0 0 red
    }
    50% {
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    perspective: 400px
}

.jconfirm .jconfirm-box {
    opacity: 1;
    transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-scalex, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-zoom {
    opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    transform: rotateX(90deg);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    transform: rotateX(-90deg);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    transform: rotatey(90deg);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    transform: rotatey(-90deg);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    transform: scaley(1.5);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    transform: scalex(1.5);
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    transform: translateY(-100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    transform: translate(-100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    transform: translate(100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    transform: translateY(100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    transform: scale(.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, .95)
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue, .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark, .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green, .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange, .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple, .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 400
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: #fff;
    padding: 10px;
    min-width: 100px
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, .67)
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: #fff;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    padding: 30px 25px 10px
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 22px;
    font-weight: 700
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, .21)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .4);
    padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87)
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 22px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, .87);
    padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: #708090;
    opacity: .6
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: #fff;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    padding: 30px 30px 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, .87);
    top: 15px;
    right: 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, .87);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    transition: transform .5s;
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: 700;
    text-transform: uppercase;
    transition: background .1s;
    padding: 10px 20px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    transform: scale(1)
}

.modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .modal {
        min-width: 1000px
    }
}

.modal__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    z-index: 5
}

.modal__container {
    background-color: #fff;
    z-index: 10;
    position: relative;
    margin: 100px;
    padding: 25px;
    border-radius: 5px
}

.modal__close {
    font-size: 40px;
    position: fixed;
    right: 10px;
    top: 10px;
    color: #fff;
    z-index: 11;
    cursor: pointer
}

.modal-overflow {
    height: 100%;
    overflow: hidden
}

.modal-fixed {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: auto;
    z-index: 1100
}

@media (min-width: 768px) {
    .modal-fixed {
        min-width: 1000px
    }
}

.modal-fixed-inner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll
}

@media (min-width: 992px) {
    .modal-fixed-inner {
        overflow-x: hidden
    }
}

.mfp-content {
    width: 50% !important;
    min-width: 290px;
    margin: 40px auto;
    background-color: #fff;
    padding: 20px 30px;
    box-sizing: border-box
}

.mfp-content .support__content {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .mfp-bg, .mfp-wrap {
        min-width: 1000px
    }
}

.button {
    background-color: #0896d3;
    color: #fff;
    text-align: center
}

.button--sm {
    padding: 4px 8px
}

.button--md {
    padding: 0 25px;
    height: 35px;
    line-height: 35px
}

.button--rg {
    height: 38px;
    font-size: 16px
}

.button--lg {
    padding: 10px 25px;
    font-size: 24px
}

.button--xl {
    padding: 0 25px;
    height: 45px;
    line-height: 45px
}

.button .fa {
    font-size: 12px
}

.ui-autocomplete {
    padding: 10px 8px
}

.ui-autocomplete__product .ui-state-active {
    margin: 0;
    border: 0;
    background-color: #f6f9fb;
    color: inherit
}

.ui-autocomplete__product b {
    font-weight: 700
}

.ui-autocomplete__label {
    padding: 4px 12px;
    font-size: 10px;
    font-weight: 700
}

.ui-autocomplete__product__image {
    float: left;
    width: 16%;
    height: 40px;
    background-size: cover;
    background-position: 50%;
    background-color: #e4e4e4;
    white-space: nowrap
}

.ui-menu-item-wrapper {
    padding: 3px 12px
}

.ui-autocomplete__product__name {
    float: left;
    width: 59%;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (max-width: 767px) {
    .ui-autocomplete__product__name {
        font-size: 12px
    }
}

.ui-autocomplete__product__price {
    float: left;
    width: 25%;
    font-size: 18px;
    text-align: right;
    padding-top: 8px;
    white-space: nowrap
}

@media (max-width: 767px) {
    .ui-autocomplete__product__price {
        font-size: 12px
    }
}

.ui-autocomplete__category {
    font-size: 12px;
    color: #ee7a84
}

.ui-autocomplete__category .ui-menu-item-wrapper {
    padding: 6px 12px
}

.pagination {
    display: inline-block;
    vertical-align: middle
}

.pagination-item {
    float: left;
    width: 35px;
    height: 35px;
    padding-top: 7px;
    margin: 0 5px;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    background: #ededed;
    transition: .2s
}

.pagination-item.active, .pagination-item:not(.passive):hover {
    color: #fff;
    background: #e74c3c
}

.pagiation-arrow {
    float: left;
    margin: 1px 8px;
    font-size: 24px
}

@media (max-width: 575px) {
    .pagination-item {
        width: 22px;
        height: 22px;
        padding-top: 4px;
        font-size: 12px
    }

    .pagiation-arrow {
        display: none
    }
}

.list__pagination {
    margin-top: -1px;
    border-top: 1px solid hsla(0, 0%, 59%, .2);
    padding: 20px 0;
    text-align: center
}

.checkout__tabs {
    display: table;
    width: 100%;
    table-layout: fixed
}

.checkout__tab {
    display: table-cell;
    position: relative;
    width: 50%;
    min-height: 140px;
    padding: 12px 12px 20px;
    background-color: #eee;
    transition: .2s;
    cursor: pointer;
    word-break: break-word
}

.checkout__tab.active {
    color: #fff;
    background-color: #ee7a84
}

.checkout__tab.active:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 14px 12px 0;
    border-color: #ee7a84 transparent transparent
}

.checkout__tab:not(.active):hover {
    background: #f6eaea
}

.checkout__tab__title {
    font-size: 24px;
    font-weight: 200
}

@media (max-width: 767px) {
    .checkout__tab__title {
        font-size: 14px
    }
}

.checkout__tab__number {
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #31363a;
    text-align: center;
    background: #fff;
    border-radius: 50%
}

.checkout__tab__subtitle {
    font-size: 13px;
    font-weight: 600
}

.checkout__tab__text {
    font-size: 13px;
    font-weight: 200
}

@media (max-width: 767px) {
    .checkout__tab__text {
        font-size: 10px
    }
}

a.checkout__tab__change {
    position: absolute;
    right: 14px;
    bottom: 11px;
    text-decoration: underline;
    font-weight: 200
}

a.checkout__tab__change:hover {
    color: inherit
}

.checkout__tab__content {
    display: none;
    margin-top: 25px;
    border: 1px solid #d1d1d1
}

.checkout__tab__content.active {
    display: block
}

.checkout__tab__change {
    font-size: 14px;
    color: #ee7a84
}

.checkout__tab.active .checkout__tab__change {
    display: none
}

.checkout__address-box {
    border-right: 1px solid #d1d1d1
}

.checkout__address-box__title {
    padding: 13px 15px;
    font-size: 24px;
    border-bottom: 1px solid #d1d1d1
}

@media (max-width: 767px) {
    .checkout__address-box__title {
        font-size: 14px
    }
}

.checkout__address-box__same {
    float: right;
    margin-top: 6px;
    font-size: 14px
}

@media (max-width: 767px) {
    .checkout__address-box__same {
        margin-top: 0;
        font-size: 11px
    }
}

.checkout__addresses {
    padding-right: 10px
}

.checkout__addresses__title {
    margin: 30px 5px;
    font-weight: 200
}

.checkout__addresses__title.active {
    color: #ee7a84;
    font-weight: 700
}

@media (max-width: 767px) {
    .checkout__addresses__title {
        margin: 15px 0
    }
}

.checkout__address-list {
    margin-left: -3px;
    margin-right: -3px
}

.checkout__address-grid {
    padding-left: 8px;
    padding-right: 8px
}

.checkout__address {
    display: block;
    position: relative;
    height: 180px;
    padding: 30px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #d1d1d1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.checkout__address.active, .checkout__address:hover {
    border: 4px solid #ee7a84;
    padding: 27px
}

.checkout__address.active .checkout__address__radio, .checkout__address:hover .checkout__address__radio {
    left: 7px
}

.checkout__address.active .checkout__address__edit, .checkout__address:hover .checkout__address__edit {
    right: 8px;
    bottom: 7px
}

@media (max-width: 767px) {
    .checkout__address {
        padding-top: 10px;
        height: auto
    }

    .checkout__address.active, .checkout__address:hover {
        padding-top: 7px
    }
}

.checkout__address__radio {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.checkout__address__title {
    font-weight: 700
}

.checkout__address__text {
    word-wrap: break-word
}

.checkout__address__action {
    position: absolute;
    top: 50%;
    right: 30px;
    left: 30px;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 700;
    color: #ee7a84;
    text-align: center
}

.checkout__address__action__icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

a.checkout__address__edit {
    position: absolute;
    right: 11px;
    bottom: 10px;
    font-size: 14px;
    font-weight: 200;
    text-decoration: underline;
    color: #ee7a84
}

.checkout__cargo-box {
    padding: 13px 20px;
    border-left: 1px solid #d1d1d1;
    margin-left: -1px
}

.checkout__cargo-box__title {
    font-size: 24px
}

.checkout__cargo-box__title a {
    font-size: 13px;
    color: #ee7a84;
    text-decoration: underline;
    white-space: nowrap
}

.checkout__cargo-box__description {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 200
}

.checkout__cargo-box__description b {
    font-weight: 700
}

.checkout__cargo-box__description.active {
    font-weight: 700;
    color: #ee7a84
}

.checkout__cargo-list {
    display: table;
    width: 100%;
    border-top: 1px solid #d1d1d1;
    margin-top: 10px
}

.checkout__cargo {
    display: table-row
}

.checkout__cargo > * {
    display: table-cell;
    height: 52px;
    border-bottom: 1px solid #d1d1d1;
    vertical-align: middle
}

.checkout__cargo__logo {
    padding-left: 15px
}

.checkout__cargo__amount {
    font-size: 18px;
    white-space: nowrap;
    text-align: right
}

.checkout__cargo__proceed {
    float: right;
    width: 100%;
    max-width: 270px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 25px
}

.checkout__cargo__proceed.passive {
    opacity: .5
}

.checkout__cargo__proceed[disabled] {
    background-color: #eee
}

.checkout__cargo__proceed img {
    width: 35px
}

.checkout__cargo__proceed span {
    line-height: 1;
    display: inline-block
}

@media (max-width: 991px) {
    .checkout__cargo__proceed {
        font-size: 13px
    }
}

@media (max-width: 767px) {
    .checkout__cargo__proceed {
        font-size: 16px
    }
}

.checkout__cargo__proceed .fa {
    font-size: 12px
}

.checkout__summary {
    padding: 13px;
    border: 1px solid #959595
}

.checkout__summary__title {
    margin: 5px 0;
    font-size: 24px;
    font-weight: 200
}

.checkout__summary__title span {
    font-size: 14px;
    color: #8a8a8a
}

.checkout__summary__items {
    display: table;
    width: 100%
}

.checkout__summary__item {
    display: table-row
}

.checkout__summary__item > * {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0
}

.checkout__summary__item__img {
    width: 77px
}

.checkout__summary__item__title {
    padding: 10px 9px;
    font-size: 12px;
    word-break: break-word
}

.checkout__summary__item__title a {
    display: block;
    max-height: 32px;
    overflow: hidden
}

.checkout__summary__item__price {
    font-size: 20px;
    font-weight: 200;
    text-align: right;
    white-space: nowrap;
    padding-top: 5px
}

.checkout__summary__subtotal-box {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #d1d1d1
}

.checkout__summary__subtotal {
    display: table-row
}

.checkout__summary__subtotal > div {
    display: table-cell;
    vertical-align: middle;
    padding: 3px 0
}

.checkout__summary__subtotal__amount {
    font-size: 20px;
    text-align: right
}

.checkout__summary__subtotal__amount.warning {
    color: #e74c3c
}

.checkout__payment__form {
    padding: 0 5px 60px;
    font-weight: 200
}

@media (max-width: 767px) {
    .checkout__payment__form {
        padding-bottom: 15px
    }
}

.checkout__payment__label {
    display: block;
    margin-top: 12px
}

.checkout__payment__card-box {
    width: 270px;
    max-width: 100%
}

.checkout__payment__card {
    width: 100%;
    height: 30px;
    max-width: 100%;
    margin-top: 8px;
    font-family: Courier New
}

.checkout__payment__expire {
    float: left;
    width: 65%
}

.checkout__payment__month, .checkout__payment__year {
    float: left;
    width: 45%;
    height: 30px;
    padding: 0 5px;
    margin-top: 8px;
    margin-right: 5%;
    background: #fff
}

.checkout__payment__cvc {
    width: 100%;
    height: 30px;
    padding: 0 5px;
    margin-top: 8px
}

.checkout__payment__cvc-box {
    float: left;
    width: 35%;
    padding-left: 5%
}

.checkout__payment__cvc-info {
    position: relative;
    margin-top: 12px;
    font-size: 12px;
    color: #ee7a84;
    cursor: pointer
}

.checkout__payment__cvc-info .fa {
    font-size: 16px
}

.checkout__payment__cvc-info img {
    position: absolute;
    bottom: 100%;
    left: -120px;
    max-width: none;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .2s
}

@media (max-width: 767px) {
    .checkout__payment__cvc-info img {
        left: -220px;
        width: 300px
    }
}

.checkout__payment__cvc-info:hover img {
    visibility: visible;
    opacity: 1
}

.checkout__installations {
    display: table;
    width: 100%;
    margin-top: 20px;
    color: #666;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1
}

.checkout__installations__title-box {
    display: table-header-group
}

.checkout__installations__title {
    display: table-cell;
    padding: 6px 10px;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    border-right: 1px solid #959595;
    text-align: right
}

.checkout__installations__title:last-child {
    border-right: 0
}

.checkout__installations__title:first-child {
    text-align: left
}

.checkout__installations__body {
    display: table-row-group
}

.checkout__installations__label {
    display: table-row
}

.checkout__installations__label > * {
    display: table-cell;
    padding: 5px 10px;
    border-bottom: 1px solid #bcbcbc;
    border-right: 1px solid #959595;
    text-align: right
}

.checkout__installations__label > :last-child {
    border-right: 0
}

.checkout__installations__label > :first-child {
    text-align: left
}

.checkout__installations__label:nth-child(2n) {
    background-color: hsla(0, 0%, 85%, .2)
}

.payment-tab-content.active {
    display: block !important
}

.payment-tab-stored_card {
    display: none !important
}

.checkout-success-box {
    padding: 15px 0;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .checkout-success-box {
        padding: 15px 0
    }
}

.checkout-success__border {
    border: 1px solid #e8e8e8
}

.checkout-success {
    padding: 53px 5px 53px 43px
}

@media (max-width: 767px) {
    .checkout-success {
        padding: 40px 20px
    }
}

.checkout-success__title {
    font-size: 36px;
    font-weight: 200;
    color: #77be2a;
    text-align: center
}

@media (max-width: 767px) {
    .checkout-success__title {
        display: block
    }

    .checkout-success__title span {
        display: block;
        font-size: 28px
    }
}

.checkout-success__title div {
    display: inline-block;
    height: 36px;
    padding-top: 2px;
    box-sizing: border-box;
    vertical-align: top
}

.checkout-success__icon {
    display: inline-block
}

.checkout-success__table {
    display: table;
    width: 100%;
    margin-top: 20px;
    line-height: 1.7
}

.checkout-success__table > * {
    display: table-cell;
    vertical-align: top
}

.checkout-success__table b {
    font-weight: 600
}

@media (max-width: 767px) {
    .checkout-success__table, .checkout-success__table > * {
        display: block;
        text-align: center
    }

    .checkout-success__table > * {
        margin-bottom: 20px
    }

    .checkout-success__table > div:first-child {
        width: 100%
    }
}

.checkout-success__table div:first-of-type {
    padding-right: 60px;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 767px) {
    .checkout-success__table div:first-of-type {
        padding-right: 0;
        text-align: center
    }

    .checkout-success__table .checkout-success__order--detail {
        margin-bottom: 0
    }

    .checkout-success__table .checkout-success__order--detail:last-child {
        margin-top: -2px
    }
}

.checkout-success__table div:first-of-type:after {
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d8d8d8;
    position: absolute;
    top: 0;
    right: 40px
}

@media (max-width: 767px) {
    .checkout-success__table div:first-of-type:after {
        display: none
    }
}

.checkout-success__table span {
    color: #83878d;
    font-size: 12px
}

.checkout-success__label {
    display: block;
    padding-right: 35px;
    font-size: 12px;
    color: #8a8a8a;
    white-space: nowrap
}

@media (max-width: 767px) {
    .checkout-success__label {
        padding-right: 0
    }

    .checkout-success__order--detail .checkout-success__label {
        display: inline-block;
        width: 50%;
        text-align: right;
        padding-right: 10px;
        box-sizing: border-box
    }
}

.checkout-success__value {
    display: block;
    padding-right: 45px;
    margin-top: 2px;
    font-size: 20px;
    white-space: nowrap
}

@media (max-width: 767px) {
    .checkout-success__value {
        padding-right: 0
    }

    .checkout-success__order--number {
        color: #77be2a
    }

    .checkout-success__order--detail .checkout-success__value {
        display: inline-block;
        width: 48%;
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
        border-left: 1px solid #d8d8d8
    }
}

.checkout-success__track-box {
    width: 10px
}

.checkout-success__track {
    width: 270px;
    height: 60px;
    color: #fff;
    background-color: #31363a
}

.checkout-success-content {
    padding: 0 0 100px;
    box-sizing: border-box
}

.checkout-success-content .checkout-success__border {
    padding: 20px 40px 23px;
    box-sizing: border-box
}

@media (max-width: 767px) {
    .checkout-success-content .checkout-success__border {
        margin-bottom: 15px;
        padding: 40px 20px
    }

    .checkout-success-content > div {
        padding: 0 15px;
        width: 100%
    }
}

.checkout-success-content > div:first-child {
    padding-left: 0
}

.checkout-success-content > div:last-child {
    padding-right: 0
}

@media (max-width: 767px) {
    .checkout-success-content > div:first-child {
        margin-bottom: 15px
    }

    .checkout-success-content > div {
        padding: 0
    }
}

.checkout-success__text__title {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 200;
    line-height: 1
}

@media (max-width: 767px) {
    .checkout-success__text__title {
        text-align: center
    }
}

.checkout-success__text__description {
    margin-bottom: 20px;
    color: #8a8a8a;
    line-height: 1.7
}

.checkout-success__text__items {
    line-height: 2.5;
    font-size: 14px;
    font-weight: 200;
    color: #31363a
}

.checkout-success__list {
    list-style: disc;
    padding-left: 20px
}

.checkout-success__list li {
    font-size: 13px;
    line-height: 1.8
}

.checkout-success__img img {
    display: block;
    width: 100%
}

@media (max-width: 767px) {
    .checkout-success__img {
        margin-bottom: 20px
    }
}

.address-modal {
    position: relative;
    width: 500px;
    max-width: 100%;
    padding: 15px 20px 20px;
    margin: 100px auto;
    background: #fff;
    z-index: 10
}

.address-modal__title {
    padding: 10px 20px;
    margin: 0 -20px;
    font-size: 16px;
    border-bottom: 1px solid #ebebeb
}

@media (max-width: 767px) {
    .address-modal__title {
        font-size: 13px
    }
}

.address-modal__label {
    float: left;
    width: 100%;
    margin-top: 10px
}

.address-modal__offset {
    padding: 5px
}

.address-modal__input {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #979797;
    resize: none
}

.address-modal__input::-webkit-input-placeholder {
    color: #c1bfc1;
    font-style: italic;
    font-weight: 100;
    font-size: 13px
}

.address-modal__input[name=title] {
    max-width: 225px
}

textarea.address-modal__input {
    padding: 10px;
    min-height: 150px
}

textarea.address-modal__input[name=line] {
    height: 95px;
    min-height: auto
}

textarea.address-modal__input[name=line]::-webkit-input-placeholder {
    padding-right: 40%
}

@media (max-width: 575px) {
    textarea.address-modal__input[name=line]::-webkit-input-placeholder {
        padding-right: 20%
    }
}

@media (min-width: 768px) {
    .address-modal__half {
        float: left;
        width: 48%
    }

    .address-modal__half:first-child {
        margin-right: 4%
    }
}

.address-modal__button-box {
    margin-top: 20px;
    text-align: center
}

.address-modal__button {
    background: #ee7a84;
    font-size: 16px;
    padding: 10px 25px;
    color: #fff
}

.address-modal .error, span.address-modal__input--invalid {
    float: right;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 12px
}

span.address-modal__input--invalid {
    color: #b20838;
    font-size: 12px
}

.address-modal__line {
    margin: 0 -20px;
    border-bottom: 1px solid #ebebeb
}

.address-modal__picker {
    padding: 5px 0;
    float: right;
    font-size: 12px
}

.address-modal__picker label {
    margin-left: 8px
}

.input-error {
    position: relative
}

.order-information p {
    margin: 20px 0;
    font-size: 14px
}

.order-information b {
    font-weight: 700;
    font-size: 13px
}

.order-information span {
    display: block;
    margin: 10px 0
}

.order-information .order-information__title {
    font-size: 18px
}

.order-information__table td {
    padding: 5px
}

.order-information__table--border * {
    border: 1px solid #000
}

.stored-card__modal {
    display: none;
    position: fixed;
    z-index: 20;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    font-size: 18px
}

.stored-card__modal--content {
    position: relative;
    background-color: #f1f1f1;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 400px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

@keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.stored-card__modal--close {
    color: #000;
    position: absolute;
    top: 0;
    right: 12px;
    font-size: 28px;
    font-weight: 700
}

.stored-card__modal--close:focus, .stored-card__modal--close:hover {
    text-decoration: none;
    cursor: pointer
}

.stored-card__input--title {
    margin: 10px 0
}

.stored-card__modal-input {
    padding: 8px
}

.stored-card__modal-input[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed
}

.stored-card__modal-countdown {
    float: right;
    margin-right: 20px
}

.stored-card__resend {
    font-size: 14px
}

.stored-card__button {
    float: right;
    padding: 10px 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 10px
}

.checkout {
    padding: 33px 0 100px
}

@media (max-width: 767px) {
    .checkout {
        padding-top: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .checkout {
        padding-bottom: 500px
    }
}

.checkout__header {
    padding-top: 30px
}

@media (max-width: 767px) {
    .checkout__header {
        text-align: center;
        padding-top: 15px
    }
}

.checkout__header__tel {
    float: right;
    padding-top: 10px
}

.checkout__contract {
    display: table;
    width: 100%;
    font-size: 13px;
    border: 1px solid #959595;
    margin-bottom: 25px
}

.checkout__contract > * {
    display: table-cell;
    vertical-align: middle;
    padding: 12px
}

.checkout__contract__text {
    padding-left: 0
}

.checkout__contract__text a {
    text-decoration: underline
}

.checkout__footer {
    padding-bottom: 30px;
    font-size: 12px;
    font-weight: 200;
    color: #8a8a8a;
    text-align: center;
    background: #f6f9fb
}

@media (min-width: 768px) {
    .checkout__footer {
        min-width: 970px
    }
}

.checkout__footer__img {
    padding: 20px
}

.checkout__footer__img img {
    mix-blend-mode: multiply
}

.checkout__bottom-menu {
    text-align: center;
    padding: 20px 0
}

.checkout__bottom-menu__link {
    padding: 0 10px;
    font-size: 12px;
    color: #8a8a8a
}

.checkout__error {
    margin-top: 4px;
    font-weight: 600
}

.notify-checkout-container .notify {
    margin-bottom: 25px
}

.notify-checkout-container .notify.notify-warning {
    background-color: #ee7a84
}

.checkout__bank-img {
    float: right;
    height: 20px
}

.retail_store_select {
    position: relative;
    left: 0;
    top: 50px
}

@media (max-width: 767px) {
    .retail_store_select {
        margin: -40px 0 0
    }
}

.retail_store_select select {
    border: 1px solid #d8d8d8;
    font-size: 14px;
    color: #686869;
    font-weight: 200;
    padding: 7px 27px 7px 10px;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    cursor: pointer;
    margin-top: 5px;
    width: 80%
}

@media (max-width: 767px) {
    .retail_store_select select {
        width: 70%
    }
}

.retail_store_select:after {
    position: absolute;
    width: 18px;
    height: 24px;
    display: block;
    top: 27px;
    right: 28px;
    content: "\F0D7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    border-left: 1px solid #d8d8d8;
    padding: 3px 8px;
    color: #000;
    visibility: hidden;
    z-index: -1
}

@media (max-width: 991px) {
    .retail_store_select:after {
        top: 60px;
        right: 20px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .retail_store_select:after {
        top: 43px;
        right: 27px
    }
}

@media (max-width: 767px) {
    .retail_store_select:after {
        right: 49px;
        top: 27px
    }
}

.from-store-select-text {
    color: #3fb1c8;
    font-size: 15px;
    font-weight: 700;
    visibility: hidden
}

.from-store-wrapper.active .checkout__address__radio, .from-store-wrapper.active .from-store-select-text, .from-store-wrapper.active .retail_store_select:after {
    visibility: visible
}

.from-store-text {
    padding-top: 23px
}

@media (max-width: 767px) {
    .from-store-text {
        padding-top: 0
    }
}

.from-store-wrapper .checkout__address__radio:after {
    content: " "
}

.from-store-wrapper .checkout__address__radio {
    visibility: hidden
}

@media (max-width: 767px) {
    .from-store-wrapper .checkout__address__radio {
        top: -45px
    }
}

.checkout-redirect-iframe {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999
}

.m-discount-box {
    display: none
}

.voucher-code-remove {
    display: none;
    float: right;
    color: #e74c3c !important;
    font-size: 12px;
    text-decoration: underline
}

.voucher-form.active .voucher-code-remove {
    display: block
}

@media (max-width: 767px) {
    .basket {
        padding-bottom: 100px
    }
}

a.basket__continue {
    float: left;
    padding: 20px 0;
    margin-left: 15px;
    text-decoration: underline
}

a.basket__apply-discount {
    float: right;
    padding: 20px 0;
    margin-right: 15px;
    text-decoration: underline
}

@media (max-width: 767px) {
    .basket__continue {
        padding: 0 0 15px
    }
}

.basket__item-box {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #8a8a8a
}

.basket__title {
    font-size: 24px
}

@media (max-width: 767px) {
    .basket__title {
        font-size: 16px
    }
}

.basket__title span {
    font-size: 14px;
    color: #8a8a8a
}

.basket__items {
    display: table;
    width: 100%;
    margin-top: 10px
}

.basket__item {
    display: table-row
}

.basket__item > * {
    display: table-cell;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #8a8a8a;
    vertical-align: middle
}

@media (max-width: 767px) {
    .basket__item > * {
        display: block;
        padding: 5px 0;
        border: 0
    }
}

@media (min-width: 768px) {
    .basket__item__img-box {
        width: 120px;
        text-align: left
    }
}

.basket__item__text {
    padding: 0 25px;
    text-align: left;
    font-weight: 600;
    word-break: break-word
}

@media (max-width: 767px) {
    .basket__item__text {
        font-size: 11px;
        text-align: center
    }
}

.basket__item__counter-box {
    position: relative;
    min-width: 180px
}

@media (max-width: 767px) {
    .basket__item__counter-box {
        margin-top: 5px
    }
}

.product-counter {
    display: inline-block;
    vertical-align: middle;
    padding: 1px;
    height: 40px;
    background: #e8e8e8
}

.product-counter__minus, .product-counter__plus {
    float: left;
    position: relative;
    width: 55px;
    height: 100%
}

.product-counter__minus:before, .product-counter__plus:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.product-counter__count {
    float: left;
    width: 45px;
    height: 100%;
    font-size: 18px;
    font-weight: 200;
    color: #8a8a8a;
    text-align: center;
    line-height: 38px;
    background: #fff
}

.product-counter__count input {
    border: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.basket__item__amount {
    line-height: 1.2;
    white-space: nowrap
}

.basket__item__price-discounted {
    color: #8a8a8a;
    text-decoration: line-through
}

.basket__item__price {
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 767px) {
    .basket__item__price {
        font-size: 16px
    }
}

.basket__item__delete {
    font-size: 20px
}

@media (max-width: 767px) {
    .basket__item__delete {
        padding-top: 0;
        font-size: 14px
    }

    .basket__item__delete a {
        text-decoration: underline
    }
}

@media (min-width: 768px) {
    .basket__item__delete {
        width: 50px
    }
}

.basket__summary {
    margin-bottom: 15px;
    padding: 16px 13px;
    border: 1px solid #8a8a8a
}

.basket__summary__list {
    display: table;
    width: 100%;
    margin-top: 15px
}

@media (max-width: 767px) {
    .basket__summary__list--total {
        position: fixed;
        padding: 5px 15px;
        bottom: 53px;
        right: 0;
        left: 0;
        background: #fff;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)
    }
}

.basket__summary__item {
    display: table-row
}

.basket__summary__item > * {
    display: table-cell;
    padding: 6px 0;
    vertical-align: middle
}

.basket__summary__item > :nth-child(2) {
    text-align: right;
    white-space: nowrap
}

.basket__summary__item__number {
    font-size: 20px;
    font-weight: 600
}

.basket__summary__item__number.warning {
    color: #e74c3c
}

.basket__summary__line {
    margin-top: 10px;
    border-top: 1px solid #8a8a8a
}

.basket__discount-code {
    margin-bottom: 15px;
    padding: 13px;
    border: 1px solid #8a8a8a
}

.basket__discount-code__title {
    margin-bottom: 5px
}

.basket__discount-code__input {
    float: left;
    width: 63%;
    height: 30px;
    margin-right: 2%;
    padding-left: 5px
}

.basket__discount-code__button {
    float: left;
    width: 35%;
    height: 30px;
    padding: 0;
    color: #fff;
    background: #ee7a84;
    border: 0
}

.basket__accept {
    margin-top: 17px;
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    text-align: center
}

.basket__accept:focus, .basket__accept:hover {
    color: #fff
}

.basket__accept span {
    vertical-align: middle
}

.basket__accept .fa {
    font-size: 12px
}

@media (max-width: 767px) {
    .basket__accept {
        position: fixed;
        padding: 14px;
        bottom: 0;
        right: 0;
        left: 0;
        font-size: 18px
    }
}

.basket__container, .basket__items--empty {
    display: none;
    margin-bottom: 50px
}

.basket__items--empty {
    text-align: center
}

.basket__items--empty .basket__accept {
    padding: 18px
}

.basket__items--empty__title {
    color: #4a4a4a;
    font-size: 36px
}

@media (max-width: 767px) {
    .basket__items--empty__title {
        font-size: 26px
    }
}

.basket__items--empty__desc {
    color: #4a4a4a;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
    margin: 25px 0
}

.js-basket-items__loading {
    text-align: center;
    padding: 50px
}

.basket__item__counter-box__error {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #ee7a84
}

@media (max-width: 767px) {
    .basket__item__counter-box__error {
        position: static
    }
}

.basket-productimage_set--no-image {
    display: inline-block
}

.basket-popup-bg {
    z-index: 20
}

@media (max-width: 767px) {
    .basket-popup-bg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .body-basket .search {
        display: none
    }
}

.auth__form {
    background: #fff;
    padding: 25px 30px 0;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
}

.auth__form--orders {
    min-height: 460px;
    margin-bottom: 15px
}

.auth__form--orders--login .auth__form__facebook {
    margin-bottom: 10px
}

.auth__form--forget {
    padding-bottom: 60px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2)
}

.auth__form__title {
    font-size: 26px;
    padding-bottom: 5px
}

.auth__form__description {
    padding: 15px 0;
    font-weight: 200;
    line-height: 22px;
    color: #4a4a4a
}

.auth__form__input-box {
    position: relative
}

.auth__form__input-box--register {
    margin-top: 15px
}

.auth__form__icon-email, .auth__form__icon-lock {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto
}

.auth__form__input {
    width: 100%;
    height: 55px;
    padding: 0 20px;
    font-weight: 200;
    border: 1px solid #8a8a8a
}

.auth__form__input:focus {
    border-width: 2px
}

.auth__form__input input {
    width: 100%;
    height: 100%;
    border: 0
}

.auth__form__input--register {
    padding-left: 47px
}

.auth__form__input--name {
    width: 48%;
    float: left
}

.auth__form__input--name:first-child {
    margin-right: 4%
}

.auth__form__forget {
    display: block;
    margin: 8px 0 16px;
    font-size: 12px;
    text-align: right
}

.auth__form__submit {
    width: 100%;
    height: 55px;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 200;
    color: #fff;
    background: #ee7a84
}

.auth__form__seperator {
    width: 100%;
    height: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}

.auth__form__seperator:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    z-index: 1;
    background-color: #d8d8d8;
    position: absolute;
    top: 50%;
    left: 0
}

.auth__form__seperator span {
    font-size: 14px;
    font-style: italic;
    font-weight: 200;
    color: #9b9b9b;
    background-color: #fff;
    line-height: 20px;
    padding: 0 15px;
    position: relative;
    z-index: 2
}

.auth__form__facebook {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    height: 55px;
    background-color: #42539d;
    text-align: center;
    line-height: 55px
}

.auth__form__facebook i {
    font-size: 29px;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.auth__form__submit--forget {
    width: 100%;
    height: 55px;
    margin-top: 21px;
    font-weight: 200;
    color: #fff;
    background: #ee7a84
}

.auth__form__submit--link {
    display: block;
    padding-top: 15px;
    text-align: center
}

.auth__form__submit--link:focus, .auth__form__submit--link:hover {
    color: #fff
}

.auth__form__bottom {
    padding: 13px 0;
    margin: 20px -30px 0;
    text-align: center;
    border-top: 1px solid #e8e8e8
}

.auth__form__bottom span {
    font-weight: 200;
    color: #8a8a8a
}

.auth__form__bottom a {
    font-weight: 600;
    display: block
}

.auth__form__error {
    margin-top: 5px
}

.auth__form__or {
    position: relative;
    margin-top: 12px;
    font-weight: 200;
    color: #9b9b9b;
    text-align: center
}

.auth__form__or span {
    position: relative;
    padding: 0 14px;
    background: #fff
}

.auth__form__or__line {
    position: absolute;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-bottom: 1px solid #d8d8d8
}

.auth__form__proceed {
    display: block;
    padding: 15px 0 20px;
    text-align: center
}

.auth__form__fb {
    display: block;
    position: relative;
    height: 55px;
    padding-top: 13px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background-color: #42539d
}

.auth__form__fb:focus, .auth__form__fb:hover {
    color: #fff
}

.auth__form__fb__icon {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.auth__form__fb__icon-lg {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    opacity: .05
}

.auth__form__text {
    position: relative;
    vertical-align: middle
}

@media (max-width: 767px) {
    .body-login .search {
        display: none
    }
}

.auth {
    position: relative;
    padding: 120px 0
}

@media (max-width: 767px) {
    .auth {
        padding: 0
    }
}

.auth--orders {
    min-height: 700px
}

.auth__info {
    margin-top: 100px;
    padding: 0 50px
}

.auth__info--register {
    margin-top: 70px;
    padding: 0 50px
}

.auth__info__head {
    margin-bottom: 50px;
    font-size: 36px
}

.auth__info__item {
    margin-bottom: 20px
}

.auth__info__icon {
    float: left;
    position: relative;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    background: hsla(0, 0%, 100%, .5);
    border: 1px solid #31363a
}

.auth__info__icon:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.auth__info__title {
    padding-top: 7px
}

.auth__info__summary {
    font-size: 12px
}

.auth__info__description {
    padding-top: 13px;
    font-size: 18px
}

.auth__form__checklist {
    margin: 17px 0
}

.auth__form__check {
    display: block;
    font-size: 12px;
    margin: 4px 0
}

.auth__form__check a {
    text-decoration: underline
}

@media (max-width: 767px) {
    .body-registration .search {
        display: none
    }
}

.forget-password-success {
    text-align: center;
    padding: 10% 0
}

.forget-password-success .auth__form--forget-wrapper, .forget-password-success:before {
    display: none
}

.forget-password-success-title {
    font-size: 30px;
    color: #4a4a4a
}

@media (max-width: 575px) {
    .forget-password-success-title {
        font-size: 20px
    }
}

.forget-password-success-desc {
    color: #4a4a4a;
    font-size: 16px;
    display: inline-block;
    line-height: 1.5;
    margin: 25px 0
}

.forget-password-success-button {
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: #ee7a84
}

.forget-password-success-button:hover {
    color: #fff
}

.account__form span.info {
    display: block;
    margin: 25px 0;
    color: #b55457
}

.account__form:after {
    zoom: 1
}

.account__form:after:after, .account__form:after:before {
    content: "";
    display: table
}

.account__form:after:after {
    clear: both
}

.account__form-group input[type=password], .account__form-group input[type=text], .account__form-group textarea {
    border: 1px solid #9b9b9b;
    padding: 8px 15px;
    font-size: 13px;
    width: 100%;
    resize: none
}

.account__form-group textarea {
    display: block;
    min-height: 160px
}

.account__form-group .error {
    font-size: 12px;
    padding: 5px 0
}

.account__form-group.required input {
    border-color: #ee7a84
}

.account__form-group .select2 {
    display: block
}

.account__form-group .select2 .select2-selection__rendered {
    line-height: 38px
}

.account__form-group .select2 .select2-selection--single, .account__form-group .select2 .select2-selection__arrow {
    height: 38px
}

.account__form-group label {
    margin-bottom: 10px;
    display: block
}

.track-form {
    margin-top: 6px
}

@media (max-width: 767px) {
    .track-form__button {
        float: right;
        margin-top: 10px
    }
}

.account__form-group__filter {
    margin-right: 15px;
    width: 150px
}

.account__form-group--offset {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.account__form-group--offset input[type=password], .account__form-group--offset input[type=text], .account__form-group--offset textarea {
    border: 1px solid #9b9b9b;
    padding: 8px 15px;
    font-size: 13px;
    width: 100%;
    resize: none
}

.account__form-group--offset textarea {
    display: block;
    min-height: 160px
}

.account__form-group--offset .error {
    font-size: 12px;
    padding: 5px 0
}

.account__form-group--offset.required input {
    border-color: #ee7a84
}

.account__form-group--offset .select2 {
    display: block
}

.account__form-group--offset .select2 .select2-selection__rendered {
    line-height: 38px
}

.account__form-group--offset .select2 .select2-selection--single, .account__form-group--offset .select2 .select2-selection__arrow {
    height: 38px
}

.account__form-group--offset label {
    margin-bottom: 10px;
    display: block
}

.account__form-group__button {
    margin-top: 28px
}

.account__form-group__file {
    float: left
}

.account__form-group__file__button {
    display: inline-block;
    padding: 6px 29px;
    margin-top: 10px;
    font-size: 16px;
    color: #9b9b9b;
    background: #fff;
    border: 1px solid #9b9b9b;
    border-radius: 3px
}

.account__form-group__file__name {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 200;
    color: #ababab
}

.account__form-group__file__input {
    position: absolute;
    visibility: hidden
}

input:not([type=radio]):not([type=checkbox]):not(".subscribe__input"):not(".search__input") {
    height: 35px;
    line-height: 35px
}

.account {
    padding: 80px 0
}

.account b {
    font-weight: 600
}

@media (max-width: 767px) {
    .account {
        padding-top: 40px
    }
}

.account-link a {
    color: #d8292f;
    text-decoration: underline
}

.bold-italic-link a {
    font-style: italic
}

.bold-italic-link a, .bold-link a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline
}

.account-border, .account-usermenu {
    border: 1px solid #31363a;
    padding: 30px;
    position: relative
}

@media (max-width: 767px) {
    .account-usermenu {
        position: fixed;
        top: 0;
        left: -100%;
        right: 100%;
        bottom: 0;
        color: #fff;
        background: #000;
        z-index: 9999;
        overflow-y: auto;
        transition: .2s
    }

    .account-usermenu.open {
        left: 0;
        right: 60px
    }

    .account-usermenu:after {
        display: none
    }
}

.account-usermenu__avatar {
    border: 1px solid #31363a;
    padding: 30px;
    position: relative;
    border-radius: 52px;
    overflow: hidden;
    position: absolute;
    top: -52px;
    left: 0;
    right: 0;
    width: 104px;
    height: 104px;
    padding: 0;
    margin: auto;
    background-color: #fff;
    z-index: 2
}

@media (max-width: 767px) {
    .account-usermenu__avatar {
        display: none
    }
}

.account-usermenu__avatar_swap {
    width: 90px;
    height: 90px;
    margin: 5px;
    overflow: hidden;
    border-radius: 100px;
    background-position: 50%;
    background-size: cover
}

.account-usermenu__info {
    font-weight: 100;
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 10px
}

.account-usermenu__info span {
    display: block;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 30px
}

@media (max-width: 1199px) {
    .account-usermenu__info span {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .account-usermenu__info {
        margin-top: 10px;
        text-align: left;
        font-size: 10px;
        color: #8a8a8a
    }

    .account-usermenu__info span {
        font-size: 12px;
        color: #fff
    }
}

.account-container__header {
    border-bottom: 2px solid #31363a;
    overflow: hidden;
    margin-top: -33px;
    margin-bottom: 33px
}

@media (max-width: 767px) {
    .account-container__header:after {
        display: none
    }
}

.account-container__header__left {
    font-weight: 400;
    letter-spacing: 5px;
    float: left;
    font-size: 24px
}

@media (max-width: 767px) {
    .account-container__header__left {
        float: none
    }
}

.account-container__header__right {
    font-weight: 100;
    letter-spacing: .01;
    padding-top: 5px;
    float: right;
    font-size: 18px
}

@media (max-width: 767px) {
    .account-container__header__right {
        float: none
    }
}

.account-warning {
    overflow: hidden;
    border: 1px solid #9b9b9b;
    padding: 15px 10px;
    font-size: 13px
}

.account-warning a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline
}

.account-warning--lg {
    overflow: hidden;
    border: 1px solid #9b9b9b;
    padding: 15px 10px;
    font-size: 13px;
    padding: 30px 10px
}

.account-warning--lg a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline
}

.account-warning__title {
    letter-spacing: 5px;
    font-size: 24px;
    color: #fff;
    text-align: center
}

.account-warning__desc {
    font-size: 13px;
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.account-warning__status {
    background: hsla(0, 0%, 59%, .05);
    border: 1px solid #e8e8e8;
    font-size: 13px;
    float: none;
    padding: 30px 0;
    margin-top: 50px;
    margin-bottom: 30px
}

.account-warning__status b {
    font-weight: 600;
    font-size: 13px
}

.account-warning__status div {
    margin: 0 65px
}

.account-warning__status .account-container__icon {
    border: 3px solid #fff;
    position: absolute;
    top: -30px;
    margin: auto;
    left: 0;
    right: 0
}

.account-warning__status .account-container__icon .fa {
    margin: -7px;
    font-size: 36px
}

.account-warning__status .account-warning__status__title {
    margin-top: 10px
}

.account-warning__status .account-warning__status__address {
    margin-top: 25px
}

.account-container__title {
    letter-spacing: 5px;
    font-size: 24px;
    line-height: 50px;
    margin-left: 15px
}

@media (max-width: 767px) {
    .account-container__title {
        line-height: 37px;
        letter-spacing: 0;
        font-size: 20px
    }
}

@media (max-width: 1199px) {
    .account-container__title {
        font-size: 22px;
        letter-spacing: 0
    }
}

.account-container__light {
    font-size: 13px;
    line-height: 25px;
    margin-left: 15px
}

.account-container__light b {
    font-weight: 700
}

.account-container__light a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline
}

.account-container__icon {
    border-radius: 50px;
    background-color: #9c9c9c;
    display: inline-block;
    padding: 12px;
    width: 53px;
    height: 53px;
    text-align: center
}

.account-container__icon .fa {
    font-size: 24px;
    color: #fff
}

.account-container__icon .fa.flip {
    transform: scaleX(-1)
}

@media (max-width: 767px) {
    .account-container__icon {
        width: 40px;
        height: 40px;
        padding: 11px
    }

    .account-container__icon .fa {
        font-size: 18px
    }
}

.account-usermenu__list-container {
    margin-bottom: 30px
}

.account-usermenu__list-container span {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    display: block
}

.account-usermenu__list-container__menu li {
    line-height: 30px
}

.account-usermenu__list-container__menu li a {
    font-size: 13px;
    transition: .2s
}

.account-usermenu__list-container__menu li a .fa {
    font-size: 12px;
    width: 25px;
    text-align: center;
    transition: .2s;
    color: #9b9b9b
}

.account-usermenu__list-container__menu li a .fa.flip {
    transform: scaleX(-1)
}

.account-usermenu__list-container__menu li a.active, .account-usermenu__list-container__menu li a:hover {
    font-weight: 700
}

.account-container__summary {
    overflow: hidden;
    margin-top: 25px;
    padding-top: 10px;
    margin-bottom: 20px
}

.account-container__box {
    position: relative;
    border: 1px solid #9b9b9b;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 15px;
    margin-top: 15px
}

.account-container__box:last-child {
    margin-right: 0
}

.account-container__box:first-child {
    margin-left: 0
}

.account-container__box .account-container__icon {
    position: absolute;
    top: -25px;
    margin: auto;
    left: 0;
    right: 0
}

.account-container__box a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline;
    font-style: italic
}

@media (max-width: 1199px) and (min-width: 768px) {
    .account-container__box--index {
        height: 395px
    }
}

.account-summary__box__title {
    font-weight: 100;
    letter-spacing: 5px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    font-size: 24px
}

@media (max-width: 1199px) {
    .account-summary__box__title {
        letter-spacing: 0
    }
}

.account-container__box__description {
    text-align: center;
    font-size: 13px;
    height: 103px;
    border-bottom: 1px solid #9b9b9b;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.account-container__box__description.no-border {
    border: 0;
    margin-bottom: 25px
}

@media (max-width: 1199px) {
    .account-container__box__description {
        height: auto
    }
}

.account-container__box__bottom {
    font-size: 13px
}

.account-container__box__phone {
    font-size: 30px;
    text-align: center
}

@media (max-width: 767px) {
    .account-container__box__phone {
        font-size: 18px
    }
}

.account-container__box__bottom__price {
    font-size: 25px;
    text-align: right
}

.account-box {
    border: 1px solid #31363a;
    padding: 30px;
    position: relative;
    font-size: 13px
}

.account-box span {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #9b9b9b
}

.account-box__text a {
    font-weight: 700;
    color: #d8292f;
    text-decoration: underline;
    font-style: italic
}

.account-box__title {
    font-weight: 100;
    font-size: 20px;
    letter-spacing: 5px;
    margin-bottom: 15px
}

.account-form-box {
    padding: 30px
}

.center-div {
    float: none;
    margin: auto
}

.radio-with-margin {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 15px;
    float: left
}

.account-sss__content a {
    text-decoration: underline
}

.account-usermenu__info .account-usermenu__info-last-name {
    display: inline
}

.account-usermenu__info-last-name.small {
    font-size: 18px
}

.account-orders {
    margin-top: 25px;
    border: 1px solid #e8e8e8;
    padding: 15px 30px;
    color: #5c5c5c
}

@media (max-width: 767px) {
    .account-orders {
        padding: 15px
    }
}

.account-orders__pagination {
    overflow: hidden;
    margin-bottom: 15px
}

.account-orders__pagination ul li {
    float: left;
    margin-right: 10px
}

.account-orders__pagination ul li a {
    display: block;
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.account-orders__pagination ul li a:hover {
    color: #fff
}

.account-orders__pagination ul li:last-child {
    margin-right: 0
}

.account-orders__pagination ul li.active a {
    color: #fff
}

.account-orders__pagination ul li.last a, .account-orders__pagination ul li.next a {
    font-size: 18px;
    background-color: #eee
}

.account-orders__pagination ul li.last a:hover, .account-orders__pagination ul li.next a:hover {
    background-color: #f7f7f7
}

.account-orders__products li {
    zoom: 1;
    border-top: 1px solid #9b9b9b;
    padding: 15px 0
}

.account-orders__products li:after, .account-orders__products li:before {
    content: "";
    display: table
}

.account-orders__products li:after {
    clear: both
}

.account-orders__products li a {
    color: #d8292f;
    text-decoration: underline
}

.account-orders__products li:last-child {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px
}

.account-orders__products li .disable {
    opacity: .2
}

.account-orders__products__description {
    font-size: 13px;
    padding-top: 5px;
    padding-left: 20px
}

.account-orders__products__description a {
    color: #4a4a4a !important;
    font-weight: 600
}

.account-orders__products__status {
    font-size: 16px;
    text-align: center;
    line-height: 70px
}

.account-orders__products__status.status-400, .account-orders__products__status.status-450, .account-orders__products__status.status-500, .account-orders__products__status.status-540, .account-orders__products__status.status-550 {
    color: #60af0a
}

.account-orders__products__status.status-100, .account-orders__products__status.status-600 {
    color: #d31129
}

@media (max-width: 767px) {
    .account-orders__products__status {
        text-align: center;
        line-height: 2
    }
}

.account-orders__products__price {
    font-weight: 600;
    font-size: 18px;
    text-align: right;
    line-height: 70px
}

@media (max-width: 767px) {
    .account-orders__products__price {
        text-align: center;
        line-height: 2
    }
}

.account-orders-detail {
    margin-top: 25px;
    border: 1px solid #e8e8e8;
    padding: 15px 30px;
    color: #5c5c5c;
    margin-top: 0;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .account-orders-detail {
        padding: 15px
    }
}

.account-orders-detail .account-orders__products li .account-orders__products__description {
    padding-top: 15px;
    font-weight: 600
}

.account-orders-detail .account-orders__products li:first-child {
    border-top: 0
}

.account-orders-detail__pricetable {
    font-size: 13px
}

.account-orders-detail__pricetable tr {
    line-height: 40px
}

.account-orders-detail__pricetable tr td, .account-orders-detail__pricetable tr th {
    text-align: right
}

.account-orders-detail__pricetable tr:last-child {
    border-top: 1px solid #e8e8e8;
    line-height: 60px
}

.account-orders-detail__pricetable tr:last-child td, .account-orders-detail__pricetable tr:last-child th {
    font-weight: 600
}

.account-orders-detail__pricetable tr:last-child td {
    font-size: 18px
}

.account-orders-detail__select {
    width: 100%
}

.account__form-group__action-select {
    width: 145px
}

.account-orders-header {
    zoom: 1;
    margin-top: 25px;
    margin-bottom: 10px
}

.account-orders-header:after, .account-orders-header:before {
    content: "";
    display: table
}

.account-orders-header:after {
    clear: both
}

.account-orders__empty {
    text-align: center;
    font-weight: 100;
    font-size: 24px;
    padding: 0 0 30px;
    color: #ee7a84
}

.account-orders-cancellation {
    margin-top: 15px
}

.account-orders-cancellation a {
    text-decoration: underline;
    font-style: italic;
    font-size: 13px
}

.account-orders-cancellation button {
    background-color: #ee7a84;
    color: #fff;
    font-size: 16px;
    padding: 8px 25px
}

.account-orders-cancellation button:disabled {
    background-color: #ccc
}

.account-orders__products-checkbox {
    padding-top: 30px;
    padding-bottom: 30px
}

.account-orders-cancellation__footer {
    padding: 20px 0
}

.account-orders-cancellation__footer label {
    margin-top: 10px;
    display: inline-block;
    margin-right: 15px
}

.account-orders-cancellation__footer__up {
    display: block;
    padding: 10px
}

.account__form-group__error {
    color: #ee7a84;
    text-align: center;
    margin: 10px
}

.account__form-group__success {
    color: #ee7a84;
    text-align: center;
    margin: 10px;
    color: #60af0a
}

.account__form-cancel {
    color: #60af0a;
    padding: 10px;
    text-align: center
}

.account__orders__icon {
    margin-top: -3px
}

.order-item-meta {
    margin-bottom: 8px
}

.account-orders__contract {
    padding-left: 0
}

.account-orders__contract a {
    text-decoration: underline
}

.account-contact {
    margin-top: 25px
}

.account-contact__left {
    background: hsla(0, 0%, 59%, .05);
    border: 1px solid #9b9b9b
}

.account-contact__right .account-container__box {
    margin: 0;
    margin-bottom: 25px
}

.account-contact__right .account-container__box .account-summary__box__title {
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 25px
}

.account-contact__right .account-container__box .account-container__box__description {
    margin-bottom: 36px
}

.contact-form {
    font-size: 13px;
    padding: 10px 60px;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .contact-form {
        padding: 10px 15px
    }
}

.full-width-form {
    padding: 60px
}

.account-contact__success {
    display: none;
    padding: 60px 0 85px;
    background: rgba(238, 121, 132, .05);
    text-align: center;
    margin-top: 25px;
    background-image: linear-gradient(90deg, rgba(164, 60, 140, .98), #d23f49);
    color: #fff
}

.account-contact__success__box {
    max-width: 90%;
    margin: 0 auto
}

.account-contact__success__check {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding-top: 4px;
    color: #fff;
    font-size: 36px;
    border: 3px solid #fff;
    border-radius: 100%
}

.account-contact__success__title {
    margin-top: 30px;
    font-size: 24px;
    color: #fff
}

.account-contact__success__description {
    max-width: 345px;
    margin: 25px auto;
    font-size: 13px
}

.account-contact__success__redirect {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff
}

.account-contact__success__redirect:focus, .account-contact__success__redirect:hover {
    color: #fff
}

.account-address {
    margin-top: 35px
}

.account-address .account-container__box b {
    font-weight: 700
}

.account-address .account-container__box .account-container__icon {
    color: #fff;
    font-size: 24px;
    padding: 10px
}

.account-address .account-container__box .account-container__icon.active, .account-address .account-container__box .account-container__icon:hover {
    background-color: #ee7a84
}

@media (max-width: 767px) {
    .account-address .account-container__box .account-container__icon {
        font-size: 18px;
        padding-top: 8px
    }
}

.account-address .account-container__box .account-container__box__description {
    text-align: left;
    height: 103px
}

.account-address .account-container__box .account-container__box__description b {
    display: block
}

.account-address .account-container__box .container__box__description--line {
    text-align: center;
    padding: 125px 0 105px
}

.account-address .account-summary__box__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-address__loading {
    padding: 25px
}

.js-address-form__full-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .53);
    padding: 45%
}

.jconfirm-box {
    width: 300px;
    height: 220px;
    border-radius: 0 !important;
    padding: 0 0 20px !important
}

.jconfirm-title {
    width: 100%;
    padding-bottom: 0 !important
}

.jconfirm-title .confirm-title {
    width: 100%;
    font-size: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
    font-weight: 600
}

.jconfirm-content-pane {
    margin: 30px 0 !important
}

.jconfirm-content-pane .jconfirm-content {
    text-align: center;
    padding: 0 20px;
    font-size: 13px
}

.jconfirm-buttons {
    float: none !important;
    margin: 0 auto;
    text-align: center
}

.jconfirm-buttons > button.btn {
    width: 90px !important;
    font-weight: 200 !important;
    font-size: 16px !important;
    border-radius: 0 !important
}

.jconfirm-buttons .btn-confirm {
    background-color: #ee7a84;
    color: #fff
}

.jconfirm-buttons .btn-cancel {
    background-color: transparent;
    color: #9b9b9b;
    border: 1px solid #9b9b9b !important
}

.jconfirm-buttons > button.jconfirm-buttons__continue {
    width: auto !important;
    margin-right: 5px;
    background-color: transparent
}

.jconfirm-buttons > button.jconfirm-buttons__basket {
    width: auto !important;
    color: #fff
}

.account-sss {
    zoom: 1;
    margin-top: 25px;
    border: 1px solid #9b9b9b;
    padding: 25px
}

.account-sss:after, .account-sss:before {
    content: "";
    display: table
}

.account-sss:after {
    clear: both
}

.account-sss__list {
    margin: 0 0 35px
}

.account-sss__list--label {
    font-weight: 100;
    font-size: 24px;
    letter-spacing: 5px;
    margin-bottom: 10px
}

.account-sss__list--link {
    position: relative;
    display: block;
    font-size: 13px;
    padding: 11px 11px 11px 20px
}

.account-sss__list--link:after {
    position: absolute;
    left: 0;
    top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\F0DA";
    font-size: 20px;
    transition: .2s
}

.account-sss__list--link.js-active:after {
    transform: rotate(90deg)
}

.account-sss__list--link.js-active {
    font-weight: 700
}

.account-sss__content {
    padding: 0 0 15px 20px;
    display: none
}

.account-sss__content p {
    color: #615e62;
    font-size: 13px;
    margin-bottom: 20px
}

.account-sss__content p:last-child {
    margin-bottom: 0
}

.account-sss__content p strong {
    font-weight: 700
}

.account-coupons {
    margin-top: 25px
}

.account-warning__price-bold {
    font-size: 36px;
    font-weight: 700;
    padding-left: 10px
}

.account-coupons__list {
    margin-bottom: 25px
}

.account-coupons__list--container {
    border: 1px solid #9b9b9b;
    padding: 25px
}

.account-coupons__no-coupons {
    width: 100%;
    color: #ee7a84;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.account-coupons__list--container__table {
    width: 100%;
    font-size: 13px
}

.account-coupons__list--container__table thead th {
    font-weight: 100;
    color: #b55457;
    text-align: left
}

.account-coupons__list--container__table tr {
    line-height: 40px
}

.account-coupons__list__title {
    font-weight: 100;
    font-size: 24px;
    letter-spacing: 5px;
    margin-bottom: 10px
}

.account-coupons__list--container__bottom {
    font-weight: 600;
    border-top: 1px solid #e8e8e8;
    text-align: right;
    margin-top: 25px;
    padding-top: 20px
}

.account-coupons__list--container__bottom b {
    font-size: 18px;
    margin-left: 25px
}

.account-delivery-conditions {
    zoom: 1;
    margin-top: 25px;
    border: 1px solid #9b9b9b;
    padding: 30px 25px
}

.account-delivery-conditions p {
    font-size: 13px;
    margin-bottom: 20px
}

.account-profile {
    padding-top: 80px
}

.account-profile__avatar {
    border: 1px solid #9b9b9b;
    padding: 30px;
    position: relative;
    border-radius: 52px;
    background-clip: padding-box;
    overflow: hidden;
    position: absolute;
    top: -52px;
    left: 0;
    right: 0;
    width: 104px;
    height: 104px;
    padding: 0;
    margin: auto;
    background-color: #fff;
    z-index: 2
}

.account-profile__avatar:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    border: none;
    z-index: -3
}

.account-profile__add_avatar {
    margin: 20px;
    text-align: center
}

.account-profile__add_avatar .account__form-group__file__text {
    font-style: italic;
    position: absolute;
    width: 50px
}

.account-profile__add_avatar i {
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 66px;
    left: 41px;
    color: #9b9b9b
}

.account-profile__avatar:after {
    border-radius: 52px;
    background-clip: padding-box
}

.account-profile__avatar_swap {
    width: 90px;
    height: 90px;
    margin: 5px;
    overflow: hidden;
    border-radius: 100px;
    background-position: 50%;
    background-size: cover
}

.js-gender-wrapper {
    display: inline
}

.js-gender-wrapper input {
    margin-left: 20px
}

.js-gender-wrapper label {
    text-transform: capitalize
}

.ui-widget-header, .ui-widget-header select {
    background-color: #fff
}

.account__form--input-grup, .js-account-profile-datepicker {
    position: relative
}

.account__form--input-grup i {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px
}

@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: .7rem;
    padding-right: .7rem
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: .7rem;
    padding-right: .7rem
}

.row {
    margin-left: -0.7rem;
    margin-right: -0.7rem
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: .7rem;
    padding-right: .7rem
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }

    .container, .row {
        padding: 0;
        margin: 0
    }

    [class*='col-'] .row {
        margin-left: -0.7rem;
        margin-right: -0.7rem
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

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

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.row--gutter {
    margin-top: 10px
}

.row--gutter-clear {
    margin-top: -10px
}

.img-full {
    width: 100%
}

.p-0 {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.mt-1 {
    margin-top: 10px !important
}

.white {
    color: #fff !important
}

.cblack {
    color: #4a4a4a !important
}

.d-inline-block {
    display: inline-block !important
}

.text-black {
    color: #000 !important
}

.d-flex {
    display: flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-space-around {
    justify-content: space-around !important
}

@media only screen and (max-width: 767px) {
    .justify-content-center-sm {
        justify-content: center !important
    }

    .d-flex-sm {
        display: flex !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url(slick.eot);
    src: url(slickd41d.eot?#iefix) format('embedded-opentype'), url(slick.woff) format('woff'), url(slick.ttf) format('truetype'), url(slick.svg#slick) format('svg')
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "\2190"
}

[dir="rtl"] .slick-prev:before {
    content: "\2192"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "\2192"
}

[dir="rtl"] .slick-next:before {
    content: "\2190"
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: .75
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

blockquote footer:before, blockquote footer:after {
    display: none
}

body * {
    -webkit-text-size-adjust: none
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    display: block
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none
}

input, textarea, select {
    border-radius: 0
}

a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    outline: none
}

ul {
    list-style: none
}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1
}

h1 {
    margin: 0
}

button {
    border: 0
}

@font-face {
    font-family: 'Trade Gothic Bold';
    src: url(a101_tradegothic-bold-webfont.woff2) format('woff2'), url(a101_tradegothic-bold-webfont.woff) format('woff'), url(a101_tradegothic-bold-webfont.svg#trade_gothic_condensed_boldBd) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Panton';
    src: url(panton-blackcaps-webfont.woff2) format('woff2'), url(panton-blackcaps-webfont.woff) format('woff'), url(panton-blackcaps-webfont.svg#pantonblack_caps) format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Panton';
    src: url(panton-bold-webfont.woff2) format('woff2'), url(panton-bold-webfont.woff) format('woff'), url(panton-bold-webfont.svg#pantonbold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Panton';
    src: url(panton-extrabold-webfont.woff2) format('woff2'), url(panton-extrabold-webfont.woff) format('woff'), url(panton-extrabold-webfont.svg#panton_extraboldregular) format('svg');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Panton';
    src: url(panton-regular-webfont.woff2) format('woff2'), url(panton-regular-webfont.woff) format('woff'), url(panton-regular-webfont.svg#pantonregular) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url(icomoon.eot);
    src: url(icomoon.eot#iefix) format('embedded-opentype'), url(icomoon.ttf) format('truetype'), url(icomoon.woff) format('woff'), url(icomoon.svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal
}

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

.icon-contact_online:before {
    content: "\E900"
}

.icon-contact_rental:before {
    content: "\E901"
}

.icon-contact_phone:before {
    content: "\E902"
}

.icon-contact_shop:before {
    content: "\E903"
}

.icon-contact_base:before {
    content: "\E904"
}

.icon-refresh:before {
    content: "\E905"
}

.icon-hamburger:before {
    content: "\E906"
}

.icon-youtube:before {
    content: "\E907"
}

.icon-star:before {
    content: "\E908"
}

.icon-star_full:before {
    content: "\E909"
}

.icon-bizeulasin:before {
    content: "\E90A"
}

.icon-sepetekle:before {
    content: "\E90B"
}

.icon-traingle:before {
    content: "\E90C"
}

.icon-locked:before {
    content: "\E90D"
}

.icon-shop:before {
    content: "\E90E"
}

.icon-discount:before {
    content: "\E90F"
}

.icon-linkedin:before {
    content: "\E910"
}

.icon-pinterest:before {
    content: "\E911"
}

.icon-instagram:before {
    content: "\E912"
}

.icon-twitter:before {
    content: "\E913"
}

.icon-facebook:before {
    content: "\E914"
}

.icon-question:before {
    content: "\E915"
}

.icon-search:before {
    content: "\E916"
}

.icon-afisler:before {
    content: "\E917"
}

.icon-minus:before {
    content: "\E918"
}

.icon-plus:before {
    content: "\E919"
}

.icon-clock:before {
    content: "\E91A"
}

.icon-online_shop:before {
    content: "\E91B"
}

.icon-hesabim:before {
    content: "\E91C"
}

.icon-delivery:before {
    content: "\E91D"
}

.icon-calendar:before {
    content: "\E91E"
}

.icon-chevron_down:before {
    content: "\E91F"
}

.icon-chevron_up:before {
    content: "\E920"
}

.icon-chevron_left:before {
    content: "\E921"
}

.icon-chevron_right:before {
    content: "\E922"
}

.icon-close:before {
    content: "\E923"
}

.icon-arrow_left:before {
    content: "\E924"
}

.icon-arrow_right:before {
    content: "\E925"
}

.icon-sepet:before {
    content: "\E926"
}

.icon-bulten:before {
    content: "\E927"
}

.icon-check:before {
    content: "\E928"
}

.icon-checked:before {
    content: "\E929"
}

.icon-box:before {
    content: "\E92A"
}

.icon-help:before {
    content: "\E92B"
}

.icon-close_menu:before {
    content: "\E92C"
}

.icon-chevron_menu:before {
    content: "\E92D"
}

.icon-siparislerim_menu:before {
    content: "\E92E"
}

.icon-double-chevron-left:before {
    content: "\E92F"
}

.icon-double-chevron-right:before {
    content: "\E930"
}

.icon-envelope:before {
    content: "\E931"
}

.icon-printer:before {
    content: "\E932"
}

.icon-share:before {
    content: "\E933"
}

.icon-phone:before {
    content: "\E934"
}

.icon-zoom:before {
    content: "\E935"
}

.icon-question-basket:before {
    content: "\E936"
}

.icon-yeni:before {
    content: "\E937"
}

.icon-problem:before {
    content: "\E938"
}

.icon-hediye:before {
    content: "\E939"
}

.icon-arrow_up:before {
    content: "\E93A"
}

.icon-arrow_down:before {
    content: "\E93B"
}

.icon-truck:before {
    content: "\E93C"
}

.icon-receipt:before {
    content: "\E93D"
}

.icon-agreement:before {
    content: "\E93E"
}

.icon-kiralik:before {
    content: "\E93F"
}

.icon-tedarik:before {
    content: "\E940"
}

.icon-whatsapp_round:before {
    content: "\E941"
}

.icon-facebook_round:before {
    content: "\E942"
}

.icon-twitter_round:before {
    content: "\E943"
}

html {
    font-size: 10px
}

body {
    color: #000000;
    font-size: 1.4rem;
    line-height: 1.14em;
    font-family: 'Panton', sans-serif
}

body.no-scroll {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

button {
    background-color: transparent
}

a {
    color: #000000
}

.slick-slider {
    -ms-touch-action: unset !important;
    touch-action: unset !important
}

.jconfirm, .jconfirm-box {
    display: none !important
}

.jconfirm-box .jconfirm-buttons button {
    text-transform: lowercase !important
}

.jconfirm-box .jconfirm-buttons button:first-letter {
    text-transform: uppercase !important
}

.jconfirm-box {
    width: 330px;
    height: auto;
    max-width: 90%;
    padding-top: 85px !important;
    overflow: visible !important;
    border-radius: 10px !important
}

.jconfirm-box::before {
    position: absolute;
    content: '';
    display: block;
    width: 85px;
    height: 100px;
    top: 0;
    left: 50%;
    margin-top: -50px;
    margin-left: -42px;
    background: url(icon%40alert.png) no-repeat
}

.jconfirm-buttons .btn {
    font-family: 'Panton', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    padding: .5rem;
    text-align: center;
    display: inline-block;
    border: .1rem solid transparent;
    letter-spacing: .05em;
    border-radius: .8rem;
    position: relative;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.jconfirm-buttons .btn-confirm {
    background-color: #00b3c8 !important;
    color: #ffffff;
    -webkit-box-shadow: 0 .4rem 0 #009caf;
    -moz-box-shadow: 0 .4rem 0 #009caf;
    box-shadow: 0 .4rem 0 #009caf
}

.jconfirm-buttons > button.btn {
    width: 50% !important;
    display: block !important;
    margin: 0 auto 4px auto !important;
    -webkit-border-radius: .8rem !important;
    -moz-border-radius: .8rem !important;
    border-radius: .8rem !important;
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important
}

.jconfirm-buttons .btn-cancel {
    color: #000 !important;
    text-decoration: underline;
    border: none !important
}

.jconfirm-buttons .btn-cancel:hover {
    text-decoration: underline !important
}

.jconfirm-title-c {
    padding: 0
}

.jconfirm-title .confirm-title {
    padding: 0;
    border: 0;
    font-size: 30px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    font-size: 16px;
    margin: 10px 0 !important
}

.jconfirm-content-pane {
    margin: 25px 0 !important
}

.jconfirm-content-pane .jconfirm-content {
    line-height: 18px;
    padding: 0;
    max-width: 190px;
    margin: 0 auto;
    font-size: 16px
}

.page--account .jconfirm, .page--account .jconfirm-box {
    display: block !important
}

:hover, :active, :focus {
    text-decoration: none !important
}

::-moz-selection {
    color: #fff;
    background-color: #00b3c8
}

::selection {
    color: #fff;
    background-color: #00b3c8
}

.tab-contents > div:not(:first-child) {
    display: none
}

.back-drop {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    display: block;
    left: 0;
    top: 0
}

.text-center {
    text-align: center
}

.modal {
    display: none;
    padding: 1.5rem
}

.mfp-content .modal {
    display: inline-block;
    position: relative
}

.mfp-content {
    padding: 30px
}

.mfp-content .content {
    line-height: 2rem
}

.mfp-content .content-title {
    font-weight: bold;
    text-align: center
}

.mfp-content strong {
    font-weight: bold
}

.page-server-error {
    text-align: center
}

.page-server-error .content {
    padding: 3rem
}

.page-server-error .box {
    display: inline-block;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: .75rem 1rem 2rem rgba(0, 0, 0, 0.25)
}

.page-server-error .text {
    padding: 3rem;
    max-width: 45rem;
    margin: 0 auto
}

.page-server-error .text h1 {
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.page-server-error .text p {
    font-size: 1.8rem;
    line-height: 1.4em
}

.page-not-found {
    text-align: center
}

.page-not-found .content {
    padding: 7rem 3rem
}

.page-not-found img {
    max-width: 100%;
    height: auto
}

.page-not-found h1 {
    font-size: 2rem;
    line-height: 1.4em;
    font-weight: 700;
    margin-top: 4rem
}

.page-not-found h1 span {
    font-weight: 400
}

input[type="tel"], input[type="text"], input[type="email"], input[type="phone"], input[type="password"], input[type="tel"], textarea {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

div::-webkit-scrollbar {
    width: 0
}

div::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none
}

div::-webkit-scrollbar-thumb:window-inactive {
    background: transparent
}

body::-webkit-scrollbar {
    width: 1.2rem
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .3rem rgba(0, 0, 0, 0.15)
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}

body::-webkit-scrollbar-thumb:window-inactive {
    background: transparent
}

@media (min-width: 690px) {
    .container {
        max-width: 1170px !important;
        width: 100%
    }
}

.back-to-top {
    position: fixed;
    bottom: 75px;
    right: 29px;
    z-index: 10;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-box-shadow: 0 .2rem 0 #00008b;
    -moz-box-shadow: 0 .2rem 0 #00008b;
    box-shadow: 0 .2rem 0 #00008b;
    background-color: #00008b;
    color: #fff;
    font-weight: 700;
    border-color: #00008b;
    border-width: .2rem;
    border-radius: 1.6rem;
    letter-spacing: 0
}

.back-to-top i {
    position: relative;
    font-size: 40px;
    top: 2px
}

.back-to-top.active {
    pointer-events: auto;
    opacity: 1
}

.sprite {
    display: inline-block
}

.sprite.troy-logo {
    background-image: url(sprite.png);
    background-position: -278px -218px;
    width: 35px;
    height: 16px
}

.sprite.bkm-logo {
    background-image: url(sprite.png);
    background-position: -278px -157px;
    width: 57px;
    height: 16px
}

.sprite.visa-logo {
    background-image: url(sprite.png);
    background-position: -278px -187px;
    width: 50px;
    height: 15px
}

.sprite.mastercard-logo {
    background-image: url(sprite.png);
    background-position: -310px -125px;
    width: 25px;
    height: 15px
}

.sprite.gpay-logo {
    background-image: url(sprite.png);
    background-position: -206px -172px;
    width: 66px;
    height: 16px
}

.sprite.bkm-logo {
    background-image: url(sprite.png);
    background-position: -278px -157px;
    width: 57px;
    height: 16px
}

.sprite.app-store {
    background-image: url(sprite.png);
    background-position: -96px -172px;
    width: 110px;
    height: 33px
}

.sprite.google-play {
    background-image: url(sprite.png);
    background-position: 0 -210px;
    width: 110px;
    height: 33px
}

.sprite.alert {
    background-image: url(sprite.png);
    background-position: 0 -72px;
    width: 86px;
    height: 100px
}

.sprite.cvv {
    background-image: url(sprite.png);
    background-position: -278px -99px;
    width: 40px;
    height: 26px
}

.sprite.bonus {
    background-image: url(sprite.png);
    background-position: -184px -157px;
    width: 92px;
    height: 14px
}

.sprite.yerli-uretim {
    background-image: url(sprite.png);
    background-position: 0 -172px;
    width: 96px;
    height: 38px
}

.sprite.plus {
    background-image: url(sprite.png);
    background-position: -278px 0;
    width: 60px;
    height: 60px
}

.form-errors {
    margin: 10px 0;
    color: red
}

.page-header {
    position: sticky;
    top: 0;
    background-color: #f2dd07; 
    z-index: 1000
}

@media only screen and (max-width: 1024px) {
    .page-header {
        position: relative;
        height: 88px;
        height: 130px
    }

    .page-header .header {
        height: 64px !important;
        border-radius: 0
    }

    .page-header .header .logo img {
        margin-top: 0;
        width: 54px !important
    }

    .page-header .basket-count-set {
        display: flex;
        align-items: center
    }

    .page-header .basket-count-set > a {
        position: relative;
        border: none !important
    }

    .page-header .basket-count-set .count-container {
        position: relative
    }

    .page-header .basket-count-set .count {
        position: absolute;
        right: 50%;
        top: 50%;
        width: 18px;
        height: 18px;
        margin-right: -16px;
        margin-top: -25px;
        color: #000;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 18px;
        background-color: #fddd00;
        border-radius: 100%; 
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .page-header .menu-toggle em {
        font-size: 4rem !important
    }
}

.page-header .page-name {
    display: none !important
}

.page-header .header-message {
    height: 4rem;
    color: #4a4a4a;
    font-size: 1.4rem;
    line-height: 4rem;
    text-align: center;
    font-weight: 700;
    background-color: #f7f6f2
}

.page-header .header-body {
    display: flex;
    padding: 10px 0
}

.page-header .header-main {
    width: 92%;
    padding-left: 12px
}

.page-header .header-top {
    padding: .5rem 0;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 1024px) {
    .page-header .header-top {
        padding: 1.5rem 0
    }
}

.page-header .header-top .row {
    display: flex;
    align-items: center
}

.page-header .header-top .call-us {
    color: #59617c;
    font-size: 12px;
    font-family: 'Panton', sans-serif !important
}

@media only screen and (max-width: 1024px) {
    .page-header .header-top .call-us {
        color: #4a4a4a;
        font-size: 1.6rem;
        font-family: 'Trade Gothic Bold' !important
    }
}

.page-header .header-top .menu {
    float: right
}

.page-header .header-top .menu > ul {
    display: flex;
    align-items: center
}

.page-header .header-top .menu > ul > li {
    float: left
}

.page-header .header-top .menu > ul > li > a {
    display: inline-block;
    height: 1.6rem;
    margin-left: 1.5rem;
    padding-left: 1.5rem;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    font-family: 'Panton', sans-serif;
    border-left: solid 1px #979797;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

@media only screen and (max-width: 1024px) {
    .page-header .header-top .menu > ul > li > a {
        margin-left: 1rem;
        padding-left: 1rem;
        font-size: 1.6rem;
        color: #4a4a4a;
        font-family: 'Trade Gothic Bold'
    }
}

.page-header .header-top .menu > ul > li > a:hover {
    color: #d0021b;
    text-decoration: underline !important
}

.page-header .header-top .menu > ul > li:first-child > a {
    border-left: 0
}

.page-header .dropdown-button {
    position: relative
}

.page-header .dropdown-button svg {
    transform: rotate(270deg)
}

.page-header .dropdown-button ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 60%;
    z-index: 100;
    width: 190px;
    padding: 15px;
    margin-top: -5px;
    margin-left: -95px;
    background-color: #fff;
    border: solid 1px #59617c;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)
}

.page-header .dropdown-button ul::after {
    content: "";
    border: inherit;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, calc(-51.3%)) rotate(45deg);
    background: inherit;
    border-bottom: none;
    border-right: none
}

.page-header .dropdown-button.opened > a {
    background: #F5F5F5 !important;
    color: #59617C !important
}

.page-header .dropdown-button.opened svg {
    transform: rotate(0deg)
}

.page-header .dropdown-button.opened ul {
    visibility: visible;
    opacity: 1
}

.page-header .header-mobile {
    display: none
}

@media only screen and (max-width: 1024px) {
    .page-header .header-mobile {
        display: block
    }
}

.page-header .header-desktop {
    background-color: #f2dd07;
    color: white;
}

.page-header .header-desktop .account-toggle {
    border: 1px solid #59617c;
    border-radius: 4px;
    padding: 10px !important
}

.page-header .header-desktop .account-toggle .account-toggle-title > span {
    display: block;
    text-align: start
}

.page-header .header-desktop .account-toggle .account-toggle-title .sign-up {
    font-size: 10px
}

.page-header .header-desktop .header-top .menu > ul > li.campaigns-button > a {
    text-decoration: none !important;
    position: relative;
    background: #8088A4;
    border-radius: 2px;
    height: 25px !important;
    padding: 0 14px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .page-header .header-desktop {
        display: none
    }
}

.page-header .header {
    position: relative;
    z-index: 99;
    height: 46px;
    border-radius: 10px;
    padding: 12px 0
}

@media only screen and (max-width: 1024px) {
    .page-header .header {
        z-index: 1000;
        background-color: #f2dd07;
        padding: 0
    }
}

.page-header .header .header-logo {
    width: 10%
}

.page-header .header #campaign-sprite {
    background: url(sprite_image.png) no-repeat;
    background-position-x: -8px;
    background-position-y: -9px;
    background-size: 100px;
    width: 25px;
    height: 24px;
    margin: 0 auto 3px auto
}

.page-header .header.active {
    z-index: 99
}

.page-header .header .menu-toggle {
    float: left;
    padding-top: 5px;
    margin-left: 2rem;
    margin-right: 2rem;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.page-header .header .menu-toggle:hover {
    color: #eee
}

.page-header .header .menu-toggle em {
    display: block;
    margin-bottom: -3px;
    font-size: 4em
}

.page-header .header .logo {
    float: left;
    padding-top: 8px;
    padding-left: 30px
}

.page-header .header .tooltip {
    position: relative;
    display: inline-block
}

.page-header .header .search-area {
    position: relative;
    top: 25%;
    float: left;
    width: 41%
}

@media only screen and (max-width: 1024px) {
    .page-header .header .search-area {
        width: 41%;
        top: 50%;
        margin-left: 4rem;
        width: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }
}

.page-header .header .search-area .input-icon {
    color: #8088A4;
    font-size: 3rem;
    line-height: 4rem
}

@media only screen and (max-width: 1024px) {
    .page-header .header .search-area .input-icon {
        color: #000;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 2px;
        margin-left: 5px
    }
}

.page-header .header .search-area input[type="text"] {
    width: 100%;
    height: 35px;
    padding-right: 75px;
    padding-left: 1.5rem;
    border: 1px solid #8088A4;
    background-color: #f5f5f5;
    border-radius: 4px
}

@media only screen and (max-width: 1024px) {
    .page-header .header .search-area input[type="text"] {
        height: 4rem;
        border: none;
        padding-left: 4rem;
        border-radius: 1rem
    }
}

.page-header .header .search-area button {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    color: #000;
    font-size: 1.6rem;
    font-weight: 800;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1024px) {
    .page-header .header .search-area button {
        height: 4rem
    }
}

.page-header .header .search-area .search-btn {
    width: 60px;
    background-color: #fddd00;
    border-radius: 0 1rem 1rem 0
}

.page-header .header .menu {
    position: relative;
    float: right;
    width: 55%
}

.page-header .header .menu > ul {
    display: flex;
    justify-content: space-between
}

.page-header .header .menu > ul > li {
    float: left;
    position: relative
}

.page-header .header .menu > ul > li:first-child::after {
    content: "";
    position: absolute;
    top: 14px;
    right: -18px;
    height: 20px;
    width: 1px;
    background: #adb3c4
}

.page-header .header .menu > ul > li:last-child > a {
    background-color: #4db0c5;
    color: #fff;
    border-radius: 4px;
    padding: 0 18px
}

@media only screen and (max-width: 1024px) {
    .page-header .header .menu > ul > li:last-child > a {
        background-color: #00a1b4;
        border-radius: 0 10px 10px 0
    }
}

.page-header .header .menu > ul > li > a {
    display: flex;
    height: 46px;
    align-items: center;
    gap: 8px;
    padding: 9px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .2px;
    text-decoration: none;
    color: #000;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

@media only screen and (max-width: 1024px) {
    .page-header .header .menu > ul > li > a {
        display: block;
        height: 88px;
        padding: 25px 1.8rem 1.5rem;
        color: #fff
    }
}

@media only screen and (max-width: 1024px) {
    .page-header .header .menu > ul > li > a:hover {
        color: #eee
    }
}

.page-header .header .menu > ul > li > a > em {
    display: block;
    margin-bottom: 5px;
    font-size: 2.2rem
}

.page-header .header .menu > ul > li > a > img {
    display: block;
    margin: 0 auto 3px auto;
    width: 25px
}

.page-header .header .menu > ul > li.account-menu {
    position: relative
}

.page-header .header .menu > ul > li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 130%;
    left: 50%;
    z-index: 100;
    width: 190px;
    padding: 10px 15px;
    margin-top: -5px;
    margin-left: -95px;
    background-color: #fff;
    border: solid 1px #59617c;
    border-radius: 5px;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)
}

.page-header .header .menu > ul > li .dropdown-menu::after {
    content: "";
    border: inherit;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, calc(-51.3%)) rotate(45deg);
    background: inherit;
    border-bottom: none;
    border-right: none
}

.page-header .header .menu > ul > li .dropdown-menu .content {
    position: relative
}

.page-header .header .menu > ul > li.account-menu:hover .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.page-header .header .menu > ul > li .dropdown-menu li a, .page-header .header .menu > ul > li .dropdown-menu li button {
    display: inline-block;
    padding: 0;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 35px;
    background-color: transparent
}

.page-header .header .menu > ul > li .dropdown-menu li a:hover {
    color: #00b3c8;
    text-decoration: underline !important
}

.page-header .header .menu > ul > li .dropdown-menu li button {
    font-weight: 700;
    text-decoration: underline
}

.page-header .header .online-shopping-mobile {
    float: left;
    margin-left: 10px
}

.page-header .header .online-shopping-mobile a {
     line-height: 1;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 9px;
    display: block;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border-color: #d72f11;
    background-color: #d72f11;
}

.page-header .header .mobile-menu {
    float: right;
    height: 55px;
    overflow: hidden;
    position: absolute;
    right: 0
}

.page-header .header .mobile-menu li {
    float: left;
    height: 55px
}

.page-header .header .mobile-menu li.online-shopping {
    margin-right: 10px
}

.page-header .header .mobile-menu li a {
     line-height: 1;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 3px 10px;
    margin-top: 9px;
}

.page-header .header .mobile-menu li a .text {
    text-align: center;
    vertical-align: middle
}

.page-header .header .mobile-menu a {
     display: inline-block;
    margin-right: 5px;
    color: #000;
    font-size: 20px;
    line-height: 55px;
}

.page-header .header .mobile-menu .icon-hesabim {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px
}

.page-header .header .mobile-menu .search-toggle {
    line-height: 1;
    text-align: center;
    margin-top: 5px
}

.page-header .header .mobile-menu .search-toggle .icon-search {
    font-size: 37px;
    font-weight: 700
}

.page-header .header .mobile-menu .search-toggle span {
    display: block;
    margin-top: -4px;
    font-size: 11px
}

.page-header .header .mobile-menu li a .text {
    display: inline-block;
    font-size: 13px;
    line-height: 13px
}

.page-header .header .mobile-menu .account-menu-mobile {
    line-height: 1;
    text-align: center;
    position: relative
}

.page-header .header .mobile-menu .account-menu-mobile span {
    display: block;
    font-size: 11px;
    margin-right: 20px
}

.page-header .header .mobile-menu .online-shopping em {
    font-size: 22px
}

.page-header .header.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    height: 68px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 0 0 10px 10px
}

.page-header .header.fixed .menu-toggle {
    padding-top: 0
}

.page-header .header.fixed .menu-toggle em {
    font-size: 55px
}

.page-header .header.fixed .menu > ul > li:last-child > a {
    border-radius: 0 0 10px 0
}

.page-header .header.fixed .logo img {
    width: 54px !important
}

.page-header .header.fixed .menu > ul > li > a {
    padding-top: 10px;
    height: 68px
}

.page-header .basket-toggle {
    position: relative
}

.page-header .basket-toggle .count-container {
    position: relative
}

.page-header .basket-toggle .count {
    position: absolute;
    right: 80%;
    top: 95%;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -26px;
    margin-top: -32px;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    line-height: 23px;
    background-color: #fddd00;
    border-radius: 100%;
    padding: 8px;
    -webkit-box-shadow: 0 2px 0 rgba(30, 141, 154, 0.5);
    -moz-box-shadow: 0 2px 0 rgba(30, 141, 154, 0.5);
    box-shadow: 0 2px 0 rgba(30, 141, 154, 0.5)
}

@media only screen and (max-width: 1024px) {
    .page-header .basket-toggle .count {
        right: 50%;
        top: 50%;
        width: 2rem;
        height: 2rem;
        font-size: 12px;
        padding: 0
    }
}

.page-header .basket-backdrop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 104;
    background-color: rgba(0, 0, 0, 0.6)
}

.page-header .header-basket {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: -5px;
    z-index: 105;
    min-width: 420px;
    border: solid 1px #00b3c8;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

.page-header li.active .header-basket, .page-header li.basket-toggle:not(.empty):hover .header-basket {
    opacity: 1;
    visibility: visible
}

.page-header li.active.empty .header-basket {
    display: none
}

.page-header .header-basket .content {
    padding: 0 3rem;
    background-color: #fff;
    border: solid 1px #00b3c8
}

.page-header .header-basket .content .title {
    padding-bottom: 2rem;
    padding-top: 3rem;
    color: #00b3c8;
    font-size: 1.8rem;
    border-bottom: solid 3px #d4d4d4
}

.page-header .header-basket .products {
    max-height: 250px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    overflow-y: scroll;
    border-bottom: solid 3px #d4d4d4
}

.page-header .header-basket .products::-webkit-scrollbar {
    width: 1.2rem
}

.page-header .header-basket .products::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .3rem rgba(0, 0, 0, 0.15)
}

.page-header .header-basket .products::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}

.page-header .header-basket .products::-webkit-scrollbar-thumb:window-inactive {
    background: transparent
}

.page-header .header-basket .products li {
    position: relative;
    min-height: 115px;
    padding-left: 105px;
    padding-right: 60px;
    padding-top: 25px;
    margin-bottom: 15px;
    border-top: solid 1px #e0e0e0
}

.page-header .header-basket .products li:first-child {
    margin-top: 0;
    border-top: 0
}

.page-header .header-basket .products li .remove {
    position: absolute;
    top: 0;
    right: 20px;
    margin-top: 25px;
    color: #333;
    font-size: 20px;
    text-decoration: none
}

.page-header .header-basket .products li .remove .fa::before {
    content: "\E923";
    font-family: 'icomoon'
}

.page-header .header-basket .products li img {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 25px
}

.page-header .header-basket .products .name {
    margin-bottom: 5px;
    color: #333;
    font-weight: 700;
    text-transform: lowercase
}

.page-header .header-basket .products .name::first-letter {
    text-transform: uppercase
}

.page-header .header-basket .products .code {
    margin-bottom: 10px;
    color: #9b9b9b;
    font-size: 1.4rem
}

.page-header .header-basket .products .prices {
    font-weight: 700
}

.page-header .header-basket .products .prices .old {
    display: inline-block;
    margin-right: 5px;
    text-decoration: line-through
}

.page-header .header-basket .products .prices .current {
    color: #eb211d
}

.page-header .header-basket .summary table {
    width: 100%;
    color: #333;
    font-size: 12px
}

.page-header .header-basket .summary td {
    line-height: 25px
}

.page-header .header-basket .summary td:nth-child(even) {
    text-align: right
}

.page-header .header-basket .summary td.red {
    color: #d0112b
}

.page-header .header-basket .total-area {
    margin: 2rem -3rem;
    padding: 1.5rem 3rem;
    background-color: #f7f6f2
}

.page-header .header-basket .total-area .price {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700
}

.page-header .header-basket .total-area .price span {
    float: right
}

.page-header .header-basket .total-area .button {
    margin-top: 1.5rem
}

.page-header .header-basket .continue {
    padding-bottom: 20px;
    text-align: center
}

.page-header .header-basket .continue a {
    color: #4a4a4a;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline
}

.page-header .countdown {
    color: #ffffff;
    background-size: cover;
    overflow: hidden;
    height: 0;
    will-change: height;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -webkit-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -o-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    text-align: center
}

.page-header .countdown.show {
    padding: 2.5rem 6rem;
    height: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.page-header .countdown .title, .page-header .countdown .date {
    font-family: 'Trade Gothic Bold', sans-serif;
    display: inline-block
}

.page-header .countdown .title {
    font-size: 3.6rem;
    text-align: right;
    text-transform: uppercase;
    padding: 1.25rem;
    vertical-align: middle
}

.page-header .countdown .date {
    text-align: left;
    padding-left: 1.5rem;
    vertical-align: top
}

.page-header .countdown .date div {
    display: inline-block;
    text-align: center;
    padding: 0 .75rem
}

.page-header .countdown .date div span {
    display: block
}

.page-header .countdown .date div span:first-child {
    font-size: 3.6rem
}

.page-header .countdown .date div span:last-child {
    font-size: 1.4rem;
    margin-top: 1.5rem
}

.fixed-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 297px;
    height: 100%;
    z-index: 1001;
    background-color: #fff;
    border-top-right-radius: 10px;
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5)
}

.fixed-navigation.shown {
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.fixed-navigation .hero {
    position: relative;
    height: 60px;
    padding: 7px 0 7px 15px;
    background-color: #ffe700;
    border-top-right-radius: 10px
}

.fixed-navigation .hero .close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 35px;
    height: 35px;
    margin-top: 13px;
    margin-right: 17px;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height: 37px;
    text-decoration: none;
    border: solid 1px #fff
}

.fixed-navigation .hero .welcome-text {
    color: #ffffff;
    margin-top: .9rem
}

.fixed-navigation .hero .welcome-text span {
    display: block;
    line-height: 1.2em
}

.fixed-navigation .hero .welcome-text span:first-child {
    font-family: 'Panton', sans-serif;
    font-weight: 400;
    font-size: 1.4rem
}

.fixed-navigation .hero .welcome-text span:last-child {
    font-family: 'Trade Gothic Bold', sans-serif;
    font-size: 2.4rem
}

.fixed-navigation .account-links {
    padding: 20px 20px 0
}

.fixed-navigation .account-links ul {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: solid 1px #afdee3
}

.fixed-navigation .account-links em {
    position: relative;
    top: -2px;
    margin-right: 3px;
    font-size: 17px;
    vertical-align: middle
}

.fixed-navigation .account-links a {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-decoration: none
}

.fixed-navigation .account-links a:hover {
    text-decoration: underline !important
}

.fixed-navigation .account-links--no-border ul {
    border: 0
}

.fixed-navigation .navigation {
    padding: 2rem 0;
    height: calc(100% - 376px)
}

.fixed-navigation .navigation.full {
    height: 100% !important;
    overflow: hidden !important
}

.fixed-navigation .navigation.full .menu-area {
    overflow: auto
}

.fixed-navigation .navigation > .menu-area {
    position: relative
}

.fixed-navigation .navigation > .menu-area > ul {
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.fixed-navigation .navigation > .menu-area > ul.slide-left {
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%)
}

.fixed-navigation .navigation .title {
    padding: 0 2rem;
    margin-bottom: 20px;
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.fixed-navigation .navigation .title.detail {
    margin-bottom: 10px !important;
    margin-top: 10px;
    padding: 0 1rem;
    z-index: 9;
    position: relative
}

.fixed-navigation .navigation .title.detail em {
    font-size: 20px;
    vertical-align: middle
}

.fixed-navigation .navigation > .menu-area > ul > li > a, .fixed-navigation .navigation > .menu-area > ul > li button, .fixed-navigation .navigation.account-menu ul li a, .fixed-navigation .navigation.account-menu ul li button {
    position: relative;
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    border-top: solid 1px #ececec
}

.fixed-navigation .navigation > .menu-area > ul > li {
    position: relative;
    padding: 0 2rem
}

.fixed-navigation .navigation > .menu-area > ul > li > a::before {
    display: none;
    content: '';
    z-index: 47;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-right: -6rem;
    border: solid 20px transparent;
    border-left-color: #f7f6f2
}

.fixed-navigation .navigation > .menu-area > ul > li:hover {
    background-color: #f7f6f2
}

.fixed-navigation .navigation > .menu-area > ul > li:hover > a {
    font-weight: 700;
    text-decoration: underline !important
}

.fixed-navigation .navigation > .menu-area > ul > li:hover > a::before {
    display: block
}

.fixed-navigation .navigation > .menu-area > ul > li.no-sub > a::before {
    display: none !important
}

.fixed-navigation .navigation > .menu-area > ul > li > a em, .fixed-navigation .navigation.account-menu ul li a em {
    float: right;
    font-size: 20px;
    line-height: 40px
}

.fixed-navigation .navigation > .menu-area > ul > li:first-child > a, .fixed-navigation .navigation.account-menu ul li:first-child > a {
    border-top: 0
}

.fixed-navigation .navigation.account-menu ul li button {
    width: 100%;
    padding: 0;
    text-align: left;
    background-color: transparent
}

.fixed-navigation .sub-navigation {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: inherit;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transition: all .3s cubic-bezier(.47, 0, .745, .715);
    -moz-transition: all .3s cubic-bezier(.47, 0, .745, .715);
    -ms-transition: all .3s cubic-bezier(.47, 0, .745, .715);
    -o-transition: all .3s cubic-bezier(.47, 0, .745, .715)
}

.fixed-navigation .sub-navigation.shown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.fixed-navigation .sub-navigation .subhead {
    cursor: pointer;
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 40px
}

.fixed-navigation .sub-navigation .subhead em {
    position: relative;
    top: -1px;
    left: -7px;
    font-size: 23px;
    vertical-align: middle
}

.fixed-navigation.default-menu-active .default-menu, .fixed-navigation.default-menu-active .hero .logo {
    display: block
}

.fixed-navigation.default-menu-active .default-menu {
    height: 100%
}

.fixed-navigation.default-menu-active .welcome-text, .fixed-navigation.default-menu-active .account-menu {
    display: none
}

.fixed-navigation.account-menu-active .default-menu, .fixed-navigation.account-menu-active .hero .logo {
    display: none
}

.fixed-navigation.account-menu-active .welcome-text, .fixed-navigation.account-menu-active .account-menu {
    display: block
}

.fixed-navigation .account-menu {
    padding-top: 2rem
}

.fixed-navigation .account-menu .navigation {
    padding: .5rem 2rem
}

.fixed-navigation .submenu-dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    width: auto;
    margin-top: -141px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    -webkit-transition: all .3s .2s linear;
    -moz-transition: all .3s .2s linear;
    -ms-transition: all .3s .2s linear;
    -o-transition: all .3s .2s linear
}

.fixed-navigation .submenu-dropdown::-webkit-scrollbar {
    display: block !important;
    width: 10px !important;
    background: #dedede !important
}

.fixed-navigation .submenu-dropdown::-webkit-scrollbar-track {
    background: #dedede
}

.fixed-navigation .submenu-dropdown::-webkit-scrollbar-thumb {
    background: #d4d3ce;
    border-radius: 10px;
    border-radius: 1px
}

.fixed-navigation .submenu-dropdown:-webkit-scrollbar-thumb:hover {
    background: #d4d3ce
}

.fixed-navigation .submenu-dropdown::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 45;
    -moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.2)
}

.fixed-navigation .submenu-dropdown .content {
    position: relative;
    padding: 3.5rem;
    background-color: #fff
}

.fixed-navigation .submenu-dropdown .content .list-title {
    margin-bottom: 1.5rem;
    color: #333;
    font-size: 1.4rem;
    font-weight: 700
}

.fixed-navigation .submenu-dropdown .content .list {
    float: left;
    width: 23rem
}

.fixed-navigation .submenu-dropdown .content .list li a {
    color: #333;
    font-size: 1.4rem;
    line-height: 30px
}

.fixed-navigation .submenu-dropdown .content .list li a:hover {
    color: #000;
    text-decoration: underline !important
}

.fixed-navigation .submenu-dropdown .banners {
    float: right;
    width: 24.2rem
}

.fixed-navigation .submenu-dropdown .banners > div {
    margin-top: 20px
}

.fixed-navigation .submenu-dropdown .banners div a {
    display: block;
    text-align: right
}

.fixed-navigation .submenu-dropdown .banners > div:first-child {
    margin-top: 0
}

.fixed-navigation .navigation > .menu-area > ul > li:hover .submenu-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.navigation-bar {
    position: relative
}

.navigation-bar .desktop-navigation-wrapper {
    position: unset;
    margin-top: 0;
    margin-bottom: 1.8rem
}

@media only screen and (max-width: 1024px) {
    .navigation-bar .desktop-navigation-wrapper {
        margin-top: 1.8rem;
        display: none
    }
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation {
    margin-top: 10px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu {
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    padding: 0 1px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li {
    flex: auto;
    text-align: center;
    float: left;
    padding: 14px 0;
    border: solid 1px #f5f5f5
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li:first-child {
    padding-left: 0;
    margin-left: 0
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li:first-child > a::after {
    display: none
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li > a {
    display: block;
    height: 1.6rem;
    color: #4a4a4a;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    position: relative;
    text-transform: capitalize
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li > a::after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    background: #dedede;
    width: 1px;
    height: 100%;
    display: block
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown {
    opacity: 0;
    visibility: hidden;
    max-width: 1156px;
    width: 100%;
    position: absolute;
    top: 56px;
    left: calc(50% - 553px);
    z-index: 99;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    -webkit-transition: all .3s .2s linear;
    -moz-transition: all .3s .2s linear;
    -ms-transition: all .3s .2s linear;
    -o-transition: all .3s .2s linear
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown::-webkit-scrollbar {
    display: block !important;
    width: 10px !important;
    background: #dedede !important
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown::-webkit-scrollbar-track {
    background: #dedede
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown::-webkit-scrollbar-thumb {
    background: #d4d3ce;
    border-radius: 10px;
    border-radius: 1px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown:-webkit-scrollbar-thumb:hover {
    background: #d4d3ce
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items {
    column-count: 3;
    column-gap: 12px;
    text-align: left
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items--short {
    max-height: 500px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items ul.list {
    display: inline-block;
    margin: 0 0 24px;
    width: 100%
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items ul.list li {
    font-weight: normal;
    display: block;
    margin-bottom: 8px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items ul.list li:first-child {
    font-weight: 700
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items ul.list li:first-child a {
    color: #459fb1
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .submenu-items ul.list li + li {
    margin-right: 8px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .banner-items .banners {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: right
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li .submenu-dropdown .banner-items .banners div {
    margin-bottom: 10px
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li:hover {
    background: #fff;
    border-color: #8088a4 !important;
    border-bottom-color: #f5f5f5 !important;
    border-radius: 4px 4px 0 0 !important
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li:hover > a {
    color: #000;
    font-weight: 700
}

.navigation-bar .desktop-navigation-wrapper .desktop-navigation .menu-area ul.desktop-menu > li:hover > .submenu-dropdown {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
    .navigation-bar .submenu-dropdown {
        width: auto !important
    }
}

.navigation-bar .fast-links {
    float: right;
    margin-top: 1.8rem;
    margin-bottom: 1.8rem
}

.navigation-bar .fast-links li {
    float: left;
    padding-left: 1rem;
    margin-left: 1rem;
    border-left: solid 1px #979797
}

.navigation-bar .fast-links li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

.navigation-bar .fast-links a {
    display: block;
    height: 1.6rem;
    color: #4a4a4a;
    font-size: 1.4rem;
    line-height: 16px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.navigation-bar .fast-links a:hover {
    color: #d0021b;
    text-decoration: underline !important
}

@media (min-width: 1024px) and (max-height: 670px) {
    .fixed-navigation {
        width: 100%;
        padding-bottom: 0;
        overflow-y: scroll;
        background-color: transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent
    }

    .fixed-navigation .navigation {
        height: auto
    }

    .fixed-navigation .hero {
        width: 297px
    }

    .fixed-navigation.default-menu-active .default-menu {
        width: 297px;
        height: auto;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5)
    }
}

@media only screen and (max-width: 340px) {
    .header .mobile-menu .account-menu-mobile.user-account .text {
        margin-right: 0 !important
    }

    .header .mobile-menu .account-menu-mobile.user-account .icon-hesabim {
        display: none
    }
}

.story-slider {
    position: relative;
    padding: 0 8px 1.8rem;
    display: none
}

.story-slider .slick-list {
    width: 95%;
    margin: 0 auto
}

.story-slider-mobile {
    display: flex
}

.story-slider .slick-slide {
    padding-top: 8px
}

.story-slider .slick-track {
    display: flex
}

.story-slider a {
    width: 70px
}

.story-slider__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 8px
}

.story-slider__title {
    font-family: "Roboto", sans-serif;
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #01B3C8;
    font-weight: 500
}

.story-slider__image {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 5px solid #C0EBF1;
    object-fit: cover;
    aspect-ratio: 1
}

.story-slider__prev, .story-slider__next {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 10;
    border-radius: 50%;
    background: #8088a4;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    cursor: pointer
}

.story-slider__prev {
    left: 0
}

.story-slider__next {
    right: 0
}

@media (min-width: 1024px) {
    .story-slider {
        display: flex
    }

    .story-slider-mobile {
        display: none
    }

    .story-slider a {
        width: 80px
    }

    .story-slider__item {
        padding: 0
    }

    .story-slider__title {
        color: #000;
        font-weight: 700
    }

    .story-slider__image {
        border-radius: 6px;
        border: none;
        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.15))
    }
}

.page-footer {
    margin-top: 30px;
    padding-top: 35px;
    border-top: solid 1px #ccc
}

.page-footer .columns {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
    gap: 4.2%;
    row-gap: 35px
}

.page-footer .columns .item {
    float: left;
    width: 20%
}

.page-footer .columns .item--wide {
    width: 25.3%
}

.page-footer .columns .item--wide ul {
    float: left;
    width: 100%
}

.page-footer .columns .item--wide ul li {
    width: 50%;
    float: left
}

.page-footer .columns .item--brochures {
    width: 21%
}

.page-footer .columns .item--brochures a {
    display: inline-block;
    float: left;
    width: 48%
}

.page-footer .columns .item--brochures a:nth-child(2) {
    float: right
}

.page-footer .columns .item img {
    width: 100%;
    display: block
}

.page-footer .columns .item:first-child {
    margin-left: 0
}

.page-footer .columns .item .hero {
    margin-bottom: 2rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: 700
}

.page-footer .columns .item li a {
    color: #4a4a4a;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-footer .columns .item li a:hover {
    text-decoration: underline !important
}

.page-footer .columns .item .call-us {
    color: #4a4a4a;
    font-size: 2rem;
    font-weight: 700
}

.page-footer .copyright {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #f7f6f2;
    border-top: solid 1px #ccc
}

.page-footer .copyright .copyright-text {
    width: 100%;
    color: #4a4a4a;
    font-size: 1.4rem;
    line-height: 2.5em
}

.page-footer .copyright .copyright-text strong {
    display: inline-block;
    margin-right: 1rem;
    font-weight: 700
}

.page-footer .copyright .apps {
    display: flex
}

.page-footer .copyright .apps #ETBIS {
    width: max-content;
    margin-left: 2.5px
}

.page-footer .cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #00b3c8;
    width: 100%;
    z-index: 900
}

.page-footer .cookie__font-weight {
    font-weight: 700
}

.page-footer .cookie .cookie-content {
    padding: 1.5rem 4.5rem;
    text-align: center;
    color: #ffffff
}

@media only screen and (max-width: 767px) {
    .page-footer .cookie .cookie-content {
        height: 120px
    }
}

.page-footer .cookie .cookie-close {
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    color: #ffffff
}

.page-footer .cookie .cookie-content a {
    display: inline-block;
    color: #ffffff;
    text-decoration: underline
}

.page-footer .footer-bottom {
    border-top: solid 1px #ccc;
    background-color: rgba(247, 246, 242, 0.5)
}

.page-footer .footer-bottom .item {
    float: left;
    width: 25%;
    display: inline-block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-right: 1px solid #ccc;
    padding-left: 4.5rem;
    min-height: 8.2rem
}

.page-footer .footer-bottom .item:first-child {
    padding-left: 0
}

.page-footer .footer-bottom .item:last-child {
    border-right: 0
}

.page-footer .footer-bottom .item:nth-of-type(2) .title:hover, .page-footer .footer-bottom .item:nth-of-type(3) .title:hover {
    text-decoration: underline !important
}

.page-footer .footer-bottom .item .title {
    line-height: 4.1rem;
    display: inline-block;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700
}

.page-footer .footer-bottom .item .title span {
    font-size: 2.2rem;
    vertical-align: middle;
    margin-left: 1rem
}

.page-footer .footer-bottom .social-media ul {
    display: inline-block
}

.page-footer .footer-bottom .social-media ul #tiktok {
    background: url(sprite_image.png) no-repeat;
    background-position-x: center;
    background-position-y: -317px;
    background-size: 51px
}

.page-footer .footer-bottom .social-media ul li {
    display: inline-block
}

.page-footer .footer-bottom .social-media ul li:first-child {
    margin-left: 4px
}

.page-footer .footer-bottom .social-media ul li a {
    font-size: 2.5rem;
    display: inline-block;
    color: white;
    background-color: #00b3c8;
    border-radius: 100%;
    width: 3.8rem;
    height: 3.8rem;
    position: relative
}

.page-footer .footer-bottom .social-media ul li a em {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page-footer .footer-bottom .item, .page-footer .footer-bottom .social-media, .page-footer .footer-bottom .social-media ul {
    vertical-align: middle
}

.page-checkout-footer {
    margin-top: 40px
}

.online-shop-cards {
    margin: 3rem auto 0;
    text-align: center
}

.online-shop-cards ul li {
    display: inline-block;
    margin: 0 1rem
}

.online-shop-cards ul li img.troy {
    height: 16px
}

.background-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.background-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

.user-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal {
    min-width: 100%;
    z-index: 1001
}

.modal .close {
    float: right;
    cursor: pointer
}

.modal .address-type {
    position: relative;
    float: right;
    margin-right: 10px
}

.modal .address-type label {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

.modal .modal-content {
    position: relative;
    top: 50px;
    z-index: 909;
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #f7f6f2
}

.modal .modal-content .modal-title {
    height: 55px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 55px;
    border-bottom: solid 4px #fddd00
}

.modal .modal-content .modal-title .title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal .modal-content form {
    padding: 2rem
}

.modal .modal-content form .modal-title {
    margin: -2rem -2rem 2rem
}

.modal form .field {
    position: relative;
    margin-bottom: 2rem
}

.modal .address-modal__label {
    margin-top: 2rem
}

.modal .extra-area {
    padding-bottom: 2rem
}

.modal .extra-area > .address-modal__label {
    margin-bottom: 2rem
}

.modal .extra-area > div:first-child {
    margin-top: -2rem
}

.modal .extra-area > .clear + .address-modal__label {
    display: none !important
}

.modal form .error, .modal form textarea + span, .modal form input[type="text"] + span, .modal form input[type="tel"] + span {
    display: block;
    position: static;
    float: none;
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #d20000
}

.modal form label {
    display: block;
    font-size: 1.4rem
}

.modal form label textarea, .modal form label input[type="text"], .modal form label input[type="tel"], .modal .address-modal__input {
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    margin-top: .5rem;
    border: solid 1px #cbc8c8
}

.modal form label textarea {
    height: 8rem;
    padding: 1rem
}

.modal form .select {
    position: relative;
    margin-top: .5rem;
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: solid 1px #cbc8c8
}

.modal form .select::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1rem;
    font-size: 2rem;
    content: "\E91F";
    line-height: 4rem;
    font-family: "icomoon" !important
}

.modal form .select select {
    position: relative;
    z-index: 15;
    border: 0;
    width: 100%;
    height: 4rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent
}

.modal form .radio-fields {
    margin-bottom: 3rem
}

.modal form .radio-fields .title {
    margin-bottom: .5rem;
    font-size: 1.4rem
}

.modal form .radio-fields label {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.3rem
}

.modal form .radio-fields input {
    display: none
}

.modal .kvkk__table .kvkk__table-td {
    background-color: transparent
}

.modal .kvkk__table tr:nth-child(even) {
    background-color: #e0e0e0
}

.modal .kvkk__table tr:nth-child(odd) {
    background-color: white
}

.mfp-ready .mfp-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.product-form-modal {
    line-height: normal;
    padding: 0
}

.product-form-modal .checkbox input[type="checkbox"] {
    display: block;
    width: 100%;
    padding: 0 1rem;
    margin-top: .5rem;
    height: 4.3rem;
    border: solid 1px #cbc8c8;
    border-radius: .3rem;
    background: #fff
}

.product-form-modal .checkbox input[type="checkbox"]:checked + label::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0Mi40IDM0Mi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDIuNCAzNDIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjkwLDMzLjNMMTE4LjksMjA0LjRsLTY2LjUtNjYuNUwwLDE5MC4ybDExOC45LDExOC44TDM0Mi40LDg1LjZMMjkwLDMzLjN6Ii8+Cjwvc3ZnPgo=);
    background-size: cover
}

.product-form-modal a {
    font-weight: 700;
    text-decoration: underline
}

.product-form-modal .product-form-modal__button {
    font-size: 22px !important;
    padding: 0 !important;
    height: 50px !important
}

.product-form-modal__header, .product-form-modal__content {
    padding: 30px
}

@media only screen and (max-width: 767px) {
    .product-form-modal__header, .product-form-modal__content {
        font-size: 14px
    }
}

.product-form-modal__header {
    background-color: #f7f6f2
}

.product-form-modal__header__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px
}

.product-form-modal__header__content {
    font-size: 14px;
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 22px
}

.product-form-modal__header__content::-webkit-scrollbar {
    width: 15px
}

.product-form-modal__header__content::-webkit-scrollbar-track {
    border-left: 3px solid #f7f6f2;
    border-right: 3px solid #f7f6f2;
    background: #fff;
    border-radius: 2px
}

.product-form-modal__header__content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #4ab3c9
}

.product-form-modal__header__content::-webkit-scrollbar-thumb:hover {
    background: #05cee6
}

.product-form-modal__header__content li {
    list-style-type: disc;
    list-style-position: inside
}

.product-form-modal__header__content ol li {
    list-style-type: decimal
}

.product-form-modal__header__content--no-margin {
    margin: 0
}

.product-form-modal-wrapper .mfp-content {
    padding: 0
}

.product-form-modal-wrapper .mfp-close {
    margin-top: 0 !important
}

.address-modal-content {
    top: 10px !important
}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="tel"], textarea {
    resize: none;
    -webkit-box-shadow: inset 0 0 0 0 transparent;
    -moz-box-shadow: inset 0 0 0 0 transparent;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    -webkit-box-shadow: inset 0 0 0 2px #fddd00;
    -moz-box-shadow: inset 0 0 0 2px #fddd00;
    box-shadow: inset 0 0 0 2px #fddd00
}

.checkbox {
    position: relative
}

.checkbox label {
    padding-left: 20px
}

.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.checkbox input[type=checkbox] + label:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E92A";
    position: absolute;
    left: 0;
    color: #858594
}

.checkbox input[type=checkbox]:checked + label:before {
    content: "\E929";
    color: #000000
}

.checkbox input[type=checkbox]:checked + label.bold:before {
    font-weight: bold
}

.checkbox input[type=checkbox]:checked + .field-label:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0Mi40IDM0Mi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDIuNCAzNDIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjkwLDMzLjNMMTE4LjksMjA0LjRsLTY2LjUtNjYuNUwwLDE5MC4ybDExOC45LDExOC44TDM0Mi40LDg1LjZMMjkwLDMzLjN6Ii8+Cjwvc3ZnPgo=)
}

.checkbox .kvkk__underline {
    font-weight: 700;
    text-decoration: underline
}

.confirmation {
    margin-top: 10px;
    font-weight: 700
}

.confirmation .kvkk__underline {
    text-decoration: underline
}

.notifications-update-text__img {
    display: flex;
    width: 60px
}

.notifications-update-text__title {
    text-align: center
}

.notifications-update-text .notifications-update-text__table {
    border: 1px solid #000000;
    border-collapse: collapse
}

.notifications-update-text .notifications-update-text__table-th {
    border: 1px solid black;
    background-color: #9E9E9E
}

.notifications-update-text .notifications-update-text__table-td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: center
}

.e-ticaret-aydinlatma p {
    line-height: 2.5rem
}

.kvkk__title {
    text-align: center;
    font-size: 13px;
    font-weight: 700
}

.kvkk__image {
    padding-top: 15px;
    width: 10%
}

.kvkk__table {
    border: 1px solid #000000;
    border-collapse: collapse
}

.kvkk__table-th {
    border: 1px solid black;
    background-color: #9E9E9E;
    color: #fff;
    width: 15%;
    font-weight: 700
}

.kvkk__table-th:last-child {
    width: 45%
}

.kvkk__table-td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: center;
    font-weight: 700
}

.kvkk__table-td:last-child {
    text-align: unset;
    font-weight: normal;
    padding-left: 5px
}

.kvkk__font-weight {
    font-weight: 700
}

.clarification-text__img {
    display: flex;
    width: 60px
}

.clarification-text__title {
    text-align: center
}

.clarification-text .clarification-text__table {
    border: 1px solid #000000;
    border-collapse: collapse
}

.clarification-text .clarification-text__table-th {
    border: 1px solid black;
    background-color: #9E9E9E
}

.clarification-text .clarification-text__table-td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: center
}

.kapida-subscribe-contract__title, .subscribe-contract__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    margin: 30px 0
}

.kapida-subscribe-contract__title p, .subscribe-contract__title p {
    margin-top: 10px
}

.kapida-subscribe-contract__image, .subscribe-contract__image {
    width: 10%
}

.kapida-subscribe-contract__content ul, .subscribe-contract__content ul {
    margin-bottom: 20px
}

.kapida-subscribe-contract__content li, .subscribe-contract__content li {
    margin-bottom: 10px
}

.kapida-subscribe-contract table, .subscribe-contract table {
    margin: 20px 0
}

.kapida-subscribe-contract table th, .subscribe-contract table th {
    border: 1px solid black;
    background-color: #9E9E9E;
    text-align: center
}

.kapida-subscribe-contract table td, .subscribe-contract table td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: start
}

.cookies-clarification-text-title {
    text-align: center
}

.cookies-clarification-text .cookies-clarification-text__table {
    border: 1px solid #000000;
    border-collapse: collapse
}

.cookies-clarification-text .cookies-clarification-text__table-th {
    border: 1px solid black;
    background-color: #9E9E9E
}

.cookies-clarification-text .cookies-clarification-text__table-td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: center
}

.security-policy__img {
    display: flex;
    width: 60px
}

.security-policy__title {
    text-align: center
}

.security-policy__desc {
    padding: 10px
}

.security-policy__desc2 {
    padding: 20px
}

.security-policy__desc3 {
    padding: 30px
}

.security-policy .security-policy__table {
    border: 1px solid #000000;
    border-collapse: collapse
}

.security-policy .security-policy__table-th {
    border: 1px solid black;
    background-color: #9E9E9E
}

.security-policy .security-policy__table-td {
    border: 1px solid black;
    background-color: #E0E0E0;
    vertical-align: middle;
    text-align: center
}

.button {
    font-family: 'Panton', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    padding: 1.4rem 2.5rem;
    text-align: center;
    display: inline-block;
    border: .1rem solid transparent;
    letter-spacing: .05em;
    border-radius: .8rem;
    position: relative;
    will-change: box-shadow, background-color, border-color;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out
}

.button.block {
    width: 100%
}

.button:hover, .button:active, .button:focus {
    -webkit-transform: translate(0, .3rem);
    -moz-transform: translate(0, .3rem);
    -ms-transform: translate(0, .3rem);
    -o-transform: translate(0, .3rem)
}

.button:disabled:hover, .button[disabled]:hover, .button:disabled:active, .button[disabled]:active, .button:disabled:focus, .button[disabled]:focus {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    cursor: not-allowed
}

.button.green {
    background: #00008b;
    color: #ffffff;
    -webkit-box-shadow: 0 .4rem 0 #00008b;
    -moz-box-shadow: 0 .4rem 0 #00008b;
    box-shadow: 0 .4rem 0 #00008b
}

.button.green:hover, .button.green:active, .button.green:focus {
    -webkit-box-shadow: 0 .2rem 0 #00008b;
    -moz-box-shadow: 0 .2rem 0 #00008b;
    box-shadow: 0 .2rem 0 #00008b;
    background-color: #00008b;
    border-color: #00008b
}

.button.white {
    background: #ffffff;
    color: #4a4a4a;
    border-color: #9393a0;
    -webkit-box-shadow: 0 .4rem 0 #9393a0;
    -moz-box-shadow: 0 .4rem 0 #9393a0;
    box-shadow: 0 .4rem 0 #9393a0
}

.button.white:hover, .button.white:active, .button.white:focus {
    -webkit-box-shadow: 0 .2rem 0 #9393a0;
    -moz-box-shadow: 0 .2rem 0 #9393a0;
    box-shadow: 0 .2rem 0 #9393a0;
    background-color: #fff;
    border-color: #bbbbc4
}

.button.with-icon {
    padding-left: 4.5rem
}

.button.with-icon i {
    position: absolute;
    left: 1.8rem;
    font-size: 2.8rem
}

.check {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.check input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.check .radio {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: solid 1px #9b9b9b;
    border-radius: 100%
}

.check .radio::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: none;
    margin: 1px;
    width: 8px;
    height: 8px;
    background-color: #039eb0;
    border-radius: 100%
}

.check input:checked + .radio::before {
    display: block
}

.check--address .radio {
    width: 16px;
    height: 16px
}

.check--address .radio::before {
    width: 12px;
    height: 12px;
    margin: 1px
}

.products-carousel-area {
    margin-top: 3rem
}

.products-carousel-area .favs {
    display: none !important
}

.products-carousel-area .hero {
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}

.products-carousel-area .slick-slide > div {
    padding: 1.5rem
}

.products-carousel-area .product {
    border-color: #e8e8e8
}

.products-carousel-area .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 3rem;
    height: 5rem;
    margin-left: 0;
    margin-right: 0;
    color: #000000;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5rem;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.products-carousel-area .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.products-carousel-area .slick-arrow.slick-right {
    left: auto;
    right: 0
}

.products-carousel-area .slick-arrow.slick-left {
    right: auto;
    left: 0
}

.black {
    color: #000000
}

.white {
    color: #ffffff
}

.red {
    color: #eb211d
}

.yellow {
    color: #fddd00
}

.yellow-light {
    color: #fffb9c
}

.yellow-dark {
    color: #cab800
}

.beige {
    color: #f7f6f2
}

.gray-dark {
    color: #4a4a4a
}

.gray {
    color: #858594
}

.gray-light {
    color: #e8e8e8
}

.green {
    color: #00b3c8
}

.green-dark {
    color: #00a1b4
}

.green-light {
    color: #e0f1f1
}

.bg-black {
    background-color: #000000
}

.bg-white {
    background-color: #ffffff
}

.bg-red {
    background-color: #eb211d
}

.bg-yellow {
    background-color: #fddd00
}

.bg-yellow-light {
    background-color: #fffb9c
}

.bg-yellow-dark {
    background-color: #cab800
}

.bg-beige {
    background-color: #f7f6f2
}

.bg-gray-dark {
    background-color: #4a4a4a
}

.bg-gray {
    background-color: #858594
}

.bg-gray-light {
    background-color: #e8e8e8
}

.bg-green {
    background-color: #00b3c8
}

.bg-green-dark {
    background-color: #00a1b4
}

.bg-green-light {
    background-color: #e0f1f1
}

.breadcrumb {
    padding: 1.5rem 0
}

.breadcrumb-item {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-left: 1.5rem
}

.breadcrumb-item:first-child {
    margin-left: 0
}

.breadcrumb-item:after {
    content: '/';
    position: absolute;
    top: 46%;
    right: -1rem;
    color: #858594;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.breadcrumb-item:last-child:after {
    content: none
}

.breadcrumb-item:last-child a, .breadcrumb-item:last-child span {
    color: #000000
}

.breadcrumb-item a, .breadcrumb-item span {
    display: block;
    padding: .5rem 0;
    font-size: 1.4rem;
    color: #858594;
    font-weight: 400
}

.pagination {
    background: rgba(0, 179, 200, 0.06);
    padding: 0 1.75rem;
    width: 100%
}

.pagination ul {
    width: 100%;
    border-top: .1rem solid #e4e0d2;
    padding: 2rem 0;
    text-align: right
}

.pagination ul .page-item {
    display: inline-block
}

.pagination ul .page-item .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000000;
    border: .1rem solid transparent
}

.pagination ul .page-item .page-link:hover {
    border-color: #e8e8e8;
    background: rgba(255, 255, 255, 0.5)
}

.pagination ul .page-item.active .page-link {
    font-weight: 700
}

.pagination ul .page-item.disabled .page-link {
    color: #e8e8e8;
    cursor: not-allowed
}

.pagination ul .page-item.disabled .page-link:hover {
    border-color: transparent;
    background: transparent
}

.ui-autocomplete {
    display: none !important
}

.search-autocomplete {
    display: none;
    position: absolute;
    left: 0;
    z-index: 101;
    top: 100%;
    width: 605px;
    padding-top: 5px;
    margin-left: 15px
}

.search-autocomplete b {
    display: inline-block;
    color: #000;
    padding-left: 3px;
    background-color: #fddd00
}

.search-autocomplete .content {
    position: relative;
    padding: 35px 35px 20px 35px;
    color: #000;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)
}

.search-autocomplete .content .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 25px;
    color: #000;
    font-size: 25px;
    text-decoration: none
}

.search-autocomplete .content .list {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: solid 1px #d8d8d8
}

.search-autocomplete .content .list .title {
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: 700
}

.search-autocomplete .content .list > ul li {
    cursor: pointer;
    display: block;
    margin-top: 5px;
    color: #333;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none
}

.search-autocomplete .content .list > ul li .ui-menu-item-wrapper {
    padding: 0
}

.search-autocomplete .content .list > ul li:first-child {
    margin-top: 0
}

.search-autocomplete .content .products {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: solid 1px #d8d8d8
}

.search-autocomplete .content .products .title {
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-weight: 700
}

.search-autocomplete .content .products li {
    display: none;
    cursor: pointer;
    position: relative;
    float: left;
    width: 31.3%;
    margin-left: 3%;
    font-size: 1.6rem;
    line-height: 20px
}

.search-autocomplete .content .products li:nth-child(1), .search-autocomplete .content .products li:nth-child(2), .search-autocomplete .content .products li:nth-child(3) {
    display: block
}

.search-autocomplete .content .products li:first-child {
    margin-left: 0
}

.search-autocomplete .content .products li .badge {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 51px;
    height: 40px;
    padding: 3px 7px;
    color: #fff;
    text-align: center;
    background-size: contain
}

.search-autocomplete .content .products li .badge span:nth-child(1) {
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    border-bottom: solid 1px #fff
}

.search-autocomplete .content .products li .badge span:nth-child(2) {
    position: relative;
    top: -5px;
    display: block;
    font-size: 9px
}

.search-autocomplete .content .products .ui-autocomplete__product__image {
    width: 100%;
    height: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.search-autocomplete .content .products a {
    color: #333;
    text-decoration: none
}

.search-autocomplete .content .products .ui-menu-item-wrapper {
    padding: 0
}

.search-autocomplete .content .products .ui-autocomplete__product__name {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0;
    color: #333;
    white-space: normal
}

.search-autocomplete .content .products .ui-autocomplete__product__price {
    font-weight: 700
}

.search-autocomplete .content .products .prices .old {
    display: inline-block;
    margin-right: 5px;
    text-decoration: line-through
}

.search-autocomplete .content .products .ui-autocomplete__product__price {
    color: #eb211d
}

.search-autocomplete .content .see-all a {
    color: #00b3c8;
    font-size: 18px;
    font-weight: 700
}

.search-autocomplete .content .see-all a em {
    position: relative;
    left: -5px;
    display: inline-block;
    font-size: 30px;
    vertical-align: middle
}

.mobile-app-banner-wrapper {
    padding: 15px 10px;
    border: 1px solid #979797
}

.mobile-app-banner-wrapper .app-close-btn {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 25px;
    margin-right: 10px;
    font-size: 3rem
}

.mobile-app-banner-wrapper .app-close-btn i {
    cursor: pointer
}

.mobile-app-banner-wrapper .app-info-banner {
    display: inline-block
}

.mobile-app-banner-wrapper .app-info-banner .baner-logo {
    display: inline-block
}

.mobile-app-banner-wrapper .app-info-banner .baner-logo img {
    width: 57px;
    height: 57px;
    object-fit: contain;
}

.mobile-app-banner-wrapper .app-info-banner .banner-text {
    display: inline-block;
    vertical-align: top;
    font-family: 'Panton';
    color: #000;
    margin-left: 10px
}

.mobile-app-banner-wrapper .app-info-banner .banner-text span {
    display: block;
    margin-bottom: 10px
}

.mobile-app-banner-wrapper .app-info-banner .banner-text .description {
    font-size: 12px;
    font-weight: normal;
    word-break: break-word;
    max-width: 160px;
    line-height: 1.3
}

.mobile-app-banner-wrapper .app-info-banner .banner-text .title {
    font-size: 18px;
    font-weight: bold
}

.mobile-app-banner-wrapper .app-info-banner .banner-text img {
    height: 14px
}

.mobile-app-banner-wrapper .app-store-link {
    margin-top: 27px;
    float: right
}

.mobile-app-banner-wrapper .app-store-link a.button {
    padding: 1.5rem 2rem;
    font-size: 2.5rem
}

@media only screen and (max-width: 767px) {
    .modal.product-form-preview-modal {
        height: auto
    }
}

.product-form-preview-modal__field {
    display: flex;
    flex-direction: column
}

.product-form-preview-modal__question {
    margin-bottom: 5px;
    font-weight: bold
}

.product-form-preview-modal__answer {
    margin-bottom: 10px
}

.product-form-preview-modal__answer--no-answer {
    color: red
}

.flatpage-carousel {
    position: relative;
    display: flex;
    max-height: 450px
}

.flatpage-carousel-slide {
    position: relative;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5)
}

.flatpage-carousel-slide__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .flatpage-carousel-slide__title {
        font-size: 16px;
        line-height: 1.3
    }
}

.flatpage-carousel-slide__description {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 18px;
    max-width: 95%
}

@media only screen and (max-width: 767px) {
    .flatpage-carousel-slide__description {
        font-size: 24px;
        margin-top: 12px
    }
}

.flatpage-carousel-slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px
}

.flatpage-carousel-slide picture img {
    max-height: 450px;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.flatpage-carousel .slick-arrow {
    position: absolute;
    top: calc(50% - 27.5px);
    z-index: 3;
    width: 32px;
    height: 55px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
    background-color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .flatpage-carousel .slick-arrow {
        height: 41px;
        width: 24px;
        font-size: 22px
    }
}

.flatpage-carousel .nav-right {
    right: 8px
}

.flatpage-carousel .nav-left {
    left: 8px
}

.flatpage-description {
    text-align: center;
    margin: 35px 0
}

@media only screen and (max-width: 767px) {
    .flatpage-description {
        padding: 0 18px;
        margin: 35px 0
    }
}

.flatpage-description h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .flatpage-description h1 {
        font-size: 24px
    }
}

.flatpage-description__content {
    margin: 35px 0 45px;
    font-size: 16px;
    line-height: 24px
}

.custom-tabs-tab {
    position: relative;
    display: flex;
    top: 1px;
    font-size: 16px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .custom-tabs-tab {
        margin: 0 15px
    }
}

.custom-tabs-tab a {
    padding: 16px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
    background: #f0f0f0
}

.custom-tabs-tab a.active {
    background: #fff;
    color: #00aac8
}

.custom-tabs-content {
    position: relative;
    z-index: 2;
    height: 390px;
    padding: 40px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17)
}

@media only screen and (max-width: 767px) {
    .custom-tabs-content {
        margin: 0 15px;
        padding: 16px;
        font-size: 16px;
        line-height: 1.5;
        height: 470px
    }
}

.custom-tabs-content .custom-tab-content {
    display: none
}

.custom-tabs-content .custom-tab-content.active {
    display: flex !important;
    justify-content: space-between
}

.custom-tabs-content .custom-tab-content.active picture {
    width: 50%
}

.custom-tabs-content .custom-tab-content.active picture img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: 14px
}

@media only screen and (max-width: 767px) {
    .custom-tabs-content .custom-tab-content.active {
        flex-direction: column
    }

    .custom-tabs-content .custom-tab-content.active picture {
        margin-top: 44px;
        width: 100%
    }
}

.custom-tabs-content .custom-tab-content__text {
    width: 50%;
    padding-right: 16px;
    font-size: 16px;
    line-height: 24px;
    word-break: break-all
}

@media only screen and (max-width: 767px) {
    .custom-tabs-content .custom-tab-content__text {
        width: 100%;
        padding-right: 0
    }
}

.flatpage-slider-container {
    text-align: center;
    margin: 70px 0
}

.flatpage-slider-container .flatpage-slider__title {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    padding: 0 16px;
    margin: 35px 0
}

@media only screen and (max-width: 767px) {
    .flatpage-slider-container .flatpage-slider__title {
        font-size: 22px
    }
}

.flatpage-slider-container .flatpage-slider__description {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.5;
    height: 60px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.flatpage-slider-container .flatpage-slider__slide {
    width: calc(100% - 20px) !important;
    height: 370px;
    margin-left: 20px;
    border-radius: 12px;
    border: solid 1px #d4d4d4;
    background-color: #fff;
    padding: 16px
}

.flatpage-slider-container .flatpage-slider__slide .flatpage-slider__title {
    font-size: 20px;
    margin: 20px 0 16px
}

.flatpage-slider-container .flatpage-slider__slide:first-child {
    margin-left: 0
}

.flatpage-slider-container .flatpage-slider__slide picture img {
    height: 190px;
    border-radius: 8px;
    object-fit: contain
}

.flatpage-slider-container .slick-arrow {
    position: absolute;
    top: calc(50% - 27.5px);
    z-index: 3;
    width: 36px;
    height: 36px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.17);
    border-radius: 50%;
    background-color: #4db0c6;
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.flatpage-slider-container .nav-right {
    right: 8px
}

.flatpage-slider-container .nav-left {
    left: 8px
}

.yellow-line::after, .green-line::after {
    content: '';
    display: block;
    height: 4px;
    margin: 0 auto;
    margin-top: 8px
}

.yellow-line::after {
    width: 170px;
    background: #fddb02
}

.green-line::after {
    width: 40px;
    background: #01abc8
}

.page-homepage:not(.with-online-page) .widget--popular-categories-area .hero {
    display: none
}

.page-homepage:not(.with-online-page) .widget--popular-categories-area .hero.visible {
    display: block
}

.page-homepage .homepage-slider {
    max-height: 395px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 -20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

.page-homepage .homepage-slider.slick-initialized {
    visibility: visible;
    opacity: 1
}

.page-homepage .homepage-slider .slick-dots {
    width: 100%;
    transform: translatex(-50%);
    left: 50%;
    bottom: 75px
}

.page-homepage .homepage-slider .slick-dots li button:before {
    font-size: 10px
}

@media only screen and (max-width: 767px) {
    .page-homepage .homepage-slider .slick-dots {
        bottom: -25px
    }
}

.page-homepage .homepage-slider .slick-list {
    overflow: hidden;
    border-radius: 10px
}

.page-homepage .homepage-slider .nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-homepage .homepage-slider .nav:hover {
    background-color: #f1f1f1
}

.page-homepage .homepage-slider .nav-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.page-homepage .homepage-slider .slider-item {
    position: relative;
    width: 100%;
    height: 395px;
    background-color: #d8b300;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.page-homepage .homepage-slider .slider-item > a {
    display: block;
    height: inherit;
    position: relative;
    z-index: 50
}

.page-homepage .homepage-slider .slider-item > a[href="#"] {
    pointer-events: none;
    cursor: default
}

.page-homepage .homepage-slider .slider-item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1)
}

.page-homepage .homepage-slider .slider-item .slider-image {
    position: relative;
    float: right;
    margin-top: 5rem;
    margin-right: 10rem
}

.page-homepage .homepage-slider .slider-item .slider-image-big {
    margin: 0 !important
}

.page-homepage .slider-onlineshop .slider-item .slider-image-big {
    padding: 0 !important
}

.page-homepage .homepage-slider .slider-item .brand {
    max-height: 32px;
    margin-bottom: .5rem
}

.page-homepage .homepage-slider .information {
    position: absolute;
    margin-top: 3rem;
    top: 0;
    left: 20%;
    color: #000
}

.page-homepage .homepage-slider .information .details {
    position: relative
}

.page-homepage .homepage-slider .information .name {
    width: 30rem;
    margin-bottom: 1rem;
    font-size: 3rem;
    line-height: 34px;
    font-weight: 900
}

.page-homepage .homepage-slider .information .properties {
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-homepage .homepage-slider .information .button {
    display: inline-block;
    height: 3.5rem;
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
    text-transform: lowercase
}

.page-homepage .homepage-slider .information .button:first-letter {
    text-transform: uppercase
}

.page-homepage .homepage-slider .price {
    position: absolute;
    top: 2.5rem;
    right: 10rem;
    height: 6rem;
    padding: 2rem 1.5rem;
    color: #000;
    font-size: 4rem;
    font-weight: 900;
    border-left: solid 5px #cab800;
    background-color: #fddd00;
    border-top-right-radius: 10px
}

.page-homepage .homepage-slider .banner-buttons {
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 51;
    text-align: center
}

@media (max-width: 768px) {
    .page-homepage .homepage-slider .banner-buttons {
        bottom: 10px
    }
}

.page-homepage .homepage-slider .banner-buttons a {
    display: inline-block;
    width: 250px;
    margin: 5px;
    border-radius: 10px;
    font-size: 26px;
    font-weight: bold;
    line-height: 38px
}

@media (max-width: 768px) {
    .page-homepage .homepage-slider .banner-buttons a {
        max-width: calc(50% - 30px);
        margin: 5px 10px;
        font-size: 18px
    }
}

.page-homepage .homepage-slider .banner-buttons a span {
    position: relative;
    padding-right: 10px
}

.page-homepage .homepage-slider .banner-buttons a span:after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-left-color: var(--button_textcolor);
    border-width: 7px;
    margin-top: -7px
}

@media (min-width: 768px) {
    .page-homepage .online-shop-slider .banner-buttons {
        width: auto;
        bottom: 50px;
        left: 50px;
        transform: inherit
    }
}

@media (min-width: 768px) {
    .page-homepage .online-shop-slider .banner-buttons a {
        display: block
    }
}

.page-homepage .opportunity-area .columns .item .badge {
    margin-right: 0;
    bottom: 10px
}

.page-homepage .opportunity-area .columns .item .badge img {
    height: 30px;
    width: auto;
    bottom: 0;
    top: 1rem
}

.page-homepage.with-online-page .slider-homepage .homepage-slider .information {
    margin-bottom: 5rem;
    bottom: 0
}

.page-homepage.with-online-page .slider-homepage .homepage-slider .information .details {
    height: 100%
}

.page-homepage.with-online-page .slider-homepage .homepage-slider .information .button {
    position: absolute;
    bottom: 0
}

.page-homepage.with-online-page .slider-homepage .homepage-slider .price {
    right: 3rem
}

.page-homepage.with-online-page .homepage-slider .slick-dots {
    bottom: -25px;
    width: 100%
}

.page-homepage .slider-homepage {
    padding-left: 0;
    padding-right: 2.1rem
}

.page-homepage .slider-homepage .homepage-slider .information {
    left: 0;
    margin-left: 5rem
}

.page-homepage .slider-homepage .homepage-slider .slider-item .slider-image {
    margin-right: 3rem
}

.page-homepage .slider-campaign-day {
    padding-right: 0;
    padding-left: 2.1rem
}

.page-homepage .campaign-cart-area {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 3rem
}

.page-homepage .cart-item-row {
    margin: 0 -10px
}

.page-homepage .cart-item-row .nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-homepage .cart-item-row .nav:hover {
    background-color: #f1f1f1
}

.page-homepage .cart-item-row .nav.nav-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.page-homepage .campaign-cart-item {
    padding: 10px
}

.page-homepage .campaign-cart-area .campaign-cart {
    padding: 3rem;
    float: left;
    position: relative;
    border-radius: 7px;
    width: 100%;
    height: 23rem;
    background-size: cover
}

.page-homepage .campaign-cart-area .campaign-cart .campaign-desc .cart-price {
    font-weight: bold;
    font-size: 2.4rem;
    margin-top: 1rem
}

.page-homepage .campaign-cart-area .campaign-cart .campaign-img img {
    max-height: 20rem;
    max-width: 15rem;
    width: auto;
    height: auto
}

.page-homepage .campaign-cart-area .campaign-cart:first-child {
    margin-left: 0
}

.page-homepage .campaign-cart-area .campaign-cart .campaign-desc {
    font-size: 2rem;
    line-height: normal;
    width: 54%
}

.page-homepage .campaign-cart-area .campaign-cart .campaign-img {
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.page-homepage .campaign-cart-area .campaign-cart .cart-cta {
    color: #fff;
    height: 3.4rem;
    position: absolute;
    bottom: 2rem;
    line-height: 3.4rem;
    text-align: center;
    font-size: 2.2rem;
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    display: inline-block;
    background-color: #00b3c8;
    text-transform: lowercase;
    font-family: 'Panton', sans-serif
}

.page-homepage .campaign-cart-area .campaign-cart .cart-cta:first-letter {
    text-transform: uppercase
}

.page-homepage .online-shopping__content:not(.slick-initialized) {
    display: flex;
    justify-content: space-between
}

.page-homepage .online-shopping__content .nav-left {
    color: #4a4a4a;
    cursor: pointer;
    font-size: 44px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 48%;
    left: 0;
    width: 30px;
    z-index: 10;
    transform: translateY(-50%)
}

.page-homepage .online-shopping__content .nav-right {
    color: #4a4a4a;
    cursor: pointer;
    font-size: 44px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 48%;
    right: 15px;
    width: 30px;
    z-index: 10;
    transform: translateY(-50%)
}

.page-homepage .online-shopping-item img {
    border-radius: 7px
}

.page-homepage .online-shopping__content:first-child {
    margin-bottom: 5px
}

.page-homepage .online-shopping-item:nth-child(2) {
    margin: 0 20px
}

.page-homepage .pd-0 {
    padding: 0
}

.page-homepage .campaign-reco {
    width: 100%;
    margin-top: 3rem;
    display: inline-block
}

.page-homepage .campaign-reco .campaign-reco-info {
    position: relative
}

.page-homepage .campaign-reco .campaign-reco-info .tab-nav {
    background-color: #f7f6f2;
    border: 1px solid #ccc;
    padding: 2rem 0 2rem 0;
    margin-top: -1px;
    min-height: 450px
}

.page-homepage .campaign-reco .campaign-reco-info .tab-nav div {
    color: #000;
    font-size: 3rem;
    line-height: normal;
    padding: 0 0 3rem 3.5rem;
    font-family: "Trade Gothic Bold"
}

.page-homepage .campaign-reco-info .tabs .tab-nav a {
    color: #000;
    display: block;
    font-size: 2rem;
    font-family: Panton;
    line-height: normal;
    padding: .8rem 3.5rem;
    position: relative;
    z-index: 2;
    word-wrap: break-word
}

.page-homepage .campaign-reco-info .tabs .tab-nav a.active {
    background-color: #fddd00;
    font-weight: 600
}

.page-homepage .campaign-reco-info .tabs .tab-nav a.active:after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent
}

.page-homepage .campaign-reco-info .tabs .tab-nav a.active:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fddd00;
    border-width: 2.2rem;
    margin-top: -2.2rem
}

.page-homepage .campaign-reco-info .tab-contents .reco-product {
    padding: 1.6rem;
    border: 1px solid #d4d4d4;
    margin-left: -1px;
    margin-top: -1px
}

.page-homepage .tab-contents .reco-product .img-area {
    text-align: center;
    position: relative
}

.page-homepage .tab-contents .reco-product .img-area img {
    width: 110px
}

.page-homepage .tab-contents .reco-product .img-area .discount {
    top: -0.5rem;
    right: -0.5rem;
    color: #fff;
    float: left;
    font-size: 2.1rem;
    font-weight: 900;
    padding: .5rem;
    text-align: center;
    position: absolute;
    display: inline-block;
    background-color: #eb211d;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-left: solid 2px #9c1301;
    font-family: "Trade Gothic Bold"
}

.page-homepage .tab-contents .reco-product .img-area .discount:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.2rem;
    position: absolute;
    z-index: 1
}

.page-homepage .reco-product .img-area .discount span {
    font-size: 1.5rem;
    font-family: "Trade Gothic Bold"
}

.page-homepage .tab-contents .reco-product .name {
    height: 7.8rem;
    overflow: hidden;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0 .5rem;
    margin-top: 1.5rem;
    line-height: normal;
    margin-bottom: 1rem
}

.page-homepage .tab-contents .reco-product .old-price {
    color: #000;
    font-weight: normal;
    font-size: 1.7rem;
    margin-right: .5rem;
    line-height: 2rem;
    text-decoration: line-through
}

.page-homepage .tab-contents .reco-product .price {
    color: #000;
    font-size: 1.7rem;
    line-height: 2rem
}

.page-homepage .tab-contents .add-basket {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.4em;
    text-align: center;
    height: 3.5rem;
    font-weight: 700;
    text-transform: lowercase;
    background-color: #00b3c8;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 0 #1e8d9a;
    -moz-box-shadow: 0 4px 0 #1e8d9a;
    box-shadow: 0 4px 0 #1e8d9a;
    overflow: hidden
}

.page-homepage .tab-contents .add-basket:first-letter {
    text-transform: uppercase
}

.page-homepage .tab-contents .add-basket em {
    float: left;
    padding-left: 1rem;
    font-size: 2.5rem;
    line-height: 3.5rem
}

.page-homepage .category-area {
    width: 100%;
    margin: 3rem 0;
    display: inline-block
}

.page-homepage .category-area .campaign-message-area a:hover {
    color: #fff
}

.page-homepage .category-area .campaign-message-area {
    height: 535px;
    padding: 3.5rem;
    background-image: linear-gradient(to bottom, #f7f6f5, #ded3be)
}

.page-homepage .category-area .campaign-message-area .campaign-description {
    z-index: 2;
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.4rem;
    font-family: Panton;
    position: relative
}

.page-homepage .campaign-message-area .campaign-description .campaign-title {
    color: #eb211d
}

.page-homepage .campaign-message-area .campaign-description span {
    color: #4a4a4a
}

.page-homepage .campaign-message-area .campaign-description .cta-category {
    color: #fff;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    font-size: 2.2rem;
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    font-weight: normal;
    display: inline-block;
    background-color: #00b3c8;
    text-transform: lowercase;
    font-family: 'Panton', sans-serif
}

.page-homepage .campaign-message-area .campaign-description .cta-category:first-letter {
    text-transform: uppercase
}

.page-homepage .campaign-message-area .campaign-img-area {
    top: -2rem;
    z-index: 1;
    text-align: center;
    position: relative
}

.page-homepage .category-area .categories .category-tab {
    padding: 3.5rem 3.5rem 0 3.5rem;
    text-align: center
}

.page-homepage .category-area .categories .category-tab img {
    height: 13rem
}

.page-homepage .category-area .categories .category-name {
    height: 3rem;
    margin-top: 2rem;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center
}

.page-homepage .category-area .categories .category-name em {
    font-size: 1.7rem;
    vertical-align: middle
}

.page-homepage .campaigns-tabs {
    position: relative;
    z-index: 3;
    width: 1100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-homepage .campaigns-tabs .tab-nav {
    margin-top: -70px
}

.page-homepage .campaigns-tabs .tab-nav ul {
    display: flex;
    flex-direction: row
}

.page-homepage .campaigns-tabs .tab-nav li {
    display: flex;
    flex-basis: 0;
    flex-grow: 1
}

.page-homepage .campaigns-tabs .tab-nav li:first-of-type {
    margin-right: 1%
}

.page-homepage .campaigns-tabs .tab-nav li:last-of-type {
    margin-left: 1%
}

.page-homepage .campaigns-tabs .tab-nav a {
    width: 100%;
    display: block;
    height: 7.8rem;
    padding-top: 2.5rem;
    color: #fff;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 900;
    text-decoration: none;
    border: solid 2px #fff;
    border-radius: 10px 10px 0 0;
    border-bottom-color: transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.page-homepage .campaigns-tabs .tab-nav a span {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: solid 4px transparent
}

.page-homepage .campaigns-tabs .tab-nav a.active {
    color: #000;
    background-color: #fff
}

.page-homepage .campaigns-tabs .tab-nav li:nth-child(2) a.active {
    border-color: #f8dfaf;
    background-color: #f8dfaf;
    border-bottom-color: transparent
}

.page-homepage .campaigns-tabs .tab-nav a.active span {
    border-color: #fddd00
}

.page-homepage .content--posters {
    padding-top: 10px
}

@media (min-width: 768px) {
    .page-homepage .poster-widget-list {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }
}

.page-homepage .content--newsletter {
    padding: 2.7rem 4rem 0;
    background-color: #f8dfaf;
    position: relative
}

.page-homepage .content--newsletter .form-message {
    font-weight: 700;
    text-align: center;
    margin: 5px 0
}

.page-homepage .content--newsletter .form-message .error {
    color: #eb211d
}

.page-homepage .content--newsletter > img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 2rem;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.page-homepage .content--newsletter form {
    float: right;
    width: 45%;
    position: relative;
    top: -5rem
}

.page-homepage .content--newsletter .form-select select {
    display: inline-block;
    width: 100%;
    padding: 0 1.25rem;
    height: 3.8rem;
    border: solid 1px #ffffff;
    border-radius: 0
}

.page-homepage .content--newsletter .form-select {
    position: relative;
    margin-bottom: 1rem
}

.page-homepage .content--newsletter .form-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    padding-right: 2.25rem;
    z-index: 2;
    line-height: 1em;
    color: #000000
}

.page-homepage .content--newsletter .form-select:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E91F';
    color: #000000;
    position: absolute;
    right: 1.25rem;
    bottom: 1.9rem;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    z-index: 1
}

.page-homepage .content--newsletter .form-text textarea {
    min-height: 10rem
}

.page-homepage .content--newsletter .detect-robot img {
    width: calc(100% - 6.6rem);
    max-height: 3.6rem
}

.page-homepage .content--newsletter .detect-robot .button {
    width: 6.6rem;
    height: 3.6rem;
    border: none;
    padding: 0
}

.page-homepage .content--newsletter .detect-robot .button:hover {
    background: #ffffff;
    color: #000000
}

@media (min-width: 768px) {
    .page-homepage .content--newsletter .js-subscribe-form-alternate .email-content .checkbox {
        position: inherit
    }

    .page-homepage .content--newsletter .js-subscribe-form-alternate .email-content .checkbox input[type=checkbox] + label:before {
        margin-left: -7px
    }
}

.page-homepage .content--newsletter .hero {
    color: #000;
    font-size: 2.2rem;
    font-weight: 700
}

.page-homepage .content--newsletter .desc {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #000;
    font-size: 1.4rem;
    text-align: center
}

.page-homepage .content--newsletter .field {
    position: relative;
    margin-bottom: 1rem
}

.page-homepage .content--newsletter .field input[type="text"] {
    width: 100%;
    height: 3.5rem;
    padding: 0 1.5rem;
    color: #9b9b9b;
    font-size: 1.4rem;
    border: 0
}

.page-homepage .content--newsletter .field button {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 3.5rem;
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.6em;
    font-family: 'Trade Gothic Bold';
    background-color: #00b3c8;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

.page-homepage .content--newsletter .button {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.page-homepage .content--newsletter li {
    color: #4a4a4a;
    line-height: 1.6em
}

.page-homepage .content--newsletter li label {
    padding-left: 0 !important
}

.page-homepage .content--newsletter li input {
    position: relative;
    top: -1px;
    margin-right: 3px
}

.page-homepage .content--newsletter li a {
    color: #4a4a4a;
    text-decoration: underline;
    font-weight: 700
}

.page-homepage .content--newsletter .success-message span {
    display: block;
    margin-top: 15px;
    text-align: center;
    font-size: 15px
}

.page-homepage .content--newsletter .checkbox input[type=checkbox] + label:before {
    margin-top: 2px;
    background-color: #fff
}

.page-homepage .content--newsletter .checkbox input[type=checkbox]:checked + label:before {
    color: #000;
    background-color: #fff
}

.page-homepage .content--newsletter .checkbox [type=checkbox]:checked + .label-item:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0Mi40IDM0Mi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDIuNCAzNDIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjkwLDMzLjNMMTE4LjksMjA0LjRsLTY2LjUtNjYuNUwwLDE5MC4ybDExOC45LDExOC44TDM0Mi40LDg1LjZMMjkwLDMzLjN6Ii8+Cjwvc3ZnPgo=)
}

.page-homepage .campaigns-tabs .items li {
    float: left;
    width: 19.2%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: 1%;
    text-align: center;
    background-color: #f7f6f2;
    border: solid 1px #ececec;
    border-radius: 10px
}

.page-homepage .campaigns-tabs .items li:first-child {
    margin-left: 0
}

.page-homepage .campaigns-tabs .items img {
    position: relative;
    margin-bottom: -15px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}

.page-homepage .campaigns-tabs .items .badge {
    height: 4rem;
    margin-top: -1px;
    padding-top: 1rem
}

.page-homepage .campaigns-tabs .items .badge img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 34px
}

.page-homepage .campaigns-tabs .items .dates {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: #000;
    font-size: 16px
}

.page-homepage .campaigns-tabs .posters-widget .slick-slide {
    padding: 0 5px
}

.page-homepage .campaigns-tabs .posters-widget .slick-list {
    padding: 0 !important;
    margin: 0 10px
}

.page-homepage .campaigns-tabs .posters-widget .nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-homepage .campaigns-tabs .posters-widget .nav:hover {
    background-color: #f1f1f1
}

.page-homepage .campaigns-tabs .posters-widget .nav-right {
    left: auto;
    right: 0
}

.page-homepage .opportunity-area {
    padding-top: 30px
}

.page-homepage .opportunity-area .hero {
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 1px #ececec
}

.page-homepage .opportunity-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 3rem;
    line-height: 30px;
    background-color: #fff
}

.page-homepage .opportunity-area .slick-list {
    margin-left: -15px;
    margin-right: -15px
}

.page-homepage .opportunity-area .slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.page-homepage .opportunity-area .nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-homepage .opportunity-area .nav:hover {
    background-color: #f1f1f1
}

.page-homepage .opportunity-area .nav-right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -15px
}

.page-homepage .opportunity-area .item {
    position: relative;
    width: 100%;
    height: 245px;
    border-radius: 10px;
    background-color: #d8b300;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.page-homepage .opportunity-area .item-customize {
    margin-bottom: 10px;
    max-width: 366px
}

.page-homepage .widget--mothersday-gifts__item .item-twin img {
    width: 100%
}

@media (min-width: 768px) {
    .page-homepage .widget--mothersday-gifts__item .item-twin img {
        border-radius: 10px
    }
}

.page-homepage .opportunity-area .item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1)
}

.page-homepage .opportunity-area .item img {
    position: relative;
    bottom: -2rem;
    margin-left: 2rem
}

.page-homepage .opportunity-area .item .name {
    position: absolute;
    top: 0;
    right: 0;
    width: 145px;
    margin-top: 20px;
    margin-right: 20px;
    color: #000;
    font-size: 2rem;
    line-height: 1.2em;
    font-weight: 800
}

.page-homepage .opportunity-area .item .name .count {
    display: block;
    font-weight: 400
}

.page-homepage .opportunity-area .item .prices--padding .price-area {
    padding-bottom: 35px;
    padding-left: 15px
}

.page-homepage .opportunity-area .item .price-area {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 20px;
    margin-bottom: 20px
}

.page-homepage .opportunity-area .item .price-area .title {
    position: relative;
    top: -5px;
    display: block;
    color: #000;
    font-size: 12px
}

.page-homepage .opportunity-area .item .price-area .price {
    display: block;
    min-width: 75px;
    height: 3.4rem;
    padding: 1rem 2rem;
    color: #000;
    font-size: 2.4rem;
    font-weight: 800;
    text-align: center;
    border-left: solid 5px #cab800;
    background-color: #fddd00;
    border-top-right-radius: 10px
}

.page-homepage .opportunity-area .item .price-area .price small {
    display: inline-block;
    margin-top: -4px;
    font-size: 1.4rem;
    vertical-align: top
}

.page-homepage .opportunity-area .item .price-area .old-price {
    position: relative;
    height: 4rem;
    padding-top: 1.3rem;
    padding-left: 3rem;
    padding-right: 1rem;
    font-size: 2.8rem
}

.page-homepage .opportunity-area .item .price-area .old-price::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 3px;
    margin-top: 18px;
    margin-right: 5px;
    background-color: rgba(243, 36, 35, 0.7);
    -webkit-transform: rotate(-11deg);
    -moz-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    -o-transform: rotate(-11deg)
}

.page-homepage .opportunity-area .item .price-area .old-price small {
    font-size: 1.7rem
}

.page-homepage .opportunity-area .item .price-area .current-price {
    padding-left: 3rem;
    padding-right: 1rem;
    font-size: 2rem;
    background-color: #fffb9c;
    border-radius: 0
}

.page-homepage .opportunity-area .item .price-area .current-price small {
    font-size: 1.2rem
}

.page-homepage .opportunity-area .item .button {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    height: 3.5rem;
    padding: 1rem 1.5rem;
    color: #fff;
    font-size: 1.8rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: lowercase
}

.page-homepage .opportunity-area .item .button:first-letter {
    text-transform: uppercase
}

.page-homepage .opportunity-area .item .badge {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    min-width: 160px;
    margin-bottom: 20px;
    margin-right: 20px;
    height: 3.5rem;
    padding: 1rem 2.5rem;
    color: #000;
    font-size: 2.2rem;
    text-align: center;
    text-decoration: none;
    font-family: 'Trade Gothic Bold'
}

.page-homepage .opportunity-area .item .badge--white {
    color: #00b3c8;
    background-color: #fff
}

.page-homepage .opportunity-area .item .badge--white span {
    color: #d71d22
}

.page-homepage .opportunity-area .item .badge--red {
    color: #fff;
    background-color: #eb211d
}

.page-homepage .opportunity-area .item .discount-badge {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 20px;
    margin-bottom: 35px;
    padding: 15px 5px 5px;
    width: 55px;
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    background: #eb211d;
    border-radius: 1rem 1rem 0 0
}

.page-homepage .opportunity-area .item .discount-badge:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 15px;
    left: 0;
    bottom: -15px;
    position: absolute;
    z-index: 1
}

.page-homepage .opportunity-area .item .discount-badge--multi {
    padding: 7px 5px 5px
}

.page-homepage .opportunity-area .item .discount-badge--multi span:nth-child(1) {
    display: inline-block;
    margin-bottom: -1px;
    padding-bottom: 5px;
    font-size: 1.8rem;
    border-bottom: solid 1px #fff
}

.page-homepage .opportunity-area .item .discount-badge--multi span:nth-child(2) {
    display: block;
    font-size: 1.1rem
}

.page-homepage .opportunity-area .columns {
    margin-top: 30px
}

.page-homepage .opportunity-area .columns .row {
    margin-left: -15px;
    margin-right: -15px
}

.page-homepage .opportunity-area .columns .col-sm-4 {
    padding-left: 15px;
    padding-right: 15px
}

.page-homepage.page-mothersday .opportunity-area .item img {
    border-radius: 10px;
    bottom: 0;
    margin-left: 0
}

.page-homepage .newsletter {
    padding-top: 3.5rem;
    padding-bottom: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-align: center;
    background-color: #f8dfaf;
    border-radius: 10px
}

.page-homepage .newsletter .hero {
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    margin-right: 2rem;
    color: #000;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold'
}

.page-homepage .newsletter form {
    display: inline-block;
    padding-right: 78px;
    vertical-align: top;
    text-align: left
}

.page-homepage .newsletter .field {
    position: relative;
    margin-bottom: 1rem
}

.page-homepage .newsletter .field input[type="text"] {
    width: 240px;
    height: 3.5rem;
    padding: 0 1.5rem;
    color: #9b9b9b;
    font-size: 1.4rem;
    border: 0
}

.page-homepage .newsletter .field button {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 3.5rem;
    margin-right: -75px;
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.6em;
    font-family: 'Trade Gothic Bold';
    background-color: #00b3c8;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

.page-homepage .newsletter .animation .field button {
    font-size: 1.7rem;
    width: 127%
}

.page-homepage .newsletter li {
    color: #4a4a4a;
    line-height: 1.6em
}

.page-homepage .newsletter li input {
    position: relative;
    top: -1px;
    margin-right: 3px
}

.page-homepage .newsletter li label {
    padding-left: 0 !important
}

.page-homepage .newsletter li a {
    color: #4a4a4a;
    text-decoration: underline
}

.page-homepage .newsletter .checkbox input[type=checkbox] + label:before {
    margin-top: 2px;
    background-color: #fff
}

.page-homepage .newsletter .checkbox input[type=checkbox]:checked + label:before {
    color: #000;
    background-color: #fff
}

.page-homepage .properties-area {
    margin-top: 3rem;
    padding: 2.1rem;
    color: #4a4a4a;
    font-size: 1.7rem;
    border: solid .1rem #ececec;
    border-radius: 1rem;
    text-align: center
}

.page-homepage .properties-area li {
    position: relative;
    width: auto;
    padding: 1.2rem 2.2rem 1.2rem 6rem;
    display: inline-block;
    border-right: .1rem solid #d8d8d8
}

.page-homepage .properties-area li:first-child {
    padding-left: 5rem
}

.page-homepage .properties-area li:first-child em {
    left: .6rem
}

.page-homepage .properties-area li:last-child {
    border: none;
    padding-right: 1rem
}

.page-homepage .properties-area li em {
    position: absolute;
    left: 1.6rem;
    top: 50%;
    font-size: 3.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page-homepage .properties-area li em.icon-locked {
    font-size: 2.8rem
}

.page-homepage .properties-area li em.icon-locked, .page-homepage .properties-area li em.icon-shop {
    top: calc(50% - .3rem)
}

.page-blog-detail .homepage-slider {
    max-height: 100%
}

.product--discount-badge {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 50px;
    background-color: #eb211d;
    color: #fff;
    text-align: center;
    border-radius: 7px 7px 2px 2px
}

.product--discount-badge:before, .product--discount-badge:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 10;
    bottom: -11px
}

.product--discount-badge:before {
    border-width: 13px 25px 0 25px;
    border-color: #96201d transparent transparent transparent;
    bottom: -13px
}

.product--discount-badge:after {
    border-width: 12px 25px 0 25px;
    border-color: #eb211d transparent transparent transparent
}

.product--discount-badge span {
    display: block;
    font-size: 18px;
    padding-top: 10px;
    line-height: 1;
    text-decoration: underline
}

.product--discount-badge small {
    font-size: 10px;
    line-height: 1;
    display: block
}

.os-widgets-area {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.widget--promo-banner {
    margin-bottom: 20px
}

.widget--promo-banner img {
    width: 100%
}

.widget--os-this-week-area {
    margin-bottom: 15px
}

.widget--os-this-week-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00
}

.widget--os-this-week-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.widget--os-this-week__item .widget--os-this-week__image {
    text-align: center
}

.widget--os-this-week__item .widget--os-this-week__image img {
    height: 140px;
    display: unset
}

.widget--os-this-week__item .widget--os-this-week__detail {
    font-size: 20px;
    line-height: 22px;
    padding: 0 30px;
    margin-top: 30px;
    min-height: 66px
}

.widget--os-this-week__item .widget--os-this-week__detail .widget--os-this-week__title, .widget--os-this-week__item .widget--os-this-week__detail .widget--os-this-week__price {
    padding-left: 60px;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    max-height: 66px;
    font-weight: 700
}

.widget--os-this-week__item .widget--os-this-week__detail.no-discount-badge .widget--os-this-week__title, .widget--os-this-week__item .widget--os-this-week__detail.no-discount-badge .widget--os-this-week__price {
    padding-left: 0
}

.widget--os-this-week__item .widget--os-this-week__detail .widget--os-this-week__old-price {
    font-weight: normal;
    text-decoration: line-through
}

.widget--os-this-week__item .widget--os-this-week__detail .widget--os-this-week__current-price {
    margin-left: 10px
}

.widget--os-this-week__item .product--discount-badge {
    position: absolute
}

.widget--os-this-week-carousel .nav {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.widget--os-this-week-carousel .nav-right {
    left: auto;
    right: 0
}

.widget--os-this-week-link {
    font-size: 18px;
    line-height: 26px;
    margin-top: 20px;
    background-color: #00b3c8;
    text-align: center;
    padding: 10px;
    color: #ffffff
}

.widget--popular-categories-area .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    transform: translateY(-50%)
}

.widget--popular-categories-area .slick-arrow.slick-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.widget--popular-categories-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00
}

.widget--popular-categories-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.widget--popular-categories__item-wrapper {
    margin-top: 10px
}

.widget--popular-categories__item-full-image img {
    width: 100%
}

.widget--popular-categories__item {
    height: 200px;
    background-color: #e4dfc3;
    margin-bottom: 10px;
    position: relative
}

.widget--popular-categories__item .widget--popular-categories__right-image {
    position: absolute;
    height: 170px;
    padding-top: 15px;
    right: 10px
}

.widget--popular-categories__item .widget--popular-categories__item-body {
    padding-left: 20px;
    padding-top: 40px;
    font-size: 24px;
    line-height: 1;
    color: #000
}

.widget--popular-categories__item .widget--popular-categories__item-body.widget--popular-categories__item-no-image {
    text-align: center;
    padding-left: 0
}

.widget--popular-categories__item .widget--popular-categories__title-second {
    font-size: 36px
}

.widget--popular-categories__item .widget--popular-categories__link {
    margin-top: 10px;
    padding: 10px 30px;
    font-weight: normal
}

.widget--popular-products-area {
    padding-top: 15px
}

.widget--popular-products-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00
}

.widget--popular-products-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.widget--popular-products__list {
    display: flex;
    overflow: scroll
}

.widget--popular-products__item {
    padding: 0 5px
}

.widget--popular-products__item img {
    max-width: unset;
    height: unset;
    width: 110px
}

.widget--popular-products__item .product-card {
    width: 155px;
    border: none;
    margin-bottom: 0 !important
}

.widget--popular-products__item .product-card .product-actions {
    padding: 0;
    position: relative;
    height: 230px;
    min-height: unset
}

.widget--popular-products__item .product-card .product-actions .favs {
    top: 1rem;
    right: 1rem
}

.widget--popular-products__item .product-card .product-actions .favs a {
    font-size: 4rem
}

.widget--popular-products__item .product-card .product-actions .name {
    font-size: 15px;
    line-height: 1;
    padding-top: 10px;
    font-weight: 700;
    height: 55px;
    word-break: break-word;
    overflow: hidden
}

.widget--popular-products__item .product--discount-badge {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.widget--popular-products__item:first-of-type {
    padding-left: 20px
}

.widget--popular-products__item:last-of-type {
    padding-right: 20px
}

.widget--popular-products__price {
    font-size: 17px;
    line-height: 1;
    padding-top: 10px;
    display: inline-block
}

.widget--popular-products__price .current-price, .widget--popular-products__price .old-price {
    display: block
}

.widget--popular-products__price .current-price small, .widget--popular-products__price .old-price small {
    font-size: 11px
}

.widget--popular-products__price .current-price {
    color: #eb211d
}

.widget--popular-products__price .old-price {
    padding-top: 6px;
    text-decoration: line-through
}

.widget--popular-products__bottom-link {
    font-weight: 700;
    font-size: 13px;
    margin: 0 20px;
    padding: 20px 0;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    display: block
}

.discounts-area {
    padding-top: 15px
}

.discounts-area .slick-list {
    margin-left: 0;
    margin-right: 0
}

.discounts-area .nav-right {
    right: 15px
}

.discounts-area .nav-left {
    left: 15px
}

.discounts-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00
}

.discounts-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.discounts-area a.button {
    display: block;
    margin: 20px auto;
    max-width: 200px
}

.discounts-carousel {
    overflow: hidden;
    margin: 0 -0.7rem
}

.discounts-area .reco-buttons {
    margin-bottom: 30px;
    text-align: center
}

.discounts-area .reco-buttons li {
    cursor: pointer;
    padding: 1rem 2rem;
    margin: 2px 7px
}

@media screen and (max-width: 768px) {
    .discounts-area .reco-buttons li {
        margin: 5px 5px 8px;
        padding: 10px 15px;
        font-size: 16px
    }
}

.discounts-area .reco-buttons li.active, .discounts-area .reco-buttons li:hover {
    color: #000000;
    background-color: #fddd00;
    border-color: #fddd00;
    -webkit-box-shadow: 0 .4rem 0 #b1a100;
    -moz-box-shadow: 0 .4rem 0 #b1a100;
    box-shadow: 0 .4rem 0 #b1a100
}

.discounts-area .reco-buttons li.active {
    pointer-events: none;
    cursor: default
}

.discounts-area .campaign-product-list {
    display: none
}

.discounts-area .campaign-product-list.active {
    display: flex;
    flex-wrap: wrap
}

.discounts-area .campaign-product-list .product-desc {
    padding: 1.6rem 1.6rem 3rem 1.6rem
}

@media screen and (min-width: 768px) {
    .discounts-area .campaign-product-list .product-desc {
        min-height: 17rem
    }
}

@media screen and (max-width: 768px) {
    .discounts-area .campaign-product-list .product-desc {
        margin: 5px 5px 8px;
        padding: 10px 15px;
        font-size: 16px
    }
}

.discounts-carousel .nav {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.discounts-carousel .nav:hover {
    background-color: #f1f1f1
}

.discounts-carousel .nav-right {
    left: auto;
    right: 0
}

.discounts-carousel .discounts-product-item {
    padding: 0 5px
}

.discounts-carousel .discounts-product-item .product-card {
    margin-bottom: 0
}

.discounts-carousel .discounts-product-item .product-actions {
    padding: 1.6rem
}

.discounts-carousel .discounts-product-item .product-actions .name {
    height: 11.5rem;
    overflow: hidden;
    font-weight: 600;
    font-size: 3rem;
    padding: 0 .5rem;
    margin-top: 1.5rem;
    line-height: normal;
    margin-bottom: 1rem
}

.discounts-carousel .discounts-product-item .product-actions .product-image img {
    height: 125px
}

.discounts-carousel .discounts-product-item .favs {
    top: 1rem;
    right: 1rem
}

.discounts-carousel .discounts-product-item .favs a {
    font-size: 4rem
}

.discounts-carousel .discounts-product-item .product-actions .add-basket {
    margin-top: 0
}

.discounts-carousel .discounts-product-item .add-basket .price {
    line-height: 16px;
    font-size: 16px
}

.discounts-carousel .discounts-product-item .add-basket .price .old-price {
    font-size: 10px;
    line-height: 12px;
    text-decoration: line-through;
    color: #4a4a4a
}

.discounts-carousel .discounts-product-item .add-basket .price .current-price {
    line-height: 1
}

.discounts-carousel .discounts-product-item .add-basket .price .current-price.mt-1 {
    margin-top: 10px
}

.widget--products-area {
    padding-top: 15px
}

.widget--products-area .slick-list {
    margin-left: 0;
    margin-right: 0
}

.widget--products-area .nav-right {
    right: 15px
}

.widget--products-area .nav-left {
    left: 15px
}

.widget--products-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold'
}

.widget--products-area .hero span {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px;
    border-bottom: solid 4px #fddd00
}

.widget--products-carousel {
    padding: 0 10px
}

.widget--products-carousel .slick-list {
    margin: 0 25px !important;
    padding: 0 !important
}

.widget--products-carousel .nav {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.widget--products-carousel .nav-right {
    left: auto;
    right: 0
}

.widget--products__item {
    margin-bottom: 20px;
    height: 100px
}

.widget--products__image {
    float: left
}

.widget--products__detail {
    display: block;
    margin-left: 110px;
    font-size: 15px;
    line-height: 1
}

.widget--products__price {
    font-size: 16px
}

.widget--products__price small {
    font-size: 10px
}

.widget--products__price .current-price {
    color: #eb211d
}

.widget--products__price .old-price {
    margin-left: 20px;
    text-decoration: line-through
}

.widget--products__bottom-link {
    font-weight: 700;
    font-size: 13px;
    margin: 0 20px;
    padding: 20px 0;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    display: block
}

.widget--products__title {
    height: 55px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    word-break: break-word
}

.widget--products__image img {
    height: 100px
}

.widget--products__bottom-link .fa, .widget--popular-products__bottom-link .fa {
    font-size: 12px;
    float: right
}

.mothersday--gifts-area {
    margin-top: 30px
}

.widget--mothersday-gifts__item {
    margin-bottom: 10px;
    background-color: #f5e6d8;
    padding: 20px 0;
    border-radius: 10px
}

.widget--customize-gifts__item {
    margin-bottom: 10px;
    background-color: #f5e6d8;
    border-radius: 10px
}

.widget--mothersday-gifts__title {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 10px;
    color: #4ab3c9
}

.widget--mothersday-button__wrapper {
    margin-bottom: 5px
}

.widget--mothersday-button {
    font-weight: 400 !important
}

.mothersday--reco-area {
    overflow: hidden;
    width: 100%
}

.mothersday--reco-area .discounts-carousel .discounts-product-item .product-actions .name {
    font-size: 17px;
    height: 64px
}

.mothersday--reco-area .product-card .product-actions .add-basket .toggle {
    display: none
}

@media (min-width: 768px) {
    .mothersday--reco-area .product-card .product-actions .add-basket .price {
        width: 48%;
        padding-left: 0;
        text-align: center;
        border-radius: 0 .8rem .8rem 0
    }
}

.mothersday--desc {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.mothersday--desc h1 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px
}

.mothersday--desc h2 {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px
}

.mothersday--desc p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: normal
}

.discount-product-widgets .discount-product-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

.discount-product-widgets .discount-product-slider.slick-initialized {
    visibility: visible;
    opacity: 1
}

.discount-product-widgets .all-discounts-btn {
    text-align: center;
    margin-top: 10px
}

.discount-product-widgets .hero {
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 1px #ececec
}

.discount-product-widgets .hero h3 {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 3rem;
    line-height: 30px;
    background-color: #fff;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .discount-product-widgets .hero span {
        font-size: 30px
    }
}

.discount-product-widgets .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.discount-product-widgets .slick-arrow.slick-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.discount-product-widgets .discount-product-item {
    border: 5px solid #f7f6f2;
    margin: 5px 0;
    padding: 0;
    vertical-align: top;
    width: 95% !important
}

.discount-product-widgets .discount-product-item .product-card {
    border: none;
    margin-bottom: 0;
    background: #f7f6f2
}

.discount-product-widgets .discount-product-item .product-card .product-image {
    padding: 10px;
    background: #fff
}

.discount-product-widgets .discount-product-item .product-card .product-image .discount {
    top: .4em;
    line-height: 1;
    right: 1rem;
    color: #fff;
    float: left;
    font-size: 1.5rem;
    font-weight: 900;
    padding: .4rem .5rem 0 .5rem;
    text-align: center;
    position: absolute;
    display: inline-block;
    background-color: #eb211d;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-family: "Trade Gothic Bold"
}

.discount-product-widgets .discount-product-item .product-card .product-image .discount:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.3rem;
    position: absolute;
    z-index: 1
}

.discount-product-widgets .discount-product-item .product-card .product-image .discount span {
    font-size: 1.3rem;
    font-family: "Trade Gothic Bold";
    display: block;
    border-top: 1px solid white;
    margin-top: 1px;
    padding-top: 2px
}

@media only screen and (max-width: 767px) {
    .discount-product-widgets .discount-product-item .product-card .product-image .discount {
        font-size: 2.5rem
    }

    .discount-product-widgets .discount-product-item .product-card .product-image .discount span {
        font-size: initial
    }

    .discount-product-widgets .discount-product-item .product-card .product-image .discount:after {
        bottom: -12px;
        height: 13px
    }
}

.discount-product-widgets .discount-product-item .product-card .product-desc {
    padding: 2rem 1rem 1rem 1rem;
    min-height: 0;
    text-align: center
}

.discount-product-widgets .discount-product-item .product-card .product-desc .name {
    margin: 0 0 10px 0;
    width: 100%;
    font-weight: normal;
    height: 50px;
    overflow: hidden
}

.discount-product-widgets .discount-product-item .product-card .product-desc .prices {
    text-align: left
}

.discount-product-widgets .discount-product-item .product-card .product-actions {
    padding: 0;
    background: none
}

.discount-product-widgets .discount-product-item .product-card .product-actions .add-basket {
    display: block;
    background: #00bad0;
    border-radius: 8px !important;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 20px
}

.discount-product-widgets .discount-product-item .product-card .product-actions .add-basket .link {
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .discount-product-widgets .discount-product-item .product-card .product-actions {
        min-height: 0
    }
}

@media only screen and (max-width: 767px) {
    .discount-product-widgets .discount-product-item {
        margin: 5px 10px
    }
}

.page-auth .auth {
    width: 47rem;
    max-width: 100%;
    padding: 0;
    margin: 3.5rem auto
}

.page-auth .auth.forgot-password {
    width: auto !important
}

.page-auth .auth.page-forgot-password {
    width: auto
}

.page-auth .auth .forgot-password-container {
    width: 47rem
}

.page-auth .forget-password-success-title {
    font-size: 14px;
    color: #000;
    margin-top: 20px
}

.page-auth .forget-password-success {
    text-align: inherit !important
}

.page-auth .forget-password-success-desc {
    color: #000;
    font-size: 14px;
    margin: 15px 0
}

.page-auth .forget-password-success-button {
    background: none;
    color: #00B3C8;
    font-size: 17px
}

.page-auth .error {
    color: red
}

.page-auth .success {
    color: green
}

.page-auth .auth__form--forget {
    padding-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none
}

.page-auth .auth__form--forget button, .page-auth .auth__form__submit {
    height: auto !important;
    width: 100%;
    background-color: #00b3c8 !important;
    margin-top: 10px
}

.page-auth .auth__form__proceed__wrapper {
    text-align: center
}

.page-auth .auth__form__proceed {
    display: inline-block;
    padding: 15px 45px;
    font-size: 12px;
    border: solid 1px #d8d8d8;
    border-radius: .3rem
}

.page-auth .auth form .sms-countdown {
    font-size: 16px;
    margin: 30px 0
}

.page-auth .auth form {
    padding: 4rem 8rem;
    background-color: #f7f6f2;
    border: solid 1px #d8d8d8;
    border-radius: .3rem
}

.page-auth .auth form.form--white {
    background-color: #fff
}

.page-auth .auth__form--forget .title, .page-auth .auth form .title {
    color: #000;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    line-height: normal
}

.page-auth .auth__form--forget .desc, .page-auth .auth form .desc {
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #4a4a4a;
    font-size: 1.6rem;
    line-height: 1.6em
}

.page-auth .auth form .field {
    margin-bottom: 1.2rem;
    position: relative
}

.page-auth .auth form .field input:-webkit-autofill {
    box-shadow: 0 0 0 50px #f7f6f2 inset
}

.page-auth .auth .form--white .field input:-webkit-autofill {
    box-shadow: 0 0 0 50px #fff inset
}

.page-auth .login-row {
    display: flex;
    justify-content: center
}

.page-auth .auth form .redirect-captcha {
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center
}

.page-auth .auth form .redirect-captcha a {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-auth .auth.sms-verification-register-form form .field input, .page-auth .auth.sms-verification-second-form form .field input {
    font-size: 20px
}

.page-auth .auth form .field label {
    font-size: 1.6rem;
    line-height: 1.6em;
    position: absolute;
    transition: .1s ease all;
    top: 5px;
    cursor: text
}

.page-auth .auth form .field .password-info {
    font-size: 11px;
    display: block;
    font-weight: 500;
    color: #757575
}

.page-auth .auth form .field .error {
    color: #eb211d;
    font-size: 1.2rem;
    margin-top: 8px;
    font-weight: bold
}

.page-auth .auth form .field .error-checkbox-label {
    flex-basis: 100%;
    font-weight: normal;
    padding: 12px
}

.page-auth .auth form .field .error-checkbox-label-href {
    font-weight: bold;
    text-decoration: underline
}

.page-auth .auth form input::-webkit-outer-spin-button, .page-auth input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.page-auth .auth form input[type=number] {
    -moz-appearance: textfield
}

.page-auth .auth form .field .error-checkbox {
    display: flex
}

.page-auth .auth form .field .error-checkbox-input {
    flex-basis: 20px
}

.page-auth .auth form .field.active label {
    top: -15px;
    font-size: 12px;
    color: #858594
}

.page-auth .auth form .field input:focus ~ label {
    top: -15px;
    font-size: 12px;
    color: #858594
}

.page-auth .auth form .errors {
    color: #eb211d;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
    line-height: 21px
}

.page-auth .auth__form__input {
    background: #fff;
    padding: 0 !important;
    border: none;
    height: 4.3rem
}

.page-auth .auth form .tips {
    margin-top: 20px;
    font-size: 14px
}

.page-auth .auth__form__input input {
    padding: 0 10px
}

.page-auth .auth form .field input {
    display: block;
    width: 100%;
    margin-top: 2.5rem;
    height: 3.5rem;
    border-width: 0 0 1px 0;
    border-color: #000000;
    background: transparent;
    font-size: 16px
}

.page-auth .auth form .field .register-email, .page-auth .auth form .field .verification-repeat-mail {
    text-transform: lowercase
}

.page-auth .auth form .field .code-input-wrapper {
    display: flex
}

.page-auth .auth form .field .code-input-wrapper .code-input {
    margin-right: 10px;
    text-align: center
}

.page-auth .auth form .field input[type="radio"] {
    width: 8%;
    display: inline-block;
    margin-top: 12px
}

.page-auth .auth form .field .auth-gender-name {
    vertical-align: top;
    margin-top: 5px;
    height: 43px;
    line-height: 3.2;
    display: inline-block
}

.page-auth .auth form .field .auth-gender {
    margin-right: 20px;
    position: relative
}

.page-auth .auth form .gender {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.6em;
    display: inline-block
}

.page-auth .auth form button {
    width: 100%;
    background-color: #00b3c8;
    font-weight: bold;
    letter-spacing: -0.36px
}

.page-auth .auth form button[disabled] {
    background-color: #d4d4d4;
    box-shadow: 0 4px 0 0 #aaa;
    border-color: #d4d4d4
}

.page-auth .auth .forgot {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    text-align: right
}

.page-auth .auth .forgot a {
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline
}

.page-auth .auth .others {
    text-align: center
}

.page-auth .auth .others .title {
    margin-bottom: 3rem;
    border-bottom: solid 1px #d8d8d8
}

.page-auth .auth .others .title span {
    position: relative;
    bottom: -0.6rem;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 400;
    font-family: 'Panton', sans-serif;
    background-color: #f7f6f2
}

.page-auth .auth form.form--white .others .title span {
    background-color: #fff
}

.page-auth .auth .others a {
    color: #345387;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold'
}

.page-auth .auth .checklist__text {
    font-size: 1.4rem;
    line-height: 1.6em;
    border-top: 1px solid #000;
    padding-top: 2.5rem
}

.page-auth .auth .checklist__text .href-item {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-auth .auth .checklist {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.page-auth .auth .checklist li {
    font-size: 1.4rem;
    line-height: 1.6em;
    padding-bottom: 2.5rem;
    display: inline-flex
}

.page-auth .auth .checklist .checkbox label {
    padding-left: 35px
}

.page-auth .auth .checklist .checkbox input[type=checkbox] + label:before {
    margin-top: .2rem;
    background-color: #fff;
    font-size: 24px
}

.page-auth .auth .checklist .checkbox input[type=checkbox]:checked + .label-item:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0Mi40IDM0Mi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDIuNCAzNDIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjkwLDMzLjNMMTE4LjksMjA0LjRsLTY2LjUtNjYuNUwwLDE5MC4ybDExOC45LDExOC44TDM0Mi40LDg1LjZMMjkwLDMzLjN6Ii8+Cjwvc3ZnPgo=);
    background-size: cover
}

.page-auth .auth .checklist .checkbox-hide {
    display: none
}

.page-auth .auth .checklist label[for=agreement] {
    font-size: 1.4rem;
    line-height: 1.43;
    color: #000
}

.page-auth .auth .checklist label[for=agreement] a {
    text-decoration: underline
}

.page-auth .auth .checklist label[for=agreement] .href-item {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-auth .auth .checkbox .href-item {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-auth .auth-form-bottom .text {
    text-align: center;
    font-size: 15px;
    margin-top: 20px
}

.page-auth .auth-form-bottom .buttons {
    margin-top: 20px
}

.page-auth .auth-form-bottom .button.fb-button {
    background: #345387;
    color: #ffffff;
    -webkit-box-shadow: 0 .4rem 0 #2d4875;
    -moz-box-shadow: 0 .4rem 0 #2d4875;
    box-shadow: 0 .4rem 0 #2d4875;
    padding-left: 40px
}

.page-auth .auth-form-bottom .button.fb-button:hover {
    -webkit-box-shadow: 0 .2rem 0 #2d4875;
    -moz-box-shadow: 0 .2rem 0 #2d4875;
    box-shadow: 0 .2rem 0 #2d4875;
    background-color: #345387;
    border-color: #345387
}

.page-auth .auth-form-bottom .icon-facebook {
    position: absolute;
    left: 20px;
    bottom: 9px;
    font-size: 26px
}

.password-reset .auth {
    padding: 70px 0
}

.password-reset .reset-password-container {
    width: 47rem;
    padding: 2.5rem 8rem;
    background-color: #f7f6f2;
    border: solid 1px #d8d8d8;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.password-reset .desc {
    text-align: center
}

.password-reset .button {
    height: auto !important;
    width: 100%;
    background-color: #00b3c8 !important;
    margin-top: 10px
}

.reset-with-phone-modal .sms-verification-form {
    display: block
}

.form-group > label {
    top: 38px;
    left: 15px;
    position: relative;
    background-color: white;
    padding: 0 5px 0 5px;
    font-size: 1.1em;
    transition: .2s;
    pointer-events: none
}

.form-group.label-animate > label {
    top: 18px !important;
    left: 16px !important;
    font-size: .9em
}

.page-sms-verification form .error-code {
    color: #eb211d;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px
}

.page-login form .redirect-register, .page-login form .redirect-login, .page-login form .block-email-info {
    margin-top: 3rem;
    margin-bottom: 2rem;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center
}

.page-login form .redirect-register a, .page-login form .redirect-login a, .page-login form .block-email-info a {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-login form input[name="phone"]::placeholder {
    color: #000;
    opacity: 1
}

.page-login form input[name="phone"]:-ms-input-placeholder {
    color: #000
}

.page-login form input[name="phone"]::-ms-input-placeholder {
    color: #000
}

.page-login form .title, .page-login form .desc {
    display: none
}

.page-mail-verification form .redirect-call-center {
    margin: 2rem 0;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 1.6em;
    text-align: center
}

.page-mail-verification form .redirect-call-center a {
    text-decoration: underline;
    font-weight: bold;
    color: #00b3c8
}

.page-login .login-form .login-title, .page-login .login-form .login-desc {
    display: block
}

.page-login .register-form .register-title, .page-login .register-form .register-desc {
    display: block
}

.page-mail-verification form button {
    margin: 20px 0
}

.page-sms-verification form .errors {
    margin-top: 2rem
}

.page-basket {
    margin-top: 2rem
}

.page-basket .notify-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page-basket .notify {
    flex: 1 0 33%;
    padding-right: 1rem
}

.page-basket .notify:last-child {
    padding-right: 0
}

.page-basket .notify .container {
    width: auto !important;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    color: #4a4a4a;
    width: 100%;
    padding: 1.2rem 3rem;
    background-color: #f0faeb;
    border-radius: 1rem;
    word-break: break-word
}

.page-basket .notify .container .notify__text {
    word-break: break-word
}

.page-basket .basket {
    margin-top: 5rem
}

.page-basket .basket .title {
    font-size: 3rem;
    font-family: 'Trade Gothic Bold'
}

.page-basket .basket .basket-list .column {
    display: inline-block;
    vertical-align: middle
}

.page-basket .basket .basket-list .column .product-quantity {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.page-basket .basket .basket-list .column.name {
    width: 30%
}

.page-basket .basket .basket-list .column.form-info {
    width: 15%
}

.page-basket .basket .basket-list .column.form-info .form-info-clickable {
    color: #4ab3c9;
    cursor: pointer;
    text-decoration: underline
}

.page-basket .basket .basket-list .column.prices {
    width: 17%
}

.page-basket .basket .basket-list .column.price {
    width: 10%;
    text-align: center !important;
}

.page-basket .basket .basket-list .column.count {
    width: 19%
}

.page-basket .basket .basket-list .column.remove {
    width: 10%;
    text-align: center
}

.page-basket .basket .basket-list .titles {
    margin: 1.5rem 0;
    color: #636363;
    font-size: 1.5rem;
    padding: .5rem 0;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5
}

.page-basket .basket .basket-list .titles .column.prices, .page-basket .basket .basket-list .titles .column.count {
    text-align: center
}

.page-basket .basket .basket-list .list .item {
    position: relative;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: solid 1px #e0e0e0
}

.page-basket .basket .basket-list .list .item .badge {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    color: #eb211d;
    font-size: 1.5rem;
    font-weight: 700
}

.page-basket .basket .basket-list .list .name img {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
    width: 8rem;
    height: auto
}

.page-basket .basket .basket-list .list .title {
    display: inline-block;
    width: 12.5rem;
    font-size: 1.7rem;
    line-height: 1em;
    vertical-align: middle;
    font-family: 'Panton', sans-serif
}

.page-basket .basket .basket-list .list .title a {
    color: #000
}

.page-basket .basket .basket-list .list .title span {
    display: block;
    font-size: 1.2rem;
    font-weight: 400
}

.page-basket .basket .basket-list .list .basket-horoz-logistic {
    display: inline-block;
    margin-left: 3.3rem
}

.page-basket .basket .basket-list .list .basket-horoz-logistic-logo {
    width: 6.2rem
}

.page-basket .basket .basket-list .list .icon-delivery {
    font-size: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.page-basket .basket .basket-list .list .prices, .page-basket .basket .basket-list .list .price {
    font-size: 1.7rem;
    text-align: center !important;
}

.page-basket .basket .basket-list .list .old-price {
    text-decoration: line-through
}

.page-basket .basket .basket-list .list .current-price {
    display: inline-block;
    margin-left: 1rem;
    color: #d0112b
}

@media only screen and (max-width: 767px) {
    .page-basket .basket .basket-list .list .current-price {
        display: block;
        line-height: 1;
        margin-top: 2rem
    }
}

.page-basket .basket .basket-list .counter {
    text-align: left
}

.page-basket .basket .basket-list .counter input {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    text-align: center;
    line-height: 3.4rem;
    box-shadow: none;
    border: none
}

.page-basket .basket .basket-list .counter button {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    color: #000;
    font-size: 1.8rem;
    text-align: center;
    line-height: 3.4rem;
    border: solid 1px #ccc
}

.page-basket .basket .basket-list .remove a {
    font-size: 3rem
}

.page-basket .basket .continue a {
    color: #636363;
    font-size: 1.5rem;
    text-decoration: underline
}

.page-basket .summary {
    padding: 2.5rem;
    margin-top: 2rem;
    border: solid 1px #d4d4d4
}

.page-basket .summary .title {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 3rem;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 1px #e5e5e5
}

.page-basket .summary .title span {
    float: right;
    color: #333;
    font-size: 1.5rem;
    font-family: 'Panton', sans-serif
}

.page-basket .summary table {
    width: 100%;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-basket .summary td {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.page-basket .summary td:nth-child(2) {
    text-align: right;
    width: 30%
}

.page-basket .summary .red {
    color: #d00000
}

.page-basket .summary .coupon {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: solid 1px #e0e0e0
}

.page-basket .summary .coupon .error {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #d00000
}

.page-basket .summary .coupon .remove {
    display: none;
    float: left;
    margin-top: 5px;
    color: #000;
    font-size: 1.2rem;
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .page-basket .summary .coupon .remove {
        font-size: 2.4rem;
        line-height: 1.4;
        padding: 10px 0;
        margin: 0
    }
}

.page-basket .summary .coupon .title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    font-weight: 700
}

.page-basket .summary .coupon .field {
    position: relative;
    overflow: hidden
}

.page-basket .summary .coupon input {
    width: 100%;
    height: 30px;
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

@media only screen and (max-width: 767px) {
    .page-basket .summary .coupon input {
        font-size: 2.8rem;
        height: 40px;
        padding: 5px 10px;
        line-height: 30px
    }
}

.page-basket .summary .coupon .voucher-text {
    text-align: center;
    display: block;
    margin: 5px 0;
    font-size: 14px;
    line-height: 1;
    color: #000000;
    font-weight: bold;
    position: relative
}

.page-basket .summary .coupon .select-before {
    width: 100%;
    float: left;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px
}

.page-basket .summary .coupon .voucher-select {
    width: 100%;
    height: 30px;
    padding: 4px 10px;
    border: 0;
    background-color: transparent;
    font-size: 1.4rem
}

@media only screen and (max-width: 767px) {
    .page-basket .summary .coupon .voucher-select {
        font-size: 2.8rem;
        height: 40px;
        line-height: 1
    }
}

.page-basket .summary .coupon button {
    float: right;
    height: 32px;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    line-height: 32px;
    font-family: 'Trade Gothic Bold';
    background-color: #00b3c8
}

.page-basket .summary .coupon button:disabled {
    opacity: .5
}

.page-basket .summary .total {
    margin-top: 2.5rem;
    color: #000;
    font-size: 1.8rem;
    font-weight: 700
}

.page-basket .summary .total span:first-child {
    float: left
}

.page-basket .summary .total span:last-child {
    float: right
}

.page-basket .checkout-button {
    margin-top: 1.5rem
}

.page-basket .basket-empty {
    padding: 5rem;
    text-align: center
}

.page-basket .basket-empty h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1em;
    margin: 3rem 0 1rem
}

.page-basket .basket-empty .basket-empty-text {
    font-size: 2.8rem;
    line-height: 1.25em
}

.page-basket .summary .discount-wr:hover, .header-basket .summary .discount-wr:hover, .checkout-sidebar .summary .discount-wr:hover, .added-to-basket .summary .discount-wr:hover {
    cursor: pointer
}

.page-basket .summary .discount-wr, .header-basket .summary .discount-wr, .checkout-sidebar .summary .discount-wr, .added-to-basket .summary .discount-wr {
    position: relative
}

.page-basket .summary .basket-discount-dropdown, .header-basket .summary .basket-discount-dropdown, .checkout-sidebar .summary .basket-discount-dropdown, .added-to-basket .summary .basket-discount-dropdown {
    display: none;
    -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #d4d4d4;
    padding: 20px;
    width: 290px;
    background: #fff;
    position: absolute;
    left: -32px;
    top: 40px;
    z-index: 100
}

.page-basket .summary .basket-discount-dropdown:before, .header-basket .summary .basket-discount-dropdown:before, .checkout-sidebar .summary .basket-discount-dropdown:before, .added-to-basket .summary .basket-discount-dropdown:before {
    content: "";
    vertical-align: middle;
    margin: auto;
    position: absolute;
    left: -100px;
    right: 0;
    top: -10px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border: 1px solid;
    border-color: #e0e0e0 transparent transparent #e0e0e0;
    background-color: white
}

.page-basket .summary .discount-wr:hover .basket-discount-dropdown, .header-basket .summary .discount-wr:hover .basket-discount-dropdown, .checkout-sidebar .summary .discount-wr:hover .basket-discount-dropdown, .added-to-basket .summary .discount-wr:hover .basket-discount-dropdown {
    display: block
}

.page-basket .summary .discount-wr .discounts, .header-basket .summary .discount-wr .discounts, .checkout-sidebar .summary .discount-wr .discounts, .added-to-basket .summary .discount-wr .discounts {
    color: #000;
    padding: 10px 0;
    max-height: 215px;
    overflow-y: scroll
}

.page-basket .summary .discount-wr .discounts div, .header-basket .summary .discount-wr .discounts div, .checkout-sidebar .summary .discount-wr .discounts div, .added-to-basket .summary .discount-wr .discounts div {
    line-height: 1.3;
    margin-bottom: 5px
}

.page-basket .summary .discount-wr .discounts span:first-child, .header-basket .summary .discount-wr .discounts span:first-child, .checkout-sidebar .summary .discount-wr .discounts span:first-child, .added-to-basket .summary .discount-wr .discounts span:first-child {
    margin-left: 0;
    max-width: 168px;
    display: inline-block
}

.page-basket .summary .discount-wr .discounts span:last-child, .header-basket .summary .discount-wr .discounts span:last-child, .checkout-sidebar .summary .discount-wr .discounts span:last-child, .added-to-basket .summary .discount-wr .discounts span:last-child {
    float: right;
    margin-left: 0
}

.page-basket .summary .discount-wr .total-discount, .header-basket .summary .discount-wr .total-discount, .checkout-sidebar .summary .discount-wr .total-discount, .added-to-basket .summary .discount-wr .total-discount {
    font-size: 18px;
    font-weight: bold;
    color: #eb211d;
    padding: 20px 0 0 0;
    border-top: 1px solid #e0e0e0
}

.page-basket .summary .discount-wr .total-discount span, .header-basket .summary .discount-wr .total-discount span, .checkout-sidebar .summary .discount-wr .total-discount span, .added-to-basket .summary .discount-wr .total-discount span {
    float: right
}

.header-basket .summary .basket-discount-dropdown {
    left: -25px
}

.header-basket .summary .discount-wr .discounts {
    max-height: 70px
}

.header-basket .summary .basket-discount-dropdown:before {
    left: -125px
}

.list-header {
    color: #000000;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

.list-header .total-product-count, .list-header .selected-filters, .list-header .sort {
    font-size: 1.4rem;
    font-weight: 400
}

.list-header .total-product-count, .list-header .selected-filters {
    float: left
}

@media only screen and (max-width: 767px) {
    .list-header .total-product-count, .list-header .selected-filters {
        width: 100%;
        font-size: 14px;
        padding-bottom: 15px
    }
}

.list-header .sort {
    padding: .3rem 0;
    float: right
}

.list-header .total-product-count-mobile {
    width: 100%;
    float: left;
    padding: 3rem 1.5rem 1.5rem 1.5rem;
    font-size: 2.8rem
}

.list-header .total-product-count-mobile h1 {
    display: inline
}

.list-banner {
    position: relative
}

.list-banner img {
    display: block;
    width: 100%
}

.list-banner .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.list-banner .title h1 {
    display: inline-block;
    font-size: 3.6rem;
    padding: 2rem 4rem;
    font-family: 'Trade Gothic Bold';
    background-color: #fff;
    text-transform: uppercase
}

.total-product-count {
    width: 16.667%;
    padding: .3rem 0
}

.total-product-count h1 {
    display: inline
}

@media only screen and (max-width: 767px) {
    .total-product-count {
        display: none
    }
}

.selected-filters {
    font-size: 1.6rem;
    padding-bottom: .3rem
}

.selected-filters .selected-filters-heading, .selected-filters .selected-filters-item {
    display: inline;
    box-sizing: border-box
}

.selected-filters .selected-filters-heading {
    margin-left: 1.8rem;
    font-weight: 700
}

.selected-filters .selected-filters-item {
    cursor: pointer;
    font-weight: 400;
    margin: 0 .75rem 0
}

.selected-filters .selected-filters-item i {
    font-size: 1.8rem;
    position: relative;
    bottom: -0.1rem
}

@media only screen and (max-width: 767px) {
    .selected-filters .selected-filters-item i {
        font-size: 18px
    }
}

.selected-filters .selected-filters-item input {
    display: none
}

.sort {
    position: relative
}

.sort:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E91F';
    color: #000000;
    position: absolute;
    right: 0;
    top: .4rem;
    z-index: 1
}

.sort .sort-heading, .sort .sort-by {
    line-height: 1.2em;
    display: inline-block
}

.sort .sort-heading:after {
    content: ':';
    margin: 0 1.6rem
}

.sort .sort-by {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding-right: 2.25rem;
    position: relative;
    z-index: 2
}

.products-list {
    padding: 2rem 1.5rem .5rem
}

.products-list .favourite-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    margin-top: 7px;
    margin-right: 13px;
    font-size: 2.4rem
}

.products-list .product-list-general {
    display: flex;
    flex-wrap: wrap
}

.page-list--favourites {
    padding: 3rem 0
}

.page-list--favourites .list-banner {
    margin-bottom: 3rem
}

.product-card {
    margin-bottom: 3.5rem;
    border: solid 1px #d4d4d4
}

.product-card a.name-price:hover {
    text-decoration: underline !important
}

.product-card .product-desc {
    min-height: 15.5rem;
    padding: 2rem 2rem 3rem 2rem;
    background-color: #f7f6f2
}

.product-card .product-desc.cok-al-az-ode {
    background-color: rgba(30, 141, 154, 0.1)
}

.product-card .product-desc.aldin-aldin {
    background-color: #fffadb
}

.product-card .product-desc.haftanin-yildizlari {
    background-color: rgba(246, 206, 205, 0.5)
}

.product-card .product-desc .name {
    color: #333;
    min-height: 7rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    font-weight: 700;
    overflow: hidden
}

.product-card .product-desc .prices {
    color: #333;
    font-size: 1.7rem;
    line-height: 2.3rem;
    font-weight: 700
}

.product-card .product-desc .prices .old {
    text-decoration: line-through
}

.product-card .product-desc .prices .current {
    color: #eb211d
}

.product-card .product-desc .badge-wrapper {
    height: 30px
}

.product-card .product-desc .badge {
    display: inline-block;
    margin-top: 1rem;
    padding: 2px 5px;
    color: #4a4a4a;
    font-size: 9px;
    font-weight: 800;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 5px
}

.product-card .product-desc .badge.discount-mobile {
    background: #eb211d !important;
    border: none;
    color: #fff;
    font-size: 11px;
    vertical-align: bottom
}

@media only screen and (max-width: 767px) {
    .product-card .product-desc .badge.discount-mobile {
        display: inline-block !important
    }
}

.product-card .product-actions {
    padding: 1rem 1.5rem 1.5rem;
    position: relative;
    background-color: #fff
}

.product-card .product-actions .badge {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -1.7rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.product-card .product-actions .favs {
    position: absolute;
    top: 3rem;
    right: 1.5rem;
    z-index: 50
}

.product-card .product-actions .favs a:hover:after {
    content: 'Favorilerime Ekle';
    position: absolute;
    background-color: #fff;
    color: #000;
    font-family: Panton;
    font-weight: 600;
    font-size: 14px;
    left: -92px;
    bottom: -35px;
    visibility: visible;
    text-align: center;
    line-height: 29px;
    opacity: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    width: 139px;
    height: 29px;
    border-radius: 8px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #000000
}

.product-card .product-actions .favs a.active:hover:after {
    content: 'Favorilerimden \C7\131kar'
}

.product-card .product-actions .favs a {
    color: #00b3c8;
    font-size: 3rem
}

.product-card .product-actions .favs a.active em::before {
    content: '\E909';
    color: #fddd00
}

.product-card .product-actions .product-image {
    text-align: center
}

.product-card .product-actions .product-image .badge-images {
    position: absolute;
    left: 20px;
    top: 20px
}

.product-card .product-actions .product-image .badge-images img {
    width: auto;
    height: auto
}

.product-card .product-actions .product-image.passive {
    opacity: .6
}

.product-card .product-actions .product-image img {
    display: inline-block;
    height: 250px
}

.product-card .product-actions .add-basket {
    position: relative;
    display: flex;
    margin-top: 4.5rem
}

.product-card .product-actions .add-basket .discount {
    top: -7rem;
    right: 0;
    line-height: 1;
    color: #fff;
    float: left;
    font-size: 1.5rem;
    font-weight: 900;
    padding: .4rem .5rem 0 .5rem;
    text-align: center;
    position: absolute;
    display: inline-block;
    background-color: #eb211d;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-family: "Trade Gothic Bold"
}

.product-card .product-actions .add-basket .discount:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.3rem;
    position: absolute;
    z-index: 1
}

.product-card .product-actions .add-basket .discount span {
    font-size: 1.3rem;
    font-family: "Trade Gothic Bold";
    display: block;
    border-top: 1px solid white;
    margin-top: 1px;
    padding-top: 2px
}

.product-card .product-actions .add-basket-kapida .button {
    color: #000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 1rem
}

.product-card .product-actions .add-basket-kapida .button img {
    height: 20px;
    margin-right: 12px
}

.product-card .product-actions .add-basket .dropdown {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 86%;
    z-index: 5;
    background-color: #fff;
    border: solid 1px #ccc;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 0 #ccc;
    -moz-box-shadow: 0 4px 0 #ccc;
    box-shadow: 0 4px 0 #ccc
}

.product-card .product-actions .add-basket .dropdown li {
    color: #333;
    font-size: 1.3rem;
    line-height: 4rem;
    border-top: solid 1px #d8d8d8
}

.product-card .product-actions .add-basket .dropdown li:first-child {
    border-top: 0
}

.product-card .product-actions .add-basket .dropdown li a {
    display: block;
    color: #333;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    text-align: right
}

.product-card .product-actions .add-basket .dropdown strong {
    float: left;
    font-weight: 700
}

.product-card .product-actions .add-basket .dropdown li span.line {
    text-decoration: line-through !important
}

.product-card .product-actions .add-basket .dropdown li span.highlight {
    color: #eb211d;
    font-weight: 700
}

.product-card .product-actions .add-basket .dropdown li.discount {
    line-height: 3rem;
    text-align: center;
    font-weight: 700;
    background-color: #fbe602
}

.product-card .product-actions .add-basket .dropdown .close {
    cursor: pointer;
    text-align: center;
    text-decoration: underline !important
}

.product-card .product-actions .add-basket .count {
    position: relative;
    width: 52%;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.7em;
    text-align: center;
    height: 3.9rem;
    background-color: #00008b;
    border-bottom: .4rem solid #00008b;
    overflow: hidden;
    -webkit-border-radius: .8rem 0 0 .8rem;
    -moz-border-radius: .8rem 0 0 .8rem;
    border-radius: .8rem 0 0 .8rem;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease
}

.product-card .product-actions .add-basket .count:hover {
    background-color: #00bad0;
    border: none
}

.product-card .product-actions .add-basket .count .normal {
    cursor: pointer
}

.product-card .product-actions .add-basket .count .normal .old-price {
    display: inline-block;
    font-size: 1.3rem;
    text-decoration: line-through
}

.product-card .product-actions .add-basket .count .normal em {
    float: left;
    padding-left: 1rem;
    font-size: 2.3rem;
    line-height: 3.5rem
}

.product-card .product-actions .add-basket .count .added {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 3.5rem;
    background-color: #00b3c8;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}

.product-card .product-actions .add-basket .count strong {
    font-weight: 700
}

.product-card .product-actions .add-basket .count span:not(.hidden-mobile) {
    font-weight: 400;
    text-decoration: line-through
}

.product-card .product-actions .add-basket .count span small {
    font-size: 1rem
}

.product-card .product-actions .add-basket .price {
    width: 35%;
    color: #f00c23;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    height: 3.9rem;
    line-height: 2.3em;
    background-color: #fddd00;
    border-left: solid .3rem #cab800;
    border-bottom: .4rem solid #cab800
}

.product-card .product-actions .add-basket .price small {
    font-size: 1.1rem
}

.product-card .product-actions .add-basket .toggle {
    cursor: pointer;
    width: 13%;
    font-size: 3rem;
    height: 3.9rem;
    line-height: 4rem;
    text-align: center;
    margin-left: auto;
    background-color: #f7f6f2;
    border: solid .1rem #ccc;
    -webkit-border-radius: 0 .8rem .8rem 0;
    -moz-border-radius: 0 .8rem .8rem 0;
    border-radius: 0 .8rem .8rem 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: .4rem solid #ccc;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease
}

.product-card .product-actions .add-basket .toggle:hover {
    background-color: #faf9f7;
    border-bottom-width: .1rem
}

.product-card .product-actions .add-basket .mobile-dropdown {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-card .product-actions .add-basket .mobile-dropdown select {
    width: 100%;
    height: 7.5rem;
    padding-top: 7.5rem;
    border-color: transparent;
    background-color: transparent
}

.product-card .out-of-stock {
    margin-top: 4.5rem;
    height: 39px;
    color: #eb211d;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center
}

.product-card .stock-button {
    display: block;
    width: 100%;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    height: 3.9rem;
    line-height: 2.5em;
    text-align: center;
    background-color: #f7f6f2;
    border: solid 1px #ccc;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 #ececec;
    -moz-box-shadow: 0 1px 0 #ececec;
    box-shadow: 0 1px 0 #ececec
}

.product {
    background: #ffffff;
    position: relative;
    height: 50rem;
    padding: 1.8rem 2.4rem;
    border: 1px solid transparent;
    display: block;
    margin-bottom: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

.product:hover {
    -webkit-box-shadow: 0 0 0 2px #fddd00;
    -moz-box-shadow: 0 0 0 2px #fddd00;
    box-shadow: 0 0 0 2px #fddd00;
    color: #000000
}

.product .product-image {
    width: 100%;
    text-align: center;
    height: 19rem;
    position: relative;
    margin-bottom: 6.5rem
}

.product .product-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.product .product-title {
    font-size: 1.6rem;
    line-height: 1.625em;
    font-weight: 700;
    margin-top: .7rem;
    height: 5.2rem;
    display: block
}

.product .product-title span {
    font-weight: 400
}

.product .product-badge {
    position: absolute;
    width: calc(100% - 4.8rem);
    -webkit-transform: translate(0, -4.5rem);
    -moz-transform: translate(0, -4.5rem);
    -ms-transform: translate(0, -4.5rem);
    -o-transform: translate(0, -4.5rem)
}

.product .add-basket {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2rem 2.4rem
}

.product .add-basket a {
    width: 100%
}

.product-badge {
    border-radius: .5rem;
    text-align: center;
    font-weight: 800;
    font-size: 1.6rem;
    padding: .7rem;
    letter-spacing: .02em
}

.product-badge.red {
    background: #eb211d;
    color: #ffffff
}

.product-badge.green {
    background: #00b3c8;
    color: #ffffff
}

.product-badge.green.light {
    background: #ffffff;
    color: #00b3c8;
    border-color: #00b3c8
}

.product-badge.yellow {
    background: #fddd00;
    color: #000000
}

.product-badge.yellow.light {
    background: #000000;
    color: #fddd00;
    border-color: #fddd00
}

.product-badge.light {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 .2rem .5rem 0 #e8e8e8
}

.product-badge.light span:first-child {
    color: #00b3c8
}

.product-badge.light span:last-child {
    color: #eb211d
}

.product-badge.bottom {
    position: absolute;
    left: 2rem;
    bottom: 2.8rem;
    padding: .8rem 2.2rem;
    font-size: 10px;
    font-weight: 700;
    width: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.product-badge.bottom.light {
    box-shadow: none
}

.product-price {
    position: relative;
    top: 1rem
}

.product-price .price {
    background: #fddd00;
    min-width: 12rem;
    padding: 1.6rem .5rem;
    position: relative;
    border-left: .5rem solid #cab800;
    text-align: center
}

.product-price .price span {
    font-weight: 800;
    vertical-align: top;
    letter-spacing: .025em
}

.product-price .price span:first-child {
    font-size: 1.8rem
}

.product-price .price span:last-child {
    font-size: 1.6rem;
    position: relative;
    top: -1px;
    left: -2px
}

.product-price .price span:last-child span {
    position: absolute;
    left: .2rem;
    top: 1.7rem;
    font-size: 10px;
    font-weight: 700
}

.product-price .price.single {
    border-radius: 0 0 1rem 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.product-price .price.old {
    border-radius: 0 1rem 0 0
}

.product-price .price.old:after {
    content: '';
    width: 85%;
    height: .5rem;
    display: block;
    position: absolute;
    z-index: 1;
    background: #eb211d;
    opacity: .75;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-12.8deg);
    -moz-transform: translate(-50%, -50%) rotate(-12.8deg);
    -ms-transform: translate(-50%, -50%) rotate(-12.8deg);
    -o-transform: translate(-50%, -50%) rotate(-12.8deg)
}

.product-price .price.new {
    padding: 1rem 1rem;
    background: #fffb9c;
    border-radius: 0
}

.product-price .price.new span:first-child {
    font-size: 1.8rem;
    padding-left: 1.8rem
}

.product-price .price.new span:last-child {
    font-size: 1.4rem
}

.product-price .discount-badge {
    position: relative;
    width: 5.2rem;
    top: -2.5rem;
    left: -3rem;
    z-index: 1;
    background: #eb211d;
    color: #ffffff;
    text-align: center;
    padding: 1rem .2rem 0;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 1rem 1rem 0 0
}

.product-price .discount-badge:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.4rem;
    position: absolute;
    z-index: 1
}

.product-price .discount-badge span {
    line-height: .5em
}

.product-price .discount-badge span:last-child {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -0.5rem
}

.product-price .discount-badge.buy-three {
    top: -12.8rem;
    left: .95rem
}

.product-price .discount-badge.buy-three span:last-child {
    font-size: 1.8rem;
    font-weight: 700;
    top: 0
}

.product-price.has-buy-three .price-box {
    bottom: -3.5rem
}

.filter-name {
    text-transform: uppercase
}

.list-filters .list-title {
    padding: 3rem 0 1.5rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold', sans-serif;
    position: relative
}

.list-filters .list-title > .reset {
    display: none
}

.list-filters .filter-name {
    color: #00b3c8;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.5rem 0 .75rem;
    text-transform: capitalize
}

.list-filters .categories ul {
    padding-left: 3rem
}

.list-filters .categories ul li {
    position: relative
}

.list-filters .categories ul li a {
    padding: .75rem 0;
    display: block
}

.list-filters .categories ul li a:hover {
    color: #00a1b4;
    text-decoration: underline !important
}

.list-filters .categories ul li.active {
    padding-left: 1rem;
    font-weight: 700
}

.list-filters .categories ul li.active:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E922";
    position: absolute;
    left: -0.75rem;
    top: .5rem;
    font-size: 1.25em
}

.list-filters .categories ul li.active a:hover {
    color: #000000
}

.list-filters .categories ul li.main {
    margin-left: -3rem
}

.list-filters .categories .list-title, .list-filters .filters .list-title {
    padding: 3rem 0 .75rem;
    border-bottom: 1px solid #e8e8e8
}

.list-filters .filters .filter-name {
    color: #000000
}

.list-filters .filters .brands {
    max-height: 250px;
    overflow-y: scroll;
    padding-left: 2px
}

.list-filters .filters .checkbox {
    padding: .35rem 0 .35rem 20px
}

.list-filters .filters .checkbox label {
    cursor: pointer;
    padding: .25rem 0;
    width: calc(100% - 3rem);
    display: inline-block
}

.list-filters .filters .price-range li {
    padding: .5rem 0
}

.list-filters .filters .price-range li input {
    display: none
}

.list-filters .filters .price-range li a, .list-filters .filters .price-range li .price-button {
    cursor: pointer;
    padding: .75rem;
    display: block;
    border: 1px solid #e8e8e8;
    text-align: center;
    font-size: 14px;
    color: #000000
}

.list-filters .filters .price-range li a:hover, .list-filters .filters .price-range li .price-button:hover {
    border-color: #00a1b4
}

.list-filters .filters .price-range li.active a {
    border-color: #858594
}

.list-filters .filters .price-range li.active a:hover {
    border-color: #858594
}

.list-filters .filters .price-range li input:checked + .price-button {
    border: 2px solid #00a1b4
}

.list-filters .filters .price-range li input:checked + .price-button:hover {
    border-color: #00a1b4
}

.category-details {
    margin-top: 6rem
}

.category-details .hero {
    display: inline-block;
    padding-bottom: 1.5rem;
    font-size: 3.6rem;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 6px #fddd00
}

.category-details .desc {
    font-size: 1.4rem;
    line-height: 1.4em;
    padding: 2rem 0
}

.category-details .desc p {
    margin-top: 1.5rem
}

.mfp-content.fav-warning-area {
    position: relative;
    width: 330px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #d4d4d4;
    padding: 0
}

.mfp-content.fav-warning-area::before {
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 85px;
    height: 85px;
    margin-top: -42px;
    background-image: url(icon%40checked.png);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.added-to-favourite-modal {
    display: none;
    position: relative;
    padding-top: 8.5rem;
    height: 275px
}

.added-to-favourite-modal .added-to-favourite-title {
    font-size: 26px;
    text-align: center;
    color: #000;
    line-height: 1
}

.added-to-favourite-modal p {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    line-height: 1.31;
    color: #000
}

.added-to-favourite-modal button {
    position: absolute;
    bottom: 0;
    top: auto;
    opacity: 1;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00b3c8;
    color: #fff !important;
    height: 60px;
    font-size: 18px;
    width: 100%
}

.added-to-favourite-modal button:active {
    top: auto !important
}

.updated-to-profile-modal {
    display: none;
    position: relative;
    padding-top: 8.5rem;
    height: 225px
}

.updated-to-profile-modal .updated-to-profile-title {
    font-size: 26px;
    text-align: center;
    color: #000;
    line-height: 1
}

.updated-to-profile-modal button {
    position: absolute;
    bottom: 0;
    top: auto;
    opacity: 1;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #00b3c8;
    color: #fff !important;
    height: 60px;
    font-size: 18px;
    width: 100%
}

.updated-to-profile-modal button:active {
    top: auto !important
}

.no-results-wrapper {
    text-align: center;
    padding: 60px 0
}

.no-results-wrapper .text-wrapper {
    margin: 21px 30px;
    line-height: 1.4;
    font-size: 20px
}

.no-results-wrapper .text-wrapper strong {
    font-weight: bold
}

.no-results-wrapper span {
    font-size: 48px
}

.no-results-wrapper a {
    height: 36px;
    font-size: 18px;
    padding: 1rem 3rem;
    letter-spacing: -0.4px
}

.no-results-wrapper .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00;
    display: inline-block
}

.no-results-wrapper .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.page-list .breadcrumb {
    padding-bottom: 0
}

.page-list .special-page-banner-description {
    margin: 30px 0 0 0;
    line-height: 1.3
}

.page-list .special-page-banner-description b, .page-list .special-page-banner-description strong {
    font-weight: 700
}

.page-list .special-page-banner-description i {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description p {
        font-size: 14px
    }
}

.page-list .special-page-banner-description h1 {
    font-size: 2em
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description h1 {
        font-size: 28px
    }
}

.page-list .special-page-banner-description h2 {
    font-size: 1.5em
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description h2 {
        font-size: 24px
    }
}

.page-list .special-page-banner-description h3 {
    font-size: 1.17em
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description h3 {
        font-size: 18px
    }
}

.page-list .special-page-banner-description h5 {
    font-size: .83em
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description h5 {
        font-size: 16px
    }
}

.page-list .special-page-banner-description h6 {
    font-size: .67em
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description h6 {
        font-size: 14px
    }
}

.page-list .special-page-banner-description ul {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    list-style: circle
}

.page-list .special-page-banner-description ul li {
    display: list-item
}

@media only screen and (max-width: 767px) {
    .page-list .special-page-banner-description {
        margin: 15px 0 0 0
    }
}

.category-text {
    margin: 20px 0
}

@media only screen and (max-width: 767px) {
    .category-text {
        padding: 0 10px
    }
}

.category-text__title {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px
}

.category-text__text {
    line-height: 1.4
}

.category-text__text b, .category-text__text strong {
    font-weight: 700
}

.category-text__text i {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .category-text__text p {
        font-size: 14px
    }
}

.category-text__text h1 {
    font-size: 2em
}

@media only screen and (max-width: 767px) {
    .category-text__text h1 {
        font-size: 28px
    }
}

.category-text__text h2 {
    font-size: 1.5em
}

@media only screen and (max-width: 767px) {
    .category-text__text h2 {
        font-size: 24px
    }
}

.category-text__text h3 {
    font-size: 1.17em
}

@media only screen and (max-width: 767px) {
    .category-text__text h3 {
        font-size: 18px
    }
}

.category-text__text h5 {
    font-size: .83em
}

@media only screen and (max-width: 767px) {
    .category-text__text h5 {
        font-size: 16px
    }
}

.category-text__text h6 {
    font-size: .67em
}

@media only screen and (max-width: 767px) {
    .category-text__text h6 {
        font-size: 14px
    }
}

.category-text__text ul {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    list-style: circle
}

.category-text__text ul li {
    display: list-item
}

.category-text__read-more {
    font-weight: 700
}

.big-badge-images {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -25px
}

.big-badge-images img {
    max-width: 150px;
    display: block;
    margin: 5px auto
}

.list-banners {
    position: relative
}

.list-banners img {
    display: block
}

.banner-popup-button {
    display: block;
    padding: 0 10px;
    background-color: #00b3c8;
    color: #000000 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

@media (min-width: 768px) {
    .banner-popup-button {
        position: absolute;
        right: 20px;
        bottom: 20px;
        min-width: 150px;
        margin-right: .7rem;
        background-color: #ffffff;
        line-height: 32px
    }
}

.banner-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    font-family: 'Panton', sans-serif;
    display: none
}

.banner-popup.active {
    display: block
}

.banner-popup .popup-back-drop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(11, 11, 11, 0.8)
}

.banner-popup .banner-popup-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #ffffff
}

@media (min-width: 768px) {
    .banner-popup .banner-popup-content {
        right: 0;
        bottom: 0;
        width: 676px;
        height: 520px;
        margin: auto
    }
}

@media only screen and (max-width: 767px) {
    .banner-popup .banner-popup-content {
        width: calc(100% - 30px);
        top: 50%;
        left: 15px;
        transform: translateY(-50%)
    }
}

.banner-popup .popup-head {
    position: relative;
    padding: 50px 70px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    background-color: #f7f6f2
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-head {
        font-size: 18px;
        padding: 30px 25px 10px 25px
    }
}

.banner-popup .popup-head .banner-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #000000;
    opacity: 1;
    font-size: 24px
}

.banner-popup .popup-head img {
    width: 200px;
    position: absolute;
    top: -95px;
    left: -60px
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-head img {
        width: 100px;
        top: -45px;
        left: -27px
    }
}

.banner-popup .popup-campaign-text {
    padding: 25px 60px;
    color: #00b3c8;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-campaign-text {
        font-size: 15px;
        padding: 15px 30px
    }
}

.banner-popup .popup-description-wrapper {
    height: 370px;
    overflow-y: scroll
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-description-wrapper {
        height: 350px
    }
}

.banner-popup .popup-description {
    padding: 0 60px;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.4
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-description {
        font-size: 14px;
        margin-bottom: 20px;
        padding: 0 30px
    }
}

.banner-popup .popup-description a {
    text-decoration: underline
}

.banner-popup .popup-description strong {
    font-weight: 700
}

.banner-popup .popup-button {
    float: left;
    min-width: 200px;
    padding: 0 10px;
    margin-left: 60px;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    background-color: #00b3c8;
    color: #ffffff
}

@media only screen and (max-width: 767px) {
    .banner-popup .popup-button {
        float: none;
        display: block;
        margin: 0;
        font-size: 18px
    }
}

.sold-out-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: #00b3c8;
    margin-top: 4.5rem;
    height: 3.9rem;
    border-bottom: .4rem solid #1e8d9a;
    border-radius: .8rem;
    cursor: pointer;
    font-size: 1.7rem
}

@media only screen and (max-width: 767px) {
    .sold-out-button {
        margin-top: 3rem;
        height: 7rem;
        font-size: 2.4rem;
        border-radius: 1.6rem
    }
}

.map-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%
}

.map-popup_bg {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75)
}

.map-popup_content {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 99999;
    width: 50%;
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 767px) {
    .map-popup_content {
        width: 60%
    }
}

.map-popup_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px solid #bebcbc;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .map-popup_head {
        font-size: 15px
    }
}

.map-popup_head-item {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em
}

.map-popup_head-item .map-popup-product-sku {
    font-size: .7em;
    margin-top: 8px
}

@media screen and (max-width: 400px) {
    .map-popup_head-item:nth-child(1) {
        width: 40%
    }
}

.map-popup_head img {
    margin: 0 10px;
    max-width: 60px
}

.map-popup_mid {
    position: relative;
    overflow-y: scroll;
    max-height: 500px
}

.map-popup_mid::-webkit-scrollbar {
    width: 7px
}

.map-popup_mid::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #00b3c8;
    border-radius: 5px
}

.map-popup_mid::-webkit-scrollbar-thumb {
    background: #666666;
    border-radius: 5px
}

.map-popup_mid::-webkit-scrollbar-thumb:hover {
    background: #00b3c8
}

.map-popup_lists-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #bebcbc;
    padding: 20px
}

.map-popup_lists-item-title {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 15px
}

@media only screen and (max-width: 991px) {
    .map-popup_lists-item-title {
        width: 60%
    }
}

@media only screen and (max-width: 767px) {
    .map-popup_lists-item-title {
        font-size: 14px
    }
}

.map-popup_lists-item-title img {
    width: 50px
}

@media only screen and (max-width: 767px) {
    .map-popup_lists-item-title img {
        width: 40px
    }
}

.map-popup_lists-item img {
    margin-right: 15px
}

.map-popup_lists-item img.stock {
    width: 40px
}

@media only screen and (max-width: 767px) {
    .map-popup_lists-item img.stock {
        width: 24px
    }
}

.map-popup_lists-item .button {
    padding: 1.4rem 2rem;
    font-size: 1.6rem;
    line-height: 1.1
}

@media only screen and (max-width: 767px) {
    .map-popup_lists-item .button {
        font-size: 12px;
        padding: 10px 6px;
        letter-spacing: .5px
    }
}

.map-popup_lists-item .map-popup-img-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.map-popup_lists-item .map-popup-img-container div:nth-last-child(1) {
    margin-left: 10px
}

.map-popup_bottom {
    font-size: 12px;
    padding: 20px
}

.map-popup_bottom p {
    line-height: 1em
}

.map-popup_bottom p:nth-last-child(1) {
    margin-top: 10px
}

.map-close-btn {
    color: #666666;
    z-index: 1231231 !important
}

@media screen and (max-width: 400px) {
    .map-close-btn {
        top: -1% !important;
        right: -1% !important
    }
}

.zoomWindowContainer > div {
    width: 328px !important;
    top: -30px !important;
    z-index: 99999999999 !important
}

.zoomLens {
    cursor: zoom-in !important;
    background-color: transparent !important;
    border: none !important
}

.product-video-badge {
    margin: 20px 0;
    text-align: center
}

.product-video-badge .button {
    display: inline-block;
    letter-spacing: 0;
    color: #ffffff;
    background: #c80000;
    box-shadow: 0 .4rem 0 #9a1e1e
}

.product-video-badge .icon {
    margin-left: 5px;
    vertical-align: middle
}

.page-product .badge {
    margin: 0 auto;
    position: relative;
    z-index: 3;
    top: -4.5rem
}

.page-product .product-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease
}

.page-product .product-slider.slick-initialized {
    visibility: visible;
    opacity: 1
}

.page-product .product-slider .slick-slide.slick-current img {
    margin: 3rem auto
}

.page-product .social-media-share {
    position: absolute;
    top: 4.4rem;
    right: 5%;
    z-index: 1;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .page-product .social-media-share {
        top: 3.4rem;
        right: 0
    }
}

.page-product button.sharer {
    font-size: 38px;
    display: inline-block;
    width: 38px;
    position: relative;
    padding: 0;
    margin-right: 15px
}

.page-product button.sharer.fb {
    color: #3b5998
}

@media only screen and (max-width: 767px) {
    .page-product button.sharer.fb {
        margin-right: 10px
    }
}

.page-product button.sharer.wp {
    color: #62d467
}

@media only screen and (max-width: 767px) {
    .page-product button.sharer.wp {
        margin-right: 10px
    }
}

.page-product button.sharer.tw {
    margin-right: 0;
    color: #38A1F3
}

.page-product .content {
    padding-top: 0;
    border-top: .2rem solid #e8e8e8;
    font-size: 1.6rem
}

.page-product .product-detail {
    margin: 0 auto;
    width: calc(100% - 23.4rem)
}

.page-product .product-cover {
    margin: 0 auto;
    width: 100%;
    position: relative
}

.page-product .product-cover .row {
    margin-right: 0;
    margin-left: 0
}

.page-product .product-cover .row .col-sm-9, .page-product .product-cover .row .col-sm-8, .page-product .product-cover .row .col-sm-7, .page-product .product-cover .row .col-sm-6, .page-product .product-cover .row .col-sm-5, .page-product .product-cover .row .col-sm-4, .page-product .product-cover .row .col-sm-3 {
    padding-right: 0;
    padding-left: 0
}

.page-product .product-cover .badge-images {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 9
}

.page-product .variants-bar .variants-wrapper .selected-variant-text {
    margin: 20px 0
}

.page-product .variants-bar .variants-wrapper .selected-variant-text span {
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .page-product .variants-bar .variants-wrapper .selected-variant-text {
        font-size: 13px
    }
}

.page-product .variants-bar .variants-wrapper .variants-color {
    max-height: 60px;
    padding-left: 5px
}

.page-product .variants-bar .variants-wrapper .variants-color .variant-colors__item {
    position: relative
}

.page-product .variants-bar .variants-wrapper .variants-color .variant-colors__item.is-disable {
    border: 1px solid rgba(204, 204, 204, 0.3)
}

.page-product .variants-bar .variants-wrapper .variants-color .variant-colors__item.is-disable:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAMAAABE+WOeAAAANlBMVEUAAADX19fMzMy/v7/X19fY2NjX19eAgIDX19fX19fY2NjX19fMzMzV1dXX19fX19fY2NjY2NjLzRrBAAAAEnRSTlMAUwUEf/6UApNS/5IKDNKR/NFi82rdAAAAvUlEQVR4AZWWNxbEIBQD5ZzT/Q9rQ6W3W43cmDAio4+kphX72kZS1w/jhPBpHvpOy7qu80TwrZCN9pkJpsqNe9URgSkkMOMMxIFg+pmjCwAOenCdSA/GkcDlpB2XAoHL4Dq4BAjAvhhAuHv4T4MeEG6BhUiwHQi34MS4NF13oe8N4lL31B46KW8/H3++Pvn65/ubn5/8fPLzn9+v/P7m/pD7T+5vuX/m/sz9P48vefwK42Maf9P4nr4fwvfJB+z4FKCfelThAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    color: #ddd;
    top: 6px;
    left: 5px;
    background-color: rgba(255, 255, 255, 0.5)
}

.page-product .variants-bar .variants-wrapper .variants-color .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: -2rem;
    color: #000000;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5rem;
    background-color: #ffffff;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 9
}

.page-product .variants-bar .variants-wrapper .variants-color .slick-arrow.slick-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.page-product .variants-bar .variants-wrapper .variants-color .slick-track {
    margin-left: 0;
    margin-right: 0;
    max-height: 60px;
    min-width: 100%;
    overflow-y: hidden
}

@media screen and (min-width: 768px) {
    .page-product .variants-bar .variants-wrapper .variants-color .slick-track {
        width: 100% auto
    }
}

.page-product .variants-bar .variants-wrapper .variants-color .slick-slide {
    margin-right: 10px;
    width: 60px !important;
    height: 60px !important
}

.page-product .variants-bar .variants-wrapper .variants-color .slick-slide:last-child {
    margin-right: 0
}

.page-product .variants-bar .variants-wrapper .variants-color a {
    border: 1px solid #ccc
}

.page-product .variants-bar .variants-wrapper .variants-color a.selected {
    border: 3px solid #fddd00
}

@media only screen and (max-width: 767px) {
    .page-product .variants-bar .variants-wrapper .variants-color {
        padding-left: 0
    }

    .page-product .variants-bar .variants-wrapper .variants-color .slick-arrow {
        font-size: 3.4rem
    }

    .page-product .variants-bar .variants-wrapper .variants-color .slick-arrow.slick-left {
        margin-left: -4rem
    }
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-error {
    display: none;
    font-size: 12px;
    margin-bottom: 10px;
    color: #eb211d;
    font-weight: 700
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-colors__item {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px;
    color: #606060;
    font-size: 14px;
    margin-right: 8px;
    position: relative
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-colors__item.selected {
    border: 3px solid #fddd00;
    font-weight: 700;
    color: #000
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-colors__item .variant-colors__item {
    position: relative
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-colors__item .variant-colors__item.is-disable {
    border: 1px solid rgba(204, 204, 204, 0.3)
}

.page-product .variants-bar .variants-wrapper .variants-sizes .variant-colors__item .variant-colors__item.is-disable:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAMAAABE+WOeAAAANlBMVEUAAADX19fMzMy/v7/X19fY2NjX19eAgIDX19fX19fY2NjX19fMzMzV1dXX19fX19fY2NjY2NjLzRrBAAAAEnRSTlMAUwUEf/6UApNS/5IKDNKR/NFi82rdAAAAvUlEQVR4AZWWNxbEIBQD5ZzT/Q9rQ6W3W43cmDAio4+kphX72kZS1w/jhPBpHvpOy7qu80TwrZCN9pkJpsqNe9URgSkkMOMMxIFg+pmjCwAOenCdSA/GkcDlpB2XAoHL4Dq4BAjAvhhAuHv4T4MeEG6BhUiwHQi34MS4NF13oe8N4lL31B46KW8/H3++Pvn65/ubn5/8fPLzn9+v/P7m/pD7T+5vuX/m/sz9P48vefwK42Maf9P4nr4fwvfJB+z4FKCfelThAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    color: #ddd;
    top: 6px;
    left: 5px;
    background-color: rgba(255, 255, 255, 0.5)
}

.page-product .product-heading {
    max-width: 39rem;
    padding: 1.5rem 0;
    margin: 0 2rem;
    border-bottom: 1px solid #cccccc
}

.page-product .product-heading h1 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.25em;
    text-transform: lowercase
}

.page-product .product-heading h1:first-letter {
    text-transform: uppercase
}

.page-product .product-heading .product-name {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    text-transform: unset
}

.page-product .product-heading .product-code {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1.6rem
}

.page-product .product-heading .product-brand {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1.6rem
}

@media only screen and (max-width: 767px) {
    .page-product .product-heading .product-brand {
        font-size: 3rem;
        margin-top: 3rem
    }
}

.page-product .product-heading .product-badge {
    padding: .8rem 2.2rem;
    font-size: 10px;
    font-weight: 700;
    width: auto;
    display: inline-block;
    margin-top: 2.5rem;
    box-shadow: none;
    margin-bottom: 2.2rem
}

.page-product .product-heading .product-cargo-info {
    margin-top: 3rem;
    margin-bottom: 2rem;
    margin-left: -1rem;
    position: relative
}

.page-product .product-heading .product-cargo-info i {
    font-size: 4.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.page-product .product-heading .product-cargo-info span {
    font-size: 12px;
    line-height: 1.25em;
    margin-left: 4.4rem;
    display: inline-block
}

.page-product .product-heading .product-local {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.page-product .product-price {
    max-height: 18rem !important
}

.product-detail-video-container {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .product-detail-video-container {
        padding: 0 15px
    }
}

.product-detail-video {
    width: 100%;
    max-width: 580px
}

.product-slider, .product-thumbs-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-slider .slide img, .product-thumbs-slider .slide img {
    width: 100%;
    height: auto
}

.product-slider {
    padding: 0;
    border: 1px solid #ececec;
    border-top: 0;
    min-height: 450px
}

.product-slider div {
    min-height: 450px
}

.product-slider .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 3rem;
    height: 5rem;
    margin-left: -1.5rem;
    color: #000000;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5rem;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.product-slider .slick-arrow.slick-next {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.5rem
}

.product-slider .slick-arrow.slick-right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.5rem
}

.product-thumbs-slider {
    width: 20rem;
    margin: 1rem auto
}

.product-thumbs-slider .slick-slide:focus {
    outline: none !important
}

.product-thumbs-slider .slick-slide > div {
    padding: .2rem;
    border: .4rem solid transparent;
    cursor: pointer
}

.product-thumbs-slider .slick-current > div {
    border-color: #fddd00
}

.product-thumbs-slider img {
    display: block !important;
    width: 100%
}

.product-thumbs-slider .slick-slide {
    margin: 0 10px
}

.product-thumbs-slider .slick-list {
    margin: 0 -10px
}

.product-basket_errorWrapper {
    display: none;
    position: relative;
    width: 100%;
    top: 100%;
    left: 0;
    font-size: 1.5rem;
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #f3e2e2;
    border-bottom: 2px solid #d0021b
}

.product-basket_errorWrapper .product-basket__error {
    color: #d0021b
}

.product-basket_errorWrapper .product-basket__error::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 15px;
    border: 7px solid transparent;
    border-bottom-color: #f3e2e2;
    z-index: 1
}

.product-basket_errorWrapper .sacrifice-my-basket {
    width: 100%;
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    font-weight: 600
}

.product-buy-info {
    position: relative;
    background: #f7f6f2;
    padding: 2.6rem 0 4rem 0;
    min-height: 450px
}

.product-buy-info .big-badge-images img {
    max-width: 150px;
    display: block;
    margin: auto
}

.product-buy-info .product-price {
    max-height: 15rem;
    text-align: center;
    margin-bottom: 3rem
}

.product-buy-info .product-price.has-promotion .rights, .product-buy-info .product-price.has-discount .rights {
    display: flex;
    justify-content: center
}

.product-buy-info .product-price.has-promotion .rights.multi .right, .product-buy-info .product-price.has-discount .rights.multi .right {
    width: 48%
}

.product-buy-info .product-price.has-promotion .rights.multi .right .price.old, .product-buy-info .product-price.has-discount .rights.multi .right .price.old {
    margin: 1.4rem 0 0
}

@media only screen and (max-width: 767px) {
    .product-buy-info .product-price.has-promotion .rights.multi .right .price.old, .product-buy-info .product-price.has-discount .rights.multi .right .price.old {
        margin: 2.5rem 0 0
    }
}

.product-buy-info .product-price.has-promotion .rights.multi .right .price.new, .product-buy-info .product-price.has-discount .rights.multi .right .price.new {
    margin: 0
}

.product-buy-info .product-price .price-box {
    display: inline-block;
    text-align: left
}

.product-buy-info .product-price .price-box .price {
    display: inline-block;
    position: relative;
    left: 0 !important;
    right: 0;
    top: 0;
    padding: .6rem 1.5rem;
    min-width: 0;
    font-weight: 800;
    text-align: center;
    line-height: 3.5rem;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.product-buy-info .product-price .price-box .price span:first-child {
    font-size: 3.5rem;
    padding: 0
}

.product-buy-info .product-price .price-box .price span:nth-child(2) {
    display: inline-block;
    margin-top: -6px;
    font-size: 1.7rem;
    padding: 0
}

.product-buy-info .product-price .price-box .price .piece {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1rem;
    margin-top: 13px;
    margin-right: 1.5rem
}

.product-buy-info .product-price .price-box .right {
    margin-top: 5px;
    position: static !important;
    text-align: right;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.product-buy-info .product-price .price-box .right .discount-badge {
    position: absolute;
    left: auto;
    right: 0;
    margin-top: -4.5rem
}

.product-buy-info .product-price .price-box .right .price {
    min-width: 14rem;
    text-align: center
}

.product-buy-info .product-price .price-box .right .price.old {
    line-height: 2.8rem
}

.product-buy-info .product-price .price-box .right .price.old span:first-child {
    font-size: 2.8rem
}

.product-buy-info .product-price .price-box .right .price.old span:nth-child(2) {
    font-size: 1.9rem;
    margin-top: -1px
}

.product-buy-info .product-price .price-box .right .price.new {
    line-height: 2rem
}

.product-buy-info .product-price .price-box .right .price.new span:first-child {
    font-size: 2rem
}

.product-buy-info .product-price .price-box .right .price.new span:nth-child(2) {
    font-size: 1.4rem;
    margin-top: -1px
}

.product-buy-info .product-price .price-box.price-box--normal span {
    font-weight: 900
}

.product-buy-info .product-price .price-box.price-box--normal .price.single span:last-child {
    left: 0
}

.product-buy-info .product-price .price-box.price-box--normal .price.old {
    border-radius: 1rem 0 0 0;
    border-left: 0;
    background: #fff;
    padding: .6rem 1.5rem .6rem .3rem;
    text-align: left;
    padding-left: 7px
}

.product-buy-info .product-price .price-box.price-box--normal .price.old span:first-child {
    font-size: 3.5rem
}

.product-buy-info .product-price .price-box.price-box--normal .price.old span:nth-child(2) {
    font-size: 2.3rem;
    margin-top: -7px
}

.product-buy-info .product-price .price-box.price-box--normal .price.old .old-spans {
    display: inline-block;
    position: relative
}

.product-buy-info .product-price .price-box.price-box--normal .price.old .old-spans:after {
    content: '';
    width: 95%;
    height: .3rem;
    display: block;
    position: absolute;
    z-index: 1;
    background: #eb211d;
    opacity: .75;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-12.8deg);
    -moz-transform: translate(-50%, -50%) rotate(-12.8deg);
    -ms-transform: translate(-50%, -50%) rotate(-12.8deg);
    -o-transform: translate(-50%, -50%) rotate(-12.8deg)
}

.product-buy-info .product-price .price-box.price-box--normal .price.old:after {
    content: unset
}

.product-buy-info .product-price .price-box.price-box--normal .price.new {
    background: #eb211d;
    border-radius: 0 0 0 20px;
    border-left: 0;
    border-right: .5rem solid #801210;
    color: #fddd00;
    min-width: 7.5em;
    padding: 1rem 1.65rem
}

.product-buy-info .product-price .price-box.price-box--normal .price.new span:first-child {
    font-size: 4.1rem
}

.product-buy-info .product-price .price-box.price-box--normal .price.new span:nth-child(2) {
    font-size: 2.5rem;
    margin-top: -7px
}

.product-buy-info .product-price .price-box.price-box-full {
    text-align: center
}

.product-buy-info .product-price .price-box.price-box-full span {
    font-weight: 900
}

.product-buy-info .product-price .price-box.price-box-full .price.single {
    background: #eb211d;
    border-left: .5rem solid #801210;
    color: #fddd00;
    border-radius: 0 0 20px 0
}

.product-buy-info .product-price .price-box.price-box-full .price.old {
    min-width: 11rem !important;
    margin: 1.4rem 1.8rem 0 1.8rem;
    background: #ffffff;
    border-left: .5rem solid #e8e8e8;
    border-radius: 0
}

.product-buy-info .product-price .price-box.price-box-full .price.old span:first-child {
    font-size: 1.6rem
}

.product-buy-info .product-price .price-box.price-box-full .price.old span:nth-child(2) {
    font-size: 1.5rem;
    margin-top: -2px
}

.product-buy-info .product-price .price-box.price-box-full .price.new {
    min-width: 11rem !important;
    margin: 0 1.8rem;
    background: #eb211d;
    border-left: .5rem solid #801210;
    color: #fddd00;
    border-radius: 0 0 15px 0;
    padding: 1.3rem 0
}

.product-buy-info .product-price .price-box.price-box-full .price.new span:first-child {
    font-size: 2.5rem
}

.product-buy-info .product-price .price-box.price-box-full .price.new span:nth-child(2) {
    font-size: 1.5rem
}

.product-buy-info .product-price .price-box.price-box-full .right {
    text-align: center
}

.product-buy-info .product-price .price-box.price-box-full .right .price {
    min-width: 13rem
}

.product-buy-info .product-price .price-box.price-box-full .right .discount-badge {
    border-top: .3rem solid #cab800;
    margin: 0 0 0 50%;
    transform: translateX(-50%);
    width: 10.2rem;
    background: #fddd00;
    color: #000000;
    left: 0;
    position: relative
}

.product-buy-info .product-price .price-box.price-box-full .right .discount-badge span {
    font-size: 3rem;
    font-weight: 800;
    top: 0
}

.product-buy-info .product-price .price-box.price-box-full .right .discount-badge:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0gMCAwIEwgMTAwIDAgTCA1MCA4IHoiIGZpbGw9IiNmZGRkMDAiLz48L3N2Zz4K) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.4rem;
    position: absolute;
    z-index: 1
}

.product-buy-info .product-price .price-box.price-box--normal > .price {
    display: block
}

.product-buy-info .product-price .price-box .per-unit-image {
    position: absolute;
    top: -5px;
    right: 12%;
    transform: translate(-50%, -100%);
    width: 90px
}

@media screen and (max-width: 768px) {
    .product-buy-info .product-price .price-box .per-unit-image {
        width: 70px;
        right: 26%
    }
}

.product-buy-info .product-price .price-box-full {
    width: 100%;
    max-width: initial
}

.product-buy-info .product-price .price-box-full .price.single {
    left: 6rem
}

.product-buy-info .product-price .price-box-full .right {
    float: right;
    right: 2rem;
    position: absolute
}

.product-buy-info .product-price .price-box-full .discount-badge {
    left: 25%;
    top: 0
}

.product-buy-info .product-price .price-box--normal .discount-badge {
    position: absolute;
    width: 6.5rem;
    top: 0;
    left: unset;
    background: #fddd00;
    color: #000000;
    margin-left: 5px;
    display: inline-block;
    border-radius: .5rem;
    height: 100%;
    z-index: 2
}

.product-buy-info .product-price .price-box--normal .discount-badge span {
    display: block !important;
    line-height: .5em
}

.product-buy-info .product-price .price-box--normal .discount-badge span:first-child {
    font-size: 2.4rem !important;
    text-decoration: underline;
    font-weight: 900
}

.product-buy-info .product-price .price-box--normal .discount-badge span:first-child:hover {
    text-decoration: underline !important
}

.product-buy-info .product-price .price-box--normal .discount-badge span:last-child {
    font-size: 1.4rem !important;
    position: relative;
    top: 1.8rem !important;
    padding-left: .5rem !important;
    font-weight: 800
}

.product-buy-info .product-price .price-box--normal .discount-badge:after {
    content: unset
}

.product-buy-info .discount-amount {
    margin: 1.5rem 0 2rem;
    font-size: 14px
}

.product-buy-info .product-prices.block {
    position: relative
}

.product-buy-info .product-prices.block::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: -10px;
    opacity: .7;
    z-index: 50;
    background-color: #f7f6f2
}

.product-buy-info .product-notice {
    text-align: center
}

.product-buy-info .product-notice .title {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 700
}

.product-buy-info .product-notice p {
    font-size: 10px;
    line-height: 13px
}

.product-buy-info .add-to-basket {
    font-size: 1.8rem;
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0;
    margin: 2rem 2rem .2rem 2rem;
    width: 85%
}

.product-buy-info .find-store {
    color: #00b3c8;
    cursor: pointer !important;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 2rem 2rem .2rem 2rem;
    width: 85%;
    text-align: center;
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .product-buy-info .find-store {
        font-size: 20px;
        margin-left: 5rem
    }
}

.product-buy-info .add-basket-kapida .button {
    color: #000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 1rem
}

.product-buy-info .add-basket-kapida .button img {
    height: 20px;
    margin-right: 12px
}

.product-buy-info .add-basket-kapida p {
    line-height: normal
}

.product-buy-info .favourite-button {
    font-size: 1.7rem;
    margin: 2rem 2rem .2rem 2rem;
    width: 85%;
    text-transform: capitalize;
    display: block;
    background: white;
    color: #000000;
    letter-spacing: 0;
    font-weight: 700;
    box-shadow: 0 .4rem 0 #cccccc
}

.product-buy-info .favourite-button .icon-star {
    font-size: 2rem
}

.product-buy-info .favourite-button:hover, .product-buy-info .favourite-button:active, .product-buy-info .favourite-button:focus {
    -webkit-box-shadow: 0 .2rem 0 #cccccc;
    -moz-box-shadow: 0 .2rem 0 #cccccc;
    box-shadow: 0 .2rem 0 #cccccc;
    background-color: white;
    border-color: white
}

.product-buy-info .favourite-button.active i::before {
    content: '\E909';
    color: #fddd00
}

.product-buy-info .installments-toggle {
    display: inline-block;
    margin-top: 20px;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline
}

.product-buy-info .favourite-button a {
    color: #00b3c8
}

.product-buy-info .favourite-button .active i::before {
    content: '\E909';
    color: #fddd00
}

.product-buy-info .product-basket_errorWrapper {
    display: none;
    position: relative;
    width: 100%;
    top: 100%;
    left: 0;
    font-size: 1.5rem;
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #f3e2e2;
    border-bottom: 2px solid #d0021b
}

.product-buy-info .product-basket_errorWrapper .product-basket__error {
    color: #d0021b
}

.product-buy-info .product-basket_errorWrapper .product-basket__error::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 15px;
    border: 7px solid transparent;
    border-bottom-color: #f3e2e2;
    z-index: 1
}

.product-quantity {
    text-align: center;
    padding-bottom: 2rem;
    padding-top: 4rem
}

.product-quantity button, .product-quantity div {
    display: inline-block
}

.product-quantity button {
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    font-size: 2rem;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    text-align: center;
    padding: 0
}

.product-quantity button.passive {
    opacity: .4;
    cursor: default;
    border-color: #858594 !important
}

.product-quantity button:focus, .product-quantity button:hover {
    border-color: #858594
}

.product-quantity button:active {
    background: #f7f6f2;
    color: #858594
}

.product-quantity .number {
    display: inline-block;
    width: 5rem;
    height: 3.4rem;
    line-height: 3.4rem;
    background-color: transparent;
    color: #000000;
    font-size: 2rem;
    text-align: center;
    border: none
}

.product-quantity .quantity-ct {
    vertical-align: top
}

.product-quantity .quantity-ct input::-webkit-outer-spin-button, .product-quantity .quantity-ct input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-quantity .quantity-ct .number {
    height: 2rem;
    font-weight: 700
}

.product-quantity .quantity-ct .quantity-txt {
    font-size: 1.3rem
}

.accordion li a {
    color: #000000;
    font-weight: 700
}

.accordion li a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E91F";
    font-size: 1.4em;
    position: relative;
    bottom: -0.8rem
}

.accordion li a.active:after {
    content: "\E920"
}

.product-quantity-error {
    position: absolute;
    right: 0;
    bottom: 10px;
    text-align: right;
    margin-top: 10px;
    font-weight: bold;
    color: #d0021b
}

.product-detail-info {
    margin-top: 5rem
}

.product-detail-info .accordion li a, .product-detail-info .tab-nav a {
    font-size: 1.8rem;
    font-weight: 400;
    color: #808080;
    padding: 1.7rem 0;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10rem;
    position: relative
}

.product-detail-info .accordion li a.active, .product-detail-info .tab-nav a.active {
    font-weight: 700;
    color: #000000
}

.product-detail-info .accordion li a:last-child, .product-detail-info .tab-nav a:last-child {
    margin-right: 0
}

.product-detail-info .tab-nav {
    position: relative
}

.product-detail-info .tab-nav .seperator {
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background-color: #fddd00;
    -webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all .3s cubic-bezier(.445, .05, .55, .95);
    -o-transition: all .3s cubic-bezier(.445, .05, .55, .95)
}

.product-detail-info .accordion li .detail, .product-detail-info .tab-contents {
    font-size: 14px;
    line-height: 1.5em
}

.product-detail-info .accordion li .detail p, .product-detail-info .tab-contents p {
    padding: .75rem 0
}

.product-detail-info .accordion li .detail .content, .product-detail-info .tab-contents .content {
    padding-top: 2rem
}

.product-detail-info .accordion li .detail strong, .product-detail-info .tab-contents strong, .product-detail-info .accordion li .detail b, .product-detail-info .tab-contents b {
    font-weight: bold
}

.product-detail-info .accordion li .detail i, .product-detail-info .tab-contents i {
    font-style: italic
}

.product-detail-info .return-options span {
    display: block;
    color: #4a4a4a;
    font-weight: 700;
    padding: 10px 0
}

.product-detail-info .return-options ul {
    display: block;
    padding: 10px 0 10px 16px;
    list-style: disc
}

.product-detail-info .return-options li {
    line-height: 1.4;
    margin-bottom: 5px
}

.product-detail-info .return-options a {
    text-decoration: underline;
    font-size: 12px !important;
    padding: inherit !important;
    text-transform: inherit !important;
    color: #000000 !important
}

.product-detail-info .return-options a:after {
    content: normal
}

.product-detail-info .return-options p {
    font-size: 14px
}

.installment-table > .row {
    margin: 0 -2rem
}

.installment-table > .row > div {
    padding: 0 2rem !important
}

.installment-table .item {
    margin-bottom: 35px
}

.installment-table .item .logo {
    max-height: 15px
}

.installment-table .item .hero {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 700
}

.installment-table table {
    width: 100%;
    margin-top: 10px;
    color: #4a4a4a;
    font-size: 15px;
    line-height: 34px
}

.installment-table table th {
    text-align: right;
    font-weight: 700;
    border-bottom: solid 1px #eee
}

.installment-table table td {
    text-align: right
}

.installment-table table th:first-child, .installment-table table td:first-child {
    text-align: left
}

.installment-table table tr:nth-child(2) td {
    color: #00b3c8;
    font-weight: 700
}

.installment-modal-container {
    position: absolute;
    left: 40px;
    right: 40px;
    width: auto !important;
    padding: 40px 25px
}

.installment-modal-container .title {
    margin-bottom: 50px;
    color: #000;
    font-size: 24px;
    font-family: 'Trade Gothic Bold'
}

.installment-modal-container .mfp-close {
    font-size: 45px
}

.product-detail__offer {
    margin-bottom: .6rem
}

.product-detail__offer i {
    margin-right: .5rem
}

.product-detail__offer-title {
    font-weight: 700;
    margin-bottom: 2.8rem
}

.product-detail__offer-box {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-top: 1.4rem;
    padding-bottom: 1rem;
    max-width: 28rem;
    margin: 1rem 3rem
}

.product-detail__offer-box.active {
    margin: 1rem 2rem;
    padding-left: 5px;
    padding-right: 100px;
    max-width: 40rem
}

@media only screen and (max-width: 767px) {
    .product-detail__offer-box.active {
        max-width: 100%
    }
}

.product-detail__offer-box .offers-toggle {
    display: block;
    margin: 15px 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px
}

.product-detail__offer-box .offers-toggle i {
    display: block;
    font-size: 40px
}

.product-mini {
    font-size: 12px;
    position: relative;
    padding: 0 25px
}

.product-mini .product-title {
    margin-top: 1.5rem;
    height: 3rem;
    overflow: hidden
}

.product-mini .price {
    display: inline-block;
    margin-top: 1.5rem
}

.product-mini .price.old {
    text-decoration: line-through
}

.product-mini .price.new {
    color: #eb211d
}

.product-mini .discount-badge {
    position: absolute;
    width: 5.2rem;
    top: -1rem;
    right: 0;
    z-index: 1;
    background: #eb211d;
    color: #ffffff;
    text-align: center;
    margin-top: 2rem;
    padding: .75rem .2rem 0;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 1rem 1rem 0 0
}

.product-mini .discount-badge:after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 1.4rem;
    left: 0;
    bottom: -1.4rem;
    position: absolute;
    z-index: 1
}

.product-mini .discount-badge span {
    line-height: .5em
}

.product-mini .discount-badge span:last-child {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -0.5rem
}

.product-mini .discount-badge.buy-three {
    top: -12.8rem;
    left: .95rem
}

.product-mini .discount-badge.buy-three span:last-child {
    font-size: 1.8rem;
    font-weight: 700;
    top: 0
}

.product-mini .product-image {
    padding: 20px
}

.modal-large {
    width: 94rem !important
}

.added-to-basket {
    display: none;
    position: relative
}

.added-to-basket .mfp-close {
    margin-top: 0 !important
}

.added-to-basket .left-side {
    width: 70.5%;
    float: left;
    padding-right: 1.5rem;
    padding-top: 4rem;
    border-right: 1px solid #e8e8e8
}

.added-to-basket .right-side {
    width: 29.5%;
    float: right;
    padding-left: 1.5rem
}

.added-to-basket .left-side, .added-to-basket .right-side {
    margin-top: -4.2rem
}

.added-to-basket .basket-carousel-title {
    padding: 15px 0 20px 0;
    line-height: normal
}

.mfp-wrap .added-to-basket {
    display: block
}

.added-to-basket .message {
    color: black;
    background: #f7f6f2;
    padding: 1.8rem 3.5rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    width: calc(100% + 6rem);
    position: relative;
    top: -3rem;
    left: -3rem
}

.added-to-basket .message i {
    font-size: 2.6rem
}

.added-to-basket .message span.text {
    position: relative;
    top: -0.25rem;
    left: .5rem
}

.added-to-basket .product-line {
    position: relative;
    display: flex;
    flex: 1;
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    padding-bottom: 3rem;
    border-bottom: 1px solid #e8e8e8
}

.added-to-basket .product-line .column:first-child {
    margin-right: 2rem
}

.added-to-basket .product-line img {
    width: 12rem
}

.added-to-basket .product-line .name {
    display: block;
    font-size: 2rem;
    margin-bottom: 5px;
    color: #333333;
    font-weight: 700
}

.added-to-basket .product-line .sku {
    display: block;
    color: #9b9b9b;
    margin-bottom: 5px;
    font-size: 1.4rem
}

.added-to-basket .product-line .prices {
    display: block;
    font-size: 1.4rem
}

.added-to-basket .product-line .prices .old {
    display: inline-block;
    margin-right: 5px;
    text-decoration: line-through
}

.added-to-basket .product-line .prices .current {
    color: #eb211d
}

.added-to-basket .products-carousel .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.added-to-basket .products-carousel .slick-arrow:hover {
    background-color: #f1f1f1
}

.added-to-basket .products-carousel .slick-next {
    left: auto;
    right: 0;
    margin-left: 0
}

.added-to-basket .add-basket {
    position: relative;
    display: block;
    margin-top: 2rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.4em;
    text-align: center;
    height: 3.5rem;
    background-color: #00b3c8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 0 #1e8d9a;
    -moz-box-shadow: 0 4px 0 #1e8d9a;
    box-shadow: 0 4px 0 #1e8d9a;
    overflow: hidden
}

.added-to-basket .add-basket em {
    float: left;
    padding-left: 1rem;
    font-size: 2.5rem;
    line-height: 3.5rem
}

.added-to-basket .summary {
    width: 100%;
    color: #4a4a4a;
    font-size: 1.4rem;
    margin: 2.5rem 0 3rem
}

.added-to-basket .summary table {
    width: 100%
}

.added-to-basket .summary td {
    font-size: 1.5rem;
    line-height: 1.13334em;
    padding: 1rem .5rem 1rem 0
}

.added-to-basket .summary td:nth-child(even) {
    text-align: right;
    width: 37.5%;
    padding: 1rem 0
}

.added-to-basket .summary tr.total {
    font-weight: 700;
    border-top: 1px solid #e8e8e8
}

.added-to-basket .summary tr.total td {
    padding-top: 2rem
}

.added-to-basket hr.clearfix {
    margin: .5rem;
    border: none
}

.added-to-basket .go-to-shop {
    font-size: 1.5rem;
    text-decoration: underline;
    display: block;
    text-align: center;
    margin-top: 6rem
}

.added-to-basket .mfp-close {
    top: -1.8rem;
    right: 0;
    font-size: 3.8rem;
    color: black;
    width: auto;
    height: auto;
    opacity: 1
}

.added-to-basket .product-mini {
    padding: 0 1rem
}

.product-alert-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    z-index: 1047;
    background-color: rgba(0, 0, 0, 0.7)
}

.product-alert-modal .content {
    position: relative;
    top: 50%;
    width: 330px;
    max-width: 95%;
    margin: 0 auto;
    padding: 85px 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.product-alert-modal .content::before {
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    width: 85px;
    height: 85px;
    margin-top: -42px;
    background-image: url(icon%40checked.png);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.bundle-error-modal .content {
    padding: 20px 20px 30px
}

.bundle-error-modal .content::before {
    background-image: none
}

.product-alert-modal .content .title {
    font-size: 30px;
    margin-bottom: 15px
}

.bundle-error-modal__icon {
    width: 35%;
    margin-bottom: 10px
}

.bundle-error-modal__big-text {
    font-size: 18px !important;
    margin-bottom: 15px
}

.bundle-error-modal__confirm-button {
    margin-bottom: 10px
}

.bundle-error-modal__cancel-button {
    font-size: 18px;
    color: #00b3c8;
    line-height: 30px;
    display: block;
    margin: 0 auto
}

.product-alert-modal .content p {
    font-size: 16px;
    line-height: 25px
}

.product-alert-modal .close-button {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 6rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 6rem;
    background-color: #00b3c8;
    border-radius: 0 0 10px 10px
}

.product-desc .badge {
    top: 0
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .add-to-basket {
        height: 17rem !important
    }
}

.find-store__content {
    display: flex;
    justify-content: space-evenly
}

@media screen and (max-width: 768px) {
    .find-store__content {
        flex-direction: column
    }
}

.find-store__header {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .find-store__header {
        align-items: center;
        flex-direction: column;
        margin-bottom: 10px
    }
}

.find-store__title {
    font-size: 27px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .find-store__title {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.1
    }
}

.find-store__subtitle {
    font-size: 23px;
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {
    .find-store__text {
        font-size: 13px;
        line-height: 1;
        text-align: center
    }
}

.find-store__product {
    display: flex;
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .find-store__product {
        justify-content: center;
        align-items: center;
        padding-left: 0
    }
}

.find-store__product-info {
    line-height: 1.2;
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .find-store__product-info {
        font-size: 12px
    }
}

.find-store__product-code {
    font-size: 13.8px
}

@media screen and (max-width: 768px) {
    .find-store__product-code {
        font-size: 12px
    }
}

.find-store__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

.find-store__footer .find-store__detail {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .find-store__footer {
        flex-direction: column;
        margin-top: 20px
    }

    .find-store__footer .find-store__detail {
        flex-direction: column
    }
}

.find-store__select-input {
    width: 33%;
    background-color: white;
    border-radius: 30px;
    color: #999999;
    font-size: 17px;
    height: 45px;
    padding-left: 10px
}

@media screen and (max-width: 768px) {
    .find-store__select-input {
        margin-bottom: 15px;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .find-store__select-input {
        margin-right: 15px
    }
}

.find-store__button {
    background-color: #00bad0;
    border-radius: 30px;
    color: white;
    cursor: pointer;
    font-size: 17px;
    height: 45px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .find-store__button {
        width: 170px
    }
}

.find-store__response {
    margin-top: 30px;
    font-size: 15px;
    line-height: 1
}

.find-store__response-title {
    margin-bottom: 10px
}

.find-store__response-stock {
    margin-top: 30px !important;
    text-align: center
}

@media screen and (max-width: 768px) {
    .find-store__response {
        line-height: 1.4
    }
}

.find-store__response p {
    margin-top: 7px
}

.find-store__response p.error {
    color: red
}

.find-store__item {
    padding: 1rem;
    background-color: #eee;
    border-bottom: 1px solid black
}

.form-info-clickable {
    color: #4ab3c9;
    cursor: pointer;
    text-decoration: underline
}

.information_modal__table {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 3px
}

.information_modal__table td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 3px
}

.page-account {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.page-account .account-warning__title {
    line-height: 30px
}

.page-account .content-form--padding {
    padding-left: 7rem;
    padding-right: 7rem
}

.page-account .content-form--padding .small-text {
    font-size: 12px
}

.page-account .content-form--padding .modal-text {
    text-decoration: underline;
    font-weight: bold
}

.page-account .track-form {
    margin-top: 0
}

.page-account .ok-icon {
    margin-bottom: 15px
}

.page-account .account-warning__title {
    color: #000;
    letter-spacing: normal
}

.page-account .account-warning__desc {
    font-size: 16px
}

.page-account .account__form-group--offset .select2-selection {
    border-radius: 0 !important;
    position: relative
}

.page-account .account__form-group--offset .select2 .select2-selection__arrow {
    display: none
}

.page-account .account__form-group--offset .select2-selection.select2-selection--single {
    outline: none
}

.page-account .account__form-group--offset .select2 .select2-selection__rendered {
    outline: none
}

.page-account .account__form-group--offset .select2-selection::before {
    position: absolute;
    top: 5px;
    right: 0;
    margin-right: 1rem;
    font-size: 2rem;
    content: "\E91F";
    line-height: 3.5rem;
    font-family: 'icomoon' !important
}

.page-account .account__form-group--offset.account__form-not-refund {
    color: #60af0a;
    line-height: normal
}

.page-account .account__form-group--offset.account__form-cancel {
    text-align: left
}

.page-account .sidebar .list {
    margin-top: 0;
    padding-top: 2rem
}

.page-account .sidebar .list:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.page-account .sidebar .list .title {
    font-size: 2.4rem;
    line-height: 1.5em;
    font-family: 'Trade Gothic Bold';
    display: inline-block;
    border-bottom: .4rem solid #fddd00;
    margin-bottom: 1rem
}

.page-account .sidebar .list a {
    color: #000;
    font-size: 1.6rem;
    line-height: 2em;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.page-account .sidebar .list a:hover {
    color: #d0021b
}

.page-account .sidebar .list .link {
    color: #000;
    font-size: 2.4rem;
    line-height: 1.5em;
    font-family: 'Trade Gothic Bold';
    border-bottom: .4rem solid #fddd00;
    display: inline-block;
    margin-bottom: 0
}

.page-account .sidebar .list .logout {
    padding: 0;
    display: inline-block;
    font-family: 'Panton';
    font-size: 14px;
    border-bottom: 0
}

.page-account .sidebar .list .logout img {
    vertical-align: middle
}

.page-account .sidebar .list li.active a {
    color: #eb211d;
    font-weight: bold
}

.page-account .content .profile-notice {
    margin-bottom: 2.5rem;
    padding: 3rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.5em;
    background-color: #f7f6f2;
    border: solid 1px #d4d4d4;
    border-radius: 1rem;
    display: inline-block;
    width: 100%;
    text-transform: capitalize
}

.page-account .profile-notice strong {
    font-weight: bold
}

.page-account .profile-notice .order-info-title {
    font-size: 24px;
    color: #000;
    line-height: normal;
    font-family: "Trade Gothic Bold";
    padding-bottom: 20px;
    display: block
}

.page-account .content .profile-notice .distance-sales-contract {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 17px
}

.page-account .content .profile-notice.text-center {
    text-align: center
}

.page-account .content .profile-notice a {
    text-decoration: underline
}

.page-account .content .profile-notice .name {
    margin-bottom: .5rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold'
}

.page-account .content .profile-notice--form {
    text-align: left
}

.page-account .content .profile-notice--form .hero {
    display: inline-block;
    font-size: 2rem;
    margin-right: 1rem
}

.page-account .content .profile-notice--form .field {
    position: relative;
    display: inline-block;
    width: 40.5rem;
    text-align: left
}

.page-account .content .profile-notice--form .field input {
    width: 100%;
    height: 3.5rem;
    padding: 0 1rem;
    background-color: #fff;
    border: solid 1px #9b9b9b
}

.page-account .content .profile-notice--form .field button {
    position: absolute;
    right: 0;
    top: 0;
    width: 13.5rem;
    height: 3.5rem;
    color: #fff;
    font-size: 2.2rem;
    font-family: 'Trade Gothic Bold';
    background-color: #039eb0
}

.page-account .content .cargo-popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(0, 0, 0, 0.8)
}

.page-account .content .cargo-popup .popup-content {
    position: relative;
    top: 50%;
    width: 480px;
    padding: 50px;
    max-width: 90%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page-account .content .cargo-popup .popup-content .desc {
    font-size: 1.8rem;
    line-height: 1.3em
}

.page-account .content .cargo-popup .popup-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    text-decoration: none
}

.page-account .account__form-group__error {
    text-align: right;
    display: block;
    margin: 20px 0
}

.page-account .content .profile-panel {
    border: solid 1px #d4d4d4;
    border-radius: 1rem
}

.page-account .content .profile-panel.profile-panel--index {
    margin-bottom: 3rem
}

.page-account .content .profile-panel--margin {
    margin-top: 3rem
}

.page-account .content .profile-panel .hero {
    padding: 2rem 3rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    background-color: #fff;
    border-bottom: solid 1px #d4d4d4;
    border-radius: 1rem 1rem 0 0;
    line-height: normal
}

.page-account .content .profile-panel .hero span {
    font-size: 1.4rem;
    font-family: 'Panton', sans-serif
}

.page-account .content .profile-panel .content-area {
    padding: 3rem
}

.page-account .content .profile-panel .content-area p strong {
    font-weight: 700
}

.page-account .content .profile-panel .profile-pagination {
    margin-top: -0.7rem
}

.page-account .content .profile-panel .form {
    float: right;
    font-size: 1.4rem;
    font-family: 'Panton', sans-serif
}

.page-account .content .profile-panel .form .select {
    position: relative;
    width: 27rem;
    float: left;
    background-color: #fff
}

.page-account .content .profile-panel .form .select::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1rem;
    font-size: 2rem;
    content: "\E91F";
    line-height: 3.5rem;
    font-family: 'icomoon' !important
}

.page-account .content .profile-panel .form .select select {
    width: 100%;
    height: 3.5rem;
    padding: 0 1rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: solid 1px #cbc8c8;
    line-height: normal;
    position: relative;
    z-index: 15
}

.page-account .content .profile-panel .form span.button {
    float: left;
    margin-left: 2rem;
    height: 3.5rem;
    padding: 0 2rem;
    color: #fff;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 3.5rem;
    margin-top: -3px
}

.page-account .content .profile-panel .form span.button.blocker {
    cursor: not-allowed
}

.page-account .content .profile-panel form .change-email-input, .page-account .content .profile-panel form .repeat-email-input {
    text-transform: lowercase
}

.page-account .profile-boxes .desc {
    min-height: 9rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-account .profile-boxes .desc strong {
    font-weight: 700
}

.page-account .profile-boxes .desc a {
    text-decoration: underline
}

.page-account .profile-boxes .desc-bottom {
    padding-top: 2rem;
    margin-top: 3rem;
    border-top: solid 1px #d4d4d4
}

.page-account .profile-boxes .phone, .page-account .profile-boxes .coupon {
    padding-top: 4.2rem
}

.page-account .profile-boxes .phone strong {
    float: right;
    font-size: 3rem;
    color: #31363e
}

.page-account .profile-boxes .coupon strong {
    font-size: 3rem;
    color: #eb211d;
    margin-top: 20px;
    display: block
}

.page-account .content .order-list .item {
    font-size: 0;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: solid 1px #d4d4d4
}

.page-account .content .order-list .item:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.page-account .content .order-list .item .column {
    display: inline-block;
    vertical-align: bottom
}

.page-account .content .order-list .item .column.name {
    width: 75%
}

.page-account .content .order-list .item .column.price {
    padding-bottom: 3rem;
    width: 12.5%;
    color: #31363a;
    font-size: 1.6rem;
    text-align: center
}

.page-account .content .order-list .item .column.status {
    padding-bottom: 3rem;
    width: 12.5%;
    color: #31363a;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: right
}

.page-account .content .order-list .item .column.status-completed {
    color: #7ed321
}

.page-account .content .order-list .item .column.status-cancel {
    color: #eb211d
}

.page-account .content .order-list .item .number {
    color: #039eb0;
    font-size: 1.6rem;
    line-height: 1.5em;
    font-weight: 700;
    text-decoration: underline
}

.page-account .content .order-list .item .number a {
    color: #039eb0
}

.page-account .content .order-list .item .number:hover {
    text-decoration: underline
}

.page-account .content .order-list .item .number.passive {
    color: #000;
    border-color: #d4d4d4
}

.page-account .content .order-list .item .date {
    font-size: 1.6rem;
    line-height: 1.5em
}

.page-account .content .order-list .item .products {
    margin-top: 1rem
}

.page-account .content .order-list .item .products li {
    float: left
}

.page-account .content .order-list .item .products li img {
    margin-right: 1rem
}

.page-account .content .order-list .item .products .more {
    display: block;
    width: 70px;
    height: 60px;
    color: #039eb0;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    line-height: 60px
}

.page-account .order-detail .order-detail-area .item {
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: solid 1px #e3e3e3
}

.page-account .order-detail .order-detail-area .item .column {
    display: inline-block;
    vertical-align: middle
}

.page-account .order-detail .order-detail-area .item .name {
    position: relative;
    width: 39%
}

.page-account .order-detail .order-detail-area .item .name img {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
    max-width: 120px
}

.page-account .order-detail .order-detail-area .item .name .title {
    display: inline-block;
    width: 16rem;
    color: #000;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2em;
    vertical-align: middle;
    float: right
}

.page-account .order-detail .order-detail-area .item .name .title span {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

.page-account .order-detail .order-detail-area .item .count {
    width: 15%;
    color: #31363a;
    font-size: 1.5rem;
    text-align: center
}

.page-account .order-detail .order-detail-area .item .price {
    width: 14%;
    color: #000;
    font-size: 2.2rem;
    text-align: right
}

.page-account .order-detail .order-detail-area .item .price .old-price {
    text-decoration: line-through
}

.page-account .order-detail .order-detail-area .item .price .current-price {
    display: inline-block;
    margin-left: 1rem;
    color: #d0112b
}

.page-account .order-detail .order-detail-area .item .badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 27rem;
    height: 3rem;
    margin-bottom: 2rem;
    color: #00b3c8;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3rem;
    font-weight: 900;
    border: solid 1px #ccc
}

.page-account .order-detail .order-detail-area .item .badge span {
    color: #eb211d
}

.page-account .order-detail .order-summary table {
    float: right;
    width: 25rem;
    margin-top: 2rem
}

.page-account .order-detail .order-summary td {
    color: #000;
    padding: 1rem .5rem;
    font-size: 1.4rem
}

.page-account .order-detail .order-summary td:nth-child(2) {
    width: 50%;
    font-size: 2rem;
    text-align: right
}

.page-account .order-detail .order-summary .last td {
    padding-bottom: 1.5rem
}

.page-account .order-detail .order-summary .total td {
    padding-top: 1.5rem;
    font-weight: 700;
    border-top: solid 1px #e6e6e6
}

.page-account .order-detail .billing-info {
    margin-bottom: 30px
}

.page-account .order-detail .billing-info li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    font-weight: 700
}

.page-account .order-detail .billing-info li a {
    text-decoration: none;
    color: #000
}

.page-account .order-detail .billing-info li a span {
    text-decoration: underline
}

.page-account .order-detail-page {
    text-transform: initial
}

.page-account .order-detail-page .d-block {
    display: block
}

.page-account .order-detail-page .order-detail-area .item .name {
    font-family: inherit !important;
    width: 40%
}

.page-account .order-detail-page .order-detail-area .item .count {
    width: 20%
}

.page-account .order-detail-page .order-detail-area .item .count i, .page-account .order-detail-page .order-detail-area .item .count img {
    vertical-align: super
}

.page-account .order-detail-page .order-detail-area .item .count i {
    font-size: 20px;
    margin-right: 10px
}

.page-account .order-detail-page .order-detail-area .item .count a {
    margin-bottom: 5px;
    font-weight: bold
}

.page-account .order-detail-page .order-detail-area .item .count .qty {
    font-weight: 700;
    color: #31363a
}

.page-account .order-detail-page .order-detail-area .item .price {
    font-weight: 700
}

.page-account .order-detail-page .order-detail-area .item .price span {
    font-size: 1.5rem;
    display: block
}

.page-account .order-detail-page .order-detail-area .item .price .current-price {
    font-size: 2.2rem
}

.page-account .no-coupon {
    color: inherit;
    padding: 3rem 0;
    font-size: 1.6rem;
    text-align: center
}

.page-account .coupon-table {
    width: 100%;
    color: inherit
}

.page-account .coupon-table .w20 {
    width: 20rem
}

.page-account .coupon-table th, .page-account .coupon-table td {
    padding: 1rem .5rem;
    font-size: 1.4rem;
    border: solid 1px #f1f1f1
}

.page-account .coupon-table th {
    font-weight: 600
}

.page-account .address-list .col-sm-4:nth-child(3n) {
    clear: right
}

.page-account .address-list .col-sm-4:nth-child(3n+1) {
    clear: left
}

.page-account .address-list .profile-panel {
    min-height: 25rem;
    margin-bottom: 1.5rem
}

.page-account .address-list .profile-panel .hero {
    font-size: 2.1rem
}

.page-account .address-list .profile-panel .desc {
    padding-bottom: 5rem;
    font-size: 1.4rem;
    line-height: 1.6em;
    min-height: 13.3rem
}

.page-account .address-list .profile-panel .desc span {
    color: #eb211d
}

.page-account .address-list .profile-panel .actions {
    padding-top: 3.5rem;
    border-top: solid 1px #d4d4d4
}

.page-account .address-list .profile-panel .actions a {
    color: #039eb0;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline
}

.page-account .address-list .profile-panel .actions .edit {
    float: right
}

.page-account .address-list .add-address a {
    display: block;
    width: 100%;
    color: #039eb0;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 30rem;
    text-decoration: underline;
    border: solid 1px #d4d4d4;
    border-radius: 1rem
}

.page-account .address-list .add-address a span {
    position: relative;
    display: inline-block;
    margin-left: 2rem;
    text-decoration: underline
}

.page-account .address-list .add-address a em {
    top: 50%;
    margin-left: -2rem;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page-account .profile form .desc {
    margin-bottom: 4rem;
    font-size: 1.4rem
}

.page-account .profile .field {
    position: relative;
    margin-bottom: 2rem
}

.page-account .profile .field .error {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #d20000
}

.page-account .profile .field label {
    font-size: 1.4rem
}

.page-account .profile .field label .modal-text {
    text-decoration: underline;
    font-weight: bold
}

.page-account .profile .field label .small-text {
    font-size: 12px
}

.page-account .profile .field label textarea, .page-account .profile .field label input {
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    margin-top: .5rem;
    border: solid 1px #cbc8c8
}

.page-account .profile .field label textarea {
    height: 17rem;
    padding: 1rem
}

.page-account .profile .field .select {
    position: relative;
    margin-top: .5rem
}

.page-account .profile .field .select::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1rem;
    font-size: 2rem;
    content: "\E91F";
    line-height: 40px;
    font-family: 'icomoon' !important
}

.page-account .profile .field .select select {
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: solid 1px #cbc8c8
}

.page-account .profile .radio-fields {
    margin-bottom: 3rem
}

.page-account .profile .radio-fields .title {
    margin-bottom: .5rem;
    font-size: 1.4rem
}

.page-account .profile .radio-fields label {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.3rem
}

.page-account .profile .radio-fields input {
    display: none
}

.page-account .profile .form-notice {
    margin-top: 2rem;
    font-size: 1.4rem
}

.page-account .profile.contact form {
    padding-left: 3rem;
    padding-right: 3rem
}

.page-account .profile .contact-sidebar .profile-panel {
    margin-bottom: 3rem
}

.page-account .profile .contact-sidebar .profile-panel .hero {
    font-family: 'Panton', sans-serif;
    font-weight: 700
}

.page-account .profile .contact-sidebar .profile-panel .desc-alternate {
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-account .profile .contact-sidebar .profile-panel .phone {
    text-align: center;
    font-size: 3rem;
    font-weight: 700
}

.page-account .profile .contact-sidebar .profile-panel .phone--small {
    font-size: 2.5rem;
    text-align: left
}

.page-account .profile form .success {
    padding: 2rem 0;
    text-align: center
}

.page-account .profile .success-message {
    padding: 2rem 0;
    text-align: center
}

.page-account .profile .page-auth .auth {
    margin: 0
}

.page-account .account-orders__products .order-item-desc .select2-container {
    width: 100% !important
}

.page-account .account-orders__products li {
    border-bottom: 1px solid #e8e8e8;
    border-top: none;
    margin-bottom: 15px
}

.page-account .account__form-group--offset .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000
}

.page-account .account-orders-cancellation button:disabled {
    background-color: #ccc;
    border-color: #aaa;
    -webkit-box-shadow: 0 .4rem 0 #aaa;
    -moz-box-shadow: 0 .4rem 0 #aaa;
    box-shadow: 0 .4rem 0 #aaa
}

.page-account .list-pagination {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: solid 1px #d4d4d4
}

.page-account .profile-pagination {
    font-family: 'Panton', sans-serif
}

.page-account .profile-pagination li {
    float: left;
    margin-left: .5rem
}

.page-account .profile-pagination a {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
    line-height: 3.5rem
}

.page-account .profile-pagination a.current {
    color: #fff;
    background-color: #fddd00
}

.page-account .profile-pagination a.step {
    font-size: 2.3rem;
    line-height: 3.8rem;
    background-color: #ededed
}

.page-account .account-orders__empty {
    padding: 0;
    color: inherit
}

.page-account .cargo-text-set {
    margin-left: 10px
}

.faq-area .title {
    font-size: 2rem;
    margin-top: 2rem
}

.faq-area .faq-group {
    padding-top: 4rem
}

.faq-area .group-title {
    margin-bottom: 1.5rem;
    font-size: 1.8rem
}

.faq-area li a {
    display: block;
    font-size: 1.5rem;
    line-height: 2.4em
}

.faq-area .detail {
    display: none;
    padding: 1.5rem;
    color: #615f62;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.faq-area .content-main ul {
    display: none;
    padding: 1.5rem
}

.account-contact__success {
    background-color: #00a6b9;
    background-image: unset
}

.profile-panel-box {
    background-color: #fff;
    margin-bottom: 2rem
}

.profile-panel-box .hero {
    width: 100%
}

.profile-panel-box .content-area {
    padding: 3rem 0 0 !important
}

.profile-panel-box .order-detail-area .item {
    padding-left: 2rem;
    padding-right: 2rem
}

.profile-panel-box .order-detail-area .item:last-child {
    margin-bottom: 0
}

.profile-panel-box .order-detail-area .item .icon-delivery {
    display: inline-block;
    font-size: 2.4rem;
    vertical-align: middle;
    margin-right: 5px
}

.profile-panel-box .order-detail-area .item .horoz-logistic-logo {
    display: inline-block;
    width: 6.4rem;
    vertical-align: middle
}

.profile-panel-box .kizilay-warning-text {
    font-size: .6em;
    color: #d0112b;
    float: right;
    line-height: 1em
}

.profile-detail-order-summary table {
    margin-top: 3rem !important
}

.cancellation-content-wrapper .cancellation-header {
    margin: 20px
}

.cancellation-content-wrapper .cancellation-header .order-number {
    float: left
}

.cancellation-content-wrapper .cancellation-header .return-btn {
    float: right
}

.cancellation-content-wrapper .cancellation-content {
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 20px 50px;
    text-align: center;
    margin-top: 30px
}

.cancellation-content-wrapper .cancellation-content p {
    color: #4a4a4a
}

.cancellation-content-wrapper .cancellation-content p.m20 {
    margin: 20px auto
}

.cancellation-content-wrapper .cancellation-content .easyreturn-bar {
    border: 1px solid #ccc;
    padding: 15px;
    background: #f7f6f2;
    border-radius: 5px;
    width: auto;
    font-size: 30px;
    margin: 20px auto;
    line-height: normal
}

.cancellation-content-wrapper .cancellation-content .easyreturn-bar span {
    margin-left: 10px
}

.cancellation-content-wrapper .cancellation-content .easyreturn-bar b {
    font-weight: 700
}

.cancellation-content-wrapper .cancellation-content .easyreturn-bar img {
    width: 100px;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .cancellation-content-wrapper .cancellation-content .easyreturn-bar {
        font-size: 23px
    }

    .cancellation-content-wrapper .cancellation-content .easyreturn-bar span {
        display: block
    }
}

.cancellation-content-wrapper .bottom-text {
    color: #4a4a4a;
    font-size: 15px;
    display: block
}

.right-cancel {
    display: none
}

.right-cancel:nth-child(1) {
    display: block
}

.retail-store-modal {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    line-height: normal;
    z-index: 1
}

.retail-store-modal-wrapper {
    width: 450px;
    max-width: 95%;
    margin: 0 auto;
    padding: 46px 40px;
    background-color: #fff;
    border-radius: 10px
}

.retail-store-modal__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: top;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 25px
}

.retail-store-modal__header__close-icon {
    font-size: 35px;
    cursor: pointer
}

.retail-store-modal__error {
    font-size: 20px;
    text-align: center;
    display: none
}

.retail-store-modal__scrollable-stores {
    display: flex;
    flex-direction: column;
    border: solid 1px #dbdbdb;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    max-height: 350px;
    overflow-y: scroll;
    padding: 30px
}

.retail-store-modal__scrollable-stores::-webkit-scrollbar {
    width: 16px
}

.retail-store-modal__scrollable-stores::-webkit-scrollbar-track {
    border-left: 3px solid #f7f6f2;
    border-right: 3px solid #f7f6f2;
    background: #fff;
    border-radius: 2px
}

.retail-store-modal__scrollable-stores::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #4ab3c9
}

.retail-store-modal__scrollable-stores::-webkit-scrollbar-thumb:hover {
    background: #05cee6
}

.retail-store-modal__scrollable-stores li {
    list-style-type: disc;
    list-style-position: inside
}

.retail-store-modal__store {
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.retail-store-modal__store__divider {
    width: 85%;
    background-color: #d8d8d8;
    height: 1px;
    margin: 30px auto
}

.retail-store-modal__confirm-button {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 70px
}

.store-description {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.store-description__title {
    font-weight: bold
}

.gpay-content .gpay-note {
    padding: 30px;
    font-size: 14px;
    line-height: 2.4rem
}

@media only screen and (max-width: 767px) {
    .gpay-content .gpay-note {
        font-size: 12px;
        line-height: 4.8rem;
        text-align: center
    }
}

.gpay-content .content {
    padding: 30px
}

@media only screen and (max-width: 767px) {
    .gpay-content .content {
        padding: 20px 30px;
        min-height: auto
    }
}

.gpay-content .gpay-button-customize {
    float: none;
    display: block;
    margin: 1rem auto 4.5rem auto;
    border-radius: 10px;
    width: 100%;
    color: #fff;
    text-align: center
}

.gpay-content .checkout__contract {
    max-width: 325px;
    margin: auto;
    background-color: #f4f4f4;
    border: 1px solid #d9dad9
}

@media only screen and (max-width: 767px) {
    .gpay-content .checkout__contract {
        line-height: 1.7
    }
}

.gpay-content .checkout__error {
    text-align: center
}

.gpay-content .js-gpay-error {
    display: none
}

.tompay-payment-content .error {
    text-align: center
}

.tompay-payment-content-note {
    padding: 30px;
    font-size: 14px;
    line-height: 2.4rem
}

.tompay-payment-content-aggreement {
    padding: 30px
}

.tompay-payment-content-error {
    display: none
}

.tompay-payment-content-button {
    display: block;
    margin: 2rem auto 4.5rem auto;
    border-radius: 10px;
    width: 100%;
    color: #fff;
    text-align: center
}

.tompay-payment-content-button .button.disabled {
    pointer-events: none;
    cursor: default
}

.tompay-payment-content-counter {
    text-align: center
}

.tompay-payment-content-counter:not(.active) {
    display: none
}

.tompay-payment-content-counter p {
    margin: 5px 0
}

.tompay-payment-content .checkout__contract {
    max-width: 325px;
    margin: auto;
    background-color: #f4f4f4;
    border: 1px solid #d9dad9
}

@media only screen and (max-width: 767px) {
    .tompay-payment-content .checkout__contract {
        line-height: 1.7
    }
}

.tompay-payment-content-success {
    text-align: center;
    padding: 15px 0 30px;
    display: none
}

.gift-card-content-note {
    padding: 2.5rem;
    font-size: 1.4rem;
    line-height: normal
}

@media only screen and (max-width: 767px) {
    .gift-card-content-note {
        font-size: 12px
    }
}

.gift-card-content-button {
    display: flex;
    justify-content: end
}

.gift-card-content-error {
    margin-bottom: 10px
}

.gift-card-content .gift-card-form-area {
    padding: 2.5rem
}

.gift-card-content .gift-card-form-area--field {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.gift-card-content .gift-card-form-area--field label {
    margin-bottom: 10px;
    display: block
}

@media only screen and (max-width: 767px) {
    .gift-card-content .gift-card-form-area--field label {
        font-size: 12px
    }
}

.gift-card-content .gift-card-form-area--field input {
    border: 1px solid #9b9b9b;
    padding: 8px 15px;
    font-size: 13px;
    width: 100%;
    resize: none
}

.pin-number-popup {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(0, 0, 0, 0.8)
}

.pin-number-popup .popup-content {
    position: relative;
    top: 50%;
    border-radius: 15px;
    width: 450px;
    padding: 30px;
    max-width: 90%;
    min-height: 33%;
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(-50%)
}

.pin-number-popup .popup-content .input-field {
    margin: 15px 0
}

.pin-number-popup .popup-content .input-field input {
    border: 1px solid #9b9b9b;
    padding: 12px;
    font-size: 16px;
    width: 100%;
    resize: none
}

.pin-number-popup .popup-content .title {
    padding: 2rem 0;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: normal
}

.pin-number-popup .popup-content .desc {
    font-size: 1.6rem;
    line-height: normal;
    border-bottom: solid 1px #dedee9;
    padding-bottom: 15px
}

.pin-number-popup .popup-content .popup-btn {
    padding-top: 10px
}

.pin-number-popup .popup-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .pin-number-popup .popup-content {
        padding: 20px
    }

    .pin-number-popup .popup-content .title {
        font-size: 21px;
        padding: 15px 0
    }

    .pin-number-popup .popup-content .desc {
        font-size: 14px
    }

    .pin-number-popup .popup-content .close {
        font-size: 15px
    }

    .pin-number-popup .popup-content .input-field input {
        padding: 10px
    }
}

@media only screen and (max-width: 767px) {
    .page-checkout .field input {
        font-size: 16px
    }
}

.page-checkout .masterpass-wrapper {
    font-size: 14px;
    color: #604b5b;
    line-height: 1.4;
    margin: 30px 15px;
    background: #fef4e0;
    border-radius: 8px;
    padding: 10px 15px
}

.page-checkout .masterpass-wrapper .masterpass-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-checkout .masterpass-wrapper .masterpass-header .input input {
    border: 1px solid #b1b5c3 !important;
    border-radius: 2px !important;
    width: 29px !important;
    height: 29px !important
}

.page-checkout .masterpass-wrapper .masterpass-header .logo {
    margin-left: -75px
}

.page-checkout .masterpass-wrapper .masterpass-header .info i {
    color: #798093;
    font-size: 17px
}

.page-checkout .masterpass-wrapper .masterpass-description {
    padding: 25px 0
}

.page-checkout .masterpass-wrapper .masterpass-save-form input, .page-checkout .masterpass-wrapper .masterpass-save-form button {
    border: 1px solid #b1b5c3;
    border-radius: 3px;
    display: block;
    width: 100%;
    height: 35px
}

.page-checkout .masterpass-wrapper .masterpass-save-form button {
    background: #000;
    color: #fff;
    margin: 10px 0;
    height: 38px
}

.page-checkout .masterpass-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 40%;
    height: 400px;
    z-index: 1043
}

@media only screen and (max-width: 767px) {
    .page-checkout .masterpass-modal {
        width: 80%
    }
}

.page-checkout .masterpass-modal .masterpass-modal-wrapper {
    background: #fff;
    border-radius: 8px;
    margin: 0 20px;
    position: relative;
    font-size: 14px;
    line-height: 1.4
}

.page-checkout .masterpass-modal .masterpass-modal-header {
    text-align: center;
    padding-top: 40px
}

.page-checkout .masterpass-modal .masterpass-modal-header .close-modal {
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer
}

.page-checkout .masterpass-modal .masterpass-modal-header .logo img {
    margin-top: -20px;
    width: 100px;
    height: 100px
}

.page-checkout .masterpass-modal .masterpass-modal-header .title {
    margin: 20px auto;
    font-size: 18px;
    color: #604b5b;
    max-width: 180px;
    font-weight: bold
}

.page-checkout .masterpass-modal .masterpass-modal-header .title.v2 {
    max-width: 270px
}

.page-checkout .masterpass-modal .masterpass-modal-header .title.success {
    color: #53c223
}

.page-checkout .masterpass-modal .masterpass-modal-content {
    padding: 20px 50px
}

.page-checkout .masterpass-modal .masterpass-modal-content .tips button {
    font-size: 12px !important
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form label {
    color: #604b5b
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form input, .page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form button {
    border: 1px solid #b1b5c3;
    border-radius: 3px;
    display: block;
    width: 100%;
    height: 35px;
    font-size: 16px
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form button {
    background: #000;
    color: #fff;
    margin: 10px 0;
    height: 38px
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form button.white {
    background: #fff;
    color: #000
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form button.cancel-button {
    border: none;
    font-weight: bold
}

.page-checkout .masterpass-modal .masterpass-modal-content .masterpass-verification-form button.underline {
    text-decoration: underline
}

.page-checkout .masterpass-modal .masterpass-modal-footer {
    background: #232234;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 8px 8px
}

.page-checkout .masterpass-modal .masterpass-modal-footer img {
    margin-top: 3px;
    height: 25px;
    width: auto
}

.page-checkout .masterpass-modal .masterpass-modal-note {
    font-size: 16px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin: 10px 20px;
    font-size: 14px;
    line-height: 1.4
}

.page-checkout .masterpass-card-lists {
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.4
}

.page-checkout .masterpass-card-lists .masterpass-card-lists-content {
    width: 100%;
    display: block;
    margin: 10px 0 20px;
    box-shadow: 0 2px 4px 0 #d8d9dc;
    background: #fff
}

.page-checkout .customcheckbox .styled-checkbox {
    position: absolute;
    opacity: 0
}

.page-checkout .customcheckbox .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0
}

.page-checkout .customcheckbox .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 29px;
    height: 29px;
    background: white
}

.page-checkout .customcheckbox .styled-checkbox:checked + label:before {
    background: #fff;
    border: 3px solid #00b3c8;
    border-radius: 2px
}

.page-checkout .customcheckbox .styled-checkbox:checked + label:after {
    content: "\F00C";
    font-family: FontAwesome;
    position: absolute;
    left: 6px;
    top: 4px;
    font-size: 16px;
    color: #000
}

.page-checkout .masterpass-pay-another-card {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px
}

.page-checkout .masterpass-pay-another-card .card-check b {
    font-size: 14px;
    line-height: 24px
}

.page-checkout .card-check {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #b1b5c3;
    border-radius: 8px;
    padding: 30px 20px
}

.page-checkout .card-check.active {
    background: #fff;
    box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21), inset 0 0 0 3px #fddd00;
    font-weight: 700
}

.page-checkout .card-check.active .radio:before {
    background-color: #00b3c8
}

.page-checkout .card-check.is-disabled {
    pointer-events: none;
    background: #e8e8e8
}

.page-checkout .card-check.is-disabled .radio:before {
    background: transparent
}

.page-checkout .card-check input {
    position: absolute;
    opacity: 0
}

.page-checkout .card-check .card-detail {
    display: inline-block;
    margin-left: 15px
}

.page-checkout .card-check .card-action {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right
}

.page-checkout .card-check .card-action i {
    font-size: 24px
}

.page-checkout .card-check .radio {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: solid 1px #b1b5c3;
    border-radius: 100%
}

.page-checkout .card-check .radio:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 14px;
    height: 14px;
    background: transparent;
    border-radius: 100%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.page-checkout .card-check b, .page-checkout .card-check span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #604b5b
}

.page-checkout .card-check span {
    display: block;
    color: #604b5b;
    font-size: 14px
}

.page-checkout .card-check:hover {
    cursor: pointer
}

.body-checkout.no-scroll {
    position: relative !important
}

.masterpass-no-response-error, .masterpass-general-errors {
    padding: 0 15px 15px 15px
}

.masterpass-info-modal .content {
    line-height: normal;
    font-size: 12px
}

.masterpass-info-modal .content b, .masterpass-info-modal .content strong {
    font-weight: 700;
    line-height: normal
}

.masterpass-info-modal .content i {
    font-style: italic;
    line-height: normal
}

.masterpass-info-modal .content p, .masterpass-info-modal .content li {
    font-size: 16px;
    line-height: normal
}

@media (max-width: 768px) {
    .masterpass-info-modal .content p, .masterpass-info-modal .content li {
        font-size: 14px
    }
}

.masterpass-info-modal .content h1 {
    font-size: 2em;
    line-height: normal
}

@media (max-width: 768px) {
    .masterpass-info-modal .content h1 {
        font-size: 28px
    }
}

.masterpass-info-modal .content h2 {
    font-size: 1.5em;
    line-height: normal
}

@media (max-width: 768px) {
    .masterpass-info-modal .content h2 {
        font-size: 24px
    }
}

.masterpass-info-modal .content h3 {
    font-size: 1.17em;
    line-height: normal
}

@media (max-width: 768px) {
    .masterpass-info-modal .content h3 {
        font-size: 18px
    }
}

@media (max-width: 768px) {
    .masterpass-info-modal .mfp-close {
        top: 10px;
        right: -30px
    }
}

body.payment .back-to-top, body.address .back-to-top {
    display: none
}

.page-checkout-header {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    background-color: #f2dd07
}

.page-checkout-header .logo {
    float: left
}

.page-checkout-header .logo img {
    width: 83px
}

.page-checkout-header .phone {
    position: relative;
    float: right;
    margin-top: 3.5rem;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700
}

.checkout-payment, .checkout-addresses {
    display: none
}

.checkout-payment.active, .checkout-addresses.active {
    display: block
}

.page-checkout .button.block {
    margin-top: 2.5rem
}

.page-checkout .continue-button {
    display: block;
    margin-top: 2.5rem;
    width: 100%;
    color: #fff;
    text-align: center
}

.page-checkout .bkm_wrapper {
    text-align: center
}

.page-checkout .bkm-agreement {
    color: #8c8c8c;
    width: 40%;
    margin: 5rem auto 0 auto;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.page-checkout .bkm-agreement a {
    color: #8c8c8c;
    font-weight: 700;
    text-decoration: underline
}

.page-checkout .checkout__cargo__proceed.bkm-button {
    float: none;
    display: block;
    margin: 1rem auto 2.5rem auto;
    border-radius: 10px;
    width: 100%;
    min-width: 300px;
    color: #fff;
    text-align: center
}

.page-checkout .checkout__cargo__proceed.bkm-button.unclickable {
    pointer-events: none !important
}

.page-checkout .bkm-title {
    padding: 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.page-checkout .error {
    margin-top: 5px;
    font-size: 12px;
    color: #d20000;
    font-weight: 400
}

.page-checkout .checkout-notice {
    padding: 2rem;
    color: #31363a;
    font-size: 1.4rem;
    border: solid 1px #d8d7d7
}

.page-checkout .steps {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.page-checkout .steps li {
    position: relative;
    float: left;
    color: #9b9b9b;
    margin-left: 4.5rem
}

.page-checkout .steps li em {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 25px;
    margin-top: -5px;
    margin-left: -35px
}

.page-checkout .steps li:first-child {
    margin-left: 0
}

.page-checkout .steps a {
    color: #ccc;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold'
}

.page-checkout .steps li.active, .page-checkout .steps li.active a {
    color: #000
}

.page-checkout .checkout-delivery {
    background-color: #f7f6f2;
    border: solid 1px #d4d4d4;
    border-radius: 10px
}

.page-checkout .checkout-delivery .section-hero {
    padding: 2rem 3rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 1px #dedee9
}

.page-checkout .section-hero .checklist {
    float: right;
    font-size: 14px;
    font-family: 'Panton', sans-serif;
    font-weight: 400
}

.page-checkout .checkout-delivery .addresses {
    width: 100%;
    float: left;
    border-right: solid 1px #dedee9
}

.page-checkout .checkout-delivery .addresses .list {
    padding: 2.5rem
}

.page-checkout .checkout-delivery .addresses .list .desc {
    margin-bottom: 2rem;
    font-size: 1.4rem
}

.page-checkout .checkout-delivery .addresses .list label {
    cursor: pointer
}

.page-checkout .checkout-delivery .addresses .list li {
    float: left;
    width: 48%;
    padding: 2rem;
    color: #8c8c8c;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 1.6em;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #dedee9;
    -webkit-box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21);
    -moz-box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21);
    box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21)
}

.page-checkout .checkout-delivery .addresses .list li.selected {
    color: #000;
    -webkit-box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21), inset 0 0 0 3px #fddd00;
    box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21), inset 0 0 0 3px #fddd00
}

.page-checkout .checkout-delivery .addresses .list li .title {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: 700
}

.page-checkout .checkout-delivery .addresses .list li .edit {
    float: right;
    font-weight: 400;
    text-decoration: underline
}

.page-checkout .checkout-delivery .addresses .list li:nth-child(odd) {
    margin-right: 4%
}

.page-checkout .checkout-delivery .addresses .list li.half {
    float: none;
    display: inline-block;
    margin-right: 0 !important
}

.page-checkout .checkout-delivery .addresses .radio {
    margin-right: 5px
}

.page-checkout .checkout-delivery .addresses .radio::before {
    background-color: #000
}

.page-checkout .checkout-delivery .addresses .shop, .page-checkout .checkout-delivery .addresses .new-address {
    display: block;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
    line-height: 142px
}

.page-checkout .checkout-delivery .addresses .new-address em {
    position: relative;
    top: -2px;
    font-size: 2.2rem;
    vertical-align: middle
}

.page-checkout .checkout-delivery .addresses .details {
    min-height: 110px
}

.page-checkout .checkout-delivery .addresses .details .title {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 700
}

.page-checkout .checkout-delivery .continue {
    width: 37.5%;
    float: left
}

.page-checkout .checkout-delivery .cargo {
    padding: 2rem
}

.page-checkout .checkout-delivery .cargo .desc {
    font-size: 1.4rem;
    line-height: 1.5em
}

.page-checkout .checkout-delivery .cargo .radio::before {
    background-color: #000
}

.page-checkout .checkout-delivery .cargo-list .price {
    float: right;
    color: #31363a;
    font-size: 1.8rem
}

.page-checkout .checkout-delivery .cargo-list ul {
    margin-bottom: 1.5rem
}

.page-checkout .checkout-delivery .cargo-list li {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: solid 1px #dedee9
}

.page-checkout .checkout-delivery .cargo-list li img {
    margin-top: -7px;
    vertical-align: middle
}

.page-checkout .delivery-cargo, .page-checkout .oneday-cargo {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #D00000;
    margin-top: 3.5rem
}

.page-checkout .checkout-payment .payment-tabs {
    position: relative;
    bottom: -5px;
    display: flex
}

.page-checkout .checkout-payment .payment-tab {
    cursor: pointer;
    display: inline-block;
    margin-left: 15px;
    padding: 0 2rem;
    height: 60px;
    color: #9b9b9b;
    line-height: 55px;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    background-color: transparent;
    border: solid 1px #e5e5e5;
    border-radius: 10px 10px 0 0
}

.page-checkout .checkout-payment .payment-tab.payment-tab-confirmation[data-slug="tompay"] {
    font-size: 0
}

.page-checkout .checkout-payment .payment-tab.active {
    cursor: default;
    color: #000;
    background-color: #f4f4f4
}

.page-checkout .payment-area {
    display: none;
    background-color: #f7f6f2;
    border: solid 1px #d4d4d4;
    border-radius: 10px
}

.page-checkout .payment-area:first-child, .page-checkout .payment-area.active {
    display: block
}

.page-checkout .payment-area .section-hero {
    padding: 2rem 3rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 1px #dedee9
}

.page-checkout .payment-area .section-hero .view {
    color: #3f4737;
    font-size: 1.4rem;
    line-height: 5px;
    font-family: 'Panton', sans-serif;
    text-decoration: underline
}

.page-checkout .payment-area .card {
    width: 62.5%;
    float: left;
    padding-bottom: 70px
}

.page-checkout .payment-area .card .form-area {
    padding: 0 4rem
}

.page-checkout .payment-area .installment {
    width: 37.5%;
    float: left;
    padding-bottom: 5rem;
    border-left: solid 1px #dedee9
}

.page-checkout .payment-area .card-information .title {
    padding: 2.5rem;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-checkout .payment-area .card-information form {
    padding: 3rem 6.5rem
}

.page-checkout .payment-area .card-information .field {
    margin-bottom: 2rem
}

.page-checkout .payment-area .card-information .field label {
    font-size: 1.4rem
}

.page-checkout .payment-area .card-information .field-dates {
    float: left;
    width: 50%
}

.page-checkout .payment-area .card-information .field-dates .select {
    float: left;
    width: 48%
}

.page-checkout .payment-area .card-information .field-dates .select--first {
    margin-right: 4%
}

.page-checkout .payment-area .card-information .field-dates .title {
    padding: 0;
    margin: 0;
    line-height: 1.4rem
}

.page-checkout .payment-area .card-information .field-cvc {
    float: right;
    width: 40%
}

.page-checkout .payment-area .card-information .field label input {
    width: 100%;
    height: 35px;
    padding: 0 1rem;
    margin-top: 5px;
    border: solid 1px #cbc8c8
}

.page-checkout .payment-area .card-information .select {
    position: relative;
    margin-top: 5px;
    height: 35px;
    padding: 0 1rem;
    background-color: #fff;
    border: solid 1px #cbc8c8
}

.page-checkout .payment-area .card-information .select::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    font-size: 20px;
    content: "\E91F";
    line-height: 35px;
    font-family: 'icomoon' !important
}

.page-checkout .payment-area .card-information .select select {
    position: relative;
    z-index: 16;
    width: 100%;
    height: 35px;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0
}

.page-checkout .payment-area .card-information .field .tips {
    margin-top: 5px;
    font-size: 1.4rem
}

.page-checkout .payment-area .installment-area {
    padding: 3rem
}

.page-checkout .payment-area .installment-area .title {
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-checkout .payment-area .installment-table {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    border-bottom: solid 1px #dedee9
}

.page-checkout .payment-area .installments label {
    display: block;
    width: 100%;
    font-size: 11px
}

.page-checkout .payment-area .installments label > span {
    display: block;
    height: 27px;
    float: left;
    width: 33.33%
}

.page-checkout .payment-area .installments label > span {
    padding: 5px;
    border: solid 1px #dedee9;
    border-bottom: 0;
    border-left: 0;
    text-align: right
}

.page-checkout .payment-area .installments label > span:first-child {
    border-left: solid 1px #dedee9
}

.page-checkout .payment-area .installment-table th {
    padding-top: 10px
}

.page-checkout .payment-area .installments label > span:first-child {
    text-align: left
}

.page-checkout .payment-area .installments label:nth-child(odd) {
    background-color: rgba(242, 242, 242, 0.5)
}

.page-checkout .payment-area .installments .active span {
    background-color: #fddd00
}

.page-checkout .payment-area .installment .agrement label {
    display: block;
    position: relative;
    padding-left: 30px;
    color: #8c8c8c;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-checkout .payment-area .installment .agrement a {
    color: #8c8c8c;
    text-decoration: underline;
    font-weight: 700
}

.page-checkout .payment-area .installment .agrement label::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.page-checkout .payment-area .installment .agrement label::before {
    background-color: #fff
}

.page-checkout .checkout__payment__cvc-info img {
    left: 100%;
    top: 0;
    width: 45px;
    margin-left: 10px
}

.page-checkout .payment-tab {
    min-width: 120px
}

.page-checkout .payment-tab img {
    margin: auto
}

.page-checkout .payment-tab-bkm_express {
    background-image: url(bkm_express_bw.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center
}

.page-checkout .payment-tab-bkm_express.active {
    background-image: url(bkm_express.svg)
}

.page-checkout .payment-tab-confirmation[data-slug="tompay"] {
    background-image: url(hadi-logo.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(100%);
    opacity: .75
}

.page-checkout .payment-tab-confirmation[data-slug="tompay"].active {
    opacity: 1;
    filter: none
}

.page-checkout .payment__transfer-desc {
    line-height: 1.8
}

.page-checkout .payment-tab-content {
    font-size: 16px;
    padding: 30px;
    color: #4a4a4a;
    font-weight: 600
}

.page-checkout .payment-tab-content .button {
    padding: unset
}

.page-checkout .payment-tab-content .agrement {
    margin-left: 540px;
    min-width: 250px;
    margin-top: 30px;
    line-height: 1.5;
    color: #8c8c8c;
    font-weight: 400;
    font-size: 14px
}

.page-checkout .payment-tab-content .agrement a {
    color: #8c8c8c !important;
    text-decoration: underline
}

.page-checkout .payment-tab-content .agrement input {
    z-index: 999
}

.page-checkout .payment__transfer-company {
    margin-top: 10px
}

.page-checkout .payment__transfer-title {
    font-weight: 400;
    line-height: 1.19;
    color: #d23f49;
    margin-top: 30px
}

.page-checkout .payment__transfer-options {
    display: block;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px
}

.page-checkout .payment__transfer-options label input {
    position: absolute;
    left: 0;
    top: 7px
}

.page-checkout .payment__transfer-bank-logo-wrapper {
    min-width: 120px;
    display: inline-block;
    margin-left: 25px;
    max-height: 25px;
    padding-top: 5px
}

.page-checkout .payment__transfer-attention {
    margin-top: 30px
}

.page-checkout .payment__transfer-attention p {
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .page-checkout .js-checkout-form-funds-transfer {
        line-height: 1.4
    }
}

.page-checkout .checkout-sidebar {
    padding: 2.5rem;
    border: solid 1px #d4d4d4;
    border-radius: 10px
}

.page-checkout .checkout-sidebar .title {
    margin-bottom: 1rem;
    font-size: 1.6rem
}

.page-checkout .checkout-sidebar .title span {
    display: inline-block;
    margin-left: 5px;
    font-size: 1.4rem
}

.page-checkout .checkout-sidebar .products {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: solid 1px #e0e0e0
}

.page-checkout .checkout-sidebar .products::-webkit-scrollbar {
    width: 7px
}

.page-checkout .checkout-sidebar .products::-webkit-scrollbar-track {
    background: transparent
}

.page-checkout .checkout-sidebar .products::-webkit-scrollbar-thumb {
    background: #888
}

.page-checkout .checkout-sidebar .products::-webkit-scrollbar-thumb:hover {
    background: #555
}

.page-checkout .checkout-sidebar .products li {
    position: relative;
    margin-bottom: 15px;
    color: #000;
    font-size: 1.3rem
}

.page-checkout .checkout-sidebar .products li a {
    display: flex
}

.page-checkout .checkout-sidebar .products li img {
    margin-right: .5rem;
    width: 60px;
    height: 60px
}

.page-checkout .checkout-sidebar .products li .content {
    flex: 1
}

.page-checkout .checkout-sidebar .summary {
    margin: 1rem 0 2rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px #e0e0e0
}

.page-checkout .checkout-sidebar .summary table {
    width: 100%;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.6em
}

.page-checkout .checkout-sidebar .summary td {
    padding-top: 5px;
    padding-bottom: 5px
}

.page-checkout .checkout-sidebar .summary td:nth-child(2) {
    text-align: right
}

.page-checkout .checkout-sidebar .summary .red {
    color: #d00000
}

.page-checkout .checkout-sidebar .coupon .title {
    margin-bottom: 1.5rem;
    font-size: 1.6rem
}

.page-checkout .checkout-sidebar .coupon .field {
    position: relative
}

.page-checkout .checkout-sidebar .coupon input {
    width: 100%;
    height: 35px;
    padding-left: 1.5rem;
    padding-right: 120px;
    background-color: #fff;
    border: solid 1px #d4d4d4
}

.page-checkout .checkout-sidebar .coupon button {
    position: absolute;
    right: 0;
    top: 0;
    width: 115px;
    height: 35px;
    color: #000;
    font-size: 2.2rem;
    text-align: center;
    line-height: 35px;
    font-family: 'Trade Gothic Bold';
    background-color: #d4d4d4
}

.page-checkout .checkout-sidebar .total {
    margin-top: 2rem;
    color: #000;
    font-size: 1.6rem
}

.page-checkout .checkout-sidebar .total span {
    float: right
}

.page-checkout .checkout-sidebar .total--no-border {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 2rem;
    border-top: 0
}

.page-checkout .checkout-sidebar .address-info {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: solid 1px #e0e0e0
}

.page-checkout .checkout-sidebar .address-info .title {
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: -0.5px
}

.page-checkout .checkout-sidebar .address-info .edit {
    float: right;
    color: #222;
    font-size: 1.3rem;
    text-decoration: underline
}

.page-checkout .checkout-sidebar .address-info p {
    color: #3f4737;
    font-size: 1.3rem;
    line-height: 1.6em
}

.page-checkout .checkout--roundbox {
    margin-top: 10px;
    line-height: normal
}

.page-checkout .checkout--roundbox strong {
    font-weight: 700
}

.page-checkout .checkout--roundbox small {
    font-size: 12px
}

.page-checkout .checkout--roundbox small a {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .page-checkout .checkout--roundbox {
        padding: 2rem 2rem 3rem !important;
        font-size: 2.8rem;
        border: solid 1px #d8d7d7 !important
    }

    .page-checkout .checkout--roundbox label {
        display: block;
        padding-left: 30px
    }

    .page-checkout .checkout--roundbox label:before {
        top: 10px
    }
}

.page-checkout .checkout-success, .page-checkout .checkout-info {
    background-color: #f7f6f2;
    border: solid 1px #e8e8e8;
    border-radius: 1rem;
    padding: 2.7rem 4rem;
    font-size: 1.6rem;
    color: #858594;
    line-height: 1.75em
}

.page-checkout .checkout-success, .page-checkout .checkout-info {
    min-height: 35rem
}

.page-checkout .checkout-info {
    background-color: #ffffff
}

.page-checkout .checkout-success h2, .page-checkout .checkout-info h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 4.6rem;
    color: #000000
}

.page-checkout .checkout-success p {
    margin-bottom: 3rem
}

.page-checkout .checkout-info ul {
    padding-left: 2rem;
    color: #000000;
    list-style: disc
}

.page-checkout .checkout-info ul li a {
    text-decoration: underline
}

.page-checkout-footer {
    padding-bottom: 5rem;
    text-align: center
}

.page-checkout-footer ul li {
    display: inline-block;
    margin: 0 1rem
}

.page-checkout-footer p {
    margin-top: 1rem;
    color: #9b9b9b;
    font-size: 1.2rem
}

.from-store-wrapper label .title {
    margin: 0 !important;
    padding: 0 !important
}

.from-store-wrapper .from-store-select-text {
    visibility: visible
}

.from-store-wrapper .retail_store_select {
    top: inherit;
    margin: 0
}

.from-store-wrapper .retail_store_select::after {
    display: none
}

.from-store-wrapper .retail_store_select .retail-store-select-wrap {
    position: relative;
    z-index: 1;
    margin-top: 5px
}

.from-store-wrapper .retail_store_select .retail-store-select-wrap::after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    padding: 10px 7px;
    height: 100%;
    border-left: 1px solid #d7d8d8;
    content: "\E91F";
    font-family: 'icomoon' !important;
    color: #000;
    z-index: -1
}

.from-store-wrapper .retail_store_select .retail-store-select-wrap select {
    width: 100%;
    margin: 0;
    border-radius: 5px
}

.checkout__address {
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    height: auto
}

.checkout__address:hover, .checkout__address.active {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0
}

.retail-store-selected-store {
    display: none;
    margin-top: 1rem;
    color: black;
    flex-direction: column
}

.retail-store-selected-store__top {
    display: flex;
    justify-content: space-between
}

.retail-store-selected-store__change {
    color: #4ab3c9;
    text-decoration: underline;
    cursor: pointer
}

.selected-retail-store {
    font-weight: bold
}

.checkout-redirect-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999
}

.order-spinner img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    vertical-align: middle
}

.checkout-identity-modal .mfp-close {
    right: -25px;
    top: -25px
}

.checkout-identity-modal .button.disabled {
    background-color: #d4d4d4;
    box-shadow: 0 4px 0 0 #aaa;
    border-color: #d4d4d4;
    pointer-events: none
}

.checkout-identity-modal-information-text {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px
}

.checkout-identity-modal-information-text a {
    color: #00b3c8;
    text-decoration: underline
}

@media (max-width: 767px) {
    .checkout-identity-modal .mfp-content {
        width: 95% !important;
        padding: 20px
    }

    .checkout-identity-modal .mfp-close {
        color: #fff
    }
}

.address-modal-submit-button.disabled {
    background-color: #d4d4d4;
    box-shadow: 0 4px 0 0 #aaa;
    border-color: #d4d4d4;
    pointer-events: none
}

.address-modal-identity-success {
    color: black;
    font-weight: bold;
    font-size: 13px
}

.identity_tax-field .field {
    min-height: 81px
}

.identity_tax-field .address-modal__input--invalid {
    display: none !important
}

.identity_tax-field .custom-error {
    margin-top: 5px;
    font-size: 12px;
    line-height: 15px;
    color: #d20000
}

@media (min-width: 767px) {
    .identity-modal-col {
        min-height: 101px
    }
}

.image-generator {
    height: 100vh;
    padding: 30px 0
}

.image-generator .hero {
    margin-bottom: 40px;
    font-size: 25px;
    font-weight: 700
}

.image-generator .image-row {
    margin-bottom: 20px
}

.image-generator .image-row .col-sm-8 {
    padding: 0
}

.image-generator .imagemaps-wrapper {
    display: inline-block
}

.image-generator .select-files label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px
}

.image-generator .select-files .images {
    margin-top: 5px;
    margin-bottom: 20px;
    border: solid 1px #f1f1f1
}

.image-generator .select-files .images li {
    cursor: pointer;
    float: left;
    width: 14.2%;
    padding: 10px;
    margin: 10px
}

.image-generator .select-files .images li.active {
    -webkit-box-shadow: 0 0 0 3px #fddd00;
    -moz-box-shadow: 0 0 0 3px #fddd00;
    box-shadow: 0 0 0 3px #fddd00
}

.image-generator .select-files .images img {
    width: 100%
}

.image-generator .select-files .images span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600
}

.image-generator .controls {
    font-size: 14px;
    line-height: 16px
}

.image-generator .controls legend {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700
}

.image-generator .controls table {
    width: 100%
}

.image-generator .controls th, .image-generator .controls td {
    padding: 10px;
    border: solid 1px   #f1f1f1
}

.image-generator .controls input, .image-generator .controls select {
    width: 100%;
    color: #000;
    height: 35px;
    font-size: 12px;
    padding: 0 10px;
    background-color: #fff;
    border-radius: 0;
    border: solid 1px #f1f1f1
}

.image-generator .controls button {
    display: inline-block;
    padding: 5px 10px
}

.image-generator .controls .btn-add-map {
    color: #000;
    background-color: #fddd00
}

.image-generator .controls .btn-get-map {
    color: #fff;
    background-color: #00b3c8
}

.image-generator .output {
    width: 100%;
    margin-top: 20px;
    color: #333;
    font-size: 11px;
    height: 250px;
    border: 0;
    outline: none;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.brochure-tabs {
    padding-top: 2rem
}

.brochure-tabs .nav {
    margin-bottom: 5rem
}

.brochure-tabs .nav li {
    float: left;
    width: 25%;
    text-align: center
}

.brochure-tabs .nav li a {
    display: block;
    color: #4a4a4a;
    border-bottom: solid 1px transparent
}

.brochure-tabs .nav li a.active {
    position: relative;
    border-bottom-color: #fddd00
}

.brochure-tabs .nav li a.active::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: -20px;
    margin-bottom: -40px;
    border: solid 20px transparent;
    border-top-color: #fddd00
}

.brochure-tabs .nav li .title {
    color: #f5a623;
    font-weight: 800;
    font-size: 2.4rem
}

.brochure-tabs .nav li .badge {
    top: 0;
    margin-bottom: 0;
    text-align: center
}

.brochure-tabs .nav li .badge img {
    height: 45px
}

.brochure-tabs .nav li .title span {
    color: #eb211d
}

.brochure-tabs .nav li .title span span {
    color: #00b3c8
}

.brochure-tabs .nav li .dates {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 1.4rem;
    min-height: 30px
}

.brochure-tabs .nav li .dates span, .brochure-tabs .nav li .dates h1 {
    font-weight: 700;
    display: block
}

.brochure-tabs .brochures-actions {
    position: absolute;
    right: -50px;
    top: 10px;
    z-index: 10
}

.brochure-tabs .brochures-actions-list {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center
}

.brochure-tabs .brochures-actions li {
    margin-bottom: 30px;
    text-align: center
}

.brochure-tabs .brochures-actions li a:hover {
    text-decoration: none !important;
    color: #000
}

.brochure-tabs .brochures-actions li .icon-prop {
    padding: 10px;
    box-shadow: 0 3px 0 0 #cccccc;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 50%;
    font-size: 22px
}

.brochure-tabs .brochures-actions li .share-icon a:first-child {
    background-color: #3b5998
}

.brochure-tabs .brochures-actions li .share-icon a:last-child {
    background-color: #38A1F3
}

.brochure-tabs .brochures-actions li .share-icon a {
    font-size: 25px;
    display: inline-block;
    color: white;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    line-height: 39px;
    position: relative;
    visibility: hidden;
    opacity: 0
}

.brochure-tabs .brochures-actions .share-action {
    position: absolute;
    opacity: 0
}

.brochure-tabs .brochures-actions .share-action:checked + .share-area .share-icon a {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.brochure-tabs .brochures-actions li span:last-child {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 15px
}

.brochure-tabs .brochures-actions li .share-area .share-text {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 15px
}

.brochure-tabs .contents {
    width: 830px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.brochure-tabs .brochure-view {
    position: relative;
    padding-left: 35px;
    padding-right: 35px
}

.brochure-tabs .brochure-view .slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 6;
    cursor: pointer;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    border: solid 1px #ececec;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.brochure-tabs .brochure-view .slick-arrow:before {
    margin-left: -6px !important
}

.brochure-tabs .brochure-view .slick-arrow.slick-next {
    left: auto;
    right: 0
}

.brochure-tabs .brochure-view .slick-arrow.slick-right {
    left: auto;
    right: 0
}

.brochure-tabs .view-area {
    position: relative;
    z-index: 65
}

.brochure-tabs .view-area .imagemaps-area {
    position: relative;
    z-index: 8
}

.brochure-tabs .view-area a {
    position: absolute;
    z-index: 6;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: -10px;
    margin-top: -10px;
    background-size: 100%;
    opacity: .7;
    background-image: url(icon%40ok-bg.png)
}

.brochure-tabs .view-area a:before {
    content: " ";
    display: block;
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAnCAYAAABwtnr/AAABiUlEQVR4AdzYAURDURSH8dUyTLUowEpUQCqoGgwhQAQkQhAhAgEIKAASEChQlShAGgQKFKQpiEEiLStEW1+cuBJb7+687fTnB3B8BnNfJOyVSqUNRCPWRvQzdhCzF87YEWLmwt14c+FuvMVwN95cuBtvLtyNtxUuO0bcXLgsg3gtI6MYwSI2cYEiWB3FS2wzZnGAJ/hM4nWDh7GFAvynHc/RNE6gMIV4DnViF0pTiOfAPAoIexm0BAlOYA+13DkSf4lO4gr1sLNKo3uRQz3sHZP/Nrodt9aiozg1FS3hqxajU/hArfeG8UqjY8iaipbwZQRZETc4xBoWMIU0BtEtXjSiO+RwpbuUyAm0ejwkAkbLJKLcclhBn8ILKFB0osyvfY1pNCk83YJFy8El/LYHzKFR7c3pEd2ALH5uG23Kj+U8UkGPjcHdK2ZCeOXnMepzbB3fy2FI//OERPtMYr92hy797yrViR5wopMhfL649412/ykf0RPSd5f+ah3ax+dshuKcTAwdrRsFAC61y1jE0XGdAAAAAElFTkSuQmCC)
}

.brochure-tabs .view-area a:hover {
    opacity: 1
}

.brochure-tabs .view-area a:after {
    content: '\DCr\FCn\FC   \130ncele';
    position: absolute;
    background-color: #fff;
    color: #000;
    font-family: Panton;
    font-weight: 600;
    left: -52px;
    bottom: -30px;
    visibility: hidden;
    text-align: center;
    line-height: 29px;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    width: 139px;
    height: 29px;
    border-radius: 8px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #000000
}

.brochure-tabs .view-area a.stay:after {
    width: 300px;
    left: -132px;
    content: 'Bu \FCr\FCn ' attr(data-date) ' tarihinde sat\131\15F  a a\E7\131lacakt\131r.'
}

.brochure-tabs .view-area a:hover:after {
    visibility: visible;
    opacity: 1
}

.brochure-tabs .slick-dots {
    display: none !important;
    text-align: center;
    right: 0;
    left: 0
}

.brochure-tabs .slick-dots li {
    display: inline-block;
    margin: 0 2px;
    width: 7px;
    height: 7px;
    text-indent: -999px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.brochure-tabs .slick-dots li button {
    display: none
}

.brochure-tabs .slick-dots li.slick-active {
    background-color: #000
}

.768
.brochure-tabs .nav {
    display: none
}

.768
.brochure-tabs .nav li .badge img {
    height: 35px
}

.768
.brochure-tabs .brochures-actions {
    position: relative;
    right: 0;
    top: 0
}

.768
.brochure-tabs .brochures-actions ul {
    text-align: center
}

.768
.brochure-tabs .brochures-actions li {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px
}

.768
.brochure-tabs .brochures-actions .share-action:checked + .share-area .share-icon {
    padding-bottom: 30px
}

.768
.brochure-tabs .brochures-actions .share-area .share-icon a:first-child {
    margin-left: -40px
}

.768
.brochure-tabs .brochures-actions .share-area .share-icon a {
    position: absolute
}

.768
.brochure-tabs .view-area a {
    width: 18px;
    height: 18px;
    margin-left: -4px;
    margin-top: -4px;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: .9
}

.768
.brochure-tabs .view-area a:before {
    background-size: 12px
}

.768
.brochure-tabs .slick-dots {
    display: block !important
}

.768
.brochure-tabs .view-area a:hover:after {
    visibility: hidden;
    opacity: 0
}

@-webkit-keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes pulse {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

.pulse:before {
    display: inline-block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.pulse:hover, .pulse.on-hover {
    opacity: 1 !important
}

.pulse:hover:before, .pulse.on-hover:before {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.page-flatpage {
    padding: 2rem 0
}

.page-flatpage .hero {
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    border-bottom: solid 1px #f1f1f1
}

.page-flatpage h3, .page-flatpage h4, .page-flatpage h5 {
    display: block;
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    font-weight: 700
}

.page-flatpage .content {
    font-size: 1.4rem;
    line-height: 1.8rem
}

.page-flatpage .content p {
    margin-bottom: 1.5rem
}

.page-banners .prev-page {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .018rem;
    margin: 2.5rem auto;
    display: inline-block
}

.page-banners .prev-page i {
    font-size: 1.6em;
    position: relative;
    top: .6rem
}

.banner-item {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 4rem
}

.banner-item .banner-title {
    font-size: 2.4rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: .75rem 0
}

.banner-item .banner-date {
    font-size: 1.4rem;
    letter-spacing: .018rem;
    padding: .75rem 0;
    margin-bottom: 4.5rem;
    height: 4.2rem
}

.banner-item .banner-date span {
    display: block
}

.banner-item .banner-date span:first-child {
    font-weight: 700
}

.banner-item.type-1 .banner-title {
    color: #eb211d
}

.banner-item.type-2 .banner-title span:first-child {
    color: #eb211d
}

.banner-item.type-2 .banner-title span:last-child {
    color: #00b3c8
}

.banner-item.type-3 .banner-title {
    color: #f5a623
}

.page-brands {
    padding-top: 1.5rem
}

.page-brands .list-brands .list-brands--title {
    margin-bottom: 3rem
}

.page-brands .list-brands li.all a {
    font-weight: 700;
    margin-top: 3rem
}

.list-brands .list-brands--title {
    font-family: 'Trade Gothic Bold';
    font-size: 2.4rem;
    line-height: 1.42em;
    letter-spacing: -0.015em;
    font-weight: 700;
    border-bottom: .4rem solid #fddd00;
    display: inline-block
}

.list-brands li {
    margin: .25rem 0
}

.list-brands li a {
    padding: .75rem 0;
    display: block
}

.list-brands.fixed {
    position: fixed;
    top: 3rem;
    width: 12%
}

.list-brands.absolute {
    position: absolute;
    width: 100%
}

.brands-carousel {
    background: #f7f6f2;
    padding: 3rem;
    border-radius: .5rem;
    margin-bottom: 2rem
}

.brands-carousel .heading {
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center
}

.brands-carousel .carousel {
    margin: 2rem 0
}

.brands-carousel .caption {
    font-size: 1.4rem;
    text-align: center
}

.brands-carousel .item {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    width: 100%;
    position: relative;
    padding-bottom: 70.58823529%
}

.brands-carousel .item a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.brands-carousel .slick-slide {
    margin: 0 .75rem
}

.brands-carousel .slick-list {
    margin: 0 -0.75rem
}

.brands-carousel .slick-arrow {
    position: absolute;
    left: -3rem;
    top: 50%;
    z-index: 10;
    width: 3rem;
    height: 5rem;
    margin-left: -1.5rem;
    color: #000000;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5rem;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.brands-carousel .slick-arrow.slick-arrow-right {
    left: auto;
    right: -3rem;
    margin-left: 0;
    margin-right: -1.5rem
}

.page-support .panel, .page-flatpage .panel {
    border: solid 1px #d4d4d4;
    border-radius: 1rem
}

.page-support .panel .hero, .page-flatpage .panel .hero {
    padding: 2rem 3rem;
    font-size: 2.4rem;
    font-family: 'Trade Gothic Bold';
    background-color: #f7f6f2;
    border-bottom: solid 1px #d4d4d4;
    border-radius: 1rem 1rem 0 0;
    position: relative
}

.page-support .panel .hero i, .page-flatpage .panel .hero i {
    position: absolute;
    right: 3rem;
    top: 1.5rem
}

.page-support .panel .hero span, .page-flatpage .panel .hero span {
    font-size: 1.4rem;
    font-family: 'Panton', sans-serif
}

.page-support .panel .content-area, .page-flatpage .panel .content-area {
    padding: 3rem
}

.page-support .panel-content, .page-flatpage .panel-content {
    padding: 6rem 3rem
}

.page-support .panel-content .table, .page-flatpage .panel-content .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    border-top: .3rem solid #dee2e6
}

.page-support .panel-content .table thead th, .page-flatpage .panel-content .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.page-support .panel-content .table td, .page-flatpage .panel-content .table td, .page-support .panel-content .table th, .page-flatpage .panel-content .table th {
    padding: 1rem 1.5rem;
    vertical-align: top;
    border-top: .1rem solid #dee2e6
}

.page-support.contact-us-homepage .sidebar, .page-flatpage.contact-us-homepage .sidebar {
    background-color: #00bad0;
    padding-left: 10px;
    border-radius: 20px 20px 0 0
}

.page-support.contact-us-homepage .sidebar ul, .page-flatpage.contact-us-homepage .sidebar ul {
    padding-top: .5rem
}

.page-support.contact-us-homepage .sidebar ul li a, .page-flatpage.contact-us-homepage .sidebar ul li a {
    color: #fff;
    font-weight: 600
}

.page-support .sidebar h2, .page-flatpage .sidebar h2 {
    font-family: 'Trade Gothic Bold';
    font-size: 2.4rem;
    line-height: 1.5em;
    border-bottom: .4rem solid #fddd00;
    display: inline-block;
    margin-bottom: 3rem
}

.page-support .sidebar ul li a, .page-flatpage .sidebar ul li a {
    font-size: 1.4rem;
    padding: 1.2rem 0;
    display: inline-block;
    position: relative
}

.page-support .sidebar ul li a:after, .page-flatpage .sidebar ul li a:after {
    content: '';
    position: absolute;
    bottom: .4rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    height: 1px;
    width: 0;
    background-color: #ffffff;
    will-change: background-color, width;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease
}

.page-support .sidebar ul li a:hover:after, .page-flatpage .sidebar ul li a:hover:after {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5)
}

.page-support .sidebar ul li.active a, .page-flatpage .sidebar ul li.active a {
    font-weight: 700
}

.page-support .ems-page-content, .page-flatpage .ems-page-content {
    padding: 6rem 3rem;
    line-height: 1.2em
}

.page-support .ems-page-content strong, .page-flatpage .ems-page-content strong {
    font-weight: 700
}

.page-sitemap {
    margin-top: 20px
}

.page-sitemap .title {
    text-align: center;
    font-size: 20px;
    color: black;
    font-weight: 600;
    margin-bottom: 20px
}

.page-sitemap .sitemap-row {
    overflow: hidden;
    margin-bottom: 3rem
}

.page-sitemap a.sitemap-link.sitemap-level-0 {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 17px !important;
    color: #00b3c8;
    margin-bottom: 10px;
    font-weight: bold
}

.page-sitemap a.sitemap-link.sitemap-level-1, .page-sitemap a.sitemap-link.sitemap-level-2, .page-sitemap a.sitemap-link.sitemaps-level-3 {
    width: 25%;
    float: left;
    font-size: 14px !important;
    padding: 5px 10px;
    color: black;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear
}

.page-advertisement .hero {
    padding-top: 3rem;
    margin-bottom: 3.5rem;
    color: black;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: 1px solid #ececec
}

.page-advertisement .hero span, .page-advertisement .hero h1 {
    position: relative;
    bottom: -0.6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 3rem;
    line-height: 3rem;
    background-color: #ffffff;
    display: inline-block
}

.page-advertisement .video-wrapper {
    display: block;
    text-align: center
}

.page-advertisement .video-wrapper p {
    margin-top: 2rem;
    text-align: left
}

.page-advertisement .video-wrapper .video-container {
    margin-bottom: 4.7rem
}

.page-advertisement .video-wrapper .video-container a {
    overflow: hidden;
    position: relative;
    padding-bottom: 55%;
    display: block
}

.page-advertisement .video-wrapper .video-container a img {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    top: -18%
}

.page-advertisement .video-wrapper .video-container a .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10rem
}

.page-advertisement .video-modal {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 1001
}

.page-advertisement .video-modal iframe {
    width: 60rem;
    height: 37rem
}

.page-directors .name-wrapper {
    padding: 30px 0;
    font-family: 'Trade Gothic Bold';
    font-size: 2rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #d4d4d4
}

.page-directors .name-wrapper .name {
    color: #000
}

.page-directors .name-wrapper .title {
    color: #1e8d9a
}

.page-directors .desc-wrapper {
    padding: 15px 0;
    line-height: 1.3
}

.page-directors .desc-wrapper p {
    margin-bottom: 13px
}

.onlineshopping, .corporate-forms {
    padding: 3rem 1rem
}

.onlineshopping .form-desc, .corporate-forms .form-desc {
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 20px;
    border-bottom: solid 1px #d8d8d8
}

.onlineshopping .form-desc b, .corporate-forms .form-desc b {
    font-weight: 700
}

.onlineshopping .form-desc-href, .corporate-forms .form-desc-href {
    font-weight: bold
}

.onlineshopping .order-number-box, .corporate-forms .order-number-box {
    display: none
}

.onlineshopping p, .corporate-forms p {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    margin-top: 4rem !important;
    margin-bottom: 3rem !important
}

.onlineshopping label, .corporate-forms label {
    padding: .4rem 0;
    display: block
}

.onlineshopping .check, .corporate-forms .check {
    margin-top: 1rem;
    margin-bottom: 3rem
}

.onlineshopping .form-input input, .corporate-forms .form-input input, .onlineshopping .form-select select, .corporate-forms .form-select select, .onlineshopping .form-text textarea, .corporate-forms .form-text textarea {
    display: inline-block;
    width: 100%;
    padding: 2rem 1rem;
    height: 3.8rem;
    border: solid 1px #cbc8c8;
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .onlineshopping .form-input input, .corporate-forms .form-input input {
        padding: 4rem 1rem
    }
}

@media only screen and (max-width: 767px) {
    .onlineshopping .form-input select, .corporate-forms .form-input select {
        width: 100% !important;
        height: 8.8rem !important
    }
}

.onlineshopping .form-select select, .corporate-forms .form-select select {
    height: 4.2rem;
    padding-top: 0;
    padding-bottom: 0
}

.onlineshopping .form-input, .corporate-forms .form-input, .onlineshopping .form-select, .corporate-forms .form-select, .onlineshopping .form-text, .corporate-forms .form-text {
    position: relative;
    margin-top: .5rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.onlineshopping div[class|="js-error"], .corporate-forms div[class|="js-error"] {
    display: block !important;
    position: absolute;
    left: 0;
    color: red;
    font-size: 11px;
    margin-top: 2px
}

.onlineshopping .form-select select, .corporate-forms .form-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding-right: 2.25rem;
    position: relative;
    z-index: 2;
    line-height: normal
}

.onlineshopping .form-select:after, .corporate-forms .form-select:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E91F';
    color: #000000;
    position: absolute;
    right: 1.25rem;
    top: 3rem;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    z-index: 1
}

.onlineshopping .form-text textarea, .corporate-forms .form-text textarea {
    min-height: 10rem
}

.onlineshopping .button, .corporate-forms .button {
    margin-top: 3rem;
    font-size: 18.5px;
    font-weight: 900
}

.onlineshopping .button.disabled, .corporate-forms .button.disabled {
    box-shadow: 0 .2rem 0 #aaaaaa;
    background-color: #dddddd
}

@media only screen and (max-width: 767px) {
    .onlineshopping .button, .corporate-forms .button {
        margin-bottom: 3rem
    }
}

.onlineshopping .checkbox label, .corporate-forms .checkbox label {
    line-height: 1.2em;
    padding: 0 0 0 2.4rem
}

@media only screen and (max-width: 767px) {
    .onlineshopping .checkbox label, .corporate-forms .checkbox label {
        margin-left: 15px
    }
}

.onlineshopping .checkbox label:before, .corporate-forms .checkbox label:before {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.onlineshopping .checkbox label .contract-style, .corporate-forms .checkbox label .contract-style {
    text-decoration: underline;
    font-weight: 700
}

.onlineshopping .checkbox input[type="checkbox"], .corporate-forms .checkbox input[type="checkbox"] {
    z-index: 9
}

.kapida-aydinlatma-metni {
    margin-top: 10px;
    font-weight: 600
}

.forms-messages {
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
    letter-spacing: 1px
}

@media only screen and (max-width: 767px) {
    .forms-messages {
        line-height: 2;
        margin: 10px
    }
}

.corporate-success {
    display: none;
    position: relative;
    width: 540px;
    max-width: 100%;
    margin: 5rem auto;
    padding: 11rem 6rem 9rem;
    text-align: center;
    border: solid 1px #d4d4d4;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2)
}

.corporate-success .icon {
    position: absolute;
    width: 85px;
    height: 85px;
    top: 0;
    left: 50%;
    margin-top: -42px;
    margin-left: -42px;
    background: url(icon@checked.png) no-repeat
}

.corporate-success .title {
    margin-bottom: 3rem;
    font-size: 3rem
}

.corporate-success .desc {
    font-size: 1.6rem
}

.contact-us-homepage {
    font-family: 'Panton'
}

.contact-us-homepage .page-heading {
    position: relative;
    margin: 3rem 0 2rem
}

.contact-us-homepage .page-heading h2.contact {
    font-size: 2.4rem;
    line-height: 1.5em;
    border-bottom: .5rem solid #fddd00;
    display: inline-block;
    margin-bottom: 3rem
}

.contact-us-homepage .page-heading .contact-number {
    display: flex;
    justify-content: center;
    text-align: center
}

.contact-us-homepage .page-heading .contact-number div {
    background-color: #393939;
    border-radius: 50px;
    color: #fff;
    font-size: 2.3rem;
    padding: 20px
}

.contact-us-homepage .page-heading img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1
}

.contact-us-homepage .page-heading .text {
    font-family: 'Trade Gothic Bold';
    font-size: 4.8rem;
    color: #000000;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 5%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.contact-us-homepage .page-heading .text span:last-child {
    color: #ffffff;
    margin-left: 3rem
}

.contact-us-homepage .page-heading .text span:last-child i {
    margin-right: 1.5rem
}

.contact-us-homepage .contact-tabs {
    position: relative
}

.contact-us-homepage .contact-tabs .tab-nav ul {
    display: flex;
    flex-direction: row
}

.contact-us-homepage .contact-tabs .tab-nav ul li {
    display: flex;
    flex-basis: 0;
    flex-grow: 1
}

.contact-us-homepage .contact-tabs .tab-nav a {
    width: 100%;
    display: block;
    height: 5.5rem;
    padding-top: 2rem;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    border: solid 2px #fff;
    border-radius: 30px 30px 0 0;
    background-color: #00bad0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

.contact-us-homepage .contact-tabs .tab-nav a span {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: solid 4px transparent
}

.contact-us-homepage .contact-tabs .tab-nav a.active {
    color: #fff;
    background-color: #00797e
}

.contact-us-homepage .contact-tabs .tab-contents .content .title {
    font-size: 1.5rem;
    padding: 2rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel {
    border: 0;
    padding: 0 1rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel form {
    border: solid 1px #d4d4d4;
    border-radius: 1rem;
    padding: 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .stores-form {
    border: unset
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .stores-form select {
    padding: 0 2rem;
    height: 3.8rem;
    border: solid 1px #CBC8C8;
    border-radius: 0;
    background: #FFFFFF;
    z-index: 2;
    line-height: normal;
    color: #858594;
    margin: 0 .5rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .stores-form button {
    padding: 1rem 0;
    margin-top: -0.2rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .ems-page-content {
    padding: 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .ems-page-content-title {
    font-weight: 600
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .ems-page-content-text h4 {
    padding: 1.5rem 0;
    font-weight: 600
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel p {
    padding: 0;
    min-height: 0;
    line-height: unset;
    margin-bottom: 1.5rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel p.onlineshopping-info {
    padding: 0 .7rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info {
    padding: 3rem 3rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .form-select select {
    display: block;
    width: 100%;
    padding: 0 2rem;
    height: 3.8rem;
    border: solid 1px #cbc8c8;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff;
    z-index: 2;
    line-height: normal;
    color: #858594
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .form-select:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E91F';
    color: #000000;
    position: absolute;
    right: 1.25rem;
    bottom: 1.9rem;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    z-index: 1
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .contact-info {
    padding: 0 1rem 0 3rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .contact-info p {
    font-size: 1.4rem;
    line-height: 1.2em;
    margin-bottom: 2rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .contact-info p strong {
    font-weight: 700;
    color: #00b3c8
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .call-center .title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2em
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .call-center .phone {
    font-size: 3.6rem;
    line-height: 1.2em
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .regional-map {
    margin: 0 3rem 3rem
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list {
    padding: 30px 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper {
    max-height: 500px;
    overflow-y: scroll;
    padding: 0 20px 0 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper::-webkit-scrollbar {
    width: 10px
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper::-webkit-scrollbar-track {
    background: #dedede
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper::-webkit-scrollbar-thumb {
    background: #d4d3ce;
    border-radius: 10px;
    border-radius: 1px
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper:-webkit-scrollbar-thumb:hover {
    background: #d4d3ce
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper .stores__list__item {
    padding: 2px 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .store-detail {
    padding: 20px
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .store-detail .store-detail-name {
    font-weight: 600;
    color: #000;
    font-size: 16px;
    margin-bottom: 15px
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .kapida-regions h2 {
    font-size: 20px;
    margin-bottom: 10px
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .kapida-regions tr th {
    padding-bottom: 5px;
    text-align: left
}

.contact-us-homepage .contact-tabs .tab-contents .content .panel .kapida-regions tr td {
    padding: 5px 10px 0 0
}

.contact-us-homepage .contact-tabs .tab-contents .content .sidebar li a:hover:after {
    background-color: #fddd00
}

.contact-us-homepage .contact-tabs .tab-contents .content .sidebar li a.active:after {
    background-color: #fddd00;
    width: 100%
}

.contact-us-homepage .contact-tabs .tab-contents .content .sidebar-content .panel:not(:first-child) {
    display: none
}

.contact-us-homepage .panel {
    margin-bottom: 3rem
}

.contact-us-homepage .panel p {
    padding: 3rem 3rem;
    line-height: 2em;
    min-height: 11rem;
    position: relative
}

.contact-us-homepage .panel p a {
    text-decoration: underline;
    position: absolute;
    bottom: 3rem;
    font-weight: 700;
    color: #00b3c8
}

.contact-us-homepage .panel .hero-text {
    min-height: unset
}

.contact-us-homepage .panel .hero-text a {
    position: unset
}

.contact-us-homepage .hq {
    margin-bottom: 2rem
}

.contact-us-homepage .hq p {
    min-height: unset;
    padding: 2rem 3rem
}

.contact-us-homepage .hq p a {
    text-decoration: unset;
    position: unset;
    color: #000;
    font-weight: 400
}

.contact-us-homepage .hq strong {
    color: #00b3c8;
    font-weight: 700
}

.contact-us-homepage .address-box {
    margin-top: 20px
}

.contact-us-homepage .address-box p {
    margin-bottom: 15px;
    display: block;
    line-height: 1.4
}

@media only screen and (max-width: 767px) {
    .contact-us-homepage .address-box p {
        font-size: 2.8rem
    }
}

.regional-directorates .panel .info {
    padding: 3rem 3rem
}

.regional-directorates .panel .info .form-select select {
    display: block;
    width: 100%;
    padding: 0 2rem;
    height: 3.8rem;
    border: solid 1px #cbc8c8;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff;
    z-index: 2;
    line-height: normal;
    color: #858594
}

.regional-directorates .panel .info .form-select:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\E91F';
    color: #000000;
    position: absolute;
    right: 1.25rem;
    bottom: 1.9rem;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    z-index: 1
}

.regional-directorates .panel .info .contact-info {
    padding: 0 1rem 0 3rem
}

.regional-directorates .panel .info .contact-info p {
    font-size: 1.4rem;
    line-height: 1.2em;
    margin-bottom: 2rem
}

.regional-directorates .panel .info .contact-info p strong {
    font-weight: 700;
    color: #00b3c8
}

.regional-directorates .panel .info .call-center .title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2em
}

.regional-directorates .panel .info .call-center .phone {
    font-size: 3.6rem;
    line-height: 1.2em
}

.regional-directorates .regional-map {
    margin: 0 3rem 3rem
}

.brochures-list {
    padding: 3rem 0
}

.brochures-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

.brochures-list li {
    float: left;
    width: 18.2%;
    margin-left: 2%;
    text-align: center
}

.brochures-list li:first-child {
    margin-left: 0
}

.brochures-list li a {
    color: #000
}

.brochures-list .title {
    color: #f5a623;
    font-weight: 800;
    font-size: 2.4rem
}

.brochures-list .title span {
    color: #eb211d
}

.brochures-list .title span span {
    color: #00b3c8
}

.brochures-list .dates {
    margin-top: 1rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    min-height: 40px
}

.brochures-list .dates span {
    font-weight: 700;
    display: block
}

.sms-verification-form {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(0, 0, 0, 0.8)
}

.sms-verification-form .bold {
    font-weight: 700
}

.sms-verification-form .content {
    position: relative;
    top: 50%;
    width: 380px;
    padding: 70px 60px;
    max-width: 90%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.sms-verification-form .content .close {
    position: absolute;
    top: 60px;
    right: 60px;
    font-size: 3rem
}

.sms-verification-form .content .title {
    margin: 1.5rem 0;
    font-size: 2.4rem !important;
    font-weight: 700;
    padding: 0 !important
}

.sms-verification-form .content .desc {
    font-size: 1.8rem;
    line-height: 1.3em
}

.sms-verification-form .content .field {
    margin: 2rem 0
}

.sms-verification-form .content .field .error-code {
    color: red
}

.sms-verification-form .content .field em {
    display: inline-block;
    margin-right: 5px;
    font-size: 3rem;
    vertical-align: middle
}

.sms-verification-form .content .field input {
    display: inline-block !important;
    width: 23rem;
    height: 4rem;
    padding: 0 1.5rem;
    display: block;
    border: solid 1px #ececec;
    background-color: #fff
}

.sms-verification-register-form .content .tips {
    margin-top: 2.5rem;
    font-size: 1.8rem;
    line-height: 1.3em
}

.sms-verification-register-form .content .tips p {
    margin-bottom: 1rem
}

.sms-verification-register-form .content .tips a, .sms-verification-second-form .content .tips a {
    color: #039eb0;
    font-weight: 700;
    text-decoration: underline !important;
    position: relative;
    bottom: 0
}

.sms-verification-form .content .button {
    height: 3.5rem;
    padding: 1rem 4rem
}

.careerpage .confirmation {
    margin-top: 2rem
}

.careerpage .confirmation label {
    line-height: 1.2em;
    padding: 0 0 0 .5rem
}

.careerpage .confirmation .kvkk__underline {
    font-weight: 700;
    text-decoration: underline
}

.storespage .checkbox input[type='checkbox'] {
    display: none
}

.storespage .confirmation {
    margin-top: 2rem
}

.storespage .confirmation label {
    padding: 0 0 0 .5rem
}

.storespage .button {
    margin-top: 1rem
}

.onlineshopping input[type=number]::-webkit-inner-spin-button, .onlineshopping input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.onlineshopping__wrapper {
    padding: 50px
}

@media only screen and (max-width: 767px) {
    .onlineshopping__wrapper {
        padding: 30px
    }
}

.onlineshopping .form-input {
    margin-bottom: 0
}

.onlineshopping .form-input select {
    width: 50%;
    height: 4.8rem;
    border: solid 1px #cbc8c8;
    padding-left: 5px
}

.onlineshopping textarea {
    width: 100%;
    height: 160px;
    border: solid 1px #cbc8c8;
    position: relative
}

.onlineshopping__letter-count {
    position: absolute;
    bottom: 50px;
    right: 15px
}

.onlineshopping .form-input .order-number__input {
    width: 50%;
    height: 4.8rem;
    border: solid 1px #cbc8c8;
    padding-left: 10px
}

@media only screen and (max-width: 767px) {
    .onlineshopping .form-input .order-number__input {
        width: 100%
    }
}

.onlineshopping .checkbox input[type=checkbox] {
    display: block;
    width: 100%;
    height: 4.3rem;
    padding: 0 1rem;
    border: 1px solid #cbc8c8;
    border-radius: .3rem;
    background: #fff
}

.onlineshopping .checkbox input[type=checkbox]#kvk {
    width: unset
}

.onlineshopping .checkbox input[type=checkbox]:checked + label::before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDM0Mi40IDM0Mi40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDIuNCAzNDIuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBkPSJNMjkwLDMzLjNMMTE4LjksMjA0LjRsLTY2LjUtNjYuNUwwLDE5MC4ybDExOC45LDExOC44TDM0Mi40LDg1LjZMMjkwLDMzLjN6Ii8+Cjwvc3ZnPgo=) no-repeat center !important;
    border-color: #000000 !important
}

.error-style {
    color: red;
    margin-top: 10px
}

.os-recommendation-slider .slick-arrow {
    position: absolute;
    left: 2rem;
    top: 50%;
    z-index: 10;
    width: 3rem;
    height: 5rem;
    margin-left: -1.5rem;
    color: #000000;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5rem;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.os-recommendation-slider .slick-arrow.slick-arrow-right {
    left: auto;
    right: 2rem;
    margin-left: 0;
    margin-right: -1.5rem
}

.kvkk__underline {
    font-weight: 700;
    text-decoration: underline
}

.customer-service-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0
}

.customer-service-wrapper .customer-service {
    min-width: 75%;
    text-align: center;
    background-color: #393939;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .customer-service-wrapper .customer-service {
        padding: 10px 25px;
        font-size: 2em
    }
}

.customer-service-wrapper .customer-service:focus {
    color: #fff
}

.check-phone-popup {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    color: #000;
    background: rgba(0, 0, 0, 0.8)
}

.check-phone-popup .popup-content {
    position: relative;
    top: 50%;
    width: 480px;
    padding: 50px;
    max-width: 90%;
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(-50%)
}

.check-phone-popup .popup-content .desc {
    font-size: 1.8rem;
    line-height: 1.3em
}

.check-phone-popup .popup-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    text-decoration: none
}

.contact-us-page h2 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.3
}

.contact-us-page-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    flex-wrap: wrap
}

.contact-us-page-buttons a {
    display: block;
    padding: 10px;
    width: 250px
}

@media only screen and (max-width: 767px) {
    .contact-us-page-buttons a {
        width: 50%
    }
}

.blog-detail-content {
    padding: 20px 0;
    line-height: normal
}

.blog-detail-content b, .blog-detail-content strong {
    font-weight: 700
}

.blog-detail-content i {
    font-style: italic
}

.blog-detail-content p {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .blog-detail-content p {
        font-size: 14px
    }
}

.blog-detail-content h1 {
    font-size: 2em
}

@media only screen and (max-width: 767px) {
    .blog-detail-content h1 {
        font-size: 28px
    }
}

.blog-detail-content h2 {
    font-size: 1.5em
}

@media only screen and (max-width: 767px) {
    .blog-detail-content h2 {
        font-size: 24px
    }
}

.blog-detail-content h3 {
    font-size: 1.17em
}

@media only screen and (max-width: 767px) {
    .blog-detail-content h3 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .blog-detail-content {
        padding: 10px 15px
    }
}

.widget-order-item {
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .widget-order-item {
        padding: 0 20px
    }
}

.flatpage-description {
    text-align: center
}

.tag-page a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

.tag-page h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.56
}

.tag-page .row {
    display: flex;
    flex-wrap: wrap
}

.tag-page .title-space {
    margin-top: 20px
}

.tag-page .space {
    min-width: 20%
}

@media only screen and (max-width: 767px) {
    .tag-page .space {
        width: 45%
    }
}

.custom-page-main-banner {
    padding: 0;
    margin: 50px auto
}

@media screen and (max-width: 500px) {
    .custom-page-main-banner {
        margin: 20px auto;
        height: 15vh
    }
}

.custom-page-main-banner img {
    width: 100%;
    border-radius: 30px
}

@media screen and (max-width: 500px) {
    .custom-page-main-banner img {
        border-radius: 0
    }
}

.campaign-page-products {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.campaign-page-products > *:hover {
    text-decoration: none;
    color: inherit
}

@media screen and (max-width: 500px) {
    .campaign-page-products {
        gap: 10px
    }
}

.campaign-page-products .campaign-page-product {
    width: 31.6%;
    border: 1px solid #4db0c5;
    border-top: 0;
    border-bottom-left-radius: 75px;
    border-bottom-right-radius: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 10px 30px;
    min-height: 550px;
    position: relative;
    padding-bottom: 25px;
    cursor: pointer
}

.campaign-page-products .campaign-page-product .campaign-product-image-container {
    max-width: 70%;
    margin-top: 100px;
    height: 169px
}

.campaign-page-products .campaign-page-product .campaign-product-image-container .campaign-product-image {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-page-product .campaign-product-image-container {
        margin-top: 40px;
        height: 108px;
        max-width: 100%;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-page-product {
        width: 47%;
        margin-left: 5px;
        min-height: 275px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding-bottom: 0
    }
}

.campaign-page-products .campaign-prices {
    min-height: 42px;
    padding-right: 30px
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-prices {
        min-height: auto;
        margin-bottom: 12px;
        padding-right: 20px
    }
}

.campaign-page-products .campaign-product-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-product-banner {
        height: 25px
    }
}

.campaign-page-products .campaign-product-name {
    text-align: center;
    width: 100%;
    line-height: 21px;
    font-weight: bold;
    font-size: 18px
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-product-name {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px
    }
}

.campaign-page-products .campaign-info-text-section {
    min-height: 32px
}

.campaign-page-products .campaign-info-text-section .campaign-qty-info-text {
    opacity: .5;
    line-height: inherit;
    font-weight: 600
}

.campaign-page-products .campaign-redirect-btn {
    display: block
}

.campaign-page-products .campaign-product-price {
    font-size: 3rem;
    color: #e2454c;
    font-weight: bold;
    text-align: center;
    position: relative
}

.campaign-page-products .campaign-product-price span {
    position: absolute;
    font-size: 2.2rem;
    top: 0
}

.campaign-page-products .campaign-retail-price {
    position: relative;
    font-size: 2.2rem;
    color: #333;
    opacity: .5;
    text-align: right;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 35px
}

@media screen and (max-width: 500px) {
    .campaign-page-products .campaign-retail-price {
        margin-left: 16px
    }
}

.campaign-page-products .campaign-retail-price::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: inherit;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.container.campaign-page-products::before {
    display: none
}

@media only screen and (max-width: 767px) {
    .page-server-error .text {
        max-width: 100%;
        margin-top: 3rem
    }

    .page-server-error .text h1 {
        font-size: 5.2rem;
        margin-bottom: 4rem
    }

    .page-server-error .text p {
        font-size: 3.6rem
    }

    .page-not-found h1 {
        font-size: 4rem;
        margin-top: 8rem
    }

    html {
        font-size: 1.33333333vw
    }

    .container {
        width: 100%
    }

    .back-to-top i {
        position: static;
        top: 0;
        font-size: 40px
    }

    .payment .back-to-top {
        bottom: 51px
    }

    .navigation-bar .fast-links {
        margin-top: 10px;
        text-align: center;
        width: 100%;
        display: table
    }

    .navigation-bar .fast-links li {
        display: table-cell;
        float: none;
        width: 22%;
        vertical-align: top;
        height: 34px
    }

    .navigation-bar .fast-links li a {
        height: 17px;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px
    }

    .page-header .header .menu > ul > li > a {
        padding-left: 1.3rem;
        padding-right: 1.3rem
    }

    .page-header .basket-count-set {
        position: relative
    }

    .page-header .basket-count-set .count {
        position: absolute;
        right: 50%;
        top: 50%;
        width: 18px;
        height: 18px;
        margin-right: -16px;
        margin-top: -25px;
        color: #000;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 18px;
        background-color: #fddd00;
        border-radius: 100%; 
    }

    .page-header .header-top {
        background-color: #f3f3f3
    }

    .page-header .header-top .call-us {
        text-align: center;
        font-size: 3.5rem;
        line-height: 1.7;
    }

    .page-header .header {
        height: 55px;
        border-radius: 0
    }

    .page-header .header .menu-toggle {
        padding-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .page-header .header .menu-toggle em {
        font-size: 42px;
        margin: 0 14px;
		color:#000;
    }

    .page-header .header .menu-toggle span {
        font-size: 11px;
        margin-top: -3px;
        display: block;
		color:#000;
        font-weight: 400
    }

    .page-header .header .logo {
        padding-top: 3px;
        padding-left: 0
    }

    .page-header .header .logo img {
        margin-top: 0;
        width: 54px !important
    }

    .page-header .header .search-area {
        position: relative;
        left: 0;
        z-index: 5;
        width: 100%;
        margin: 0;
        padding: 5px 15px;
        background-color: #eee;
        top: 34%;
        height: 34px
    }

    .page-header .header .search-area.shown {
        display: block
    }

    .page-header .header .search-area .input-icon {
        margin-top: 0;
        margin-left: 20px;
        top: 8px;
        line-height: 1;
        font-size: 20px
    }

    .page-header .header .search-area input[type="text"] {
        height: 24px;
        padding-left: 40px;
        font-size: 16px
    }

    .page-header .header .search-area button {
        margin-top: 5px;
        margin-right: 15px;
        height: 24px;
        font-size: 13px
    }

    .page-header .header .mobile-menu li:last-child a {
        color: #000
    }

    .page-header .header .mobile-menu .basket-count-set a {
        border-color: transparent
    }

    .page-header .search-autocomplete {
        margin: 0;
        padding-top: 0;
        width: 100%
    }

    .page-header .search-autocomplete .content {
        padding: 15px;
        border-radius: 0
    }

    .page-header .search-autocomplete .content .products .title, .page-header .search-autocomplete .content .list .title {
        font-size: 16px
    }

    .page-header .search-autocomplete .content .products .title {
        margin-bottom: 15px
    }

    .page-header .search-autocomplete .content .list li a {
        font-size: 13px
    }

    .page-header .search-autocomplete .content .products li {
        padding: 10px;
        font-size: 12px;
        margin-left: 0
    }

    .page-header .search-autocomplete .content .products img {
        width: 100%
    }

    .page-header .search-autocomplete .content .see-all a {
        font-size: 14px
    }

    .page-header .countdown .title, .page-header .countdown .date {
        font-family: 'Trade Gothic Bold', sans-serif;
        width: 100%;
        float: none;
        text-align: center;
        line-height: 1em
    }

    .page-header .countdown .title {
        font-size: 4rem;
        padding: 2.5rem
    }

    .page-header .countdown .date {
        padding-left: 0
    }

    .page-header .countdown .date div {
        padding: 1.5rem 1.5rem 1.5rem
    }

    .page-header .countdown .date div span:first-child {
        font-size: 4rem
    }

    .page-header .countdown .date div span:last-child {
        font-size: 3rem;
        margin-top: 3rem
    }

    .fixed-navigation .hero .close {
        margin-top: 2rem;
        border: 0
    }

    .fixed-navigation .hero .welcome-text {
        position: relative;
        top: 0;
        left: 0
    }

    .fixed-navigation .hero .welcome-text span:first-child {
        font-size: 2.8rem
    }

    .fixed-navigation .hero .welcome-text span:last-child {
        font-size: 4.8rem
    }

    .fixed-navigation .menu-area {
        height: 100%
    }

    .fixed-navigation .account-menu {
        overflow-y: scroll;
        height: calc(100vh - 171px) !important;
        -webkit-overflow-scrolling: touch
    }

    .fixed-navigation .sub-navigation {
        height: 100%;
        overflow: scroll
    }

    .fixed-navigation .sub-navigation li:last-child {
        margin-bottom: 100px
    }

    .fixed-navigation .account-menu {
        padding: 2.8rem 2rem
    }

    .fixed-navigation .account-menu .navigation li a {
        position: relative;
        padding: 1.9rem 0
    }

    .fixed-navigation .account-menu .navigation li a:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 4rem;
        content: "\E913";
        position: absolute;
        right: 0;
        top: 3.8rem
    }

    .fixed-navigation .navigation {
        padding-left: 10px;
        padding-right: 10px;
        overflow-y: scroll;
        overflow-x: hidden
    }

    .fixed-navigation .navigation > .menu-area > ul > li > a::before {
        display: none !important
    }

    .page-footer {
        margin-top: 15px;
        padding: 0 30px;
        border-top: none
    }

    .page-footer .links {
        padding: 20px 70px;
        margin: 0 -30px;
        background-color: #f7f6f2;
        border-top: solid 1px #ccc
    }

    .page-footer .links li a {
        color: #000;
        font-size: 18px;
        line-height: 34px;
        font-weight: 700
    }

    .page-footer .links li em {
        float: right;
        line-height: 34px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear
    }

    .page-footer .links li .active em {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg)
    }

    .page-footer .links li ul {
        display: none;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .page-footer .brochures {
        display: none
    }

    .page-footer .brochures .title {
        margin-bottom: 25px;
        color: #00b3c8;
        font-size: 18px;
        line-height: 34px;
        font-weight: 700
    }

    .page-footer .brochures li {
        display: inline-block;
        margin: 0 5px
    }

    .page-footer .brochures li img {
        max-width: 90px
    }

    .page-footer .fast-links {
        padding-top: 20px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        border-top: solid 1px #ccc
    }

    .page-footer .follow {
        padding-top: 25px;
        margin-top: 25px;
        text-align: center;
        border-top: solid 1px #ccc
    }

    .page-footer .follow #facebook, .page-footer .follow #instagram, .page-footer .follow #twitter, .page-footer .follow #youtube, .page-footer .follow #tiktok {
        background: url(sprite_image.png) no-repeat;
        display: block;
        background-position-x: center;
        background-size: 35px;
        width: 35px;
        height: 35px
    }

    .page-footer .follow #facebook {
        background-position-y: -39px
    }

    .page-footer .follow #twitter {
        background-position-y: -73px
    }

    .page-footer .follow #instagram {
        background-position-y: -108px
    }

    .page-footer .follow #youtube {
        background-position-y: -144px
    }

    .page-footer .follow #tiktok {
        background-position-y: -177px
    }

    .page-footer .follow .title {
        margin-bottom: 25px;
        color: #ff0000;
        font-size: 18px;
        line-height: 34px;
        font-weight: 700
    }

    .page-footer .follow li {
        display: inline-block;
        margin: 0 5px
    }

    .page-footer .follow li a {
        color: #656565;
        font-size: 30px
    }

    .page-footer .follow li img {
        width: 30px;
        height: 30px
    }

    .page-footer .apps {
        padding-top: 25px;
        margin-top: 25px;
        text-align: center;
        border-top: solid 1px #ccc
    }

    .page-footer .apps li {
        display: inline-block;
        margin: 0 5px 25px 5px
    }

    .page-footer .copyright {
        margin: 25px -30px 0;
        padding: 20px 70px;
        color: #4a4a4a;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        background-color: #f7f6f2;
        border-top: solid 1px #ccc
    }

    .page-footer .copyright strong {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 17px
    }

    .page-footer .cookie .cookie-close {
        right: 0;
        padding: 2rem;
        font-size: 3.6rem
    }

    .page-footer .cookie .cookie-content {
        padding: 1.5rem 8rem;
        font-size: 2.3rem;
        line-height: normal
    }

    .modal {
        padding: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .modal .modal-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        line-height: normal !important
    }

    .modal .close {
        position: relative;
        font-size: 30px
    }

    .modal .modal-content {
        z-index: 9999;
        height: 100vh;
        top: 0;
        left: 0;
        margin-left: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .modal .modal-content form {
        padding-bottom: 150px !important
    }

    .modal .address-type label {
        margin-left: 0
    }

    .modal .address-type label .check {
        position: relative;
        bottom: -2px;
        vertical-align: text-bottom
    }

    .modal .modal-content form {
        padding: 4rem
    }

    .modal .modal-content form .modal-title {
        margin: -4rem -4rem 4rem
    }

    .modal form .field {
        margin-bottom: 4rem
    }

    .modal .address-modal__label {
        margin-top: 4rem
    }

    .modal .extra-area > .address-modal__label {
        margin-bottom: 4rem
    }

    .modal .extra-area > div:first-child {
        margin-top: -4rem
    }

    .modal form label, .modal .address-modal__label {
        font-size: 2.8rem
    }

    .modal .address-modal__label {
        margin-bottom: 5px
    }

    .modal form label textarea, .modal form label input[type="text"], .modal form label input[type="tel"], .modal .address-modal__input {
        height: 8rem;
        padding: 0 2rem;
        margin-top: 1rem;
        font-size: 14px;
        line-height: 16px
    }

    .modal form label textarea {
        height: 16rem;
        padding: 2rem
    }

    .modal form .select {
        margin-top: 1rem;
        height: 8rem;
        line-height: 8rem;
        padding: 0 2rem
    }

    .modal form .select::before {
        line-height: 8rem;
        margin-right: 2rem;
        font-size: 4rem
    }

    .modal form .select select {
        height: 8rem
    }

    .modal form .row {
        margin: 0 -1rem
    }

    .mfp-content .modal {
        overflow: visible
    }

    .mfp-content .content {
        font-size: 2.4rem;
        line-height: 2.6rem
    }

    .payment .mfp-ready .mfp-content {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    .payment .mfp-auto-cursor .mfp-content {
        cursor: auto
    }

    .payment .mfp-ajax-holder .mfp-content, .payment .mfp-inline-holder .mfp-content {
        width: 100%;
        cursor: auto
    }

    .payment .mfp-container {
        position: fixed
    }

    .payment .mfp-content {
        height: 90%;
        opacity: 0;
        visibility: hidden;
        overflow: auto;
        font-size: 13px;
        line-height: 18px;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        -webkit-transition: all .5s .2s cubic-bezier(.445, .05, .55, .95);
        -moz-transition: all .5s .2s cubic-bezier(.445, .05, .55, .95);
        -ms-transition: all .5s .2s cubic-bezier(.445, .05, .55, .95);
        -o-transition: all .5s .2s cubic-bezier(.445, .05, .55, .95)
    }

    .payment .mfp-content::-webkit-scrollbar {
        width: 10px
    }

    .payment .mfp-content::-webkit-scrollbar-track {
        background: #dedede
    }

    .payment .mfp-content::-webkit-scrollbar-thumb {
        background: #d4d3ce;
        border-radius: 10px;
        border-radius: 1px
    }

    .payment .mfp-content:-webkit-scrollbar-thumb:hover {
        background: #d4d3ce
    }

    .button {
        font-size: 3.5rem;
        font-weight: 700;
        padding: 3rem 5rem;
        border-width: .2rem;
        border-radius: 1.6rem;
        letter-spacing: 0
    }

    .button:hover, .button:active, .button:focus {
        -webkit-transform: translate(0, .6rem);
        -moz-transform: translate(0, .6rem);
        -ms-transform: translate(0, .6rem);
        -o-transform: translate(0, .6rem)
    }

    .button.green {
        -webkit-box-shadow: 0 .8rem 0 #00008b;
        -moz-box-shadow: 0 .8rem 0 #00008b;
        box-shadow: 0 .8rem 0 #00008b
    }

    .button.green:hover, .button.green:active, .button.green:focus {
        -webkit-box-shadow: 0 .4rem 0 #00008b;
        -moz-box-shadow: 0 .4rem 0 #00008b;
        box-shadow: 0 .4rem 0 #00008b
    }

    .button.white {
        -webkit-box-shadow: 0 .8rem 0 #9393a0;
        -moz-box-shadow: 0 .8rem 0 #9393a0;
        box-shadow: 0 .8rem 0 #9393a0
    }

    .button.white:hover, .button.white:active, .button.white:focus {
        -webkit-box-shadow: 0 .4rem 0 #9393a0;
        -moz-box-shadow: 0 .4rem 0 #9393a0;
        box-shadow: 0 .4rem 0 #9393a0
    }

    .products-carousel {
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .products-carousel .hidden-mobile {
        display: none !important
    }

    .products-carousel .product-card .product-actions .add-basket .count {
        width: 40%
    }

    .products-carousel .product-card .product-actions .add-basket .price {
        width: 60%
    }

    .breadcrumb {
        text-align: center;
        line-height: 13px;
        padding: 3rem 1rem 0
    }

    .breadcrumb .breadcrumb-item {
        margin: 0 1.5rem
    }

    .breadcrumb .breadcrumb-item:first-child {
        margin-left: 0
    }

    .breadcrumb .breadcrumb-item:after {
        right: -2rem
    }

    .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span {
        font-size: 2.8rem
    }

    .page-list .breadcrumb {
        padding-bottom: 2rem;
        display: block !important
    }

    .pagination {
        padding: 0 3.5rem
    }

    .pagination ul {
        border-top-width: .2rem;
        padding: 4rem 0;
        text-align: center
    }

    .pagination ul .page-item .page-link {
        padding: 1.5rem 1.5rem;
        font-size: 2.8rem
    }

    .search-autocomplete .content .list > ul li {
        font-size: 13px;
        line-height: 15px
    }

    .discounts-carousel {
        margin: 0 .7rem
    }

    .mothersday--gifts-area {
        margin-top: 10px
    }

    .widget--mothersday-gifts__item-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .widget--mothersday-gifts__item {
        border-radius: 0
    }

    .campaign-cart-area .campaign-cart .campaign-desc .cart-price {
        font-size: 4.8rem !important
    }

    .campaign-cart-area .campaign-cart .campaign-img {
        right: 4rem
    }

    .campaign-cart-area .campaign-cart .campaign-img img {
        max-width: none !important;
        width: 30rem !important;
        height: auto !important;
        max-height: none !important
    }

    .page-homepage .homepage-slider {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        margin-bottom: 30px
    }

    .page-homepage .homepage-slider .slider-item {
        height: auto;
        border-radius: 0
    }

    .page-homepage .homepage-slider .slider-item .slider-image-big {
        padding: 0;
        left: 0 !important
    }

    .page-homepage .homepage-slider .slider-item .slider-image {
        position: relative;
        float: none;
        display: block;
        width: auto;
        margin: auto !important
    }

    .page-homepage .homepage-slider .slick-list {
        border-radius: 0
    }

    .page-homepage .homepage-slider .information {
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 27px;
        padding-right: 15px;
        padding-left: 25px;
        margin-top: 0;
        top: 0
    }

    .page-homepage .homepage-slider .information .details {
        position: static
    }

    .page-homepage .homepage-slider .information .details img {
        display: inline-block
    }

    .page-homepage .homepage-slider .information .name {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        margin-left: 10px
    }

    .page-homepage .homepage-slider .information .name br {
        display: none
    }

    .page-homepage .homepage-slider .information .properties {
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: 40px;
        margin-bottom: 15px;
        font-size: 12px;
        height: 57px;
        overflow: hidden
    }

    .page-homepage .homepage-slider .information .button {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-right: 15px;
        margin-bottom: 15px;
        padding: 0 15px;
        font-size: 22px;
        height: 35px;
        line-height: 35px
    }

    .page-homepage .homepage-slider .price {
        top: 0;
        left: auto;
        right: 0;
        margin-top: 60px;
        margin-right: 15px
    }

    .page-homepage .campaigns-tabs .tab-nav {
        display: none
    }

    .page-homepage .campaigns-tabs .content {
        display: block;
        padding-top: 0
    }

    .page-homepage .campaigns-tabs .section-title {
        margin-bottom: 10px;
        text-align: center;
        border-bottom: solid 4px #fddd00
    }

    .page-homepage .campaigns-tabs .section-title span {
        position: relative;
        bottom: -8px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 30px;
        line-height: 30px;
        font-family: 'Trade Gothic Bold';
        background-color: #fff
    }

    .page-homepage .campaigns-tabs .content.content--newsletter {
        padding-top: 20px
    }

    .page-homepage .content--newsletter .form-select select {
        height: 7rem;
        font-size: 2.8rem
    }

    .page-homepage .content--newsletter .form-select:after {
        font-size: 3rem;
        right: 2.5rem;
        bottom: 3.5rem
    }

    .page-homepage .content--newsletter .detect-robot img {
        width: auto;
        height: 7.2rem;
        max-height: none;
        margin: 0
    }

    .page-homepage .content--newsletter .detect-robot .button {
        font-size: 4.8rem;
        height: 7.2rem
    }

    .page-homepage .content--newsletter input[type=checkbox] + label:before {
        margin-top: 4px
    }

    .page-homepage .campaigns-tabs .content.content--newsletter .section-title {
        margin-bottom: 40px;
        margin-left: -15px;
        margin-right: -15px
    }

    .page-homepage .campaigns-tabs .content.content--newsletter .section-title span {
        background-color: #f8dfaf
    }

    .page-homepage .campaigns-tabs .items {
        padding: 25px 25px 10px
    }

    .page-homepage .campaigns-tabs .items.posters-widget {
        padding: 25px 0 10px
    }

    .page-homepage .campaigns-tabs .items li {
        width: 48%;
        margin-left: 0;
        margin-bottom: 25px
    }

    .page-homepage .campaigns-tabs .items li:nth-child(even) {
        float: right
    }

    .page-homepage .campaigns-tabs .items .dates {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 16px
    }

    .page-homepage .campaigns-tabs .items img {
        margin-top: 15px;
        margin-bottom: -3px;
        margin-right: auto;
        margin-left: auto
    }

    .page-homepage .campaigns-tabs .items .badge {
        padding-top: 0;
        height: auto;
        color: #f5a623;
        font-size: 18px;
        line-height: 22px;
        background-color: transparent !important;
        border-radius: 0 !important
    }

    .page-homepage .campaigns-tabs .items .badge--red {
        color: #eb211d
    }

    .page-homepage .campaigns-tabs .items .badge--white {
        color: #039eb0;
        line-height: 45px
    }

    .page-homepage .content--newsletter {
        padding: 25px 15px
    }

    .page-homepage .content--newsletter img {
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        position: relative;
        margin-bottom: 15px
    }

    .page-homepage .content--newsletter form {
        width: 100%;
        padding: 0 15px
    }

    .page-homepage .content--newsletter .hero {
        font-size: 22px;
        line-height: 24px
    }

    .page-homepage .content--newsletter .desc {
        font-size: 14px;
        line-height: 18px
    }

    .page-homepage .content--newsletter .field input[type="text"] {
        height: 35px;
        font-size: 14px;
        line-height: 15px
    }

    .page-homepage .content--newsletter .field button {
        height: 35px;
        font-size: 22px;
        line-height: 35px
    }

    .page-homepage .content--newsletter li {
        font-size: 12px
    }

    .page-homepage .mobile--newsletter {
        margin-top: 20px
    }

    .page-homepage .mobile--newsletter form {
        top: 5px
    }

    .page-homepage .mobile--newsletter li a {
        color: #000000
    }

    .page-homepage .mobile--newsletter .title {
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 30px;
        font-family: "Trade Gothic Bold";
        margin-left: -15px;
        margin-right: -15px;
        border-bottom: solid 4px #fddd00;
        position: relative
    }

    .page-homepage .mobile--newsletter .title span {
        position: relative;
        background-color: #f8dfaf;
        bottom: -4px;
        padding-left: 10px;
        padding-right: 10px
    }

    .page-homepage .mobile--newsletter .mobile--newsletter-desc {
        text-align: center;
        margin-top: 10px
    }

    .page-homepage .mobile--newsletter .detail {
        padding-top: 20px;
        display: none
    }

    .page-homepage .mobile--newsletter .title::after {
        font-size: unset;
        bottom: unset;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        z-index: 1;
        top: 45px
    }

    .page-homepage .mobile--newsletter .button {
        line-height: 10px
    }

    .page-homepage .mobile--newsletter .checkbox a {
        font-weight: 400
    }

    .page-homepage .mobile--newsletter .checkbox a::after {
        content: ""
    }

    .page-homepage .mobile--newsletter img {
        display: none
    }

    .page-homepage .campaigns-tabs .checkbox label {
        padding-left: 0
    }

    .page-homepage .opportunity-area {
        padding-top: 15px
    }

    .page-homepage .opportunity-area .slick-list {
        margin-left: 0;
        margin-right: 0
    }

    .page-homepage .opportunity-area .nav-right {
        right: 15px
    }

    .page-homepage .opportunity-area .nav-left {
        left: 15px
    }

    .page-homepage .opportunity-area .hero {
        margin-left: 0;
        margin-right: 0;
        border-bottom: solid 4px #fddd00
    }

    .page-homepage .opportunity-area .hero span {
        font-size: 30px
    }

    .page-homepage .opportunity-area .item .name {
        width: 35%;
        margin-top: 30px;
        font-size: 20px
    }

    .page-homepage .opportunity-area .item .price-area .price {
        padding-top: 0;
        height: 30px;
        font-size: 16px;
        line-height: 30px
    }

    .page-homepage .opportunity-area .item .button, .page-homepage .opportunity-area .item .badge {
        font-size: 17px;
        height: 30px;
        padding-top: 0;
        line-height: 30px
    }

    .page-homepage .opportunity-area .item .prices--padding .price-area {
        padding-bottom: 7px;
        padding-left: 10px
    }

    .page-homepage .opportunity-area .item .price-area .old-price::before {
        margin-top: 15px
    }

    .page-homepage .opportunity-area .item .discount-badge {
        font-size: 20px;
        padding-top: 20px
    }

    .page-homepage .opportunity-area .item .discount-badge--multi {
        padding-top: 5px
    }

    .page-homepage .opportunity-area .item .discount-badge--multi span:nth-child(1) {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-size: 17px
    }

    .page-homepage .opportunity-area .item .discount-badge--multi span:nth-child(2) {
        font-size: 11px
    }

    .page-homepage .opportunity-carousel.visible-xs {
        margin-top: 20px
    }

    .page-homepage .mobile-message {
        padding-top: 25px;
        padding-bottom: 10px;
        color: #4a4a4a;
        font-size: 17px;
        text-align: center;
        font-family: 'Trade Gothic Bold';
        list-style: none
    }

    .page-homepage .mobile-message em {
        font-size: 25px;
        vertical-align: middle
    }

    .page-homepage .slider-homepage {
        padding: 0
    }

    .page-homepage .slider-homepage .homepage-slider .slider-item .slider-image {
        width: auto;
        margin: auto;
        float: none;
        top: 50%
    }

    .page-homepage .slider-homepage .homepage-slider .information .details {
        position: static;
        width: auto;
        margin: auto
    }

    .page-homepage .slider-homepage .homepage-slider .information {
        position: absolute;
        bottom: 4rem;
        top: 0;
        width: 100%;
        margin: 0
    }

    .page-homepage .campaign-cart-area {
        padding: 0 2rem;
        margin-top: 6rem
    }

    .page-homepage .campaign-cart-area .campaign-cart {
        width: 100%;
        height: 230px;
        padding: 4rem;
        position: relative
    }

    .page-homepage .campaign-cart-area .campaign-cart .cart-cta {
        position: absolute;
        bottom: 5rem;
        font-size: 4.4rem;
        height: 6.8rem;
        line-height: 6.8rem;
        left: 6rem
    }

    .page-homepage .campaign-cart-area .campaign-cart .campaign-desc {
        font-size: 4rem;
        margin-left: 2rem;
        line-height: normal
    }

    .page-homepage .campaign-cart-area .nav {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 10;
        width: 6rem;
        height: 10rem;
        color: #4a4a4a;
        font-size: 24px;
        text-align: center;
        line-height: 10rem;
        background-color: #fff;
        border: solid 1px #ececec;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
    }

    .page-homepage .campaign-cart-area .nav-right {
        left: auto;
        right: 0;
        margin-left: 0
    }

    .page-homepage .campaign-cart-area .campaign-cart .campaign-img {
        margin-left: 2.4rem;
        display: inline-block;
        width: 40%
    }

    .page-homepage .category-area .campaign-message-area {
        height: auto
    }

    .page-homepage .category-area .campaign-message-area .campaign-description {
        font-size: 4rem;
        line-height: 4.8rem;
        display: inline-block;
        width: 40%
    }

    .page-homepage .campaign-reco {
        margin-top: 0
    }

    .page-homepage .tab-contents > div.content {
        display: block
    }

    .page-homepage .tab-contents > div.content .slick-list {
        padding: 0 25px
    }

    .page-homepage .campaign-reco .content.slick-slider {
        display: block !important
    }

    .page-homepage .campaign-reco .set-mob-container .explore-title {
        text-align: center;
        font-size: 6rem;
        font-family: "Trade Gothic Bold";
        color: #000;
        margin: 8rem 0 4rem 0;
        line-height: normal;
        position: relative
    }

    .page-homepage .campaign-reco .set-mob-container .explore-title:before {
        content: '';
        position: absolute;
        height: 4px;
        width: 33%;
        bottom: 8px;
        left: -10px;
        background-color: #fddd00
    }

    .page-homepage .campaign-reco .set-mob-container .explore-title:after {
        content: '';
        position: absolute;
        height: 4px;
        width: 33%;
        bottom: 8px;
        right: -10px;
        background-color: #fddd00
    }

    .page-homepage .campaign-reco .content .nav {
        position: absolute;
        left: -10px;
        top: 50%;
        z-index: 10;
        width: 6rem;
        height: 10rem;
        color: #4a4a4a;
        font-size: 24px;
        text-align: center;
        line-height: 10rem;
        background-color: #fff;
        border: solid 1px #ececec;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
    }

    .page-homepage .campaign-reco .content .nav-right {
        left: auto;
        right: -10px;
        margin-left: 0
    }

    .page-homepage .campaign-reco .campaign-reco-info .set-mob-container {
        padding: 0 2rem
    }

    .page-homepage .campaign-reco .content .mob-set {
        padding: 0 .5rem
    }

    .page-homepage .campaign-reco .tab-contents .reco-title {
        font-family: Panton;
        font-weight: bold;
        font-size: 4rem;
        color: #000;
        text-align: center;
        margin: 6rem 0 3rem 0;
        line-height: normal
    }

    .page-homepage .campaign-reco-info .tab-contents .reco-product {
        margin-top: auto
    }

    .page-homepage .reco-product .img-area .discount span {
        font-size: 3rem
    }

    .page-homepage .tab-contents .reco-product .img-area .discount {
        font-size: 4.2rem;
        padding: 1rem;
        line-height: 2.8rem
    }

    .page-homepage .tab-contents .reco-product .img-area img {
        margin: auto
    }

    .page-homepage .tab-contents .reco-product .name {
        font-size: 3rem;
        height: 11.6rem
    }

    .page-homepage .tab-contents .reco-product .img-area .discount:after {
        height: 2.8rem;
        bottom: -2.4rem
    }

    .page-homepage .tab-contents .reco-product .old-price {
        font-size: 3rem;
        line-height: 4rem
    }

    .page-homepage .tab-contents .reco-product .price {
        font-size: 3rem;
        line-height: 4rem
    }

    .page-homepage .tab-contents .add-basket {
        font-size: 3rem;
        line-height: 2.4em;
        height: 7rem
    }

    .page-homepage .tab-contents .add-basket em {
        float: left;
        padding-left: 3rem;
        font-size: 5rem;
        line-height: 1.3em
    }

    .page-homepage .campaign-message-area .campaign-description .cta-category {
        height: 6.8rem;
        font-size: 4.4rem;
        padding: 0 3rem;
        color: #fff;
        margin-top: 8rem;
        line-height: 6.8rem;
        width: 35rem
    }

    .page-homepage .campaign-message-area .campaign-img-area {
        top: 0;
        width: 50%;
        float: right
    }

    .page-homepage .category-area {
        width: 95%;
        display: block;
        margin: 6rem auto auto auto
    }

    .page-homepage .category-area .categories {
        display: inline-block;
        padding-bottom: 7rem
    }

    .page-homepage .category-area .categories .category-name {
        margin-top: 4rem;
        font-size: 2.5rem;
        line-height: 4rem
    }

    .page-homepage .category-area .categories .category-name em {
        font-size: 3.4rem;
        position: relative;
        top: -1px
    }

    .page-homepage .campaign-cart-area .campaign-cart {
        margin-left: 0
    }

    .mobile-full {
        width: 100% !important
    }

    .page-register form .field, .page-mail-verification form .field {
        padding-bottom: 2rem
    }

    .page-auth {
        background-color: #f7f6f2
    }

    .page-auth .auth {
        width: calc(100% - 6rem);
        margin: 6rem auto 2rem;
        background-color: #fff;
        border-radius: 1.2rem
    }

    .page-auth .auth .forgot-password-container {
        width: 100%;
        padding: 0 15px
    }

    .page-auth .login-row {
        display: block
    }

    .page-auth .auth form {
        padding: 6rem 5rem;
        border-radius: 1.2rem;
        background-color: #fff
    }

    .page-auth .auth form .title {
        font-size: 4.8rem
    }

    .page-auth .auth form .desc {
        margin-top: 4rem;
        margin-bottom: 4rem;
        font-size: 3.2rem;
        line-height: 1.38;
        letter-spacing: -0.23px;
        padding-bottom: 3rem
    }

    .page-auth .auth form .field {
        margin-bottom: 2rem
    }

    .page-auth .auth form .gender {
        font-size: 2.8rem
    }

    .page-auth .auth form .field .auth-gender-name {
        margin-top: 0
    }

    .page-auth .auth .checklist label[for=agreement] {
        font-size: 2.8rem
    }

    .page-auth .auth form .field label {
        font-size: 2.8rem;
        top: 10px
    }

    .page-auth .auth form .field .error {
        font-size: 2.4rem
    }

    .page-auth .auth form .errors {
        font-size: 2.8rem;
        margin-bottom: 3rem
    }

    .page-auth .auth form .field input {
        margin-top: 1.5rem;
        height: 8.6rem
    }

    .page-auth .auth form .field input[type="radio"] {
        margin-top: 0
    }

    .page-auth .auth form .field input:-webkit-autofill {
        box-shadow: 0 0 0 50px #fff inset
    }

    .page-auth .page-phone-verification form .field input {
        font-size: 20px;
        padding: 0
    }

    .page-auth .page-phone-verification form .title, .page-auth .page-sms-verification form .title {
        padding-bottom: 20px
    }

    .page-auth input[value=""] {
        border-color: red
    }

    .page-auth input:not([value=""]) {
        border-color: green
    }

    .page-auth .auth .forgot {
        padding-top: 3rem;
        padding-bottom: 6rem
    }

    .page-auth .auth .forgot a {
        font-size: 2.8rem
    }

    .page-auth .auth .others {
        text-align: center
    }

    .page-auth .auth .others .title {
        margin-bottom: 6rem
    }

    .page-auth .auth .others .title span {
        bottom: -1.2rem;
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: 2.8rem
    }

    .page-auth .auth .others a {
        font-size: 4.8rem
    }

    .page-auth .auth .checklist {
        margin-top: 3rem;
        margin-bottom: 2rem;
        padding-top: 5rem;
        padding-bottom: 3rem
    }

    .page-auth .auth .checklist li {
        font-size: 2.8rem;
        padding-bottom: 3rem;
        line-height: 1.43;
        display: inline-flex
    }

    .page-auth .auth .checklist .checkbox a {
        text-decoration: underline;
        font-weight: bold;
        color: #00b3c8
    }

    .page-auth .auth .checklist .checkbox input[type=checkbox] + label:before {
        margin-top: .8rem
    }

    .page-auth .auth .guest-form button[disabled] {
        background-color: #ccc;
        border-color: #aaa;
        box-shadow: 0 .4rem 0 #aaa
    }

    .page-basket {
        margin-top: 0
    }

    .page-basket .notify-container {
        position: relative;
        margin-top: 2rem;
        flex-wrap: wrap;
        overflow: hidden;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        display: block !important;
        height: 50px
    }

    .page-basket .wrapper {
        position: relative;
        display: flex
    }

    .page-basket .notify {
        position: relative;
        display: inline-block;
        flex: 1 0 33%;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .page-basket .notify:last-child {
        padding-right: 1rem
    }

    .page-basket .notify .container {
        font-size: 3rem;
        line-height: 1.1em;
        padding: 2.4rem 3rem
    }

    .page-basket .basket {
        margin-top: 5rem;
        padding-bottom: 0
    }

    .page-basket .basket .title {
        display: none
    }

    .page-basket .basket .basket-list .column.name {
        width: 100%
    }

    .page-basket .basket .basket-list .column.prices {
        width: calc(100% - 32rem);
        margin-left: 28rem;
        margin-top: 3.6rem
    }

    .page-basket .basket .basket-list .column.form-info {
        margin-left: 28rem;
        margin-top: 3.6rem;
        font-size: 2.8rem;
        width: 100%
    }

    .page-basket .basket .basket-list .column.price {
        width: calc(100% - 32rem);
        margin-left: 28rem
    }

    .page-basket .basket .basket-list .column.count {
        width: calc(100% - 32rem);
        margin-left: 28rem
    }

    .page-basket .basket .basket-list .titles {
        display: none
    }

    .page-basket .basket .basket-list .list .item {
        margin: 3rem;
        padding: 3rem;
        position: relative;
        border: 1px solid #e8e8e8;
        border-radius: .8rem
    }

    .page-basket .basket .basket-list .list .item .badge {
        display: none
    }

    .page-basket .basket .basket-list .list .name img {
        position: absolute;
        width: 24rem;
        height: auto;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%)
    }

    .page-basket .basket .basket-list .list .title {
        width: calc(100% - 28.2rem);
        font-size: 2.8rem;
        line-height: 1.35em;
        font-weight: 400;
        float: right;
        padding-right: 6rem
    }

    .page-basket .basket .basket-list .list .title span {
        font-size: 2.6rem
    }

    .page-basket .basket .basket-list .list .icon-delivery {
        padding-top: 2px
    }

    .page-basket .basket .basket-list .list .basket-horoz-logistic {
        padding-left: 25rem
    }

    .page-basket .basket .basket-list .list .basket-horoz-logistic-logo {
        width: 8rem !important;
        position: static !important;
        transform: none !important
    }

    .page-basket .basket .basket-list .list .prices, .page-basket .basket .basket-list .list .price {
        font-size: 3.6rem;
        text-align: left
    }

    .page-basket .basket .basket-list .list .price {
        display: none !important;
        padding: 3.6rem 0;
        text-decoration: line-through;
        font-size: 2.6rem
    }

    .page-basket .basket .basket-list .list .current-price {
        margin-left: 0
    }

    .page-basket .basket .basket-list .remove {
        position: absolute;
        top: 3rem;
        text-align: center
    }

    .page-basket .basket .basket-list .remove a {
        font-size: 4.4rem
    }

    .page-basket .basket .basket-list .counter {
        display: none
    }

    .page-basket .basket .count-mobile {
        font-size: 2.8rem;
        margin-left: 28rem;
        margin-top: 10px
    }

    .page-basket .basket .count-mobile .select {
        position: relative;
        display: inline-block;
        margin-left: 1rem;
        width: 14rem;
        margin-top: .5rem
    }

    .page-basket .basket .count-mobile .select::before {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 10px;
        font-size: 20px;
        content: "\E91F";
        line-height: 35px;
        font-family: 'icomoon' !important
    }

    .page-basket .basket .count-mobile .select select {
        width: 100%;
        height: 35px;
        padding: 0 1rem;
        line-height: 35px;
        appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        border: solid 1px #fff
    }

    .page-basket .basket .continue a {
        font-size: 2.8rem;
        margin: 4.5rem 3rem;
        text-align: center;
        display: block
    }

    .page-basket .summary {
        padding: 3rem;
        margin: 4rem 3rem;
        border-color: #e8e8e8;
        border-radius: .8rem
    }

    .page-basket .summary .title {
        display: none
    }

    .page-basket .summary .title.coupon-title {
        display: block;
        border-bottom: none
    }

    .page-basket .summary table {
        font-size: 2.8rem
    }

    .page-basket .summary td {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .page-basket .summary .coupon {
        padding-top: 6rem;
        margin-top: 3rem
    }

    .page-basket .summary .coupon .title {
        margin-bottom: 3rem;
        font-size: 4rem
    }

    .page-basket .summary .coupon button {
        min-width: 20rem;
        font-size: 2.8rem
    }

    .page-basket .summary .total {
        font-size: 2.4rem;
        font-weight: 400;
        position: fixed;
        bottom: 0;
        right: 0;
        height: 61px;
        padding-top: 2.5rem;
        padding-right: 3rem;
        color: #ffffff;
        text-align: right;
        z-index: 701;
        background-color: #039eb0
    }

    .page-basket .summary .total span {
        line-height: 1.3em;
        display: block;
        width: 100%
    }

    .page-basket .summary .total span:first-child {
        font-size: 10px
    }

    .page-basket .summary .total span:last-child {
        font-size: 3rem
    }

    .page-basket .summary .total.cookie-active {
        bottom: 120px
    }

    .page-basket .checkout-button {
        position: fixed;
        bottom: 0;
        right: 0;
        height: 61px;
        padding: 3.2rem;
        z-index: 700;
        text-align: left;
        padding-left: 60px;
        border-radius: 0
    }

    .page-basket .checkout-button-2 {
        padding: 3.2rem;
        z-index: 700;
        border-radius: 0
    }

    .page-basket .checkout-button.cookie-active {
        bottom: 120px
    }

    .page-basket .checkout-button:hover, .page-basket .checkout-button:active, .page-basket .checkout-button:focus {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .page-basket .checkout-button em {
        position: relative;
        top: 0;
        font-size: 32px;
        vertical-align: middle;
        display: inline-block !important
    }

    .page-basket .summary .basket-discount-dropdown, .header-basket .summary .basket-discount-dropdown, .checkout-sidebar .summary .basket-discount-dropdown, .added-to-basket .summary .basket-discount-dropdown {
        width: 337px;
        left: -15px;
        top: 50px
    }

    .page-basket .summary .basket-discount-dropdown:before, .header-basket .summary .basket-discount-dropdown:before, .checkout-sidebar .summary .basket-discount-dropdown:before, .added-to-basket .summary .basket-discount-dropdown:before {
        left: 0;
        right: 200px
    }

    .page-basket .summary .discount-wr .discounts, .header-basket .summary .discount-wr .discounts, .checkout-sidebar .summary .discount-wr .discounts, .added-to-basket .summary .discount-wr .discounts {
        max-height: 100px
    }

    .checkout-sidebar .summary .basket-discount-dropdown {
        top: 35px;
        margin-bottom: 10px
    }

    .checkout-sidebar .summary .discount-wr .discounts {
        max-height: 65px
    }

    .page-list .content {
        background: #f7f6f2;
        padding: 0
    }

    .no-results-wrapper a {
        line-height: 1.4
    }

    .list-header {
        border-bottom-width: .25rem
    }

    .sort.sort-mobile, .filter-mobile {
        width: 50%;
        float: left;
        font-size: 2.8rem
    }

    .sort.sort-mobile {
        padding: 0
    }

    .sort.sort-mobile .sort-mobile-wrapper {
        padding: 2rem 1.5rem;
        margin: 0 1rem 0 2rem;
        border: 1px solid #000000;
        border-radius: 5px;
        color: #4a4a4a;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .sort.sort-mobile .sort-mobile-wrapper:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\E91F';
        color: #000000;
        position: absolute;
        right: 2.5rem;
        z-index: 1
    }

    .sort.sort-mobile .sort-mobile-wrapper img {
        padding-right: .5rem
    }

    .sort.sort-mobile:after {
        content: none
    }

    .sort.sort-mobile .sort-by {
        width: 85%
    }

    .filter-mobile a {
        padding: 2rem 1.5rem;
        margin: 0 2rem 0 1rem;
        border: 1px solid #000000;
        border-radius: 5px;
        color: #4a4a4a;
        font-weight: 600;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .filter-mobile a span {
        padding-top: .5rem
    }

    .filter-mobile a img {
        padding-right: .5rem
    }

    .product {
        height: 75rem
    }

    .product .product-title {
        font-size: 3.2rem;
        line-height: 1.3125em;
        height: 16rem;
        padding-top: 2.2rem
    }

    .product .add-basket a {
        font-size: 14px
    }

    .product-badge {
        font-size: 2.4rem;
        padding: 1.2rem 0
    }

    .product-badge.bottom {
        left: 5.7rem;
        width: calc(100% - 11.4rem);
        font-size: 2rem;
        padding: 1rem .5rem
    }

    .list-filters {
        position: fixed;
        z-index: 1001;
        background: #ffffff;
        top: 0;
        right: 0;
        width: calc(100% - 6.8rem);
        height: 100vh;
        overflow-x: visible;
        overflow-y: scroll;
        padding-bottom: 120px;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        -webkit-transition: transform 600ms cubic-bezier(.165, .84, .44, 1);
        -moz-transition: transform 600ms cubic-bezier(.165, .84, .44, 1);
        -ms-transition: transform 600ms cubic-bezier(.165, .84, .44, 1);
        -o-transition: transform 600ms cubic-bezier(.165, .84, .44, 1)
    }

    .list-filters.show {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0)
    }

    .list-filters .categories .list-title, .list-filters .filters .list-title, .list-filters .categories .filter-name, .list-filters .filters .filter-name {
        font-family: "Panton", sans-serif;
        font-weight: 700;
        font-size: 3.6rem;
        padding: 4rem 3.6rem
    }

    .list-filters .categories .filter-name, .list-filters .filters .filter-name {
        font-weight: 400
    }

    .list-filters .list-title {
        text-transform: uppercase
    }

    .list-filters .list-title > .reset {
        font-family: "Panton", sans-serif;
        font-weight: 700;
        font-size: 2.4rem;
        display: block;
        position: absolute;
        right: 3.6rem;
        top: 4rem;
        text-decoration: underline;
        text-transform: lowercase
    }

    .list-filters .list-title > .reset:first-letter {
        text-transform: uppercase
    }

    .list-filters .categories ul {
        padding: 0 0 0 2rem
    }

    .list-filters .categories ul li {
        padding: 0;
        border-top: 1px solid #e8e8e8
    }

    .list-filters .categories ul li a {
        padding: 3.8rem 3.6rem;
        font-size: 2.8rem
    }

    .list-filters .categories ul li.active {
        padding-left: 0
    }

    .list-filters .categories ul li.active:before {
        font-size: 4rem;
        content: "\E919";
        left: auto;
        right: 3.6rem;
        top: 1.8rem
    }

    .list-filters .categories ul li.active a {
        background: #f7f6f2
    }

    .list-filters .categories ul li.main {
        margin-left: -2rem
    }

    .list-filters .filters .brands .checkbox label, .list-filters .filters .brands .checkbox label:before {
        font-size: 2.8rem;
        margin-left: 2px
    }

    .list-filters .filters .brands .checkbox label {
        padding: 2.4rem 3.6rem 2.8rem 4rem
    }

    .list-filters .filters .brands .checkbox label:before {
        top: 2.2rem;
        left: 3.6rem
    }

    .list-filters .filters .price-range li {
        padding: .8rem 3.6rem
    }

    .list-filters .filters .price-range li a, .list-filters .filters .price-range li .price-button {
        padding: 2.8rem 3.6rem
    }

    .list-filters-actions .filter-close, .list-filters-actions .filter-apply {
        position: fixed;
        z-index: 1001
    }

    .list-filters-actions .filter-close {
        font-size: 6rem;
        color: #ffffff;
        top: 1.8rem;
        left: .6rem;
        text-shadow: 0 .2rem .4rem rgba(0, 0, 0, 0.5)
    }

    .list-filters-actions .filter-apply {
        font-size: 4.4rem;
        padding: 3rem 5rem;
        bottom: 0;
        right: 0;
        text-transform: uppercase
    }

    .category-details {
        margin-top: 12rem;
        padding-left: 3rem;
        padding-right: 3rem;
        padding-bottom: 4rem
    }

    .category-details .hero {
        padding-bottom: 2rem;
        font-size: 7.2rem
    }

    .category-details .desc {
        margin-top: 2rem;
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .category-details .desc p {
        margin-top: 3rem
    }

    .products-list .favourite-button {
        margin-top: 7px;
        margin-right: 7px;
        font-size: 4rem
    }

    .set-product-item:nth-child(2n + 1) {
        clear: left
    }

    .set-product-item:nth-child(2n + 2) {
        clear: right
    }

    .product-card {
        margin-bottom: 6rem
    }

    .product-card .product-desc {
        min-height: 32rem;
        padding: 3rem 2rem 4rem 2rem
    }

    .product-card .product-desc .name {
        max-height: none;
        font-size: 2.5rem;
        line-height: 4.6rem
    }

    .product-card .product-desc .prices {
        font-size: 3rem;
        line-height: 4.6rem
    }

    .product-card .product-desc .badge {
        margin-top: 2rem;
        padding: 1.2rem
    }

    .product-card .product-actions {
        padding: 6rem 2rem 3rem;
        min-height: 40.2rem
    }

    .product-card .product-actions .badge {
        margin-top: -3.4rem
    }

    .product-card .product-actions .favs {
        top: 3rem;
        right: 2rem
    }

    .product-card .product-actions .favs a {
        font-size: 4rem
    }

    .product-card .product-actions .product-image img {
        height: 105px
    }

    .product-card .product-actions .add-basket {
        margin-top: 3rem
    }

    .product-card .product-actions .add-basket .discount {
        font-size: 2.5rem;
        top: -10rem
    }

    .product-card .product-actions .add-basket .discount span {
        font-size: 2.5rem
    }

    .product-card .product-actions .add-basket .dropdown li {
        font-size: 3.4rem;
        line-height: 8rem
    }

    .product-card .product-actions .add-basket .dropdown li a {
        padding-left: 2.6rem
    }

    .product-card .product-actions .add-basket .dropdown li.discount {
        line-height: 6rem
    }

    .product-card .product-actions .add-basket .count {
        width: 50%;
        font-size: 2.4rem;
        line-height: 3.2em;
        height: 7rem;
        border-radius: 1.6rem 0 0 1.6rem
    }

    .product-card .product-actions .add-basket .count .normal em {
        padding-left: 2rem;
        font-size: 3.5rem;
        line-height: 7rem
    }

    .product-card .product-actions .add-basket .count .added {
        height: 7rem
    }

    .product-card .product-actions .add-basket .count span small {
        font-size: 2rem
    }

    .product-card .product-actions .add-basket .price {
        width: 50%;
        font-size: 2.8rem;
        height: 7rem;
        padding-left: 0;
        text-align: center;
        line-height: 2.5em;
        border-radius: 0 1.6rem 1.6rem 0
    }

    .product-card .product-actions .add-basket .price small {
        font-size: 2.2rem
    }

    .product-card .product-actions .add-basket .toggle {
        display: none
    }

    .product-card .badge--cok-al-az-ode {
        width: 110px !important
    }

    .product-card .badge--haftanin-yildizlari {
        width: 134px !important
    }

    .product-card .badge--aldin-aldin {
        width: 90px !important
    }

    .added-to-favourite-modal {
        padding-top: 14rem
    }

    .page-product .product-cover {
        width: auto
    }

    .page-product .product-price {
        max-height: 40rem !important
    }

    .page-product .product-price.has-promotion {
        max-height: 42rem !important
    }

    .product-detail-info .accordion li a {
        padding: 0
    }

    .product-detail-info .accordion {
        overflow-x: hidden
    }

    .product-detail-info .accordion li .detail > div {
        width: 100% !important;
        text-align: left !important
    }

    .products-carousel-area {
        margin-top: 5rem
    }

    .added-to-basket .left-side {
        width: 100%;
        border: none;
        padding: 0
    }

    .added-to-basket .right-side {
        width: 100%;
        padding: 0
    }

    .added-to-basket .message {
        padding: 2.5rem 3rem;
        font-size: 3rem;
        margin-bottom: 4rem;
        width: calc(100% + 60px);
        top: -30px;
        left: -30px
    }

    .added-to-basket .message i {
        font-size: 5.2rem
    }

    .added-to-basket .message span.text {
        top: 0;
        left: 1rem
    }

    .added-to-basket .product-line {
        padding-bottom: 5.6rem;
        margin-bottom: 5.6rem
    }

    .added-to-basket .product-line img {
        width: 20rem
    }

    .added-to-basket .product-line .name {
        font-size: 3.4rem;
        line-height: 1
    }

    .added-to-basket .product-line .sku {
        line-height: 1;
        font-size: 3.4rem
    }

    .added-to-basket .product-line .prices {
        line-height: 1;
        font-size: 3.4rem
    }

    .added-to-basket .basket-carousel-title {
        font-size: 3.4rem;
        padding: 3rem 0 4rem
    }

    .added-to-basket .summary td {
        padding: 2rem 0;
        font-size: 3rem
    }

    .added-to-basket .summary tr.total {
        font-size: 3.6rem
    }

    .added-to-basket .summary tr.total td {
        padding-top: 4rem
    }

    .added-to-basket hr.clearfix {
        margin: 1.5rem
    }

    .added-to-basket .go-to-shop {
        font-size: 3.6rem
    }

    .added-to-basket .mfp-close {
        font-size: 8rem;
        top: -6.5rem;
        right: -3rem
    }

    .added-to-basket .products-carousel {
        display: none
    }

    .products-carousel-area .hero {
        text-align: center
    }

    .page-product .badge {
        top: -6.2rem;
        margin-bottom: 0
    }

    .page-product .sharer-area {
        font-size: 3.2rem;
        right: 0;
        padding: 0 4.4rem;
        text-align: right;
        width: auto
    }

    .page-product .sharer-area span {
        margin-left: 1rem;
        font-size: 5rem
    }

    .page-product .sharer-area:hover .social-media-share {
        top: 5rem !important;
        right: 4rem !important
    }

    .page-product .content {
        padding-top: 0;
        border: none
    }

    .page-product .product-heading {
        max-width: 100%;
        padding: 3rem 3rem 6rem 3rem;
        position: relative;
        bottom: -1px
    }

    .page-product .product-heading.visible-xs {
        padding-bottom: 3rem;
        margin-left: 3rem;
        padding-left: 0;
        padding-right: 0;
        margin-right: 3rem
    }

    .page-product .product-heading.local-ct {
        text-align: center
    }

    .page-product .product-heading h1 {
        font-size: 4.8rem
    }

    .page-product .product-heading .product-code {
        font-size: 3rem;
        margin-top: 3rem
    }

    .page-product .product-heading .product-badge {
        padding: 1.6rem 4.4rem;
        font-size: 2.2rem;
        display: none
    }

    .page-product .product-heading .product-cargo-info {
        margin-top: 5rem;
        margin-left: 0;
        display: none
    }

    .page-product .product-heading .product-cargo-info i {
        font-size: 8rem
    }

    .page-product .product-heading .product-cargo-info span {
        font-size: 2.8rem;
        margin-left: 8rem;
        width: auto
    }

    .page-product .product-heading .product-local {
        margin-bottom: 0
    }

    .page-product .product-heading.visible-xs .product-cargo-info, .page-product .product-heading.visible-xs .product-badge {
        display: inline-block
    }

    .page-product .product-heading.visible-xs .product-badge {
        padding: 1.6rem 3rem;
        line-height: normal
    }

    .page-product .product-heading.visible-xs .product-cargo-info span {
        margin-left: 0
    }

    .page-product .product-heading.visible-xs .product-cargo-info i {
        display: none
    }

    .page-product .favourite-button {
        position: absolute;
        right: 2rem;
        top: 2rem;
        z-index: 5;
        font-size: 7rem;
        background-color: transparent
    }

    .page-product .favourite-button a {
        color: #00b3c8;
        padding: 1rem
    }

    .page-product .favourite-button a.active i::before {
        content: '\E909';
        color: #fddd00
    }

    .modal-large {
        width: 100% !important
    }

    .product-slider {
        width: calc(100% - 3rem);
        margin-left: 1.5rem;
        min-height: auto
    }

    .product-slider div {
        min-height: auto
    }

    .product-slider .slick-slide.slick-current img {
        margin: 5rem auto;
        max-width: 300px
    }

    .product-slider .slick-arrow {
        width: 6rem;
        height: 10rem;
        font-size: 4.8rem;
        line-height: 10rem;
        margin-left: -1.5rem
    }

    .product-slider .slick-arrow.slick-next {
        margin-right: -1.5rem
    }

    .product-slider .slick-slide div {
        text-align: center
    }

    .product-slider .slick-slide div img {
        max-width: 100%;
        margin: 0 auto
    }

    .product-thumbs-slider {
        display: none
    }

    .product-buy-info {
        min-height: auto;
        padding-bottom: 3rem
    }

    .product-buy-info .product-price {
        height: auto;
        max-height: initial
    }

    .product-buy-info .product-price.has-discount {
        max-height: 30rem;
        margin-bottom: 6rem
    }

    .product-buy-info .product-price .price-box .price {
        padding: 1.2rem 3rem;
        line-height: 7rem
    }

    .product-buy-info .product-price .price-box .price span:first-child {
        font-size: 7rem
    }

    .product-buy-info .product-price .price-box .price span:nth-child(2) {
        font-size: 3.4rem
    }

    .product-buy-info .product-price .price-box .price .piece {
        font-size: 2rem;
        margin-right: 3rem
    }

    .product-buy-info .product-price .price-box .right {
        padding-left: 45%
    }

    .product-buy-info .product-price .price-box .right .discount-badge {
        margin-top: -9rem
    }

    .product-buy-info .product-price .price-box .right .price {
        display: block;
        min-width: 28rem
    }

    .product-buy-info .product-price .price-box .right .price.old {
        line-height: 5.6rem
    }

    .product-buy-info .product-price .price-box .right .price.old span:first-child {
        font-size: 5.6rem
    }

    .product-buy-info .product-price .price-box .right .price.old span:nth-child(2) {
        font-size: 3.8rem
    }

    .product-buy-info .product-price .price-box .right .price.new {
        line-height: 4rem
    }

    .product-buy-info .product-price .price-box .right .price.new span:first-child {
        font-size: 4rem
    }

    .product-buy-info .product-price .price-box .right .price.new span:nth-child(2) {
        font-size: 2.8rem;
        margin-top: -1px
    }

    .product-buy-info .product-price .price-box.price-box--normal {
        max-width: 56rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.old span:first-child {
        font-size: 8rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.old span:nth-child(2) {
        font-size: 4.4rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.old .old-spans:after {
        height: .5rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.new {
        padding: 1.8rem 3rem;
        min-width: 16em
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.new span:first-child {
        font-size: 9rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price.new span:nth-child(2) {
        font-size: 5.5rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price .discount-badge {
        width: 10.8rem;
        border-radius: .7rem
    }

    .product-buy-info .product-price .price-box.price-box--normal .price .discount-badge span:first-child {
        font-size: 4.5rem !important;
        margin-top: -2px
    }

    .product-buy-info .product-price .price-box.price-box--normal .price .discount-badge span:nth-child(2) {
        font-size: 2.4rem !important;
        margin-top: -3px;
        padding-left: 1rem !important
    }

    .product-buy-info .product-price .price-box.price-box-full .price.single {
        background: #eb211d;
        border-left: .5rem solid #801210;
        color: #fddd00
    }

    .product-buy-info .product-price .price-box.price-box-full .price.old {
        min-width: 22rem !important;
        margin: 2.5rem 10rem 0 10rem;
        display: inline-block
    }

    .product-buy-info .product-price .price-box.price-box-full .price.old span:first-child {
        font-size: 6rem
    }

    .product-buy-info .product-price .price-box.price-box-full .price.old span:nth-child(2) {
        font-size: 3rem;
        margin-top: -4px
    }

    .product-buy-info .product-price .price-box.price-box-full .price.new {
        min-width: 22rem !important;
        display: inline-block;
        margin: 0 10rem;
        padding: 2.3rem 0
    }

    .product-buy-info .product-price .price-box.price-box-full .price.new span:first-child {
        font-size: 8rem
    }

    .product-buy-info .product-price .price-box.price-box-full .price.new span:nth-child(2) {
        font-size: 4rem;
        margin-top: -7px
    }

    .product-buy-info .product-price .price-box.price-box-full .right {
        float: unset;
        right: 0;
        padding-left: 0
    }

    .product-buy-info .product-price .price-box.price-box-full .right .price {
        min-width: 13rem
    }

    .product-buy-info .product-price .price-box.price-box-full .right .discount-badge {
        width: 21.2rem;
        padding: 0
    }

    .product-buy-info .product-price .price-box.price-box-full .right .discount-badge span {
        font-weight: 900;
        font-size: 6rem
    }

    .product-buy-info .product-price .price-box.price-box-full .right .discount-badge:after {
        height: 1.8rem;
        bottom: -1.8rem
    }

    .product-buy-info .product-price .discount-badge {
        width: 11rem;
        font-size: 3.6rem;
        padding: 2rem .4rem 0;
        top: -1.5rem;
        left: -6rem
    }

    .product-buy-info .product-price .discount-badge span:last-child {
        top: 0;
        font-size: 13px;
        line-height: normal
    }

    .product-buy-info .product-price .discount-badge:after {
        height: 2.8rem;
        bottom: -2.7rem
    }

    .product-buy-info .discount-amount {
        font-size: 3rem;
        margin-top: 2.5rem
    }

    .product-buy-info .add-to-basket {
    background-color: #00008b;
        font-size: 4.8rem;
        height: 10.4rem;
        line-height: 10.4rem;
        width: 100vw;
        margin: 0;
        padding: 0;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 800
    }

    .product-buy-info .add-to-basket.cookie-active {
        bottom: 140px
    }

    .product-buy-info .add-to-basket i {
        font-size: 5.2rem;
        position: relative;
        top: auto;
        left: -2rem;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0)
    }

    .product-buy-info .product-basket_errorWrapper {
        font-size: 2.8rem;
        z-index: 5;
        padding: 3rem
    }

    .product-detail__offer-box {
        max-width: 100%;
        padding: 3rem 3rem 0 3rem;
        font-size: 3.2rem;
        line-height: 3.2rem;
        margin: 1rem auto
    }

    .product-detail__offer-box .offers-toggle {
        display: block;
        margin: 15px 0;
        text-align: center;
        font-weight: 700
    }

    .product-detail__offer-box .offers-toggle i {
        display: block;
        margin: 5px auto
    }

    .product-quantity {
        margin-top: 4rem;
        border: none
    }

    .product-quantity .set-quantity {
        font-size: 2.8rem;
        font-weight: 700;
        margin-bottom: 3rem
    }

    .product-quantity .quantity-ct .number {
        height: 4.6rem;
        vertical-align: top;
        line-height: 4.6rem
    }

    .product-quantity .quantity-ct .quantity-txt {
        font-size: 2rem
    }

    .product-quantity button, .product-quantity .number {
        width: 6.8rem;
        height: 6.8rem;
        line-height: 6.8rem;
        font-size: 4rem;
        padding: 0
    }

    .product-basket_errorWrapper {
        font-size: 3rem
    }

    .product-detail-info {
        padding: 0 3rem
    }

    .product-detail-info .accordion li:not(:first-child) .detail {
        display: none
    }

    .product-detail-info .accordion li a {
        font-size: 3.6rem;
        padding: 3.4rem 0;
        margin-right: 0
    }

    .product-detail-info .accordion li .detail {
        font-size: 2.8rem;
        padding: 1.5rem 0
    }

    .product-detail-info .accordion li .detail p {
        padding: 0 0 1.5rem
    }

    .products-carousel {
        margin-top: 0
    }

    .added-to-basket .message {
        margin-top: -3rem;
        line-height: 1.2em;
        font-size: 3.4rem
    }

    .added-to-basket .message > span {
        width: calc(100% - 7rem);
        display: inline-block;
        vertical-align: middle;
        padding-left: 1rem
    }

    .product-alert-modal .close-button {
        font-size: 4rem;
        height: 12rem;
        line-height: 12rem
    }

    .installment-table .item {
        min-height: 0
    }

    .page-account {
        margin-top: 15px;
        margin-bottom: 0
    }

    .page-account .account-orders__product-image {
        margin-left: 25px
    }

    .page-account .account-warning__desc {
        line-height: normal
    }

    .page-account .account__form-group--offset {
        margin-bottom: 0
    }

    .page-account .account-orders-cancellation button {
        padding: 15px 40px
    }

    .page-account .account-orders-cancellation__footer__up {
        padding-left: 0
    }

    .page-account .account-orders-cancellation__footer label {
        font-size: 13px;
        line-height: normal
    }

    .page-account .select2-selection__rendered {
        font-size: 14px
    }

    .page-account .order-item-desc {
        font-size: 14px;
        padding-top: 30px
    }

    .page-account .order-item-desc .select2-container {
        width: 100% !important
    }

    .page-account .sidebar {
        display: none
    }

    .page-account .profile p {
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .page-account .content {
        padding: 0 10px
    }

    .page-account .content .profile-notice {
        margin-bottom: 0;
        padding: 6rem;
        font-size: 2.8rem;
        line-height: 1.5em;
        border-radius: 2rem
    }

    .page-account .content .profile-notice .name {
        margin-bottom: 1rem;
        font-size: 4.8rem
    }

    .page-account .content .profile-notice--form {
        padding: 4rem
    }

    .page-account .content .profile-notice--form .hero {
        font-size: 4rem;
        margin-right: 2rem
    }

    .page-account .content .profile-notice--form .field {
        margin-top: 1.5rem;
        width: 100%
    }

    .page-account .content .profile-notice--form .field input {
        height: 7rem;
        padding: 0 2rem
    }

    .page-account .content .profile-notice--form .field button {
        width: auto;
        height: 7rem;
        font-size: 4.4rem
    }

    .page-account .content .profile-panel {
        margin-top: 15px;
        border-radius: 2rem
    }

    .page-account .content .profile-panel .form {
        margin-bottom: 3rem;
        float: none;
        font-size: 2.8rem
    }

    .page-account .content .profile-panel .form .select {
        width: 60%;
        float: none;
        display: inline-block
    }

    .page-account .content .profile-panel .form .select::before {
        top: 50%;
        font-size: 4rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .page-account .content .profile-panel .form .select select {
        height: 7rem;
        line-height: 7rem;
        line-height: 3.5rem
    }

    .page-account .content .profile-panel .form button {
        float: none;
        margin-top: 2rem;
        margin-left: 0;
        width: 100%;
        height: 7rem;
        font-size: 2.8rem
    }

    .page-account .content .profile-panel .hero {
        padding: 5.4rem 4rem 3.8rem;
        font-family: 'Panton', sans-serif;
        font-weight: 700;
        font-size: 3.6rem;
        border-radius: 2rem 2rem 0 0
    }

    .page-account .content .profile-panel .hero span {
        font-size: 2.8rem;
        font-weight: 400;
        position: relative;
        float: none !important
    }

    .page-account .content .profile-panel .form span.button {
        font-size: 3.6rem;
        line-height: 7rem;
        height: 7rem;
        padding: 0 4rem;
        font-weight: 400;
        display: inline-block;
        position: relative;
        top: 1rem;
        float: right !important;
        margin-top: -5px;
        margin-left: auto
    }

    .page-account .content .profile-panel .content-area {
        padding: 4rem
    }

    .page-account .content .order-list .item .number, .page-account .content .order-list .item .date {
        font-size: 2.8rem
    }

    .page-account .content .order-list .item .products .more {
        font-size: 2.8rem
    }

    .page-account .content .order-list .item .column.name {
        width: 100%
    }

    .page-account .content .order-list .item .column.name:after {
        clear: both;
        display: table
    }

    .page-account .content .order-list .item .column.price, .page-account .content .order-list .item .column.status {
        padding: 3.8rem 0;
        font-size: 2.8rem;
        width: 50%;
        text-align: left
    }

    .page-account .content .order-list .item .column.status {
        text-align: right
    }

    .page-account .profile-boxes {
        margin-top: 0
    }

    .page-account .profile-boxes .desc {
        font-size: 2.8rem
    }

    .page-account .profile-boxes .profile-panel {
        margin: 5rem 0
    }

    .page-account .profile-boxes .phone strong, .page-account .profile-boxes .coupon strong {
        font-size: 6rem
    }

    .page-account .list-pagination {
        margin-top: 4rem;
        padding-top: 4rem
    }

    .page-account .profile-pagination li {
        margin-left: .75rem
    }

    .page-account .profile-pagination a {
        width: 5rem;
        height: 5rem;
        font-size: 2.8rem;
        line-height: 5rem
    }

    .page-account .profile-pagination a.step {
        font-size: 4.6rem;
        line-height: 5rem
    }

    .page-account .address-list {
        padding-top: 15px
    }

    .page-account .address-list > div:first-child .col-sm-4 {
        margin-top: -15px
    }

    .page-account .address-list .add-address a span {
        margin-left: 4rem
    }

    .page-account .address-list .add-address a em {
        margin-left: -4rem
    }

    .page-account .order-detail {
        margin-top: 5rem
    }

    .page-account .order-detail .order-detail-area .item {
        padding-bottom: 4rem;
        margin-bottom: 4rem
    }

    .page-account .order-detail .order-detail-area .item .name {
        width: 100%;
        text-align: center
    }

    .page-account .order-detail .order-detail-area .item .name img {
        display: inline-block
    }

    .page-account .order-detail .order-detail-area .item .name .title {
        width: 100%;
        display: block;
        font-size: 3.2rem;
        padding: 3rem 2rem
    }

    .page-account .order-detail .order-detail-area .item .name .title span {
        font-size: 2.8rem;
        line-height: normal;
        padding: 0
    }

    .page-account .order-detail .order-detail-area .item .count {
        width: 33%;
        font-size: 3.6rem
    }

    .page-account .order-detail .order-detail-area .item .price {
        width: 30%;
        font-size: 4.4rem;
        line-height: normal
    }

    .page-account .order-detail .order-detail-area .item .price.total-price {
        width: 100%;
        text-align: center
    }

    .page-account .order-detail .order-detail-area .item .badge {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        width: calc(100% - 6rem);
        height: 6rem;
        margin-bottom: 2rem;
        font-size: 3.2rem;
        line-height: 6rem
    }

    .page-account .order-detail .order-summary table {
        float: none;
        width: 100%;
        margin-top: 2rem
    }

    .page-account .order-detail .order-summary td {
        line-height: 1em;
        padding: 3.2rem 1rem;
        font-size: 2.8rem
    }

    .page-account .order-detail .order-summary td:nth-child(2) {
        font-size: 4rem
    }

    .page-account .order-detail .order-summary .last td {
        padding-bottom: 3rem
    }

    .page-account .order-detail .order-summary .total td {
        padding-top: 3rem
    }

    .page-account .profile .profile-panel {
        margin-top: 15px;
        margin-bottom: 0 !important
    }

    .page-account .profile form .desc {
        margin-bottom: 8rem;
        font-size: 2.8rem;
        line-height: 1.25em
    }

    .page-account .profile .field {
        margin-bottom: 4rem
    }

    .page-account .profile .field label {
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .page-account .profile .field label textarea, .page-account .profile .field label input {
        width: 100%;
        height: 8rem;
        line-height: 8rem;
        padding: 0 2rem;
        margin-top: 1rem
    }

    .page-account .profile .field label textarea {
        height: 34rem;
        padding: 2rem
    }

    .page-account .profile .field .select {
        margin-top: 1rem
    }

    .page-account .profile .field .select::before {
        margin-right: 2rem;
        font-size: 4rem;
        line-height: 8rem
    }

    .page-account .profile .field .select select {
        width: 100%;
        height: 8rem;
        padding: 0 2rem;
        line-height: 8rem
    }

    .page-account .profile .radio-fields {
        margin-bottom: 2rem
    }

    .page-account .profile .radio-fields .title {
        margin-bottom: 3rem;
        font-size: 2.8rem
    }

    .page-account .profile .radio-fields label {
        margin-right: 2rem;
        font-size: 2.6rem
    }

    .page-account .profile .button {
        width: 100%;
        min-width: 32rem;
        height: 7rem;
        padding: 0 2rem;
        font-size: 4.4rem;
        line-height: 7rem
    }

    .page-account .profile .form-notice {
        margin-top: 4rem;
        font-size: 2.8rem
    }

    .page-account .profile form .success {
        padding: 4rem 0;
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .page-account .profile .success-message {
        font-size: 2.8rem;
        line-height: 2.8rem
    }

    .page-account .content-area p {
        font-size: 2.8rem;
        line-height: 3rem
    }

    .page-account .profile.contact form {
        padding: 0
    }

    .page-account .profile .contact-sidebar .profile-panel {
        margin-bottom: 6rem
    }

    .page-account .profile .contact-sidebar .profile-panel .desc-alternate {
        font-size: 2.8rem
    }

    .page-account .profile .contact-sidebar .profile-panel .phone {
        font-size: 8.8rem;
        line-height: 1em
    }

    .page-account .address-list .profile-panel {
        min-height: 50rem;
        margin-bottom: 6rem
    }

    .page-account .address-list .profile-panel .hero {
        font-size: 4.2rem
    }

    .page-account .address-list .profile-panel .desc {
        padding-bottom: 10rem;
        font-size: 2.8rem
    }

    .page-account .address-list .profile-panel .actions {
        padding-top: 7rem
    }

    .page-account .address-list .profile-panel .actions a {
        font-size: 2.8rem
    }

    .page-account .address-list .add-address a {
        font-size: 4.2rem;
        line-height: 28rem
    }

    .page-account .no-coupon {
        padding: 6rem 0;
        font-size: 3.2rem;
        line-height: 1.6em
    }

    .page-account .coupon-table th, .page-account .coupon-table td {
        padding: 2rem 1rem;
        font-size: 2rem
    }

    .page-account .account-orders__empty {
        padding: 5rem 0;
        font-size: 2.8rem
    }

    .page-account .faq-area .title {
        font-size: 4rem;
        margin-top: 4rem
    }

    .page-account .faq-area .faq-group {
        padding-top: 8rem
    }

    .page-account .faq-area .group-title {
        margin-bottom: 3rem;
        font-size: 3.6rem
    }

    .page-account .faq-area li a {
        font-size: 2.6rem
    }

    .page-account .faq-area .detail {
        padding: 3rem;
        font-size: 2.6rem;
        line-height: 3.6rem
    }

    .page-account .content-form--padding {
        padding-left: 0;
        padding-right: 0
    }

    .page--account .select2-container--default .select2-results > .select2-results__options {
        font-size: 14px
    }

    .page--account .select2-results__option {
        padding: 15px 6px
    }

    .faq-area .detail {
        font-size: 2.6rem;
        line-height: 3rem
    }

    .page-checkout-header {
        height: 55px;
        padding: 0
    }

    .page-checkout-header .page-header {
        height: 55px
    }

    .page-checkout-header .page-name {
        width: 100%;
        text-align: center
    }

    .page-checkout-header .page-name a {
        float: left
    }

    .page-checkout-header .container {
        padding: 0px;
        text-align: center
    }

    .page-checkout-header .logo {
        float: unset
    }

    .page-checkout-header .logo img {
        width: unset;
        height: 35px
    }

    .page-checkout {
        padding: 15px;
        padding-bottom: 75px
    }

    .page-checkout .checkout-payment .payment-tab {
        text-align: center;
        font-size: 4rem;
        min-width: 90px;
        margin-left: 0;
        margin-right: 1px
    }

    .page-checkout .checkout-payment .payment-tab-bkm_express {
        background-size: 70%
    }

    .page-checkout .bkm-wrapper {
        padding: 3rem;
        text-align: center
    }

    .page-checkout .bkm-title {
        width: 100%;
        max-width: 56rem;
        margin: 2.5rem auto 4.5rem;
        text-align: center;
        float: none;
        font-size: 2.8rem;
        line-height: 4.8rem
    }

    .page-checkout .bkm-agreement {
        width: 80%
    }

    .page-checkout .button.green {
        background: #00008b;
        color: #ffffff;
        -webkit-box-shadow: 0 .4rem 0 #00008b;
        -moz-box-shadow: 0 .4rem 0 #00008b;
        box-shadow: 0 .4rem 0 #00008b
    }

    .page-checkout .button.block {
        margin-top: 2.5rem
    }

    .page-checkout .checkout-notice {
        padding: 3rem 2.5rem;
        font-size: 2.8rem;
        line-height: 3rem
    }

    .page-checkout .steps {
        margin-top: 0;
        text-align: center
    }

    .page-checkout .steps ul {
        font-size: 0
    }

    .page-checkout .steps li {
        display: inline-block;
        float: none;
        margin: 0;
        padding-left: 60px
    }

    .page-checkout .steps li:first-child {
        padding-left: 0
    }

    .page-checkout .steps li em {
        margin-left: 15px
    }

    .page-checkout .steps li a {
        font-size: 16px;
        line-height: 18px;
        font-family: 'Panton', sans-serif;
        font-weight: 700
    }

    .page-checkout .checkout-delivery {
        margin-bottom: 2rem
    }

    .page-checkout .payment-area, .page-checkout .checkout-delivery {
        border-radius: 0;
        border: solid 1px #d1d1d1
    }

    .page-checkout .checkout-delivery .section-hero, .page-checkout .payment-area .section-hero {
        padding: 4rem 2.5rem;
        font-size: 2.8rem;
        font-family: 'Panton', sans-serif;
        font-weight: 700
    }

    .page-checkout .checkout-delivery .section-hero .checklist {
        font-size: 12px
    }

    .page-checkout .checkout-delivery .section-hero .checklist .checkbox label::before {
        margin-top: -2px
    }

    .page-checkout .checkout-delivery .addresses .list .desc {
        margin-bottom: 4rem;
        font-size: 2.8rem
    }

    .page-checkout .row > div, .page-checkout > .container {
        padding: 0
    }

    .page-checkout .checkout-delivery .addresses, .page-checkout .payment-area .card, .page-checkout .payment-area .installment {
        width: 100%;
        border: 0
    }

    .page-checkout .payment-area .card {
        padding-bottom: 2rem
    }

    .page-checkout .checkout-delivery .addresses .list li .title {
        font-size: 2.8rem;
        margin: -2rem -4rem 2rem;
        padding: 1rem 4rem 2.5rem;
        border-bottom: 0
    }

    .page-checkout .checkout-delivery .addresses .list li .title .check > span {
        display: inline-block
    }

    .page-checkout .checkout-delivery .addresses .list li .edit {
        padding-top: .5rem
    }

    .page-checkout .checkout-delivery .addresses .list li {
        position: relative;
        width: 100%;
        padding: 3rem;
        margin-bottom: 2.5rem;
        font-size: 2.8rem;
        border-radius: 0
    }

    .page-checkout .checkout-delivery .addresses .list li.half {
        margin-bottom: 0;
        width: 100%;
        -webkit-box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21), inset 0 0 0 3px #00b3c8;
        box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21), inset 0 0 0 3px #00b3c8
    }

    .page-checkout .checkout-delivery .addresses .list li .new-address {
        padding: 0
    }

    .page-checkout .checkout-delivery .addresses .list li .new-address em {
        display: inline-block;
        vertical-align: middle
    }

    .page-checkout .checkout-delivery .addresses .list li a {
        padding-top: 4rem;
        padding-bottom: 4rem;
        font-size: 3rem;
        line-height: 3.3rem
    }

    .page-checkout .checkout-delivery .addresses .list li a em {
        position: relative;
        top: -10px;
        display: block;
        font-size: 30px;
        height: 15px
    }

    .page-checkout .checkout-delivery .addresses .list li .details {
        min-height: 0
    }

    .page-checkout .checkout-delivery .addresses .list li .edit {
        position: absolute;
        right: 3rem;
        bottom: 3rem;
        color: #d0021b;
        padding-bottom: 0
    }

    .page-checkout .checkout-delivery .continue {
        width: 100%
    }

    .page-checkout .payment-area .installment .section-hero, .page-checkout .checkout-delivery .continue .section-hero {
        border-top: solid 1px #dedee9;
        border-bottom: 0
    }

    .page-checkout .checkout-delivery .cargo {
        padding-top: 0;
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .page-checkout .checkout-delivery .cargo .desc {
        font-size: 2.8rem;
        margin: -2rem -2rem 0;
        padding: 0 2rem 2rem;
        border-bottom: solid 1px #dedee9
    }

    .page-checkout .checkout-delivery .cargo .desc span {
        font-weight: 700
    }

    .page-checkout .checkout-delivery .cargo-list li {
        font-size: 2.8rem;
        padding: 2rem 0;
        margin: 0;
        border: 0
    }

    .page-checkout .checkout-delivery .cargo .radio {
        margin-bottom: -1px
    }

    .page-checkout .checkout-delivery .cargo .radio::before {
        background-color: #00b3c8
    }

    .page-checkout .checkout-delivery .cargo-list .price {
        margin-top: 2px;
        font-size: 2.8rem
    }

    .page-checkout .delivery-cargo, .page-checkout .oneday-cargo {
        font-size: 2.8rem;
        line-height: 3.5rem
    }

    .page-checkout .continue-button {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 500;
        width: 100%;
        border-radius: 0
    }

    .page-checkout .continue-button .total {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 12;
        height: 60px;
        padding: 15px;
        font-size: 15px;
        text-align: left;
        line-height: 17px;
        display: inline-block !important;
        font-family: 'Panton', sans-serif;
        background-color: #039EB0
    }

    .page-checkout .continue-button .total span:first-child {
        display: block;
        font-size: 10px
    }

    .page-checkout .payment-area {
        position: relative;
        margin-bottom: 17rem;
        min-height: 40rem;
        padding-bottom: 20rem
    }

    .page-checkout .payment-area .card-information .title {
        font-size: 2.8rem
    }

    .page-checkout .payment-area .card-information form {
        padding: 2rem
    }

    .page-checkout .payment-area .card-information .field {
        margin-bottom: 4rem
    }

    .page-checkout .payment-area .section-hero .view, .page-checkout .payment-area .installment-area .title, .page-checkout .payment-area .installment .agrement label, .page-checkout .payment-area .card-information .field label {
        font-size: 2.8rem
    }

    .page-checkout .payment-area .section-hero .view {
        float: right
    }

    .page-checkout .payment-area .card-information select {
        font-size: 14px;
        line-height: 14px
    }

    .page-checkout .payment-area .card-information .field .tips {
        font-size: 2.8rem;
        margin-top: 10px
    }

    .page-checkout .payment-area .installment-table {
        font-size: 2.4rem
    }

    .page-checkout .payment-area .installments label > span {
        padding: 0 10px !important;
        height: 32px;
        line-height: 32px
    }

    .page-checkout .checkout-payment .tabs {
        text-align: center
    }

    .page-checkout .checkout-payment .tabs li {
        margin: 0 15px
    }

    .page-checkout .checkout-payment .tabs a {
        font-size: 2.8rem
    }

    .page-checkout .payment-area .card .form-area {
        padding: 0 2rem
    }

    .page-checkout .payment-area .card-information .field-dates {
        width: 62%
    }

    .page-checkout .payment-area .card-information .field-dates .select {
        margin-top: 7px
    }

    .page-checkout .payment-area .card-information .field-cvc {
        margin-bottom: 0;
        width: 35%
    }

    .page-checkout .payment-area .installment {
        padding-bottom: 0
    }

    .page-checkout .payment-area .installment-area {
        padding-top: 0
    }

    .page-checkout .payment-area .installment-area .agrement {
        position: absolute;
        bottom: -14.5rem;
        width: 100%;
        padding: 1.5rem 2.5rem;
        margin: 0 -2rem;
        background-color: #fff;
        border: solid 1px #d1d1d1
    }

    .page-checkout .section-hero .checklist .checkbox label::before {
        margin-top: -5px
    }

    .page-checkout .payment-area .gpay-section a {
        font-size: 3.2rem;
        padding: 2rem 4rem
    }

    .page-checkout .checkout-success, .page-checkout .checkout-info {
        border-radius: 2rem;
        padding: 5.4rem 4rem;
        font-size: 3.2rem;
        margin: 3rem
    }

    .page-checkout .checkout-success {
        min-height: none
    }

    .page-checkout .checkout-success h2, .page-checkout .checkout-info h2 {
        font-size: 4.8rem;
        margin-bottom: 6rem
    }

    .page-checkout .checkout-info ul {
        padding-left: 4rem
    }

    .page-checkout .checkout-sidebar {
        position: relative;
        margin-top: 2rem;
        padding: 0;
        border-radius: 0;
        border: 0
    }

    .page-checkout .checkout-sidebar .js-checkout-sum-wrapper .title {
        position: absolute;
        top: 4rem;
        left: 2.5rem;
        font-size: 3.2rem;
        font-weight: 700;
        margin-bottom: 2rem
    }

    .page-checkout .checkout-sidebar .js-checkout-sum-wrapper .title span {
        color: #8a8a8a;
        font-size: 2.8rem
    }

    .page-checkout .checkout-sidebar .products {
        padding: 50px 3rem 0;
        max-height: none;
        overflow: auto;
        border: solid 1px #d8d7d7
    }

    .page-checkout .checkout-sidebar .products ul {
        max-height: 250px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .page-checkout .checkout-sidebar .products li img {
        margin-right: 1.5rem
    }

    .page-checkout .checkout-sidebar .products li {
        line-height: 1;
        padding-top: 2rem;
        border-top: solid 1px #d8d7d7
    }

    .page-checkout .checkout-sidebar .products li:first-child {
        border-top: 0
    }

    .page-checkout .checkout-sidebar .products li {
        font-size: 2.8rem
    }

    .page-checkout .checkout-sidebar .products li .price {
        margin-top: 1rem;
        margin-bottom: 2rem;
        line-height: 3.4rem
    }

    .page-checkout .checkout-sidebar .summary {
        padding: 2rem 2rem 0;
        margin-top: 2rem;
        margin-bottom: 0;
        padding-bottom: 0;
        border: solid 1px #d8d7d7;
        border-bottom: 0
    }

    .page-checkout .checkout-sidebar .summary table {
        font-size: 2.8rem;
        line-height: 3.2rem
    }

    .page-checkout .checkout-sidebar .total {
        margin-top: 0;
        padding: 2rem 2rem 3rem;
        font-size: 2.8rem;
        border: solid 1px #d8d7d7;
        border-top: 0
    }

    .brochure-tabs .nav {
        display: none
    }

    .brochure-tabs .nav li .badge img {
        height: 35px
    }

    .brochure-tabs .brochures-actions {
        position: relative;
        right: 0;
        top: 0
    }

    .brochure-tabs .brochures-actions ul {
        text-align: center
    }

    .brochure-tabs .brochures-actions li {
        display: inline-block;
        padding: 0 10px;
        margin-bottom: 20px
    }

    .brochure-tabs .brochures-actions .share-action:checked + .share-area .share-icon {
        padding-bottom: 30px
    }

    .brochure-tabs .brochures-actions .share-area .share-icon a:first-child {
        margin-left: -40px
    }

    .brochure-tabs .brochures-actions .share-area .share-icon a {
        position: absolute
    }

    .brochure-tabs .view-area a {
        width: 18px;
        height: 18px;
        margin-left: -4px;
        margin-top: -4px;
        -webkit-background-size: contain;
        background-size: contain;
        opacity: .9
    }

    .brochure-tabs .view-area a:before {
        background-size: 12px
    }

    .brochure-tabs .slick-dots {
        display: block !important
    }

    .brochure-tabs .view-area a:hover:after {
        visibility: hidden;
        opacity: 0
    }

    .regional-directorates .panel .info .call-center .title {
        font-size: 2.8rem;
        line-height: 1.5em
    }

    .contact-info {
        padding: 2rem 0
    }

    .contact-info p {
        font-size: 2.8rem
    }

    .contact-info p strong {
        font-weight: 700;
        color: #00b3c8
    }

    .regional-directorates .panel .info .contact-info p {
        font-size: 2.8rem !important;
        line-height: 2.4em;
        margin-bottom: 0 !important
    }

    .regional-directorates .panel .info .contact-info {
        padding: 10px 0 0 0
    }

    .page-flatpage {
        padding: 4rem 2rem
    }

    .page-flatpage .hero {
        padding: 3rem 0;
        margin-bottom: 3rem;
        font-size: 3.6rem
    }

    .page-flatpage h3, .page-flatpage h4, .page-flatpage h5 {
        padding: 3rem 0;
        margin-bottom: 3rem;
        font-size: 3.6rem
    }

    .page-flatpage .content {
        font-size: 2.8rem;
        line-height: 3.6rem
    }

    .page-flatpage .content p {
        margin-bottom: 3rem
    }

    .page-brands .set-brand-mobile {
        padding: 0 10px
    }

    .page-brands .brands-carousel .heading {
        font-size: 3.6rem;
        line-height: normal
    }

    .page-brands .brands-carousel .caption {
        font-size: 2.8rem;
        line-height: normal
    }

    .page-brands .brands-carousel .slick-arrow {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 10;
        width: 6rem;
        height: 10rem;
        margin-left: -5rem;
        color: #000000;
        line-height: 46px;
        font-size: 4.8rem;
        text-align: center;
        background-color: #ffffff;
        border: solid 1px #e8e8e8;
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
    }

    .page-brands .brands-carousel .slick-arrow.slick-arrow-right {
        left: auto;
        right: -1rem;
        margin-left: 0;
        margin-right: -4rem
    }

    .page-directors .name-wrapper {
        padding: 3rem 0;
        font-size: 4rem;
        line-height: 5rem
    }

    .page-directors .desc-wrapper {
        font-size: 2.8rem
    }

    .page-banners .prev-page {
        font-size: 3.6rem;
        padding: 3rem 0
    }

    .banner-item {
        margin-top: 8rem
    }

    .banner-item .banner-title {
        font-size: 4.6rem;
        line-height: 1em
    }

    .banner-item .banner-date {
        font-size: 2.8rem;
        line-height: 1em
    }

    .page-support .panel .hero {
        padding: 4rem 3rem;
        font-size: 4.8rem;
        border-radius: 2rem 2rem 0 0
    }

    .page-support .panel .hero span {
        font-size: 2.8rem
    }

    .page-support .sidebar {
        padding: 3rem;
        margin-bottom: 3rem
    }

    .page-support .sidebar h2 {
        font-family: 'Trade Gothic Bold';
        font-size: 4.8rem
    }

    .page-support .sidebar ul li a {
        font-size: 2.8rem;
        padding: 2.4rem 0
    }

    .page-support .content {
        padding: 0 2.5rem;
        margin-bottom: 3rem
    }

    .page-support .content .panel {
        font-size: 2.8rem;
        line-height: 1.5em
    }

    .page-sitemap a.sitemap-link.sitemap-level-1, .page-sitemap a.sitemap-link.sitemap-level-2, .page-sitemap a.sitemap-link.sitemaps-level-3 {
        width: 100%;
        padding: 10px 10px
    }

    .page-advertisement .video-wrapper p {
        text-align: center;
        font-size: 2.8rem
    }

    .page-sitemap a.sitemap-link.sitemap-level-1, .page-sitemap a.sitemap-link.sitemap-level-2, .page-sitemap a.sitemap-link.sitemaps-level-3 {
        width: 100%;
        padding: 10px 10px
    }

    .corporate-forms {
        max-width: 100%;
        padding: 3rem;
        font-size: 2.8rem
    }

    .corporate-forms h2 {
        font-size: 3.2rem;
        margin-bottom: 5rem
    }

    .corporate-forms .check {
        margin-top: 2rem
    }

    .corporate-forms .form-input input, .corporate-forms .form-select select, .corporate-forms .form-text textarea {
        padding: 2rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
        height: 7.6rem
    }

    .corporate-forms .form-select:after {
        bottom: 6.6rem
    }

    .corporate-forms .checkbox label {
        padding: 0 0 0 4.8rem
    }

    .corporate-forms .checkbox a, .corporate-forms .checkbox a:hover {
        text-decoration: underline !important
    }

    .contact-us-homepage {
        padding: 2rem
    }

    .contact-us-homepage .panel p {
        font-size: 2.8rem
    }

    .contact-us-homepage .panel p a {
        position: unset
    }

    .contact-us-homepage .panel .stores-form select {
        height: 6.8rem !important;
        margin: 1rem .5rem !important
    }

    .contact-us-homepage .panel .stores-form button {
        margin-top: 1rem !important
    }

    .contact-us-homepage .sidebar {
        background-color: #00bad0;
        padding-left: 10px;
        border-radius: 20px 20px 0 0
    }

    .contact-us-homepage .sidebar ul {
        padding-top: .5rem
    }

    .contact-us-homepage .sidebar ul li a {
        color: #fff;
        font-weight: 600
    }

    .contact-us-homepage .page-heading .row {
        display: flex;
        justify-content: center
    }

    .contact-us-homepage .page-heading h2.contact {
        font-size: 4rem;
        border-bottom: 1rem solid #fddd00;
        margin-bottom: 0
    }

    .contact-us-homepage .page-heading .contact-number-mobile {
        background-color: #393939;
        border-radius: 50px;
        color: #fff;
        font-size: 2.4rem;
        padding: 12px
    }

    .contact-us-homepage .page-heading .contact-number-mobile a {
        color: #fff
    }

    .contact-us-homepage .contact-tabs .tab-nav a {
        font-size: 2.5rem;
        border: solid 1px #fff;
        border-radius: 15px 15px 0 0;
        height: 7rem;
        padding-top: 2.5rem
    }

    .contact-us-homepage .contact-tabs .tab-contents .content {
        padding: 1rem 0
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .title {
        font-size: 2.5rem;
        text-align: center
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel {
        padding: 0 3rem
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel p {
        padding: 0
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .call-center .title {
        font-size: 2.8rem;
        line-height: 1.5em;
        padding: 0;
        text-align: left
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .contact-info {
        padding: 10px 0 0 0 !important
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .info .contact-info p {
        font-size: 2.8rem !important;
        line-height: 2.4em;
        margin-bottom: 0 !important
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .panel .regional-directorates .stores__list .stores__list--wrapper {
        margin-bottom: 10px
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar {
        padding: 1rem;
        border-radius: 20px
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar .sidebar-content .panel:not(:first-child) {
        display: none
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar ul {
        padding-top: .5rem;
        display: inline-flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar ul li {
        margin: .5rem 0;
        border-left: 1px solid #fff;
        display: inline-block;
        padding: 0 1.5rem
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar ul li:first-child {
        border-left: unset
    }

    .contact-us-homepage .contact-tabs .tab-contents .content .sidebar ul li a {
        font-size: 2.5rem;
        font-weight: 500;
        padding: 1.2rem 0 1.7rem 0
    }

    .brochures-list {
        padding: 0 0
    }

    .brochures-list li {
        width: 100%;
        margin-top: 5rem;
        margin-left: 0;
        padding: 0 7rem
    }

    .brochures-list .title {
        font-size: 4.8rem;
        line-height: 5rem
    }

    .brochures-list .dates {
        margin-top: 2rem;
        margin-bottom: 2rem;
        font-size: 2.8rem;
        line-height: 3.2rem;
        min-height: 0
    }

    .corporate-success {
        width: 95%;
        margin: 10rem auto;
        padding: 11rem 6rem 9rem
    }

    .corporate-success .title {
        margin-bottom: 6rem;
        font-size: 6rem;
        line-height: 6.2rem
    }

    .corporate-success .desc {
        font-size: 3.2rem;
        line-height: 3.4rem
    }

    .sms-verification-form {
        padding: 50px 15px
    }

    .sms-verification-form .content {
        padding: 100px 30px !important
    }

    .sms-verification-form .content .close {
        top: 30px;
        right: 30px
    }

    .sms-verification-form .content .title {
        margin: 2rem 0;
        font-size: 3rem !important;
        text-align: left !important
    }

    .sms-verification-form .content .desc {
        font-size: 2.5rem;
        line-height: 1.4
    }

    .sms-verification-form .content .field em {
        position: relative;
        top: -2px;
        font-size: 6rem
    }

    .sms-verification-form .content .field input {
        height: 8rem;
        font-size: 3rem;
        width: 79%
    }

    .sms-verification-form .content .button {
        height: 7rem
    }

    .sms-verification-form .content .tips {
        margin-top: 5px;
        font-size: 3rem;
        line-height: 1em
    }

    .page-support .sidebar, .page-flatpage .sidebar {
        margin-bottom: 2rem
    }

    .page-support .sidebar ul li a, .page-flatpage .sidebar ul li a {
        font-size: 2.8rem;
        padding: 2.4rem 0
    }

    .page-support .sidebar h2, .page-flatpage .sidebar h2 {
        font-size: 4.8rem
    }

    .page-support .panel .hero, .page-flatpage .panel .hero {
        font-size: 3rem
    }

    .page-support .panel .hero i {
        top: unset
    }

    .faq-area li a {
        font-size: 3rem
    }

    .ems-page-content {
        overflow-x: hidden
    }

    .ems-page-content table {
        width: 100%
    }

    .ems-page-content table td {
        display: block !important;
        width: 100% !important
    }

    .breadcrumb {
        padding: 0 3rem 1rem 0
    }

    .regional .breadcrumb, .onlineshopping .breadcrumb, .storespage .breadcrumb, .rentalpage .breadcrumb, .supplierpage .breadcrumb {
        display: none
    }

    .regional .sidebar, .onlineshopping .sidebar, .storespage .sidebar, .rentalpage .sidebar, .supplierpage .sidebar {
        display: none
    }

    .page-campaigns .campaigns-header .campaigns-top-announcement .announcement-contents {
        text-align: left !important
    }

    .page-campaigns .campaigns-top-slider .nav {
        top: 20% !important
    }

    .page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-card .product-actions .add-basket .price {
        width: 54% !important
    }
}

@media only screen and (max-width: 375px) {
    .header .mobile-menu li:first-child a {
        margin-right: 0 !important
    }

    .page-header .header .menu-toggle em {
        margin: 0 5px
    }

    .page-header .header .mobile-menu li.online-shopping {
        margin-right: 5px
    }
}

.page-campaigns {
    font-size: 14px
}

.page-campaigns .campaigns-header .campaigns-top-slider .campaigns-slider-item img {
    border-radius: 10px
}

.page-campaigns .campaigns-header .campaigns-top-slider .nav {
    position: absolute;
    left: -15px;
    top: 23%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-campaigns .campaigns-header .campaigns-top-slider .nav.nav-right {
    left: auto;
    right: -15px;
    margin-left: 0
}

.page-campaigns .campaigns-header .campaigns-top-slider .nav:hover {
    background-color: #f1f1f1
}

.page-campaigns .campaigns-header .campaigns-top-slider .slide-content {
    position: relative
}

.page-campaigns .campaigns-header .campaigns-top-slider a[href="#"] {
    pointer-events: none;
    cursor: default
}

.page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons {
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 51;
    text-align: center
}

@media (max-width: 768px) {
    .page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons {
        bottom: 10px
    }
}

.page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons a {
    display: inline-block;
    width: 250px;
    margin: 5px;
    border-radius: 10px;
    font-size: 26px;
    font-weight: bold;
    line-height: 38px
}

@media (max-width: 768px) {
    .page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons a {
        max-width: calc(50% - 30px);
        margin: 5px 10px;
        font-size: 18px
    }
}

.page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons a span {
    position: relative;
    padding-right: 10px
}

.page-campaigns .campaigns-header .campaigns-top-slider .banner-buttons a span:after {
    left: 100%;
    top: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-left-color: var(--button_textcolor);
    border-width: 7px;
    margin-top: -7px
}

.page-campaigns .campaigns-header .announcement-contents {
    margin: 30px auto;
    max-width: 750px;
    text-align: center;
    line-height: 1.3
}

.page-campaigns .campaigns-header .announcement-contents b {
    font-weight: 700
}

.page-campaigns .campaigns-header .announcement-contents .announcement-title {
    font-size: 30px
}

.page-campaigns .campaigns-header .announcement-contents .announcement-date {
    margin: 10px 0
}

.page-campaigns .campaigns-header .announcement-contents .announcement-btn {
    margin: 20px 0
}

.page-campaigns .campaigns-header .announcement-contents .announcement-button {
    text-align: center
}

.page-campaigns .campaigns-header .campaigns-main-latest .latest-item-image {
    text-align: center
}

.page-campaigns .campaigns-header .campaigns-main-latest .latest-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1
}

.page-campaigns .campaigns-header .campaigns-main-latest .latest-title:before {
    content: "";
    border-top: 1px solid #ccc;
    margin: 0 auto;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1
}

.page-campaigns .campaigns-header .campaigns-main-latest .latest-title span {
    background: #fff;
    padding: 0 5px
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content {
    margin: 20px 0
}

@media screen and (min-width: 768px) {
    .page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .row {
        display: flex;
        flex-wrap: wrap
    }
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content b {
    font-weight: 700
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item {
    line-height: normal;
    padding-bottom: 10px;
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item {
        height: 100%
    }
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item a:hover, .page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item a:focus {
    color: #000000
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item .latest-item-image img {
    border-radius: 10px;
    overflow: hidden
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item .latest-item-title {
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item .latest-item-date {
    margin: 10px 0
}

.page-campaigns .campaigns-header .campaigns-main-latest .campaigns-content .latest-item .show-less {
    text-align: center;
    font-weight: 700;
    display: block;
    margin: 5px 0
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area {
    padding-top: 15px;
    margin-left: -10px;
    margin-right: -10px
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area .slick-list {
    margin-left: 0;
    margin-right: 0
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area .nav-right {
    right: 15px
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area .nav-left {
    left: 15px
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area .hero {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-family: 'Trade Gothic Bold';
    border-bottom: solid 4px #fddd00
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area .hero span {
    position: relative;
    z-index: 4;
    bottom: -6px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    background-color: #fff;
    font-size: 30px
}

.page-campaigns .campaigns-header .widget--campaigns-main-recommendation-area a.button {
    display: block;
    margin: 10px 50px
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel {
    padding: 0 10px
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .nav {
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .nav:hover {
    background-color: #f1f1f1
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .nav-right {
    left: auto;
    right: 0
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item {
    padding: 0 5px
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-card {
    margin-bottom: 0
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-card .product-actions .add-basket .price {
    width: 41%
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-card .product-actions .add-basket .price.double-price {
    padding-top: 10px
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-card .product-actions .add-basket .count {
    width: 46%
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-actions {
    padding: 1.6rem
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-actions .name {
    height: 60px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    padding: 0 .5rem;
    margin-top: 1.5rem;
    line-height: normal;
    margin-bottom: 1rem
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-actions .product-image img {
    height: 125px
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .favs {
    top: 1rem;
    right: 1rem
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .favs a {
    font-size: 4rem
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .product-actions .add-basket {
    margin-top: 0
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .add-basket .price {
    line-height: 16px;
    font-size: 14px;
    padding-left: .3rem !important
}

.page-campaigns .campaigns-header .widget--campaigns-recommendation-carousel .widget--campaigns-recommendation-item .add-basket .price .old-price {
    font-size: 10px;
    text-decoration: line-through;
    color: #4a4a4a
}

.full-banner-area .container {
    position: relative
}

.full-banner-area img {
    width: 100%
}

.full-banner-area .content {
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    max-width: 70%
}

@media only screen and (max-width: 767px) {
    .full-banner-area .content {
        top: 33px;
        left: 25px;
        transform: none;
        max-width: 56%
    }
}

.full-banner-area .content .title, .full-banner-area .content .subtitle {
    font-family: Panton;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: #ffffff
}

@media only screen and (max-width: 767px) {
    .full-banner-area .content .title, .full-banner-area .content .subtitle {
        font-size: 24px
    }
}

.full-banner-area .content .title {
    font-weight: 900;
    color: #000000
}

.kurban-faq__content {
    background: #f7f6f2;
    padding: 51px 42px 33px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .kurban-faq__content {
        padding: 50px 19px 27px
    }
}

.kurban-faq__content__marker {
    position: absolute;
    right: -40px;
    top: 30px;
    background: #dd352e;
    font-size: 31px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    padding: 15px 84px 15px 60px;
    border-radius: 0 10px 0 0;
    font-family: Trade Gothic Bold
}

.kurban-faq__content__marker::before {
    content: '';
    border-style: solid;
    border-width: 31px 0 30px 25px;
    border-color: transparent transparent transparent #f7f6f2;
    position: absolute;
    left: 0;
    top: 0
}

.kurban-faq__content__marker:after, .kurban-faq__content__marker i {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    width: 40px;
    height: 20px;
    border-radius: 0 10px 10px 0;
    background: #ba241e
}

.kurban-faq__content__marker i {
    height: 10px;
    background: #dd352e;
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .kurban-faq__content__marker {
        position: relative;
        border-radius: 0;
        padding: 15px 27px 15px 57px;
        margin: 10px -19px 10px 0;
        right: 0;
        top: 0
    }

    .kurban-faq__content__marker::after, .kurban-faq__content__marker i {
        display: none
    }
}

.kurban-faq__content__title {
    font-size: 30px;
    line-height: 1.35;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    font-family: Trade Gothic Bold
}

.kurban-faq__content__description {
    font-size: 20px;
    font-weight: normal;
    color: #41494d;
    line-height: normal
}

.kurban-faq__content__description b, .kurban-faq__content__description strong {
    font-weight: bold
}

.kurban-faq__content__faq {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .kurban-faq__content__faq {
        margin-top: 20px
    }
}

.kurban-faq__content__faq__item {
    font-size: 20px;
    line-height: 1.8;
    color: #000;
    padding-left: 20px
}

.kurban-faq__content__faq__item a {
    position: relative
}

.kurban-faq__content__faq__item a:before {
    content: '\F0D7';
    font-family: FontAwesome;
    position: absolute;
    left: -20px;
    top: 50%;
    font-size: 17px;
    transition: all ease-in-out 140ms;
    transform: translateY(-50%) rotate(-90deg)
}

.kurban-faq__content__faq__item.active a::before {
    transform: translateY(-50%) rotate(0)
}

.kurban-faq__content__faq__item__content {
    display: none;
    color: #615f62;
    line-height: 1.1;
    padding: 17px 0 10px 24px
}

@media only screen and (max-width: 767px) {
    .kurban-faq__content__faq__item__content {
        padding: 10px 0 5px 0;
        font-size: 3rem;
        line-height: normal
    }
}

.kurban-faq__content__faq__item__content p {
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .product-detail-info .accordion .kurban-faq__content__faq li a {
        font-size: 3.2rem;
        padding: 2.4rem 0
    }
}

.kurban-confirm-steps {
    margin-bottom: 78px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps {
        padding: 0 17px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps h2, .kurban-confirm-steps p {
        padding: 0 40px
    }
}

.kurban-confirm-steps h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Trade Gothic Bold';
    line-height: normal;
    margin-bottom: 13px;
    color: #000000
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps h2 {
        margin-bottom: 2px
    }
}

.kurban-confirm-steps p {
    text-align: center;
    font-size: 20px;
    line-height: 1.55;
    color: #000000
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps p {
        line-height: 1.3
    }
}

.kurban-confirm-steps .step-content {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    margin-top: 34px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content {
        display: block
    }
}

.kurban-confirm-steps .step-content__item {
    width: 100%;
    position: relative;
    padding-top: 78px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item {
        padding-top: 0
    }
}

.kurban-confirm-steps .step-content__item:before {
    content: '';
    width: 100%;
    position: absolute;
    top: 17px;
    height: 3px;
    background: #fddd00
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item:before {
        left: 17px;
        top: 0;
        width: 3px;
        height: 100%
    }
}

.kurban-confirm-steps .step-content__item:first-child::before {
    width: 50%;
    right: 0
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item:first-child::before {
        width: 3px;
        right: inherit
    }
}

.kurban-confirm-steps .step-content__item:last-child::before {
    width: 50%;
    left: 0
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item:last-child::before {
        display: none
    }
}

.kurban-confirm-steps .step-content__item__num {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: inline-block;
    width: 38px;
    height: 38px;
    font-family: 'Trade Gothic Bold';
    background: #fddd00;
    font-size: 23px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    color: #000;
    padding: 5px 0;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__num {
        left: 0;
        top: 0;
        transform: none
    }
}

.kurban-confirm-steps .step-content__item__content {
    padding: 0 12px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content {
        padding: 0 0 30px 56px
    }
}

.kurban-confirm-steps .step-content__item__content__header {
    border-bottom: solid 1px #00a1b4;
    padding: 0 0 16px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content__header {
        border: none;
        padding: 3px 0 15px;
        text-align: left
    }
}

.kurban-confirm-steps .step-content__item__content__header .icon {
    display: block;
    margin-bottom: 21px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content__header .icon {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 11px;
        vertical-align: bottom
    }
}

.kurban-confirm-steps .step-content__item__content__header .icon img {
    height: 44px
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content__header .icon img {
        height: 30px
    }
}

.kurban-confirm-steps .step-content__item__content__header .name {
    display: block;
    font-size: 25px;
    line-height: 1.19;
    font-weight: bold;
    color: #00a1b4
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content__header .name {
        display: inline-block
    }
}

.kurban-confirm-steps .step-content__item__content__text {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    padding: 12px 0
}

@media only screen and (max-width: 767px) {
    .kurban-confirm-steps .step-content__item__content__text {
        line-height: 1.3;
        padding: 0;
        text-align: left
    }
}

.kurban-products {
    margin-bottom: 46px
}

@media only screen and (max-width: 767px) {
    .kurban-products {
        margin-bottom: 21px
    }
}

.kurban-products__wrap {
    background-color: rgba(0, 179, 200, 0.06);
    padding: 43px 0 56px
}

.kurban-products__wrap .product-card {
    margin: 0 !important
}

.kurban-products__wrap .product-card .product-desc, .kurban-products__wrap .product-card .product-actions {
    min-height: inherit
}

.kurban-products__wrap .product-card .product-desc .name {
    font-size: 2rem;
    margin-bottom: 1rem
}

@media only screen and (max-width: 767px) {
    .kurban-products__wrap .product-card .product-desc .name {
        font-size: 3.2rem;
        line-height: 3.5rem;
        min-height: 7rem
    }
}

.kurban-products__wrap .product-card .product-desc .prices {
    font-size: 2.5rem
}

@media only screen and (max-width: 767px) {
    .kurban-products__wrap .product-card .product-desc .prices {
        font-size: 3.2rem
    }
}

.kurban-products__wrap .product-card .add-basket-v2 a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.6rem;
    line-height: 4.4rem;
    text-align: center;
    height: 4.4rem;
    font-weight: 700;
    text-transform: capitalize;
    background-color: #00b3c8;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 4px 0 #1e8d9a;
    -moz-box-shadow: 0 4px 0 #1e8d9a;
    box-shadow: 0 4px 0 #1e8d9a;
    overflow: hidden
}

.kurban-products__wrap .product-card .add-basket-v2 a:first-letter {
    text-transform: capitalize
}

.kurban-products__wrap .product-card .add-basket-v2 a em {
    font-size: 2.5rem;
    line-height: 1;
    vertical-align: text-bottom
}

.kurban-products__wrap .product-card .add-basket-v2 a span {
    vertical-align: middle;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .kurban-products__wrap .product-card .add-basket-v2 a {
        font-size: 3rem
    }

    .kurban-products__wrap .product-card .add-basket-v2 a em {
        font-size: 3.5rem
    }
}

@media only screen and (max-width: 767px) {
    .kurban-products__wrap {
        padding: 26px 0 36px
    }
}

.kurban-flatpage-content {
    margin-top: 50px;
    line-height: normal
}

@media only screen and (max-width: 767px) {
    .kurban-flatpage-content {
        padding: 0 20px
    }
}

.kurban-flatpage-content h1, .kurban-flatpage-content h2, .kurban-flatpage-content h3 {
    margin-bottom: 12px
}

.kurban-flatpage-content h1 {
    font-size: 28px
}

.kurban-flatpage-content h2 {
    font-size: 24px
}

.kurban-flatpage-content h3 {
    font-size: 20px
}

.kurban-flatpage-content p {
    margin: 5px 0;
    font-size: 16px
}

.kurban-info-banners {
    margin-bottom: 200px
}

.kurban-info-banners__wrap {
    background-color: rgba(0, 179, 200, 0.06);
    height: 100px;
    padding-top: 20px
}

.kurban-info-banners__wrap ul {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center
}

.kurban-info-banners__wrap ul li a img {
    max-height: 250px
}

@media only screen and (max-width: 767px) {
    .kurban-info-banners {
        margin-bottom: 150px
    }

    .kurban-info-banners__wrap {
        height: 70px
    }

    .kurban-info-banners__wrap ul {
        padding-inline: 10px;
        gap: 10px
    }
}

.campaign-slider__wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 7px;
    border: 1px solid #cccccc;
    overflow: hidden
}

.campaign-slider__wrapper .campaign-slider__title {
    color: #eb211d;
    font-family: 'Trade Gothic Bold';
    font-size: 30px;
    line-height: normal;
    text-align: center;
    padding: 10px 0 0
}

.campaign-slider {
    margin: 0 -20px;
    max-height: 346px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 991px) {
    .campaign-slider {
        margin: 0 0 0 -20px;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .campaign-slider {
        margin: 0;
        padding: 0;
        margin-top: 6rem;
        padding: 0 2rem
    }
}

.campaign-slider .counter-area {
    line-height: normal;
    padding-top: 10px;
    text-align: center
}

.campaign-slider .counter-area .countdown {
    -webkit-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -moz-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -ms-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    -o-transition: all 600ms cubic-bezier(.215, .61, .355, 1);
    opacity: 0
}

.campaign-slider .counter-area .countdown.show {
    opacity: 1
}

.campaign-slider .counter-area .counter-title {
    color: #eb211d;
    font-family: 'Trade Gothic Bold';
    font-size: 30px;
    line-height: normal;
    text-align: center
}

.campaign-slider .counter div {
    display: inline-block;
    margin: 0 10px;
    position: relative
}

.campaign-slider .counter div:after {
    color: black;
    content: '.';
    font-size: 2.5rem;
    position: absolute;
    right: -12px;
    top: 4px
}

.campaign-slider .counter div:last-child after {
    display: none
}

.campaign-slider .counter div span {
    display: block
}

.campaign-slider .counter div span:first-child {
    font-family: "Trade Gothic Bold";
    font-size: 3rem
}

@media only screen and (max-width: 767px) {
    .campaign-slider .counter div span:first-child {
        font-size: 5rem
    }
}

.campaign-slider .counter div span:last-child {
    font-family: "Trade Gothic Bold";
    font-size: 1.2rem;
    font-weight: normal
}

@media only screen and (max-width: 767px) {
    .campaign-slider .counter div span:last-child {
        font-size: 2.4rem;
        margin-top: 1rem
    }
}

.campaign-slider .slick-slide img {
    margin: auto;
    max-height: 17rem;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .campaign-slider .slick-slide img {
        margin: auto;
        max-height: 30rem;
        padding: 0
    }
}

.campaign-slider .nav {
    color: #4a4a4a;
    cursor: pointer;
    font-size: 44px;
    height: 50px;
    left: 15px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 30px;
    z-index: 10;
    transform: translateY(-50%)
}

@media only screen and (max-width: 991px) {
    .campaign-slider .nav {
        top: 45%
    }
}

@media only screen and (max-width: 767px) {
    .campaign-slider .nav {
        left: -5px;
        top: 45%
    }
}

.campaign-slider .nav:hover {
    background-color: transparent
}

.campaign-slider .nav-right {
    left: auto;
    margin-left: 0;
    right: 30px
}

@media only screen and (max-width: 991px) {
    .campaign-slider .nav-right {
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .campaign-slider .nav-right {
        right: 10px;
        left: auto
    }
}

.campaign-slider .slider-item {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-color: #ffffff;
    height: 346px;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .campaign-slider .slider-item {
        height: 370px
    }
}

@media only screen and (max-width: 767px) {
    .campaign-slider .slider-item {
        height: auto
    }
}

.campaign-slider .slider-item .slider-image {
    float: right;
    margin-right: 10rem;
    margin-top: 5rem;
    position: relative
}

.campaign-slider .slider-item .brand {
    height: 22px;
    margin-bottom: 1rem
}

.campaign-slider .information {
    color: #000000;
    left: 20%;
    margin-top: 2rem;
    top: 0
}

.campaign-slider .information .name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 1rem;
    margin-top: 10px;
    padding: 0 3.5rem
}

@media only screen and (max-width: 991px) {
    .campaign-slider .information .name {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767px) {
    .campaign-slider .information .name {
        font-size: 3.2rem;
        padding: 0 7rem
    }
}

.campaign-slider .information .properties {
    font-size: 1.4rem;
    line-height: 1.6em
}

.campaign-slider .information .button {
    background-color: #00b3c8;
    border-radius: 0;
    bottom: 0;
    color: #ffffff;
    display: inline-block;
    font-family: 'Panton', sans-serif;
    font-size: 1.8rem;
    font-weight: normal;
    height: 4.2rem;
    left: 0;
    position: absolute;
    text-decoration: none;
    text-transform: lowercase;
    width: 100%
}

.campaign-slider .information .button:first-letter {
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .campaign-slider .information .button {
        font-size: 4.4rem;
        height: auto
    }
}

.campaign-slider .campaign-product-link:hover {
    color: #000000;
    cursor: pointer;
    text-decoration: none
}

.campaign-slider .campaign-product-link .product-name {
    line-height: initial
}

.campaign-slider .old-price {
    color: #000000;
    font-size: 2rem;
    font-weight: normal;
    line-height: 2.2rem;
    text-decoration: line-through !important
}

@media only screen and (max-width: 767px) {
    .campaign-slider .old-price {
        font-size: 4rem;
        line-height: 4.4rem
    }
}

.campaign-slider .price {
    color: #000000;
    font-size: 2rem;
    line-height: 2.2rem
}

@media only screen and (max-width: 767px) {
    .campaign-slider .price {
        font-size: 4rem;
        line-height: 4.4rem;
        margin-left: 1rem
    }
}

.campaign-slider .name .discount {
    background-color: #eb211d;
    border-left: solid 2px #9c1301;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-family: "Trade Gothic Bold";
    font-size: 2.1rem;
    font-weight: 900;
    line-height: normal;
    margin-right: 1.5rem;
    padding: .7rem;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .campaign-slider .name .discount {
        font-size: 4.2rem;
        margin-right: 3rem;
        padding: 1.4rem
    }
}

.campaign-slider .name .discount .text {
    display: block;
    font-size: 1.2rem;
    font-weight: 900
}

@media only screen and (max-width: 767px) {
    .campaign-slider .name .discount .text {
        font-size: 2.4rem
    }
}

.campaign-slider .name .discount:after {
    background-size: cover;
    background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MiAxNCIgdmlld0JveD0iMCAwIDUyIDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDEuOSAyNiAxMi4xIDI2LTEyLjF2LTEuOWgtNTJ6IiBmaWxsPSIjODAwZjAxIi8+PHBhdGggZD0ibTAgMHYuM2wyNiAxMS43IDI2LTExLjd2LS4zeiIgZmlsbD0iI2ViMjExZCIvPjwvc3ZnPg==) no-repeat;
    bottom: -1.2rem;
    content: '';
    display: block;
    height: 1.4rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .campaign-slider .name .discount:after {
        bottom: -2.4rem;
        height: 2.8rem
    }
}

@media only screen and (max-width: 767px) {
    .page-homepage .slider-campaign-day {
        margin-top: 6rem;
        padding: 0 2rem
    }
}

.homepage-single-banner {
    width: 100%;
    overflow: hidden
}

.homepage-single-banner__item:not(:last-child) {
    margin-bottom: 10px
}

.homepage-single-banner__item a, .homepage-single-banner__item picture {
    display: block
}

.homepage-single-banner__item img {
    width: 100%
}

.homepage-triple-banner {
    width: 100%;
    height: 100%;
    margin-top: 10px
}

.homepage-triple-banner__item {
    display: grid;
    grid-template-areas:'large smallTop' 'large smallBottom';
    width: 100%;
    height: auto;
    grid-template-columns:2fr 1fr;
    grid-gap: 10px
}

.homepage-triple-banner__item:not(:last-child) {
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .homepage-triple-banner__item {
        grid-template-areas:'large' 'smallTop' 'smallBottom';
        grid-template-columns:1fr
    }
}

.homepage-triple-banner__item img {
    width: 100%;
    height: auto
}

.homepage-triple-banner__item--large {
    grid-area: large
}

.homepage-triple-banner__item--smallTop {
    grid-area: smallTop
}

.homepage-triple-banner__item--smallBottom {
    grid-area: smallBottom
}

.recommended-item {
    background: #f7f6f2;
    border: 0 none #000000;
    margin: 5px;
    padding: 10px
}

.recommended-item-photo {
    text-align: center
}

.recommended-item-title {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #333;
    min-height: 50px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    overflow: hidden
}

@media (max-width: 600px) {
    .recommended-item-title {
        font-size: 12px
    }
}

.recommended-item-title a {
    color: #000000
}

.recommended-item-price {
    text-align: center;
    margin-bottom: 10px
}

.recommended-item-price .prices {
    color: #333;
    font-size: 14px;
    line-height: 2.3rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 46px
}

.recommended-item-price .prices .old {
    color: #bababa;
    text-decoration: line-through
}

.recommended-item-price .prices .current.discount {
    color: #eb211d
}

.recommended-item-actions button {
    font-size: 1.3rem;
    padding: 5px
}

@media (max-width: 600px) {
    .recommended-item-actions button {
        font-size: 3rem
    }
}

.recommended {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 5px
}

.recommended-items {
    width: 100%;
    float: left
}

.recommended-items .slick-arrow {
    background: unset;
    border: 0;
    position: absolute;
    left: 0;
    top: 43%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transform: translateY(-50%)
}

.recommended-items .slick-arrow.slick-right {
    left: auto;
    right: 8px;
    margin-left: 0
}

.recommended-items .icon-chevron_left:before {
    content: "\2190";
    opacity: 1;
    color: #00b3c8;
    font-size: 40px;
    font-family: 'slick'
}

.recommended-items .icon-chevron_right:before {
    content: "\2192";
    opacity: 1;
    color: #00b3c8;
    font-size: 40px;
    font-family: 'slick'
}

.widget--popular-categories__item-wrapper.recommendation-widget {
    margin-top: 0;
    padding: 20px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

.widget--popular-categories__item-wrapper.recommendation-widget:nth-child(3n+0) {
    border-right: none
}

.new-campaign {
    float: left;
    width: 100%;
    margin-top: 40px
}

.new-campaign-title {
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 35px;
    color: #00b3c8;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 1.5
}

@media (max-width: 600px) {
    .new-campaign-title {
        font-size: 4rem
    }

    .new-campaign-title a {
        font-size: 13px
    }
}

.new-campaign-title a {
    font-size: 15px;
    color: #fddd00
}

.new-campaign-img {
    padding: 10px 5px;
    width: 20%;
    float: left
}

@media (max-width: 600px) {
    .new-campaign-img {
        width: 100%
    }
}

.new-campaign-img img {
    border-radius: 10px
}

.new-campaign-reco {
    width: 80%;
    float: left
}

.new-campaign-reco .recommended-item-actions button {
    font-size: 1.8rem
}

@media (max-width: 600px) {
    .new-campaign-reco .recommended-item-actions button {
        font-size: 3rem
    }
}

@media (max-width: 600px) {
    .new-campaign-reco {
        width: 100%
    }
}

.recommendation-blog {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.recommendation-blog--items {
    background-color: #eff5f7;
    width: 100%;
    float: left
}

.recommendation-blog--items .slick-slide > div {
    padding: 20px
}

.recommendation-blog--items .nav {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    width: 30px;
    height: 50px;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: solid 1px #ececec;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)
}

.recommendation-blog--items .nav:hover {
    background-color: #f1f1f1
}

.recommendation-blog--items .nav-right {
    left: auto;
    right: 0;
    margin-left: 0
}

.recommendation-blog--title {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    padding: 15px 0
}

.recommendation-blog--title img {
    height: 35px;
    margin-left: 15px
}

@media only screen and (max-width: 767px) {
    .recommendation-blog {
        margin-bottom: 10px
    }

    .recommendation-blog--items .slick-slide > div {
        padding: 10px
    }

    .recommendation-blog--title {
        font-size: 18px;
        padding: 10px 0 10px 15px
    }

    .recommendation-blog--title img {
        height: 21px;
        margin-left: 10px
    }
}

.timer-widget {
    padding: 20px
}

.timer-widget .campaign-slider {
    max-height: 100%
}

@media (max-width: 767px) {
    .timer-widget .campaign-slider {
        padding: 0;
        margin-top: 3rem
    }
}

.timer-widget .campaign-slider .slider-item {
    height: 100%
}

.timer-widget .campaign-slider .information .button {
    position: relative
}

.timer-widget .campaign-slider .information .name {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.kapida-landing-page-main {
    background-color: #00abc7;
    height: 575px;
    position: relative
}

.kapida-landing-page-main--content {
    float: right;
    top: 35%
}

.kapida-landing-page-main--image {
    width: 300px;
    left: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 12%;
    z-index: 2
}

.kapida-landing-page-main--text-area p {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.28;
    color: white
}

.kapida-landing-page-main--text-area h1, .kapida-landing-page-main--text-area h2 {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: .65px;
    margin-top: 35px;
    margin-bottom: 10px
}

.kapida-landing-page-main--stories .story-item {
    display: inline-flex;
    margin-right: 5px
}

.kapida-landing-page-main--stories .story-item img {
    height: 30px
}

.kapida-landing-page-introduction--text-area {
    text-align: center;
    margin-top: 150px
}

.kapida-landing-page-introduction--text-area h1, .kapida-landing-page-introduction--text-area h2 {
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: .94px;
    color: #00abc7;
    text-transform: uppercase
}

.kapida-landing-page-introduction--text-area p {
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #00abc7;
    padding: 15px 60px
}

.kapida-landing-page-introduction--steps .intro-step {
    padding: 20px;
    display: inline-flex;
    justify-content: center
}

.kapida-landing-page-introduction--steps .intro-step img {
    height: 250px
}

.kapida-landing-page-how-to-use--title {
    font-size: 38px;
    font-weight: bold;
    line-height: 1.07;
    letter-spacing: .94px;
    color: #00abc7;
    text-align: center;
    margin-top: 30px
}

.kapida-landing-page-how-to-use--steps .step {
    display: flex;
    align-items: center;
    padding: 40px
}

.kapida-landing-page-how-to-use--steps .step img {
    width: 285px
}

.kapida-landing-page-how-to-use--steps .step .step-text-area {
    padding-left: 35px;
    padding-right: 70px
}

.kapida-landing-page-how-to-use--steps .step .step-text-area h1, .kapida-landing-page-how-to-use--steps .step .step-text-area h2 {
    font-size: 38px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: .94px;
    color: #05283a;
    text-align: center;
    margin-bottom: 18px
}

.kapida-landing-page-how-to-use--steps .step .step-text-area p {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.02;
    color: #00abc7
}

.kapida-landing-page-how-to-use--steps .step:last-child .step-text-area h1, .kapida-landing-page-how-to-use--steps .step:last-child .step-text-area h2 {
    color: white;
    background-color: #00abc7;
    padding: 5px
}

@media only screen and (max-width: 767px) {
    .kapida-landing-page-main {
        height: 420px
    }

    .kapida-landing-page-main--image {
        width: 150px;
        top: 58%
    }

    .kapida-landing-page-main--content {
        top: 0;
        padding: 30px
    }

    .kapida-landing-page-main--text-area p {
        font-size: 18px
    }

    .kapida-landing-page-main--text-area h1, .kapida-landing-page-main--text-area h2 {
        font-size: 24px
    }

    .kapida-landing-page-main--stories .story-item img {
        height: 27px
    }

    .kapida-landing-page-introduction--text-area h1, .kapida-landing-page-introduction--text-area h2 {
        font-size: 32px
    }

    .kapida-landing-page-introduction--text-area p {
        font-size: 20px;
        padding: 20px
    }

    .kapida-landing-page-introduction--steps .intro-step img {
        height: 195px
    }

    .kapida-landing-page-how-to-use--title {
        font-size: 32px;
        margin-top: 20px
    }

    .kapida-landing-page-how-to-use--steps .step {
        padding: 20px
    }

    .kapida-landing-page-how-to-use--steps .step img {
        width: 170px
    }

    .kapida-landing-page-how-to-use--steps .step .step-text-area {
        padding: 0 15px
    }

    .kapida-landing-page-how-to-use--steps .step .step-text-area h1, .kapida-landing-page-how-to-use--steps .step .step-text-area h2 {
        font-size: 24px;
        text-align: left
    }

    .kapida-landing-page-how-to-use--steps .step .step-text-area p {
        font-size: 18px
    }
}

.double-banner {
    width: 100%
}

.double-banner--item {
    margin-bottom: 20px
}

.double-banner--item a {
    display: block
}

.double-banner--item img {
    border-radius: 25px
}

.single-banner {
    width: 100%;
    margin-bottom: 20px
}

.single-banner--item {
    display: block
}

.single-banner--item img {
    border-radius: 25px
}

@media only screen and (max-width: 767px) {
    .single-banner {
        margin-bottom: 10px
    }

    .single-banner--item img {
        border-radius: 15px
    }
}

.triple-slider {
    width: 100%;
    padding: 35px 30px;
    margin: 15px 0
}

.triple-slider--item {
    display: block
}

.triple-slider--item img {
    border-radius: 25px
}

.triple-slider .slick-dots {
    bottom: 5px
}

@media only screen and (max-width: 767px) {
    .triple-slider {
        padding: 25px 15px;
        margin: 10px 0
    }

    .triple-slider--item img {
        border-radius: 15px
    }

    .triple-slider .slick-dots {
        bottom: 0
    }
}

.contact-tab-content {
    line-height: normal
}

.contact-tab-content b, .contact-tab-content strong {
    font-weight: 700
}

.contact-tab-content i {
    font-style: italic
}

.contact-tab-content h1 {
    font-size: 2em;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .contact-tab-content h1 {
        font-size: 28px
    }
}

.contact-tab-content h2 {
    font-size: 1.5em;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .contact-tab-content h2 {
        font-size: 24px
    }
}

.contact-tab-content h3 {
    font-size: 1.17em;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .contact-tab-content h3 {
        font-size: 18px
    }
}

.contact-tab-content p {
    margin: 0 0 5px 0 !important
}

.contact-tab-content .content-title {
    color: #00bad0;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 10px
}

.phone-number-verification-content {
    font-size: 13px;
    line-height: normal
}

.phone-number-verification-content a {
    color: #00b3c8;
    font-weight: bold;
    text-decoration: underline
}

.phone-number-verification-content b, .phone-number-verification-content strong {
    font-weight: 700
}

.phone-number-verification-content i {
    font-style: italic
}

.phone-number-verification-content p {
    font-size: 16px
}

@media (max-width: 768px) {
    .phone-number-verification-content p {
        font-size: 14px
    }
}

.phone-number-verification-content h1 {
    font-size: 2em
}

@media (max-width: 768px) {
    .phone-number-verification-content h1 {
        font-size: 28px
    }
}

.phone-number-verification-content h2 {
    font-size: 1.5em
}

@media (max-width: 768px) {
    .phone-number-verification-content h2 {
        font-size: 24px
    }
}

.phone-number-verification-content h3 {
    font-size: 1.17em
}

@media (max-width: 768px) {
    .phone-number-verification-content h3 {
        font-size: 18px
    }
}

@-webkit-keyframes cookieseal-slide-in {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes cookieseal-slide-in {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes cookieseal-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes cookieseal-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

#cookieseal-banner {
    z-index: 102;
    display: none;
    position: fixed;
    bottom: 0;
    background-color: #00b3c8;
    width: 100%;
    -webkit-animation-name: cm-slideIn;
    -webkit-animation-duration: .4s;
    animation-name: cm-slideIn;
    animation-duration: .4s;
    font-size: 16px
}

#cookieseal-banner p {
    padding-right: 5%;
    padding-left: 2%;
    max-width: 75%
}

#cookieseal-banner .cookieseal-banner-body {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 2px 0 2px 2px
}

#cookieseal-banner .cookieseal-banner-body p {
    flex: 1;
    align-self: flex-end;
    line-height: 20px
}

#cookieseal-banner button {
    background-color: #fddd00;
    border: none;
    border-radius: 3px;
    margin: 5px 2px 10px;
    min-height: 25px;
    font: inherit;
    font-size: 14px;
    padding: 0 20px;
    color: #000;
    font-weight: bold;
    min-width: 150px
}

#cookieseal-banner button#cookieseal-banner-close {
    align-self: flex-start;
    margin: 5px 0;
    background: none;
    font-weight: bold;
    cursor: pointer
}

#cookieseal-banner a {
    color: #fff;
    margin: 0 10px;
    font-size: 13px
}

@media screen and (max-width: 600px) {
    #cookieseal-banner .cookieseal-banner-body {
        display: block
    }

    #cookieseal-banner p {
        padding-right: 5%;
        padding-left: 2%;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    btn, button {
        width: 100%
    }
}

.cookie-seal-banner .cookieseal-banner-body p {
    flex-basis: 100%
}

.cookie-seal-banner button#cm-banner-customize {
    margin: 8px 16px 8px 0
}

.cookie-seal-banner button#cm-banner-accept-all {
    margin-right: 16px
}

.cookie-seal-banner button#cookieseal-banner-close {
    order: -1
}

#cs-seal-popup {
    display: none;
    position: fixed;
    z-index: 1101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-animation-name: cookieseal-fade-in;
    -webkit-animation-duration: .4s;
    animation-name: cookieseal-fade-in;
    animation-duration: .4s;
    font-family: "DINPro-Regular", sans-serif;
    font-size: 14px
}

#cs-seal-popup .cs-popup-content {
    background-color: #fefefe;
    max-height: 90%
}

#cs-seal-popup .cs-popup-content .cs-popup-content-brand {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    height: 90px;
    justify-content: space-between
}

#cs-seal-popup .cs-popup-content .cs-popup-content-brand h1 {
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-brand .cs-popup-content-brand-logo {
    margin-right: 20px;
    display: none
}

#cs-seal-popup .cs-popup-content .cs-popup-content-brand .cs-popup-content-brand-logo img {
    height: 80px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-bottom {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #ccc;
    background-color: #f2f2f2;
    min-height: 60px;
    flex-wrap: wrap;
    padding: 8px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-bottom p {
    font-size: 12px;
    margin: 5px 0;
    flex-shrink: 1
}

#cs-seal-popup .cs-popup-content .cs-popup-content-bottom > div {
    flex-shrink: 0
}

#cs-seal-popup .cs-popup-content .cs-popup-content-bottom button {
    background-color: #00b3c8;
    border: none;
    border-radius: 5px;
    height: 35px;
    font: inherit;
    font-size: 13px;
    padding: 0 20px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 5px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs {
    width: 600px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .state {
    position: absolute;
    left: -10000px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: white
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel {
    background-color: #fff;
    padding: 0 20px;
    overflow: hidden;
    max-height: 0;
    width: 100%;
    flex-basis: auto
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header h3 {
    font-size: 14px;
    font-weight: bold;
    width: 56%;
    display: inline-block
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-tabs-flex-tabs-panel-tab-content-header-setting {
    display: block;
    float: right;
    width: 20%;
    text-align: right
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-slider:before {
    position: absolute;
    content: '';
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 26px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header input:checked + .cs-popup-content-slider {
    background-color: #ff8724
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header input:checked + .cs-popup-content-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header input:focus + .cs-popup-content-slider {
    box-shadow: 0 0 1px #ff8724
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-tabs-flex-tabs-panel-tab-content-header-switch-title {
    font-size: 12px;
    font-weight: bold
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-tabs-flex-tabs-panel-tab-content-header-switch-title.active {
    color: #ff8724
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header .cs-popup-content-tabs-flex-tabs-panel-tab-content-header-switch-title.inactive {
    color: #dcdcdc
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content p {
    font-size: 13px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .details {
    display: flex
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .description {
    width: 360px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .description p {
    margin: 0;
    text-align: justify
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cookies {
    margin-left: 20px;
    overflow: scroll;
    height: 190px;
    width: 150px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cookies h4 {
    font-size: 13px;
    font-weight: bold;
    color: #0EB8FF;
    margin-top: 0
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cookies span {
    font-size: 12px;
    font-weight: 300;
    color: #000;
    display: block;
    overflow: hidden;
    word-break: break-word;
    margin-bottom: 4px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs label.tab {
    font-weight: bold;
    font-size: 12px;
    width: 80px;
    word-wrap: break-word;
    flex-grow: 1;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    background-color: #eee;
    cursor: hand;
    cursor: pointer;
    border-left: 10px solid #ccc
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs label.tab:hover {
    background-color: #fff
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-1:checked ~ .cs-popup-content-tabs-flex-tabs #tab-1-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #00b3c8
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-1:checked ~ .cs-popup-content-tabs-flex-tabs #tab-1-panel {
    max-height: 1000px;
    padding: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-2:checked ~ .cs-popup-content-tabs-flex-tabs #tab-2-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #00b3c8
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-2:checked ~ .cs-popup-content-tabs-flex-tabs #tab-2-panel {
    max-height: 1000px;
    padding: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-3:checked ~ .cs-popup-content-tabs-flex-tabs #tab-3-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #00b3c8
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-3:checked ~ .cs-popup-content-tabs-flex-tabs #tab-3-panel {
    max-height: 1000px;
    padding: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-4:checked ~ .cs-popup-content-tabs-flex-tabs #tab-4-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #00b3c8
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-4:checked ~ .cs-popup-content-tabs-flex-tabs #tab-4-panel {
    max-height: 1000px;
    padding: 20px
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-5:checked ~ .cs-popup-content-tabs-flex-tabs #tab-5-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #00b3c8
}

#cs-seal-popup .cs-popup-content .cs-popup-content-tabs #tab-5:checked ~ .cs-popup-content-tabs-flex-tabs #tab-5-panel {
    max-height: 1000px;
    padding: 20px
}

@media (max-width: 600px) {
    #cs-seal-popup .cs-popup-content {
        width: 100%
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs {
        width: 100%
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs {
        flex-direction: column
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .tab {
        background: #fff;
        border-bottom: 1px solid #ccc
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .tab:last-of-type {
        border-bottom: none
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs label.tab {
        width: 100%
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel {
        padding: 0
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cookies {
        display: none
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .cs-popup-content-tabs-flex-tabs-panel-tab-content-header {
        justify-content: unset
    }

    #cs-seal-popup .cs-popup-content .cs-popup-content-tabs .cs-popup-content-tabs-flex-tabs .cs-popup-content-tabs-flex-tabs-panel .cs-popup-content-tabs-flex-tabs-panel-tab-content .details .description {
        width: 100%
    }
}