/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:
design/themes/pnjrovski/css/styles.less
design/themes/pnjrovski/css/tygh/responsive.less
design/themes/pnjrovski/css/lib/select2/select2.min.css
design/themes/pnjrovski/css/addons/social_buttons/styles.less
design/themes/pnjrovski/css/addons/social_buttons/responsive.less
design/themes/pnjrovski/css/addons/divido/styles.less
design/themes/pnjrovski/css/addons/tags/styles.less
design/themes/pnjrovski/css/addons/rss_feed/styles.less
design/themes/pnjrovski/css/addons/newsletters/styles.less
design/themes/pnjrovski/css/addons/mp_orders_extension/styles.less
design/themes/pnjrovski/css/addons/gift_certificates/styles.less
design/themes/pnjrovski/css/addons/gift_certificates/responsive.less
design/themes/pnjrovski/css/addons/store_locator/styles.less
design/themes/pnjrovski/css/addons/store_locator/responsive.less
design/themes/pnjrovski/css/addons/blog/styles.less
design/themes/pnjrovski/css/addons/blog/responsive.less
design/themes/pnjrovski/css/addons/call_requests/styles.less
design/themes/pnjrovski/css/addons/form_builder/styles.less
design/themes/pnjrovski/css/addons/form_builder/responsive.less
design/themes/pnjrovski/css/addons/banners/styles.less
design/themes/pnjrovski/css/addons/mp_core/animate.less
design/themes/pnjrovski/css/addons/mp_core/new_mp_styles.less
design/themes/pnjrovski/css/addons/mp_core/appleple-modal-video/modal-video.min.css
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/mp_styles_mobile.less
design/themes/pnjrovski/css/addons/mp_core/product_description.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/mp_styles_just_not_homepage_general.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/mp_styles_just_not_homepage_mobile.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/not_index_and_view_general.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/not_index_and_view_mobile.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/mp_filters_products_general.less
design/themes/pnjrovski/css/addons/mp_core/pnj_rovski/mp_filters_products_mobile.less
design/themes/pnjrovski/css/addons/discussion/styles.less
design/themes/pnjrovski/css/addons/discussion/responsive.less
design/themes/pnjrovski/css/addons/mp_vendor_extension/styles.less
design/themes/pnjrovski/css/addons/mp_products_extension/general_products.less
design/themes/pnjrovski/css/addons/mp_products_extension/styles.less
design/themes/pnjrovski/css/addons/mp_products_extension/mobile_products.less
design/themes/pnjrovski/css/addons/mp_products_extension/heart2heart_products.less
design/themes/pnjrovski/css/addons/mp_products_extension/addon_not_index_and_view_general.less
design/themes/pnjrovski/css/addons/mp_products_extension/addon_not_index_and_view_mobile.less
design/themes/pnjrovski/css/addons/mp_products_extension/addon_not_index_general.less
design/themes/pnjrovski/css/addons/mp_products_extension/addon_not_index_mobile.less
*/


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

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

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

.select2-results {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

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

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

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

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

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

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

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

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

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

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

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

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

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

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

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

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

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

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

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

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

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

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

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

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

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

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

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

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

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

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

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

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

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

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    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;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    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: white;
}

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

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

@keyframes modal-video {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

.modal-video-close-btn:before {
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px
}

@charset "UTF-8";

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.eot?1695311804') format('embedded-opentype'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.woff?1695311804') format('woff'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.ttf?1695311804') format('truetype'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.svg?1695311804') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PNJ Demibold';
    font-style: normal;
    font-display: swap;
    src: local('PNJ Demibold'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/PNJ-DemiBold.otf?1695311804') format('otf'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/PNJ-DemiBold.ttf?1695311804') format('truetype');
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.clearfix:after {
    clear: both;
}

.input-block-level {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: thin dotted;
}

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

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

i,
em,
dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

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: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

.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-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

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

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

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

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

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

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

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

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

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em;
}

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

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

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

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

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

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

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

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

.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-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: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.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: -0.3em;
    margin-left: -0.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: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    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: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.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: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

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

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

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_flat_75_ffffff_40x100.png?1695311804') 50% 50% repeat-x;
    color: #222;
}

.ui-widget-content>a {
    color: #222;
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_highlight-soft_75_cccccc_1x100.png?1695311804') 50% 50% repeat-x;
    color: #222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_glass_75_e6e6e6_1x400.png?1695311804') 50% 50% repeat-x;
    font-weight: normal;
    color: #555;
}

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

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_glass_75_dadada_1x400.png?1695311804') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

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

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_glass_65_ffffff_1x400.png?1695311804') 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_glass_55_fbf9ee_1x400.png?1695311804') 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_glass_95_fef1ec_1x400.png?1695311804') 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

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

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

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

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

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

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('../imgs/ui-icons_222222_256x240.png');
}

.ui-widget-header .ui-icon {
    background-image: url('../imgs/ui-icons_222222_256x240.png');
}

.ui-state-default .ui-icon {
    background-image: url('../imgs/ui-icons_888888_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url('../imgs/ui-icons_454545_256x240.png');
}

.ui-state-active .ui-icon {
    background-image: url('../imgs/ui-icons_454545_256x240.png');
}

.ui-state-highlight .ui-icon {
    background-image: url('../imgs/ui-icons_2e83ff_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url('../imgs/ui-icons_cd0a0a_256x240.png');
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-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: -64px -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: -64px -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: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    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-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

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

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

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

.ui-widget-overlay {
    background: #aaa url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_flat_0_aaaaaa_40x100.png?1695311804') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url('https://cdn.pnj.io/design/themes/responsive/media/images/lib/ui/ui-bg_flat_0_aaaaaa_40x100.png?1695311804') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}

.row {
    margin-left: -20px;
}

.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 940px;
}

.span16 {
    width: 940px;
}

.span15 {
    width: 880px;
}

.span14 {
    width: 820px;
}

.span13 {
    width: 760px;
}

.span12 {
    width: 700px;
}

.span11 {
    width: 640px;
}

.span10 {
    width: 580px;
}

.span9 {
    width: 520px;
}

.span8 {
    width: 460px;
}

.span7 {
    width: 400px;
}

.span6 {
    width: 340px;
}

.span5 {
    width: 280px;
}

.span4 {
    width: 220px;
}

.span3 {
    width: 160px;
}

.span2 {
    width: 100px;
}

.span1 {
    width: 40px;
}

.offset16 {
    margin-left: 980px;
}

.offset15 {
    margin-left: 920px;
}

.offset14 {
    margin-left: 860px;
}

.offset13 {
    margin-left: 800px;
}

.offset12 {
    margin-left: 740px;
}

.offset11 {
    margin-left: 680px;
}

.offset10 {
    margin-left: 620px;
}

.offset9 {
    margin-left: 560px;
}

.offset8 {
    margin-left: 500px;
}

.offset7 {
    margin-left: 440px;
}

.offset6 {
    margin-left: 380px;
}

.offset5 {
    margin-left: 320px;
}

.offset4 {
    margin-left: 260px;
}

.offset3 {
    margin-left: 200px;
}

.offset2 {
    margin-left: 140px;
}

.offset1 {
    margin-left: 80px;
}

.row-fluid {
    width: 100%;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.1276595744681%;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.1276595744681%;
}

.row-fluid .span16 {
    width: 100%;
}

.row-fluid .span15 {
    width: 93.617021276596%;
}

.row-fluid .span14 {
    width: 87.234042553191%;
}

.row-fluid .span13 {
    width: 80.851063829787%;
}

.row-fluid .span12 {
    width: 74.468085106383%;
}

.row-fluid .span11 {
    width: 68.085106382979%;
}

.row-fluid .span10 {
    width: 61.702127659574%;
}

.row-fluid .span9 {
    width: 55.31914893617%;
}

.row-fluid .span8 {
    width: 48.936170212766%;
}

.row-fluid .span7 {
    width: 42.553191489362%;
}

.row-fluid .span6 {
    width: 36.170212765957%;
}

.row-fluid .span5 {
    width: 29.787234042553%;
}

.row-fluid .span4 {
    width: 23.404255319149%;
}

.row-fluid .span3 {
    width: 17.021276595745%;
}

.row-fluid .span2 {
    width: 10.63829787234%;
}

.row-fluid .span1 {
    width: 4.2553191489362%;
}

.row-fluid .offset16 {
    margin-left: 104.25531914894%;
}

.row-fluid .offset16:first-child {
    margin-left: 102.12765957447%;
}

.row-fluid .offset15 {
    margin-left: 97.872340425532%;
}

.row-fluid .offset15:first-child {
    margin-left: 95.744680851064%;
}

.row-fluid .offset14 {
    margin-left: 91.489361702128%;
}

.row-fluid .offset14:first-child {
    margin-left: 89.36170212766%;
}

.row-fluid .offset13 {
    margin-left: 85.106382978723%;
}

.row-fluid .offset13:first-child {
    margin-left: 82.978723404255%;
}

.row-fluid .offset12 {
    margin-left: 78.723404255319%;
}

.row-fluid .offset12:first-child {
    margin-left: 76.595744680851%;
}

.row-fluid .offset11 {
    margin-left: 72.340425531915%;
}

.row-fluid .offset11:first-child {
    margin-left: 70.212765957447%;
}

.row-fluid .offset10 {
    margin-left: 65.957446808511%;
}

.row-fluid .offset10:first-child {
    margin-left: 63.829787234043%;
}

.row-fluid .offset9 {
    margin-left: 59.574468085106%;
}

.row-fluid .offset9:first-child {
    margin-left: 57.446808510638%;
}

.row-fluid .offset8 {
    margin-left: 53.191489361702%;
}

.row-fluid .offset8:first-child {
    margin-left: 51.063829787234%;
}

.row-fluid .offset7 {
    margin-left: 46.808510638298%;
}

.row-fluid .offset7:first-child {
    margin-left: 44.68085106383%;
}

.row-fluid .offset6 {
    margin-left: 40.425531914894%;
}

.row-fluid .offset6:first-child {
    margin-left: 38.297872340426%;
}

.row-fluid .offset5 {
    margin-left: 34.042553191489%;
}

.row-fluid .offset5:first-child {
    margin-left: 31.914893617021%;
}

.row-fluid .offset4 {
    margin-left: 27.659574468085%;
}

.row-fluid .offset4:first-child {
    margin-left: 25.531914893617%;
}

.row-fluid .offset3 {
    margin-left: 21.276595744681%;
}

.row-fluid .offset3:first-child {
    margin-left: 19.148936170213%;
}

.row-fluid .offset2 {
    margin-left: 14.893617021277%;
}

.row-fluid .offset2:first-child {
    margin-left: 12.765957446809%;
}

.row-fluid .offset1 {
    margin-left: 8.5106382978723%;
}

.row-fluid .offset1:first-child {
    margin-left: 6.3829787234043%;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
    display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

.container:before,
.container:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.container:after {
    clear: both;
}

.container-fluid {
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.container-fluid:after {
    clear: both;
}

@font-face {
    font-family: FontAwesome;
    src: url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.eot?1695311804');
    src: url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.eot?1695311804') format('embedded-opentype'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.woff?1695311804') format('woff'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.ttf?1695311804') format('truetype'), url('https://cdn.pnj.io/design/themes/pnjrovski/media/fonts/fontawesome/fontawesome-webfont.svg?1695311804') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

[class*="ty-icon-"]:before {
    font-family: FontAwesomes;
}

.ty-icon-up-dir,
.ty-icon-right-dir,
.ty-icon-down-dir,
.ty-icon-left-dir,
.ty-icon-star-empty,
.ty-icon-th-list,
.ty-icon-heart,
.ty-icon-flight,
.ty-icon-ok,
.ty-icon-cancel,
.ty-icon-cancel-circle,
.ty-icon-minus-circle,
.ty-icon-right-thin,
.ty-icon-cw,
.ty-icon-left-circle,
.ty-icon-right-circle,
.ty-icon-help-circle,
.ty-icon-back,
.ty-icon-products-multicolumns,
.ty-icon-print,
.ty-icon-chat,
.ty-icon-article-alt,
.ty-icon-docs,
.ty-icon-zoom-in,
.ty-icon-zoom-out,
.ty-icon-down-open,
.ty-icon-left-open,
.ty-icon-right-open,
.ty-icon-up-open,
.ty-icon-down-micro,
.ty-icon-up-micro,
.ty-icon-right-open-thin,
.ty-icon-left-open-thin,
.ty-icon-products-without-options,
.ty-icon-short-list,
.ty-icon-plus-circle,
.ty-icon-user,
.ty-icon-doc-text,
.ty-icon-calendar,
.ty-icon-chart-bar,
.ty-icon-download,
.ty-icon-search,
.ty-icon-lock,
.ty-icon-popup,
.ty-icon-plus,
.ty-icon-folder,
.ty-icon-folder-open,
.ty-icon-mail,
.ty-icon-twitter,
.ty-icon-facebook,
.ty-icon-file,
.ty-icon-trashcan,
.ty-icon-d-arrow,
.ty-icon-bubble,
.ty-icon-upload,
.ty-icon-cog,
.ty-icon-square,
.ty-icon-arrow-up-right,
.ty-icon-arrow-up-left,
.ty-icon-arrow-down-left,
.ty-icon-arrow-down-right,
.ty-icon-arrow-down,
.ty-icon-arrow-up,
.ty-icon-arrow-left,
.ty-icon-arrow-right,
.ty-icon-star,
.ty-icon-star-half,
.ty-icon-refresh,
.ty-icon-basket,
.ty-icon-image,
.icon-image,
.ty-icon-edit,
.ty-icon-live-edit,
.ty-icon-gift,
.ty-icon-ban-circle,
.ty-icon-wrench,
.ty-icon-feed,
.ty-icon-cart {
    font-family: FontAwesomes;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.ty-icon-up-dir:before {
    content: "\f0de";
    font-size: 12px;
}

.ty-icon-right-dir:before {
    content: "\f0da";
}

.ty-icon-down-dir:before {
    content: "\f0dd";
    font-size: 12px;
    vertical-align: top;
}

.ty-icon-left-dir:before {
    content: "\f0d9";
}

.ty-icon-star-empty:before {
    content: "\f005";
    color: rgba(189, 142, 38, 0.3);
}

.ty-icon-th-list:before {
    content: "\e005";
}

.ty-icon-heart:before {
    content: "\e006";
}

.ty-icon-flight:before {
    content: "\f072";
}

.ty-icon-ok:before {
    content: "\f00c";
}

.ty-icon-cancel:before {
    content: "\e009";
}

.ty-icon-cancel-circle:before {
    content: "\f057";
}

.ty-icon-minus-circle:before {
    content: "\e00b";
}

.ty-icon-right-thin:before {
    content: "\e00c";
}

.ty-icon-cw:before {
    content: "\f01e";
}

.ty-icon-left-circle:before {
    content: "\f137";
}

.ty-icon-right-circle:before {
    content: "\f138";
}

.ty-icon-help-circle:before {
    content: "\e010";
}

.ty-icon-back:before {
    content: "\e011";
}

.ty-icon-products-multicolumns:before {
    content: "\e012";
}

.ty-icon-print:before {
    content: "\f02f";
}

.ty-icon-chat:before {
    content: "\f086";
}

.ty-icon-article-alt:before {
    content: "\e015";
}

.ty-icon-docs:before {
    content: "\e016";
}

.ty-icon-zoom-in:before {
    content: "\e017";
}

.ty-icon-zoom-out:before {
    content: "\e018";
}

.ty-icon-down-open:before {
    content: "\f107";
}

.ty-icon-left-open:before {
    content: "\f104";
}

.ty-icon-right-open:before {
    content: "\f105";
}

.ty-icon-up-open:before {
    content: "\f106";
}

.ty-icon-down-micro:before {
    content: "\f0d7";
}

.ty-icon-up-micro:before {
    content: "\f0d8";
}

.ty-icon-right-open-thin:before {
    content: "\f105";
}

.ty-icon-left-open-thin:before {
    content: "\f104";
}

.ty-icon-products-without-options:before {
    content: "\e021";
}

.ty-icon-short-list:before {
    content: "\e022";
}

.ty-icon-plus-circle:before {
    content: "\f055";
}

.ty-icon-user:before {
    content: "\e024";
}

.ty-icon-doc-text:before {
    content: "\f0f6";
}

.ty-icon-calendar:before {
    content: "\f073";
    opacity: 0.7;
}

.ty-icon-chart-bar:before {
    content: "\e027";
}

.ty-icon-download:before {
    content: "\e028";
}

.ty-icon-search:before {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -622px -34px;
    color: #bd8e26;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 17px;
    content: "";
}

.ty-icon-lock:before {
    content: "\f023";
    opacity: 0.7;
}

.ty-icon-popup:before {
    content: "\e02b";
}

.ty-icon-plus:before {
    content: "\e02c";
}

.ty-icon-folder:before {
    content: "\e02d";
}

.ty-icon-folder-open:before {
    content: "\e02e";
}

.ty-icon-mail:before {
    content: "\e02f";
}

.ty-icon-twitter:before {
    content: "\e600";
}

.ty-icon-facebook:before {
    content: "\e601";
}

.ty-icon-file:before {
    content: "\e032";
}

.ty-icon-trashcan:before {
    content: "\f014";
}

.ty-icon-d-arrow:before {
    content: "\e602";
}

.ty-icon-bubble:before {
    content: "\e035";
}

.ty-icon-upload:before {
    content: "\e036";
}

.ty-icon-cog:before {
    content: "\e037";
}

.ty-icon-square:before {
    content: "\e038";
}

.ty-icon-arrow-up-right:before {
    content: "\e039";
}

.ty-icon-arrow-up-left:before {
    content: "\e03a";
}

.ty-icon-arrow-down-left:before {
    content: "\e03b";
}

.ty-icon-arrow-down-right:before {
    content: "\e03c";
}

.ty-icon-arrow-down:before {
    content: "\e03d";
}

.ty-icon-arrow-up:before {
    content: "\e03e";
}

.ty-icon-arrow-left:before {
    content: "\e03f";
}

.ty-icon-arrow-right:before {
    content: "\e040";
}

.ty-icon-star:before {
    content: "\f005";
}

.ty-icon-star-half:before {
    content: "\f123";
}

.ty-icon-refresh:before {
    content: "\e043";
}

.ty-icon-basket:before {
    content: "\e044";
}

.ty-icon-image:before {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    content: "";
    background-position: -636px -84px;
    height: 31px;
    width: 31px;
    display: inline-block;
}

.icon-image:before {
    content: "\e045";
}

.ty-icon-edit:before {
    content: "\e046";
}

.ty-icon-live-edit:before {
    content: "\e046";
}

.ty-icon-gift:before {
    content: "\e048";
}

.ty-icon-ban-circle:before {
    content: "\e049";
}

.ty-icon-wrench:before {
    content: "\e04a";
}

.ty-icon-feed:before {
    content: "\e603";
}

.ty-icon-cart:before {
    content: "\e900";
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: ALSRubl-Arial;
    src: url('https://cdn.pnj.io/design/themes/responsive/media/fonts/alsrubl-arial-regular.eot?1695311804');
    src: url('https://cdn.pnj.io/design/themes/responsive/media/fonts/alsrubl-arial-regular.eot?1695311804#iefix') format('../media/fonts/embedded-opentype'), url('https://cdn.pnj.io/design/themes/responsive/media/fonts/alsrubl-arial-regular.woff?1695311804') format('woff'), url('https://cdn.pnj.io/design/themes/responsive/media/fonts/alsrubl-arial-regular.ttf?1695311804') format('truetype'), url('https://cdn.pnj.io/design/themes/responsive/media/fonts/alsrubl-arial-regular.svg?1695311804#ALSRublArialRegular') format('svg');
}

.ty-rub {
    font-family: ALSRubl-Arial, Arial, sans-serif;
    font-size: inherit;
}

.ty-flag {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
}

.ty-flag.ty-flag-vn {
    background-position: -621px -5px;
}

.ty-flag.ty-flag-us {
    background-position: -643px -5px;
}

@media print {
    body {
        background: #fff;
        min-width: 0;
    }

    #ci_header,
    #ci_footer {
        display: none;
    }

    .product-main-info h1.ty-mainbox-title,
    .in-stock,
    .ty-mainbox-title span {
        color: #333;
    }

    .ty-footer-menu div,
    .ty-payment-icons,
    .qty,
    .sidebox-wrapper,
    .ty-sort-container {
        display: none;
    }

    .central-column,
    .container-left .central-column {
        margin: 0;
        overflow: visible;
    }

    .ty-helper-container {
        width: 700px;
    }

    .container {
        width: auto;
        border: 0;
    }
}

.root-m-adroid * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

body {
    background: #fff;
}

p {
    margin: 0;
    padding: 6px 0;
}

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

ol {
    padding: 0 0 0 15px;
}

li {
    margin: 0;
    padding: 2px 0;
    text-indent: 0;
    list-style: none;
}

hr {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-size: 0;
}

.ty-btn+.ty-btn {
    margin-left: 10px;
}

.ty-btn i {
    position: relative;
    top: 2px;
}

.ty-btn:hover {
    color: #fff;
    text-decoration: none;
}

.ty-btn__big {
    padding: 6px 17px;
    text-transform: uppercase;
}

.ty-btn__text,
.ty-btn__text:hover {
    padding: 0;
    color: #465f73;
}

.ty-btn__tertiary {
    background: #bdc3c7;
    color: #fff;
}

.ty-btn__tertiary:hover {
    background: #d9dcde;
    color: #fff;
}

.buttons-container .buttons-container {
    margin-top: 0;
}

.ty-float-left {
    float: left;
}

.ty-float-right {
    float: right;
}

.ty-clear-both {
    clear: both;
}

.ty-valign {
    vertical-align: middle;
}

.ty-valign-top {
    vertical-align: top;
}

.ty-valign-bottom {
    vertical-align: bottom;
}

.hidden {
    display: none;
    visibility: visible;
}

.ty-italic {
    font-style: italic;
}

.ty-lowercase {
    text-transform: lowercase;
}

.ty-uppercase {
    text-transform: uppercase;
}

.ty-left {
    text-align: left;
}

.ty-right {
    text-align: right;
}

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

.ty-justify {
    text-align: justify;
}

.ty-strike {
    text-decoration: line-through;
}

.ty-center-block {
    margin: 0 auto;
}

.ty-inline {
    display: inline;
}

.ty-block {
    display: block;
}

.ty-inline-block {
    display: inline-block;
}

.ty-scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 3px;
    width: 100%;
    height: 100%;
}

.ty-hand {
    cursor: pointer;
}

.ty-nowrap {
    white-space: nowrap;
}

.ty-overflow-hidden {
    overflow: hidden;
}

.ty-width-full {
    width: 100%;
}

.ty-p-none {
    padding: 0 !important;
}

.ty-m-none {
    margin: 0 !important;
}

.ty-mb-l {
    margin-bottom: 30px;
}

.ty-mt-l {
    margin-top: 30px;
}

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

.ty-mt-m {
    margin-top: 20px;
}

.ty-mtb-s {
    margin: 10px 0;
}

.ty-mtb-xs {
    margin: 5px 0;
}

.ty-ml-s {
    margin-left: 10px;
}

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

.ty-mt-m {
    margin-top: 20px;
}

.ty-mb-s {
    margin-bottom: 10px;
}

.ty-position-relative {
    position: relative;
}

.cm-opacity {
    opacity: 0.3;
}

.cm-hint {
    color: #607994;
}

input[type="text"],
input[type="password"],
textarea,
select {
    padding: 4px 8px;
    border: 1px solid #acbdcd;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="text"],
input[type="password"] {
    height: 32px;
    -webkit-appearance: none;
    border-radius: 0;
}

select[multiple="multiple"] {
    min-height: 80px;
}

.radio,
.checkbox,
input[type="radio"],
input[type="checkbox"] {
    margin: -4px 6px 0 0;
    padding: 0;
    vertical-align: middle;
}

select {
    padding: 4px 3px 3px;
    min-width: 4em;
    max-width: 100%;
    height: 2.2em;
    line-height: 2.2em;
}

.ty-control-group {
    margin: 0 0 12px 0;
    vertical-align: middle;
}

.ty-control-group:before,
.ty-control-group:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-control-group:after {
    clear: both;
}

.ty-control-group__title {
    display: block;
    padding: 6px 0;
    font-weight: bold;
}

.ty-control-group__item {
    display: inline-block;
    padding: 6px 0;
}

.ty-control-group label.hidden {
    display: none;
}

.ty-input-append {
    position: relative;
    margin: 10px 0 0 0;
}

.ty-input-append .ty-input-text {
    width: 100%;
    padding-right: 35px;
}

.ty-select-field {
    padding: 3px 0;
}

.ty-select-field__label {
    display: block;
    padding: 3px 0;
    margin-right: 10px;
    font-size: 90%;
}

.ty-select-field__checkbox {
    vertical-align: middle;
}

label.cm-failed-label {
    color: #bf4d4d;
}

label.cm-required:after {
    padding-left: 3px;
    color: #ea7162;
    content: "*";
    font-size: 13px;
    line-height: 1px;
}

input[type="text"].cm-failed-field,
input[type="password"].cm-failed-field,
textarea.cm-failed-field,
.cm-field-container.cm-failed-field input[type="text"] {
    border: 1px solid #bf4d4d;
    background: #fff;
}

.ty-error-text {
    color: #b94a48;
}

.disabled,
select.disabled {
    background: #e3e3e3;
}

.ty-input-text {
    width: auto;
}

.ty-input-text-medium {
    width: 300px;
}

.ty-input-text-large {
    width: 550px;
}

.ty-input-text-full {
    width: 100%;
}

.ty-input-textarea {
    resize: vertical;
}

.help-inline {
    display: block;
}

.help-inline p {
    padding: 3px 0px 0px 0px;
    color: #b94a48 !important;
}

.ty-dir-list {
    display: inline-block;
    width: 7px;
    font-size: 15px;
    margin-right: 5px;
    cursor: pointer;
}

.ty-extra-link {
    border-bottom: 1px dotted #4d4d4d;
    padding: 0;
    text-decoration: none;
    color: #1a2128;
    cursor: pointer;
}

.ty-dashed-link {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    text-decoration: none;
}

.ty-caret {
    position: absolute;
    top: -14px;
    right: -2px;
    overflow: hidden;
    width: 16px;
    height: 16px;
}

.ty-caret .ty-caret-outer,
.ty-caret .ty-caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px;
}

.ty-caret .ty-caret-outer {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 16px solid #e6ebf0;
}

.ty-caret .ty-caret-inner {
    top: 3px;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 14px solid #e6ebf0;
}

.ty-caret-bottom {
    position: absolute;
    bottom: -16px;
    left: 14px;
    float: left;
    overflow: hidden;
    width: 16px;
    height: 16px;
}

.ty-caret-bottom .ty-caret-outer,
.ty-caret-bottom .ty-caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px;
}

.ty-caret-bottom .ty-caret-outer {
    width: 0;
    height: 0;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #dce3ea;
}

.ty-caret-bottom .ty-caret-inner {
    top: -1px;
    left: 2px;
    width: 0;
    height: 0;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}

.ty-caret-info {
    position: absolute;
    top: -7px;
    left: 12px;
    float: left;
    overflow: hidden;
    width: 12px;
    height: 7px;
}

.ty-menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ty-menu:before,
.ty-menu:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-menu:after {
    clear: both;
}

.ty-menu__item {
    padding: 0px;
    display: block;
    float: left;
}

.is-hover-menu .ty-menu__submenu-items {
    display: block;
}

.ty-menu__item .ty-menu__item-link .ty-icon-down-micro {
    position: absolute;
    font-size: 20px;
    right: 12px;
    top: 13px;
}

.ty-menu__submenu-items .ty-top-mine__submenu-col:last-child {
    margin-right: 1px;
}

.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a {
    color: #fff;
    background: #465f73;
    padding: 2px 6px;
}

.ty-menu__submenu-dropdown-bottom {
    display: block;
    background: #ecf0f1;
    margin: 0px -16px -15px;
    padding: 10px;
    text-align: right;
}

.ty-menu-vertical .ty-menu__items {
    border-bottom: 1px solid #34495e;
    z-index: 30;
}

.ty-menu-vertical .ty-menu__item {
    float: none;
    position: relative;
}

.ty-menu-vertical .ty-menu__item .ty-menu__submenu {
    display: none;
    right: 0;
    left: auto;
    top: 0;
    position: absolute;
    z-index: 6;
}

.ty-menu-vertical .ty-menu__submenu-items {
    padding: 0;
    border: 1px solid #1e2831;
}

.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover>.ty-menu__submenu-item-header .ty-menu__item-link,
.ty-menu-vertical .ty-menu__submenu .is-hover-menu>.ty-menu__submenu-item-header .ty-menu__item-link {
    background: #465f73;
    color: #fff;
}

.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover i,
.ty-menu-vertical .ty-menu__submenu .is-hover-menu i {
    color: #fff;
}

.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link {
    color: #465f73;
    background: white;
    padding: 14px 20px;
}

.no-touch .ty-menu-vertical .ty-menu__item:hover>.ty-menu__submenu,
.ty-menu-vertical .is-hover-menu>.ty-menu__submenu {
    display: block;
}

.no-touch .ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item:hover>.ty-menu__item-link {
    background: #465f73;
    color: white;
}

.ty-menu-vertical .ty-menu__item .ty-icon-left-open {
    display: none;
}

.ty-menu__item-arrow i {
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 17px;
    color: #a1a6aa;
}

.ty-menu-vertical .ty-menu__submenu-item-header {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.ty-menu-vertical .ty-menu__items.rtl {
    text-align: right;
}

.ty-menu-vertical .ty-menu__items.rtl .ty-icon-right-open {
    display: none;
}

.ty-menu-vertical .ty-menu__items.rtl .ty-icon-left-open {
    left: 15px;
    right: auto;
    display: block;
}

.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu {
    width: 202px;
    right: 100%;
    left: auto;
}

.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu-items {
    width: 200px;
}

.ty-menu__submenu {
    left: 0;
}

.ty-menu__submenu-to-right .ty-menu__submenu-items {
    right: 0px;
}

.ty-menu-item__sale .ty-menu__item-link,
.no-touch .ty-menu-item__sale .ty-menu__item-link:hover {
    color: yellow;
}

html.dialog-is-open {
    overflow: hidden;
}

html.dialog-is-open body {
    overflow: scroll;
}

.ui-widget,
.ui-widget button {
    font-family: 'Open Sans', sans-serif;
}

.ui-widget select,
.ui-widget textarea {
    font-weight: normal;
}

.ui-dialog-content {
    overflow: visible;
    display: block !important;
}

.object-container .ty-control-group__label {
    float: none;
    width: auto;
    display: inline-block;
    min-width: 120px;
    vertical-align: top;
}

.ui-corner-all {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-dialog .ui-resizable-se {
    right: 1px;
    bottom: 1px;
}

.ui-widget-overlay {
    position: fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/picker_bg_outside.png?1695311804') repeat-x 0 -100% scroll #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 10002 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 27px;
    right: 13px;
    padding: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: url('https://cdn.pnj.io/design/themes/responsive/media/images/icons/openhand.cur?1695311804'), move;
}

.ui-dialog .buttons-container.picker {
    padding: 13px 0;
    width: 100%;
    border-top: 1px solid #fff;
    background-color: #f9f9f9;
}

.ui-dialog .buttons-container.picker>div {
    margin: 0 15px;
}

.ui-widget-header .ui-icon-closethick {
    color: #bccad7;
    background: none;
    margin: -10px 0 0 -10px;
    text-indent: 0;
    font: 13px/1 'glyphs';
    speak: none;
    -webkit-font-smoothing: antialiased;
    opacity: 0.7;
}

.ui-widget-header .ui-icon-closethick.ui-state-hover {
    opacity: 1;
}

.ui-widget-header .ui-icon-closethick:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f00d";
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.ui-dialog-dragging {
    background: #f7f7e7 none;
    opacity: 0.6;
}

.ui-dialog-dragging .ui-resizable-handle {
    display: none;
}

.ui-dialog-dragging .ui-dialog-content {
    visibility: hidden;
}

.ty-wysiwyg-content ul>li {
    list-style-type: inherit;
}

.ty-wysiwyg-content ol {
    padding: 0 0 0 20px;
    list-style-type: decimal;
}

.ty-wysiwyg-content ol>li {
    list-style-type: inherit;
}

.ty-product-block__description ul {
    padding: 0 0 0 20px;
    list-style-type: disc;
}

.ty-product-block__description ul>li {
    list-style-type: inherit;
}

.ty-product-block__description ol {
    padding: 0 0 0 20px;
    list-style-type: decimal;
}

.ty-product-block__description ol>li {
    list-style-type: inherit;
}

.ty-product-list__description ul {
    padding: 0 0 0 20px;
    list-style-type: disc;
}

.ty-product-list__description ul>li {
    list-style-type: inherit;
}

.ty-product-list__description ol {
    padding: 0 0 0 20px;
    list-style-type: decimal;
}

.ty-product-list__description ol>li {
    list-style-type: inherit;
}

.ty-wysiwyg-content iframe {
    max-width: 100%;
}

.ty-wysiwyg-content .no-border td {
    border: 0;
}

.redactor-box ol li {
    list-style-type: decimal;
}

.redactor-box ul li {
    list-style-type: disc;
}

.ty-wysiwyg-content [class*="ty-column"] {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0px 10px;
}

.ty-wysiwyg-content .ty-notice {
    padding: 10px 25px;
    background: #e6ebf0;
    color: #2e3a47;
    border-radius: 4px;
    display: inline-block;
}

.ty-wysiwyg-content .ty-image {
    padding: 10px;
    border: 4px solid #fff;
    outline: 2px solid #dce3ea;
    box-sizing: border-box;
}

.ty-wysiwyg-content {
    word-wrap: break-word;
}

.ty-wysiwyg-content h1.ty-main-title {
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 155%;
    font-weight: normal;
}

.ty-wysiwyg-content h1.ty-main-title2 {
    margin-top: 45px;
    font-weight: normal;
    font-size: 37px;
}

@media (max-width: 767px) {

    .ty-wysiwyg-content h1.ty-main-title2,
    .ty-wysiwyg-content h1.ty-main-title {
        font-size: 24px;
    }
}

.ty-wysiwyg-content h3.ty-main-title2 {
    margin: 78px 0 32px;
    font-size: 22px;
    font-weight: normal;
}

.ty-list-container,
.ty-items-container {
    margin: 20px 0;
    line-height: 140%;
}

.ty-list-container.ty-decimal .ty-list-text,
.ty-items-container.ty-decimal .ty-list-text {
    padding-left: 40px;
}

.ty-list-container.ty-decimal .ty-list-item,
.ty-items-container.ty-decimal .ty-list-item {
    position: absolute;
    margin-top: 7px;
    margin-left: -40px;
    font-size: 60px;
    color: #0cf;
}

.ty-list-container .ty-column4 .ty-company__item,
.ty-list-container .ty-column4 .ty-gift-certificate__item {
    padding-right: 10%;
}

@media (max-width: 478px) {

    .ty-list-container .ty-column4 .ty-company__item,
    .ty-list-container .ty-column4 .ty-gift-certificate__item {
        padding-right: 0;
    }
}

.ty-list-container .ty-company__item {
    padding-right: 10%;
}

.ty-list-container .ty-list-image {
    margin: 17px 0;
    text-align: center;
}

.ty-list-container .ty-list-image.ty-left {
    text-align: left;
}

.ty-list-container .ty-list-image.ty-right {
    text-align: right;
}

.ty-list-container .ty-list-text {
    padding-top: 8px;
    font-family: Arial;
    font-size: 12px;
    line-height: 150%;
}

.ty-list-container .ty-list-text.big {
    font-size: 16px;
}

.ty-list-container .ty-list-text .ty-header {
    display: block;
    font-size: 21px;
}

.ty-list-container .ty-list-text .ty-header .ty-big {
    font-size: 218%;
    font-weight: bold;
    line-height: normal;
}

.ty-list-container.with-shadow .ty-list-image {
    padding: 10px;
    margin-bottom: 14px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.ty-list-container.with-shadow .ty-list-text {
    padding-top: 0;
    margin-bottom: 27px;
}

.ty-list-container .ty-list-header {
    display: block;
    padding-bottom: 6px;
    font-size: 22px;
    line-height: normal;
}

.ty-items-container .item {
    padding-right: 4%;
}

@media screen and (max-width: 480px) {
    .ty-items-container {
        text-align: center;
    }

    .ty-items-container .item {
        padding-right: 0;
    }
}

.top-quick-links {
    margin: 6px 0 0;
}

.our-brands-grid {
    margin-bottom: 80px;
}

.header-widget-grid .top-menu-grid {
    padding-top: 15px;
}

.search-widget-block-grid {
    padding: 15px 0;
}

.side-grid .ty-account-info__user-arrow {
    display: none;
}

.side-grid .ty-dropdown-box__content {
    right: auto;
    left: 0;
}

.main-content-grid {
    width: 100%;
}

.footer-content-grid {
    margin: 30px 0px;
}

.ty-holiday-gift-banner {
    margin-top: -20px;
    width: 100%;
}

.top-my-account {
    margin-left: 22px;
}

.ty-mainbox-body .buttons-container {
    margin: 25px 0px;
}

.ty-mainbox-title {
    margin-bottom: 10px;
}

.ty-mainbox-title:before,
.ty-mainbox-title:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-mainbox-title:after {
    clear: both;
}

.ty-mainbox-title__left {
    float: left;
}

.ty-mainbox-title__right {
    display: block;
    float: right;
    font-weight: normal;
    font-size: 70%;
}

.ty-mainbox-container.ty-float-right,
.ty-mainbox-container.ty-float-left {
    width: inherit;
}

.ty-subheaders-group {
    margin: 0 15px 21px 15px;
}

.ty-subheader__tooltip {
    font-size: inherit;
}

.ty-mainbox-simple-title {
    margin-bottom: 10px;
}

.ty-mainbox-simple-title:before,
.ty-mainbox-simple-title:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-mainbox-simple-title:after {
    clear: both;
}

.ty-sidebox-important {
    margin-bottom: 15px;
}

.ty-sidebox-important__title {
    width: 100%;
}

.ty-sidebox-important__title-wrapper {
    font-size: 13px;
    font-weight: normal;
    color: #909598;
    padding: 4px 14px 8px;
    background: #ecf0f1;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.ty-sidebox-important__body {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.ty-text-links {
    margin: 0 0 6px 0;
}

.ty-text-links:first-child {
    padding-top: 0;
}

.ty-text-links .ty-level-0 {
    margin-left: 0px;
}

.ty-text-links .ty-level-1 {
    margin-left: 10px;
}

.ty-text-links .ty-level-2 {
    margin-left: 20px;
}

.ty-text-links .ty-level-3 {
    margin-left: 30px;
}

.ty-text-links .ty-level-4 {
    margin-left: 40px;
}

.ty-text-links__item {
    position: relative;
    display: block;
    margin-right: 15px;
}

.ty-text-links_show_inline>.ty-text-links__item {
    display: inline-block;
}

.ty-text-links_show_inline .ty-level-0>.ty-text-links {
    display: none;
    position: absolute;
    min-width: 200px;
    background: #fff;
    border: 1px solid #708ca9;
    z-index: 10;
    padding: 5px;
    margin: 0;
}

.no-touch .ty-text-links_show_inline .ty-level-0:hover .ty-text-links {
    display: block;
}

.ty-text-links_show_inline .ty-level-0.is-hover-link>.ty-text-links {
    display: block;
}

.ty-dropdown-box .ty-text-links__item {
    margin: 0;
    padding: 7px 14px;
}

.ty-logo-container {
    position: relative;
    margin-top: 2px;
}

.ty-logo-container__image {
    display: inline-block;
    text-decoration: none;
}

.ty-logo-container__image.vertical-middle {
    visibility: hidden;
}

.ty-grid-list__item {
    margin: 0px 10px 25px 10px;
}

.ty-grid-list__item:before,
.ty-grid-list__item:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-grid-list__item:after {
    clear: both;
}

.ty-grid-list__item:hover .ty-icon-left-circle,
.ty-grid-list__item:hover .ty-icon-right-circle {
    visibility: visible;
}

.ty-grid-list__item:hover .ty-quick-view-button {
    visibility: visible;
}

.ty-grid-list__image .ty-no-image {
    border: 0px;
}

.ty-grid-list__no-price {
    text-align: left;
    width: auto;
}

.ty-grid-list__control {
    width: 100%;
    padding-top: 5px;
}

.ty-product-empty {
    background: #f8f9f9;
    margin: 28px 10px 0 10px;
    height: 190px;
    text-align: center;
}

.ty-product-empty__text {
    color: #cdcdcd;
    font-size: 115%;
    line-height: 190px;
}

.ty-product-list {
    padding: 35px 0;
}

.ty-product-list__image {
    position: relative;
    float: left;
    margin: 0 25px 20px 0;
    border: 1px solid #ebebeb;
}

.ty-product-list__content {
    overflow: hidden;
}

.ty-product-list__info {
    overflow-x: auto;
    overflow-y: hidden;
}

.ty-product-list__control .ty-btn {
    margin-bottom: 10px;
    margin-right: 10px;
}

.ty-product-list__control .ty-product-coming-soon {
    margin: 10px 0px;
}

.ty-product-list__item-name .product-title {
    font-size: 130%;
    word-wrap: break-word;
}

.ty-product-list__price .ty-price-num {
    font-size: 120%;
}

.ty-product-list__price {
    padding: 10px 0px;
}

.ty-product-list__description {
    line-height: 170%;
}

.ty-product-list .ty-qty-out-of-stock {
    margin-right: 20px;
    padding: 2px 0px 0px 0px;
    vertical-align: top;
}

.ty-compact-list__item {
    padding: 10px 0;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

.ty-compact-list__item:before,
.ty-compact-list__item:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-compact-list__item:after {
    clear: both;
}

.ty-compact-list__content:before,
.ty-compact-list__content:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-compact-list__content:after {
    clear: both;
}

.ty-compact-list__item .ty-discount-label {
    top: auto;
    right: auto;
    bottom: 5px;
}

.ty-compact-list__item .ty-qty {
    margin: 0;
}

.ty-compact-list__image {
    float: left;
    width: 13%;
    padding: 0px 25px;
    text-align: center;
}

.ty-compact-list__image .ty-discount-label {
    position: static;
    float: none;
    display: inline-block;
    margin-top: 5px;
}

.ty-compact-list__title {
    float: left;
    width: 30%;
    margin: 0 10px 0 0;
    word-wrap: break-word;
}

.ty-compact-list__controls {
    float: right;
    position: relative;
    padding-bottom: 30px;
    width: 40%;
    text-align: right;
}

.ty-compact-list__controls .ty-btn__add-to-cart {
    margin: 0 0 0 10px;
}

.ty-compact-list__controls .ty-qty-out-of-stock {
    margin-right: 0;
}

.ty-compact-list__controls .ty-product-coming-soon {
    width: 100%;
    right: 0px;
    padding-top: 12px;
    text-align: right;
    position: absolute;
}

.ty-product-coming-soon {
    color: #767676;
}

.ty-compact-list__controls>div {
    display: inline-block;
    vertical-align: middle;
}

.ty-compact-list__controls .qty {
    padding-top: 0;
}

.ty-compact-list__price {
    margin-right: 10px;
}

.ty-compact-list__price .ty-list-price {
    margin-right: 4px;
}

.ty-compact-list__item .ty-control-group__label {
    width: auto;
}

.ty-thumbnail-list__item {
    margin-bottom: 20px;
    text-align: center;
}

.ty-thumbnail-list__img-block {
    display: inline-block;
}

.ty-thumbnail-list__name {
    padding: 6px 0;
}

.ty-thumbnail-list__butons {
    padding: 10px 0;
}

.ty-scroller-list__item:hover .ty-quick-view-button {
    visibility: visible;
    text-align: center;
}

.ty-simple-list__buttons {
    padding: 17px 20px;
}

.ty-simple-list .ty-discount-label {
    top: 1px;
    right: 1px;
}

.ty-simple-list .ty-discount-label:before {
    top: -1px;
    right: 0;
    bottom: 0;
    width: 1px;
}

.ty-simple-list .ty-discount-label:after {
    top: 0;
    right: 1px;
    height: 1px;
}

ol.text-link-list .text-link-list__item {
    list-style: decimal;
}

.ty-profile-field {
    margin-top: 30px;
}

.ty-profile-field .ty-input-text {
    width: 100%;
}

.ty-profile-field__switch-label {
    float: left;
    color: #333;
}

.ty-profile-field__switch-actions {
    float: right;
}

.ty-profile-field__switch-actions label {
    padding-right: 15px;
}

.ty-billing-zip-code,
.ty-shipping-zip-code {
    clear: both;
    width: 120px;
}

.company .buttons-container {
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    margin: 30px 0px 28px -21px;
    padding: 17px 20px 17px 20px;
    width: 100%;
}

.ty-billing-first-name+.ty-billing-last-name,
.ty-billing-country+.ty-billing-state,
.ty-shipping-first-name+.ty-shipping-last-name,
.ty-shipping-country+.ty-shipping-state,
.ty-first-name+.ty-last-name {
    margin-left: 4.8%;
}

.billing-last-name,
.shipping-last-name {
    margin-right: 0;
}

.ty-languages {
    margin: 0 15px 0 0;
}

.ty-languages__item {
    float: left;
    display: inline-block;
    padding: 8px 6px;
}

.ty-languages__icon-link .ty-flag {
    margin-right: 0;
}

.ty-languages__active {
    background: #dfe4e4;
    color: black;
}

.ty-currencies__txt {
    float: left;
    padding: 8px 5px 8px 0;
}

.ty-currencies__item {
    float: left;
    padding: 8px 13px;
    color: #2d3540;
}

.ty-currencies__item:hover {
    background: #cfd9e2;
    color: #181c22;
}

.ty-currencies__active {
    background: #cfd9e2;
    color: #181c22;
}

.ty-sku {
    padding: 0;
    font-size: 90%;
}

.ty-price,
.ty-sub-price,
.ty-list-price {
    font-size: 100%;
}

.ty-sub-price {
    color: #1b1b1b;
}

.ty-tax-include {
    display: block;
    padding-bottom: 5px;
}

.ty-price-update {
    display: inline-block;
    font-size: 13px;
}

.ty-qty {
    margin-bottom: 15px;
}

.ty-qty-in-stock,
.ty-qty-out-of-stock {
    font-weight: bold;
}

.ty-qty-in-stock {
    color: #2ecc71;
}

.ty-qty-out-of-stock {
    color: #e74c3c;
}

.ty-min-qty-description {
    font-size: 12px;
    margin-top: -7px;
    padding-top: 0;
    color: #8ca3ba;
}

.ty-price-curency {
    display: inline-block;
}

.ty-price-curency__title {
    display: inline-block;
    float: left;
    margin: 5px 0;
}

input.ty-price-curency__input {
    margin-left: 5px;
    width: 70px;
    height: 35px;
    font-size: 140%;
}

.ty-no-price {
    display: block;
    padding: 0px;
    color: #e74c3c;
}

.ty-product-notify-email {
    width: 200px;
    margin-bottom: 15px;
}

.ty-product-notify-email__input {
    width: 100%;
}

.ty-period {
    clear: both;
}

.ty-period__wrapper {
    float: left;
    padding-right: 20px;
}

.ty-period__select {
    width: 180px;
}

.ty-period__dash {
    padding: 0 3px;
}

.ty-qty-discount {
    overflow-x: auto;
    margin-bottom: 15px;
}

.ty-qty-discount__table {
    margin-top: 10px;
    min-width: 200px;
    padding: 0;
    border: 1px solid #dce3ea;
}

.ty-qty-discount__table .ty-qty-discount__td {
    border: 0 none;
    border-right: 1px solid #dce3ea;
    padding: 8px 12px;
}

.tooltip {
    display: none;
    max-width: 370px;
    z-index: 10000;
    padding: 10px;
    background: rgba(255, 255, 255, 0.99);
    color: #4c4c4c;
    text-align: left;
    font-weight: normal;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #4c4c4c;
}

.tooltip h3 {
    color: #4c4c4c;
    font-weight: 600;
    margin: 5px 0 10px;
}

.tooltip h4 {
    color: #4c4c4c;
    margin: 5px 0 10px;
}

.tooltip p {
    color: #fff;
    padding: 0px;
}

.tooltip li {
    color: #4c4c4c;
    list-style: disc;
    margin: 0 0 0 15px;
}

.tooltip-arrow {
    position: absolute;
    top: -6px;
    right: 10px;
    display: block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #4c4c4c;
    border-width: 1px 0 0 1px;
    background: #fff;
    transform: rotate(45deg);
}

.tooltip.arrow-top .tooltip-arrow {
    top: auto;
    left: auto;
    bottom: -6px;
    right: 10px;
    border-width: 0 1px 1px 0;
}

.tooltip.right {
    padding: 9px;
    text-align: left !important;
}

.arrow-top.right .tooltip-arrow {
    left: 10px;
    right: auto;
    border-width: 1px 1px 0 0;
}

.arrow-down.right .tooltip-arrow {
    right: auto;
    top: -6px;
    left: 10px;
    border-width: 1px 0 0 1px;
}

.arrow-down.top .tooltip-arrow {
    top: auto;
    bottom: -6px;
    border-width: 0 1px 1px 0;
}

.arrow-down.right.top .tooltip-arrow {
    right: auto;
    top: auto;
    bottom: -6px;
    left: 10px;
    border-width: 1px 1px 0 0;
}

@media only screen and (max-width: 768px) {
    .tooltip {
        max-width: 90%;
        left: 2% !important;
    }
}

.tooltip img {
    max-width: 100%;
}

.touchevents body {
    cursor: pointer;
}

.touchevents.mouseevents body {
    cursor: initial;
}

.ty-tooltip-block {
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.6;
}

.ty-no-image {
    position: relative;
    display: block;
    border: 1px solid #ebebeb;
    background: #fcfcfc;
    color: #c8c8c8;
    cursor: default;
    max-width: 100%;
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ty-spinner {
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/spinner.gif?1695311804') no-repeat center center;
}

.ty-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
}

.ty-grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.ty-select-wrapper {
    position: relative;
}

.ty-select-block__a.open .ty-select-block__arrow {
    color: white;
}

.ty-select-block__a-item {
    display: inline-block;
    vertical-align: top;
}

input.ty-select-block__input {
    margin: 5px 10px;
    width: 220px;
}

.ty-select-block__list-item .ty-select-block__list-a {
    text-decoration: none;
}

.ty-dropdown-box__title .ty-account-info__title {
    text-decoration: none;
    white-space: nowrap;
}

.ty-dropdown-box__title.open a,
.ty-dropdown-box__title.open i,
.ty-dropdown-box__title.open .ty-minicart-title {
    color: white;
}

.ty-dropdown-box__content .ty-account-info__orders {
    padding: 14px 14px 7px 14px;
    margin-top: 10px;
    background: #e6ebf0;
}

.ty-dropdown-box__content .ty-account-info__buttons {
    padding: 15px 14px 16px 14px;
    margin-top: -6px;
    background: #e6ebf0;
}

.ty-dropdown-box__content .ty-account-info__name:hover {
    background: none;
    color: #34495e;
}

.ty-minicart__icon {
    color: #54708c;
    top: 7px;
    font-size: 14px;
    position: absolute;
}

.ty-minicart__icon.ty-icon-cart {
    font-size: 16px;
    top: 8px;
}

.ty-account-info {
    padding-top: 2px;
}

.ty-account-info__title {
    padding: 0 5px;
}

.ty-account-info__user-arrow {
    position: relative;
    top: 5px;
    width: 7px;
    color: #fff;
    font-size: 20px;
    line-height: 0;
}

.logged.ty-sidebox__title .ty-account-info__user-arrow {
    display: none;
}

.logged .ty-account-info__title,
.logged .ty-account-info__user-arrow {
    color: #54708c;
}

.ty-account-info__item .ty-account-info__a {
    text-decoration: none;
}

.ty-account-info__name {
    padding-bottom: 10px;
}

.ty-account-info__orders {
    padding: 15px 0 4px;
}

.ty-account-info__orders-input {
    margin: 5px 0 0;
}

.ty-dropdown-box__content .ty-account-info__buttons .ty-btn {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ty-dropdown-box__content .ty-account-info__buttons .ty-btn+.ty-btn {
    margin: 10px 0 0;
}

.ty-login {
    margin-top: 30px;
    min-height: 200px;
}

.ty-login__input {
    margin: 0;
    width: 100%;
}

.ty-login__remember-me {
    padding: 6px 0;
    float: left;
}

.ty-password-forgot__label {
    float: left;
}

.ty-recover-password {
    margin-top: 30px;
}

.ty-captcha__img {
    border: 1px solid #c7c7c7;
    cursor: pointer;
}

.ty-captcha__code {
    display: inline-block;
    min-width: 130px;
    vertical-align: top;
}

.ty-captcha__refresh {
    position: relative;
    vertical-align: middle;
    margin-left: 7px;
    color: #8d8d8d;
    font-size: 14px;
    cursor: pointer;
}

.ty-captcha__input {
    margin: 0;
    margin-right: 10px;
    padding: 3px 3px;
    width: 120px;
    vertical-align: top;
}

.ty-checkout__login .ty-captcha__input {
    width: 110px;
    margin-bottom: 5px;
}

.ty-checkout__login .buttons-container {
    background: none;
    margin: 0px;
}

.ty-login-popup .ty-captcha__input {
    width: 140px;
    margin-bottom: 6px;
}

.ty-captcha__txt {
    clear: both;
    padding-top: 3px;
    color: #2e3a47;
}

.ty-search-result {
    padding: 12px 7px;
}

.ty-search-form__inline-input {
    width: 190px;
}

.ty-search-result:hover {
    background: #dce3ea;
}

.ty-search-form__input {
    width: 170px;
}

.ty-search-form__input-large {
    width: 200px;
}

.ty-subcategories-field {
    float: left;
    margin-left: 10px;
}

.ty-search-form .ty-search-form__buttons-container {
    margin-bottom: 0;
}

.ty-search-block {
    position: relative;
}

.ty-search-magnifier {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    width: 20px;
    height: 26px;
    border: none;
    background: none;
    color: #acbdcd;
    font-size: 145%;
    cursor: pointer;
}

.ty-search-block__input:focus {
    outline: 0;
    border: 1px solid #465f73;
    background-color: #fff;
}

.vendor-stores-block-grid h2 {
    margin: 0px;
    font-size: 25px;
    text-align: center;
}

.ty-sort-container {
    padding-left: 10px;
    background: #dce3ea;
    margin: 28px 0px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.ty-sort-container__views-a {
    display: block;
    color: #8ca3ba;
    float: left;
    padding: 10px 11px;
    width: 15px;
    height: 17px;
    font-size: 125%;
}

.ty-sort-container__views-a:hover {
    text-decoration: none;
}

.ty-sort-container__views-a.active {
    background: #ccd6e0;
}

.ty-sort-dropdown {
    display: inline-block;
    position: relative;
}

.ty-sort-dropdown__content .ty-sort-dropdown__content-item-a {
    text-decoration: none;
}

.ty-sort-dropdown__content-item-a {
    padding: 7px 14px;
    color: #465f73;
    display: block;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.ty-subcategories__item {
    display: inline-block;
    margin: 5px 20px 5px 0px;
}

.ty-subcategories-img {
    display: block;
    margin: auto;
    padding-bottom: 10px;
}

.ty-subcategories-block {
    margin: 10px 0;
    display: inline-block;
    min-width: 350px;
    vertical-align: top;
    width: 100%;
}

.ty-subcategories-block__item {
    padding-bottom: 10px;
    text-align: center;
}

.ty-subcategories-block__a {
    font-weight: bold;
}

.ty-tygh {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ty-helper-container {
    position: relative;
}

.ty-helper-container {
    background: transparent repeat scroll;
}

.container {
    min-height: 0;
    min-width: 0;
}

.container-fluid {
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
}

.tygh-footer {
    min-height: 70px;
}

.ty-payment-icons {
    margin: 10px 0px;
}

.footer-no-wysiwyg ul {
    margin: 10px 0 0 0px;
    padding-left: 0px;
}

.footer-no-wysiwyg ul li {
    list-style-type: none;
}

.ty-social-link-block {
    margin-top: 18px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.ty-social-link {
    display: inline-block;
    margin-right: 26px;
    position: relative;
    vertical-align: bottom;
    top: 7px;
}

.ty-social-link a {
    color: white;
    display: block;
}

.ty-social-link i {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 38px;
    color: #fff;
}

.ty-social-link span {
    display: inline-block;
    vertical-align: middle;
}

h3.ty-social-link__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-weight: normal;
    margin: 0px 20px 0px 0px !important;
    color: #fff;
}

.ty-social-link:last-child {
    margin-right: 0px;
}

.ty-footer-menu__icon-open,
.ty-footer-menu__icon-hide {
    display: none;
    color: #9a9ea3;
}

.ty-footer-menu {
    color: #9ba1a7;
}

.ty-footer-menu>.row {
    padding: 30px 0px 15px 0px;
}

.ty-footer-menu__header,
.ty-footer-general__header {
    position: relative;
    color: #9a9ea3;
    font-weight: bold;
    font-size: 19px;
    padding-top: 20px;
    margin-bottom: 0;
    cursor: pointer;
}

.ty-footer-menu__items,
.ty-footer-general__body {
    margin: 10px 0 20px;
}

.ty-footer-menu__item {
    margin-bottom: 8px;
}

.ty-footer-menu__item a {
    color: #9a9ea3;
}

.ty-footer-menu__item a:hover {
    color: #465f73;
}

.ty-product-block {
    margin: 5px 0 30px 0;
    margin-top: 5px;
    position: relative;
}

.ty-product-block-title {
    margin-bottom: 10px;
    font-size: 24px;
    color: #2e3a47;
    word-wrap: break-word;
}

.ty-brand {
    margin: 5px 0;
}

.ty-product-block__img-wrapper {
    position: relative;
    float: left;
    margin-right: 20px;
    padding: 0 0 10px;
    min-height: 282px;
    min-width: 282px;
}

.ty-product-block__img-wrapper img {
    display: block;
    margin: 0 auto;
}

.ty-product-block__left {
    display: table-cell;
}

.ty-product-block__note {
    position: absolute;
    right: 0;
    padding: 21px 0 0;
    width: 200px;
    line-height: 140%;
    color: #798d8e;
    word-wrap: break-word;
}

.ty-product-block__note .product-promo-header {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.ty-product-block__price-actual {
    margin: 10px 0px;
}

.ty-product-block__price-actual .ty-price-num {
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.ty-product-block__option .help-inline {
    margin-left: 120px;
    display: block;
    text-align: left;
}

.ty-product-block__option,
.ty-product-block__advanced-option,
.ty-product-block__field-group {
    margin-bottom: 10px;
}

.ty-product-block__field-group .ty-control-group {
    margin-bottom: 0;
}

.ty-product-block__sku .ty-control-group {
    margin: 0px;
}

.ty-product-block__description-title {
    margin: 20px 0 5px 0;
    font-size: 130%;
    font-weight: normal;
}

.ty-product-block__button {
    margin-top: 20px;
}

.ty-product-block__button .ty-btn {
    margin-right: 20px;
    margin-bottom: 10px;
}

.ty-product-block__button .ty-btn~.ty-btn {
    margin-left: 10px;
}

.ty-product-block__button .button-container {
    display: inline-block;
}

.content-description {
    line-height: 1.4;
    word-wrap: break-word;
}

.ty-product-block .ty-discount-label {
    z-index: 1;
}

.ty-product-bigpicture__img {
    position: relative;
    padding-top: 20px;
}

.ty-product-bigpicture__img:before,
.ty-product-bigpicture__img:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-product-bigpicture__img:after {
    clear: both;
}

.ty-product-bigpicture__img .ty-pict {
    max-height: 420px;
}

.ty-product-bigpicture__as-thumbs .ty-product-thumbnails {
    float: left;
    margin: 0 -60px 0 0;
    width: 55px !important;
    position: relative;
    z-index: 5;
}

.ty-product-bigpicture .ty-product-bigpicture-thumbnails_gallery {
    padding-left: 60px;
}

.ty-product-bigpicture .ty-product-img {
    border: 0;
    float: right;
    width: 100%;
}

.ty-product-bigpicture .ty-previewer {
    text-align: center;
    margin-left: 60px;
}

.ty-product-bigpicture__no-thumbs .ty-previewer {
    margin-left: 0px;
}

.ty-product-bigpicture .ty-product-thumbnails__item {
    margin: 0 10px 10px 0;
}

.ty-product-bigpicture__left {
    width: 100%;
    float: left;
    text-align: center;
}

.ty-product-bigpicture__left-wrapper {
    margin: 20px 350px 0 0;
}

.ty-product-bigpicture .ty-product-block-title {
    font-size: 28px;
    margin-bottom: 20px;
}

.ty-product-bigpicture__right {
    float: left;
    margin-left: -320px;
    width: 318px;
    margin-top: 15px;
    padding-bottom: 15px;
    background: #e6ebf0;
    border: 1px solid #ebebeb;
    text-align: center;
    box-sizing: border-box;
}

.ty-product-bigpicture .ty-product-block__note {
    position: static;
    width: auto;
}

.ty-product-bigpicture .ty-discount-label {
    display: inline-block;
    position: static;
    margin-left: 3px;
    border-radius: 3px;
}

.ty-product-bigpicture .ty-discount-label__item {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    float: none;
    font-size: 14px;
    font-weight: normal;
}

.ty-product-bigpicture__brand .ty-features-list {
    padding: 16px 0;
    border-bottom: 1px solid #dddfdf;
    box-shadow: 0 1px 0 #fff;
    background: #fff;
}

.ty-product-bigpicture__prices {
    padding: 20px 0;
    margin: 0 10px 20px;
    border-bottom: 1px solid #dddfdf;
    box-shadow: 0 1px 0 #fff;
}

.ty-product-bigpicture__prices .ty-list-price {
    font-size: 14px;
}

.ty-product-bigpicture__prices .ty-product-block__price-actual .ty-price-num {
    font-size: 30px;
}

.ty-product-bigpicture__prices .ty-save-price {
    color: #f2ae01;
}

.ty-product-bigpicture__sidebar-bottom {
    width: 230px;
    padding: 0 20px;
    margin: 0 auto;
    text-align: left;
}

.ty-product-bigpicture .ty-control-group__label {
    display: inline-block;
    float: none;
    width: 95px;
    text-align: left;
}

.ty-product-bigpicture .ty-product-block__note,
.ty-product-bigpicture .ty-product-block__button {
    text-align: center;
}

.ty-product-bigpicture .ty-product-block__note {
    padding-top: 8px;
}

.ty-product-bigpicture .ty-product-block__button .ty-btn {
    margin-right: 0;
}

.ty-product-bigpicture .ty-product-options__description,
.ty-product-bigpicture .ty-product-variant-image {
    margin-left: 0;
}

.ty-product-bigpicture .ty-product-options .ty-input-text {
    width: auto;
    max-width: 105px;
}

.ty-product-bigpicture .ty-product-options {
    margin-bottom: 10px;
}

.ty-product-bigpicture .ty-product-block__option .help-inline {
    margin: 0 0 12px;
}

.ty-product-options .ty-table {
    margin-top: 10px;
}

.ty-product-options .ty-input-text {
    width: 240px;
}

.ty-product-options__description {
    margin: 5px 0 0 120px;
    padding: 0;
    color: #9cb0c4;
    font-size: 85%;
}

.ty-product-options__image {
    display: inline-block;
    margin: 2px 0;
    border: 2px solid #fff;
    cursor: pointer;
    min-height: 52px;
}

.product-variant-image-selected {
    border-color: #dce3ea;
}

.ty-product-options__elem {
    display: inline-block;
}

.ty-product-options__fileuploader .help-inline {
    margin-left: 0;
}

.ty-product-options__box {
    display: inline-block;
    padding: 2px 0;
}

.ty-product-options__box .help-inline {
    margin-left: 0;
}

.ty-product-variant-image {
    margin-left: 120px;
    padding: 10px 0;
}

.ui-dialog .ty-product-variant-image {
    margin-left: 134px;
}

.ty-product-options__textarea {
    min-width: 240px;
    min-height: 60px;
    resize: vertical;
}

.ty-product-options__no-combinations {
    padding-top: 0;
    color: #b94a48;
}

.ty-product-img .ty-no-image {
    border: 0px;
}

.ty-product-thumbnails {
    margin-top: 10px;
    text-align: left;
}

.ty-product-thumbnails__item.active {
    border-color: #888;
}

.ty-previewer {
    position: relative;
    display: block;
}

.ty-previewer:hover .previewer__icon {
    visibility: visible;
}

.ty-previewer__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    visibility: hidden;
    margin: -18px 0 0 -18px;
    padding: 0;
    width: 37px;
    height: 39px;
    background: url('../imgs/zoom_icon.png') no-repeat;
    opacity: 0.7;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .ty-previewer__icon {
        background-image: url('../imgs/zoom_icon@2x.png');
        background-size: 37px, 39px;
    }
}

.ty-previewer__icon:hover {
    opacity: 1;
}

.ty-thumbs-wrapper {
    position: relative;
}

.ty-thumbs-wrapper .ty-icon-left-circle,
.ty-thumbs-wrapper .ty-icon-right-circle {
    position: absolute;
    top: 50%;
    visibility: hidden;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.touch .ty-grid-list__item .ty-icon-left-circle,
.touch .ty-grid-list__item .ty-icon-right-circle {
    visibility: visible;
}

.ty-thumbs-wrapper .ty-icon-left-circle {
    left: 3px;
}

.ty-thumbs-wrapper .ty-icon-right-circle {
    right: 3px;
}

.ty-popup-tabs {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px dotted #dedede;
}

.ty-popup-tabs__item {
    display: inline-block;
    padding: 2px 15px 2px 0;
    text-transform: uppercase;
    font-size: 85%;
    cursor: pointer;
}

.ty-popup-tabs__icon {
    margin-right: 3px;
    font-size: 14px;
}

.ty-fileuploader {
    padding: 6px 0 0;
}

.ty-fileuploader__file-section {
    overflow: hidden;
}

.ty-fileuploader__file-local {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.ty-fileuploader__file-input {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 300px;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

span.ty-fileuploader__filename {
    padding: 0 0 0 5px;
    position: relative;
    top: -2px;
}

.ty-fileuploader__icon {
    position: relative;
    top: 2px;
    margin-right: 5px;
    cursor: pointer;
}

.ty-fileuploader.cm-failed-field .ty-fileuploader__a {
    color: #b94a48;
    font-weight: bold;
}

.ty-quick-view__wrapper {
    width: 700px;
}

a.ty-quick-view__title {
    font-size: 24px;
    font-weight: bold;
    color: #2e3a47;
}

.ty-quick-view__title .ty-product-block-title {
    margin-bottom: 0;
}

.ty-quick-view-tools {
    position: relative;
    height: 20px;
}

.ty-quick-view-tools .ty-product-switcher {
    top: 0;
}

.ty-quick-view__wrapper .ty-product-block__img {
    display: table-cell;
    vertical-align: top;
    margin-right: 20px;
    position: relative;
}

.ty-quick-view__wrapper .ty-product-img {
    margin-bottom: 15px;
}

.ty-quick-view__wrapper .ty-product-block__description {
    word-wrap: break-word;
}

.ty-quick-view__wrapper .ty-product-block__note {
    position: static;
    padding-top: 10px;
    width: 100%;
}

.ty-quick-view-button {
    padding-top: 5px;
    visibility: hidden;
    text-align: center;
    padding-bottom: 15px;
}

.touchevents .ty-mainbox-container .ty-grid-list__control,
.touchevents .ty-grid-list__item:hover .ty-quick-view-button,
.touchevents .ty-grid-list__item .ty-quick-view-button {
    display: none;
}

.ty-product-notification__body .ty-product-options {
    display: block;
    margin: 0;
    box-sizing: border-box;
}

.ty-product-notification__body .ty-control-group__label {
    display: none;
}

.ty-product-notification__body .ty-product-options__info {
    background: #f1f1f1 none repeat scroll 0 0;
    box-sizing: border-box;
    padding: 5px;
    display: inline-block;
    margin-top: 5px;
    max-height: 420px;
    overflow-y: auto;
    width: 100%;
}

.ty-product-notification__body .ty-product-options-name {
    float: left;
    padding: 6px 0;
}

.ty-product-notification__body .ty-product-options-name::before {
    content: "-";
    padding-right: 5px;
}

.ty-product-notification__body .ty-product-options-content,
.ty-product-notification__body .ty-product-options-name {
    box-sizing: border-box;
    float: left;
    font-size: 13px;
    line-height: 20px;
    padding: 6px 0 6px 10px;
    position: relative;
}

.ty-product-notification__body .ty-product-options-content .ty-product-options-content em,
.ty-product-notification__body .ty-product-options-name .ty-product-options-content em {
    font-size: 13px;
}

.ty-product-notification__body .product-options__other .ty-product-options-content {
    padding: 6px 0 6px 10px;
}

.ty-product-notification__content {
    overflow: hidden;
}

.ty-product-notification__product-name {
    float: left;
    display: block;
    margin-bottom: 7px;
}

.ty-product-notification__price {
    float: right;
    margin-left: 25px;
}

.ty-product-notification__image,
.ty-product-notification__body .ty-no-image {
    float: left;
    margin-right: 20px;
    padding: 0 10px 0 0;
    min-width: 0px;
}

.ty-product-notification__divider {
    margin: 0 0 10px 0;
}

.ty-product-notification__body ul ul {
    border-left: 1px solid #dce3ea;
    margin-left: 70px;
}

.ty-product-notification__buttons {
    padding: 15px 20px;
    background: #ecf0f1;
    text-align: center;
}

.ty-product-notification__buttons>div:only-child {
    float: none;
}

.ty-product-filters__group {
    padding: 2px 0;
    margin: 5px 3px;
}

.ty-product-filters__group label {
    font-weight: initial;
}

.ty-product-filters__group label,
.ty-product-filters__group label>input {
    cursor: pointer;
}

.ty-product-filters__group label.disabled,
.ty-product-filters__group label.disabled>input {
    background-color: transparent;
    color: #bbc6d3;
    cursor: default;
}

.ty-product-filters__item-more {
    margin-bottom: -7px;
}

.ty-product-filters__item-more .lbl-sale-filter {
    color: #003464;
    font-weight: 600;
}

.ty-product-filters__extra-block {
    margin-top: -3px;
}

.ty-product-filters__extra-link {
    border-color: #9cb0c4;
    cursor: pointer;
}

.ty-filter-icon {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 70%;
    background: #fff;
}

.ty-filter-icon__check,
.ty-filter-icon__delete {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    width: 8px;
    height: 8px;
    font-size: 8px;
}

.ty-filter-icon__check,
.ty-filter-icon__delete {
    display: none;
}

.ty-product-filters__advanced-button,
.ty-product-filters__reset-button {
    position: relative;
    color: #566d85;
    font-size: 85%;
}

.ty-product-filters__reset-button {
    float: right;
}

.ty-product-filters__search {
    position: relative;
    padding: 10px 10px 0 3px;
}

.ty-product-filters__search .ty-input-text-medium {
    padding-right: 28px;
    width: 100%;
}

.ty-product-filters__search-icon {
    position: absolute;
    right: 18px;
    top: 18px;
}

.ty-product-filters__no-items-found {
    margin-bottom: 20px;
    margin-right: 10px;
}

.ty-horizontal-product-filters {
    margin: 0;
}

.ty-horizontal-product-filters-dropdown {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}

.ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
    text-decoration: none;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-right: 2px;
}

.ty-horizontal-product-filters-dropdown__wrapper {
    padding: 0 4px 4px 4px;
    display: inline-block;
    color: #282828;
    cursor: pointer;
}

.ty-horizontal-product-filters-dropdown__wrapper.active {
    border: 1px solid #ccc;
}

.ty-horizontal-product-filters-dropdown__icon {
    font-size: 20px;
    position: relative;
    padding-left: 10px;
}

.ty-horizontal-product-filters-dropdown__wrapper.open i.ty-horizontal-product-filters-dropdown__icon.ty-icon-down-micro::before,
.ty-horizontal-product-filters-dropdown__wrapper.open i.ty-sort-dropdown__icon.ty-icon-down-micro::before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ty-horizontal-product-filters-dropdown__content {
    position: absolute;
    z-index: 101;
    border: 1px solid #97a0a5;
    background: #fff;
    min-width: 180px;
}

.ty-horizontal-filters-content-to-right {
    left: 0;
}

.ty-horizontal-product-filters-dropdown__content .ty-horizontal-product-filters-dropdown__content-item-a {
    text-decoration: none;
}

.ty-horizontal-product-filters-dropdown__content-item-a {
    padding: 7px 14px;
    color: #465f73;
    display: block;
}

.ty-horizontal-product-filters-dropdown__content-item-a:hover {
    background: #465f73;
    color: #fff;
}

.ty-horizontal-product-filters-dropdown .ty-product-filters {
    margin-bottom: 0;
}

.ty-horizontal-product-filters-dropdown a .ty-icon-cancel-circle {
    position: relative;
    font-size: 16px;
    top: 3px;
    padding-left: 5px;
}

.ty-horizontal-product-filters-dropdown a .ty-icon-cancel-circle:hover {
    color: #465f73;
}

.ty-horizontal-product-filters .ty-range-slider,
.ty-horizontal-product-filters .ty-range-slider .ui-slider-range,
.ty-horizontal-product-filters .ty-range-slider .ui-slider-handle {
    z-index: 101;
}

.ty-horizontal-product-filters-dropdown__content .ty-product-filters__tools {
    background-color: #dce3ea;
    display: none !important;
}

.ty-horizontal-product-filters.ty-selected-product-filters {
    margin-bottom: 25px;
}

.cm-date-range {
    display: inline-block;
    padding: 15px 10px 9px;
    margin-bottom: 15px;
}

.cm-date-range a {
    color: #2e3a47;
}

.ty-date-range .ty-icon-calendar {
    position: relative;
    color: #2e3a47;
    font-size: 16px;
    margin-right: 3px;
    top: 2px;
}

.daterangepicker.dropdown-menu.opensright,
.daterangepicker.dropdown-menu.opensleft {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #97a0a5;
    padding: 10px 8px;
    z-index: 101;
}

.daterangepicker.dropdown-menu.opensright:before,
.daterangepicker.dropdown-menu.opensleft:before,
.daterangepicker.dropdown-menu.opensright:after,
.daterangepicker.dropdown-menu.opensleft:after {
    display: none;
}

.daterangepicker .ranges {
    min-width: 180px;
}

.daterangepicker>.ranges>ul>li {
    color: #465f73;
}

.daterangepicker>.ranges>ul>li.active,
.daterangepicker>.ranges>ul>li:hover {
    background: #465f73;
    border: 1px solid #465f73;
    color: #fff;
}

.daterangepicker .ranges .range_inputs label {
    display: block;
    width: auto;
    color: #2e3a47;
}

.daterangepicker_start_input,
.daterangepicker_end_input {
    margin-top: 5px;
    margin-bottom: 20px;
}

.daterangepicker .input-mini {
    width: 80px;
    cursor: not-allowed;
    background-color: #eee;
}

.daterangepicker button.btn.btn-small.btn-success.applyBtn {
    padding: 6px 7px;
    text-transform: uppercase;
    margin-right: 5px;
}

.daterangepicker button.btn.btn-small.btn-success.applyBtn.ty-btn__text {
    padding: 0;
}

.daterangepicker button.btn.btn-small.clearBtn {
    padding: 6px 7px;
    text-transform: uppercase;
}

.daterangepicker button.btn.btn-small.clearBtn.ty-btn__text {
    padding: 0;
}

.daterangepicker .calendar td.active,
.daterangepicker .calendar td.active:hover {
    background-color: #465f73;
    background-image: -moz-linear-gradient(top, #465f73, #465f73);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#465f73), to(#465f73));
    background-image: -webkit-linear-gradient(top, #465f73, #465f73);
    background-image: -o-linear-gradient(top, #465f73, #465f73);
    background-image: linear-gradient(to bottom, #465f73, #465f73);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff465f73', endColorstr='#ff465f73', GradientType=0);
}

.ty-cart-content {
    margin-top: 30px;
    border: 1px solid #fff;
}

.ty-cart-content__title {
    padding: 12px;
    border: 1px solid #fff;
    border-right: 0 none;
    border-left: 0 none;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    background: #edeff1;
}

.ty-cart-content__title.ty-left {
    text-align: left;
}

.ty-cart-content__title.ty-right {
    text-align: right;
}

.ty-cart-content__image {
    float: left;
}

.ty-cart-content__image-block {
    padding-left: 20px;
}

.ty-cart-content__qty {
    padding: 12px 30px 0;
    text-align: center;
}

.ty-cart-content__sku {
    padding: 5px 0;
    font-size: 11px !important;
}

.ty-cart-content__sku span {
    font-size: 11px !important;
}

.ty-cart-content__price {
    padding-right: 20px;
    text-align: right;
}

.ty-cart-content__detailed-link {
    display: inline-block;
    margin: 10px 0 10px;
    border-bottom: 1px dotted transparent;
    text-decoration: none;
    cursor: pointer;
}

.ty-cart-content__detailed-link.open,
.ty-cart-content__detailed-link:hover {
    border-color: #465f73;
    text-decoration: none;
}

.ty-cart-content__product-delete {
    margin: 0 0 0 6px;
    vertical-align: middle;
}

.ty-cart-content__product-delete:hover {
    text-decoration: none;
}

.ty-cart-content__more-info {
    margin-top: 0;
}

.ty-cart-content__more-info-title {
    padding: 12px;
}

.ty-cart-content__clear-button {
    margin-left: 10px;
}

.ty-cart-content__payment-methods {
    float: right;
    margin: 30px 0 0;
    border-top: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 70px 70px -30px #f7f7f7;
    -moz-box-shadow: inset 0 70px 70px -30px #f7f7f7;
    box-shadow: inset 0 70px 70px -30px #f7f7f7;
    text-align: center;
}

.ty-cart-content__payment-methods-item {
    padding: 20px 10px 0;
}

.ty-cart-content__payment-methods-title {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: -30px;
    padding: 10px;
    color: #737373;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 85%;
}

.ty-cart-content__left-buttons {
    float: left;
}

.ty-cart-content__right-buttons {
    float: right;
}

.ty-cart-items {
    overflow: auto;
    padding: 10px 15px;
    max-height: 400px;
    width: 320px;
}

.ty-cart-items__list-item {
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.ty-cart-items__list-item:last-child {
    border-bottom: 0px;
}

.ty-cart-items__list-item:hover .ty-cart-items__list-item-tools {
    display: block;
}

.ty-cart-items__list-item-tools a:hover {
    text-decoration: none;
}

.ty-cart-items__list-item-image {
    float: left;
    margin-right: 10px;
}

.ty-cart-items__list-item-desc {
    overflow: hidden;
}

.ty-cart-items__list-item-tools {
    position: absolute;
    top: 10px;
    right: 0px;
    display: none;
}

.ty-minicart-title {
    padding-left: 20px;
    display: inline-block;
    text-decoration: none;
}

.ty-cart-total {
    background: #edeff1;
}

.ty-cart-total__wrapper {
    padding: 17px 20px;
    border: 1px solid #fff;
    border-top: none;
}

.ty-cart-statistic {
    float: right;
    padding-top: 10px;
}

.ty-cart-statistic__item {
    clear: both;
    overflow: hidden;
    padding: 0 0 5px 0;
    color: #7c97b1;
}

.ty-cart-statistic__title {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 220px;
    text-align: right;
    white-space: normal;
}

.ty-cart-statistic_title_main {
    font-weight: bold;
}

.ty-statistic-list-subtotal-discount,
.ty-statistic-list-discount {
    color: #e74c3c;
}

.ty-cart-statistic__value {
    position: relative;
    display: inline-block;
    width: 140px;
    text-align: right;
}

.ty-cart-statistic__total-title {
    margin-right: 10px;
}

.ty-cart-statistic__total-value {
    display: inline-block;
    width: 180px;
}

.ty-cart-statistic__group {
    padding-bottom: 5px;
}

.ty-cart-statistic__total {
    padding: 9px 0 0 0;
    text-align: right;
    font-weight: bold;
    font-size: 138%;
}

.ty-cart-total__a-estimation {
    display: inline-block;
    margin: 0 2px 0 3px;
    text-transform: uppercase;
    font-size: 85%;
    line-height: 130%;
    border-bottom: 1px solid transparent;
}

.ty-cart-total__a-estimation:hover {
    border-bottom: 1px dotted #465f73;
    text-decoration: none;
}

.ty-cart-total__icon-estimation {
    padding: 0 2px;
}

.ty-sidebox .ty-input-text-medium {
    width: 100%;
}

.ty-estimation-buttons__rate {
    float: none;
}

.ty-estimation-buttons .ty-btn+.ty-btn {
    margin-left: 0;
}

.ty-estimation-buttons .ty-btn {
    vertical-align: top;
}

.ty-cart-content-products {
    margin-bottom: 6px;
    position: relative;
    padding: 0 10px;
    border: 1px solid #bdc3c7;
    background: #fff;
}

.ty-cart-content-products__item {
    padding-top: 15px;
    border-bottom: 1px solid #bdc3c7;
}

.ty-cart-content-products__item:last-child {
    border: 0;
}

.checkout__block {
    padding: 0 20px;
}

.ty-step__container-active .ty-tabs {
    margin-top: 5px;
    padding: 0px 10px;
}

.ty-step__container-active .ty-tabs__content {
    padding: 0;
}

.ty-step__body-active .ty-address-switch {
    margin: 25px 20px;
}

.ty-step__container-active .ty-step__title-txt {
    margin-left: 32px;
}

.ty-step__title-active {
    background: #a3b5c8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ty-step__title .ty-step__title-txt {
    font-weight: normal;
    color: #8ca3ba;
    margin-left: 36px;
}

.ty-step-one .buttons-container {
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.ty-step__title-right {
    float: right;
    padding: 7px 0 0 0;
}

.ty-checkout__relogin {
    display: inline-block;
    padding: 10px 10px 20px 0;
}

.ty-checkout__login {
    float: left;
    padding-right: 3%;
    padding-left: 3%;
    width: 46%;
}

.ty-checkout__login .ty-login {
    margin-top: 0;
}

.ty-checkout__register {
    position: relative;
    float: left;
    margin: 0 0 0 3%;
    width: 45%;
}

.ty-checkout__register #anonymous_checkout .ty-control-group {
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.ty-anonymous_checkout {
    padding: 0 25px;
    margin-top: 20px;
}

.ty-anonymous_checkout__field {
    padding: 0 25px;
    margin-top: 20px;
}

.ty-checkout__register-cancel {
    margin-left: 15px;
}

.ty-checkout__register-methods {
    margin: 0;
    padding: 0;
}

.ty-checkout__register-methods-item {
    margin: 0px;
    padding: 15px 0 0;
}

input.ty-checkout__register-methods-radio {
    float: left;
    margin-top: 2px;
}

.ty-checkout__register-methods-title {
    display: block;
    padding-bottom: 5px;
    overflow: hidden;
}

.ty-credit-card__control-group {
    position: relative;
}

input.ty-credit-card__input {
    padding: 8px;
    width: 100%;
    height: 40px;
    font-size: 18px;
}

input.ty-credit-card__input-short {
    margin: 0;
    width: 50px;
}

.ty-credit-card__ty-control-group {
    position: relative;
}

.ty-credit-card .help-inline {
    display: none;
}

.ty-credit-card__cvv-field {
    display: inline-block;
    margin: 17px 15px;
    max-width: 190px;
}

.ty-credit-card__cvv-field-input {
    width: 65px;
    font-size: 18px;
    height: 38px !important;
}

.ty-cc-icons {
    top: 0;
    display: inline-block;
    margin: 1px 0 15px -55px;
    position: absolute;
    right: unset;
}

.ty-cc-icons__item {
    position: absolute;
    z-index: 10;
    display: inline-block;
    visibility: hidden;
    padding: 0 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ty-cc-icons__icon {
    display: inline-block;
    margin: 0;
    width: 51px;
    height: 35px;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/icons/payments.png?1695311804') no-repeat;
}

.ty-cc-icons__item.cc-default,
.ty-cc-icons__item.active {
    visibility: visible;
}

.ty-cc-icons__item .default {
    background-position: -300px 0;
}

.ty-cc-icons__item .visa-electron {
    background-position: -200px -100px;
}

.ty-cc-icons__item .maestro {
    background-position: 0 -200px;
}

.ty-cc-icons__item .american-express {
    background-position: -100px -200px;
}

.ty-cc-icons__item .discover {
    background-position: -200px -200px;
}

.ty-cc-icons__item .mastercard {
    background-position: 0px -100px;
}

.ty-cc-icons__item .visa {
    background-position: -200px 0px;
}

.ty-cvv2-about {
    display: inline-block;
    margin-left: 10px;
}

.touch .ty-cvv2-about {
    display: none;
}

.ty-cvv2-about:hover {
    position: relative;
    text-decoration: none;
}

.ty-cvv2-about__title {
    cursor: pointer;
    color: #465f73;
}

.ty-cvv2-about__note {
    display: none;
    padding: 15px 5px;
    width: 340px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -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);
}

.ty-cvv2-about:hover .ty-cvv2-about__note {
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 100;
    display: block;
}

.ty-cvv2-about__image {
    float: left;
    padding: 0 15px;
}

.ty-cvv2-about__description {
    float: left;
    width: 240px;
}

.ty-cvv2-about__description-title {
    margin: 0;
}

.ty-payment-icons {
    margin: 10px 0;
}

.ty-payment-icons__item {
    display: inline-block;
    margin-left: 10px;
    width: 51px;
    height: 32px;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/icons/payments.png?1695311804') no-repeat;
}

.ty-payment-icons__item.twocheckout {
    background-position: 0 0;
}

.ty-payment-icons__item.mastercard {
    background-position: 0px -100px;
}

.ty-payment-icons__item.paypal {
    background-position: -100px -100px;
}

.ty-payment-icons__item.visa {
    background-position: -200px 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .ty-payment-icons__item {
        background-image: url('../imgs/payments@2x.png');
        background-size: 400px, 400px;
    }
}

.ty-checkout-summary__taxes {
    padding-bottom: 2px;
    font-weight: bold;
}

.ty-checkout-summary__taxes-amount {
    display: inline-block;
    overflow: hidden;
    width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ty-checkout-summary__order_discount .discount-price {
    color: #37ae01;
}

.ty-order-products__list {
    padding: 0px 0px;
}

.ty-order-products__list .ty-product-options {
    display: block;
    padding: 6px 0 0;
    color: #666;
}

.ty-order-products__list .ty-product-options span {
    font-size: 12px;
}

.ty-order-products__item-delete {
    visibility: hidden;
    float: right;
}

.ty-order-products__item-delete:hover {
    text-decoration: none;
}

.ty-order-products__item:hover .ty-order-products__item-delete {
    visibility: visible;
}

.ty-order-products__price {
    color: #1a2128;
}

.ty-order-products__a {
    display: inline-block;
    margin: 2px 0 5px;
    max-width: 238px;
}

.ty-order-products__buttons {
    padding: 14px 0px;
}

.ty-order-products__buttons .text-button {
    color: #e74c3c;
}

.ty-order-info {
    color: #1a2128;
}

.ty-order-info__title {
    font-weight: bold;
}

.shipping-adress__delim {
    margin-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.ty-order-info__profile-field-item {
    float: none;
    clear: left;
}

.ty-order-info__profile-field .b-firstname,
.ty-order-info__profile-field .b-lastname,
.ty-order-info__profile-field .b-address,
.ty-order-info__profile-field .b-city,
.ty-order-info__profile-field .b-country,
.ty-order-info__profile-field .b-state,
.ty-order-info__profile-field .b-zipcode,
.ty-order-info__profile-field .s-firstname,
.ty-order-info__profile-field .s-lastname,
.ty-order-info__profile-field .s-address,
.ty-order-info__profile-field .s-city,
.ty-order-info__profile-field .s-country,
.ty-order-info__profile-field .s-state,
.ty-order-info__profile-field .s-zipcode {
    float: left;
    clear: none;
    padding-right: 5px;
}

.ty-order-info__profile-field .b-address,
.ty-order-info__profile-field .s-address {
    clear: left;
}

.ty-checkout-complete__create-account {
    width: 49%;
    display: inline-block;
}

.ty-checkout-complete__buttons:before,
.ty-checkout-complete__buttons:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-checkout-complete__buttons:after {
    clear: both;
}

.ty-checkout-complete__buttons-left {
    float: left;
}

.ty-checkout-complete__buttons-right {
    float: right;
}

.ty-checkout-complete__login-info {
    width: 45%;
    margin-left: 5%;
    display: inline-block;
    vertical-align: top;
}

.ty-checkout-complete_width_full {
    width: 100%;
    margin: 0 0 25px 0;
}

.ty-checkout-complete__button-vmid {
    display: inline-block;
    margin-top: 8px;
}

.ty-payments-list {
    float: left;
    margin: 0;
}

input.ty-payments-list__checkbox {
    float: left;
    margin-top: 2px;
}

.ty-payments-list__checkbox:checked+.ty-payments-list__item-group label {
    font-weight: 700;
}

.ty-payments-list__description {
    font-weight: normal;
}

.ty-payments-list__instruction {
    display: inline-block;
    width: 255px;
    margin-bottom: 10px;
    color: #2e3a47;
}

.ty-payments-list__instruction p {
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ty-payments-list__instruction h2 {
    font-weight: bold;
    font-size: 135%;
    line-height: 130%;
}

.ty-payments-list__image {
    max-width: 120px;
}

.ty-payment-method-iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 700px;
    background: #c0c0c0;
    opacity: 0.9;
}

.ty-payment-method-iframe__label {
    position: relative;
    top: 350px;
    padding: 10px;
    height: 50px;
}

.ty-payment-method-iframe__text {
    position: relative;
    top: 20px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.ty-payment-method-iframe__box {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 700px;
}

.ty-repay .ty-tabs {
    margin-top: 5px;
}

.ty-repay-button {
    padding-bottom: 20px;
}

.ty-orders-detail {
    position: relative;
}

.ty-orders-detail .tabs {
    margin-top: 20px;
}

.ty-orders-detail .ty-subheaders-group {
    margin: 0;
}

.ty-profiles-info {
    margin-top: 20px;
    vertical-align: top;
}

.ty-profiles-info:before,
.ty-profiles-info:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-profiles-info:after {
    clear: both;
}

.ty-profiles-info__item {
    float: left;
    margin-right: 3%;
    width: 30%;
}

.ty-profiles-info__title {
    margin-bottom: 5px;
    font-size: 15px;
}

.ty-profiles-info__field {
    padding-top: 12px;
}

.ty-profiles-info__field .ty-info-field {
    margin-bottom: 5px;
}

.ty-profiles-info__field .ty-info-field:before,
.ty-profiles-info__field .ty-info-field:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-profiles-info__field .ty-info-field:after {
    clear: both;
}

.ty-orders-detail__products {
    margin-top: 25px;
}

.ty-orders-detail__table {
    width: 100%;
    margin-top: 10px;
}

.ty-orders-detail__table-product {
    width: 65%;
}

.ty-orders-detail__table-price {
    width: 15%;
    text-align: right;
}

.ty-orders-detail__table-quantity {
    width: 10%;
}

.ty-orders-detail__table-subtotal {
    text-align: right;
}

.ty-orders-notes {
    margin-top: 28px;
}

.ty-orders-notes__body {
    position: relative;
    margin-top: 10px;
    padding: 15px;
    border: 1px solid #d1d1d1;
    line-height: 150%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ty-ajax-loading-box {
    position: fixed;
    top: 50%;
    right: 50%;
    left: 50%;
    z-index: 100001;
    display: none;
    overflow: visible;
    margin-top: -26px;
    margin-left: -26px;
    padding: 0px;
    min-height: 52px;
    width: 52px;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/icons/loader_v1.gif?1695311804') no-repeat 10px 10px #0d0d0d;
    opacity: 0.9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ty-orders-summary {
    margin-top: 28px;
}

.ty-orders-summary__table {
    width: 100%;
}

.ty-orders-summary__taxes-description {
    padding-top: 5px;
}

.ty-orders-shipment .ty-subheader {
    font-size: 22px;
    font-weight: 600;
    margin-top: 40px;
}

.ty-orders-shipment .ty-subheader:first-child {
    margin-top: 0px;
}

.ty-orders-shipment__info p {
    padding-top: 0px;
}

.ty-orders-shipment__table {
    width: 100%;
    margin-top: 10px;
}

.ty-orders-shipment-notes__header {
    font-size: 14px;
    float: left;
    padding-right: 10px;
    display: table-cell;
}

.ty-orders-shipment-notes__body {
    display: table-cell;
}

.ty-orders-shipment-notes__info {
    padding-top: 20px;
}

.ty-orders-shipment-notes_body {
    float: left;
    display: table-cell;
}

.ty-orders-search {
    position: relative;
    width: 100%;
}

.ty-orders-search__item {
    vertical-align: top;
}

.ty-orders-search__user-info {
    margin: 0;
    padding: 0;
}

.ty-orders-repay {
    margin-top: 30px;
}

.ty-orders-repay .tabs-content {
    padding-left: 20px;
}

.ty-order-status {
    margin: 5% auto;
    padding: 15px 15px 15px 40px;
    width: 920px;
    border: 1px solid #e5e5e5;
    background: #f7f7f7 url('https://cdn.pnj.io/design/themes/responsive/media/images/icons/ajax.gif?1695311804') no-repeat 15px center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.ty-license-agreement__checkbox__checkbox {
    font-weight: bold;
}

.ty-orders-promotion {
    margin-top: 30px;
}

.ty-orders-promotion__title {
    font-size: 16px;
}

.ty-orders-promotion__description {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 10px;
    padding: 10px;
}

.ty-sitemap {
    margin-bottom: 10px;
}

.ty-sitemap__section-title {
    display: block;
    padding: 10px 0 7px 0;
    border-color: #fff;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
}

.ty-sitemap__section-wrapper {
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 33%;
}

.ty-sitemap__tree {
    margin: 20px 0 15px 0;
}

.ty-sitemap__tree-section-list {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    min-height: 165px;
    width: 33%;
    font-size: 12px;
}

.ty-sitemap__section-sub-title {
    font-weight: bold;
    font-size: 120%;
}

.ty-sitemap__tree-list-item {
    font-size: 12px;
    line-height: 17px;
    padding: 5px 0;
}

.ty-sitemap__tree-list-item {
    padding: 5px 0;
}

.ty-company-fields {
    margin-bottom: 50px;
}

.ty-company-fields .ty-input-text,
.ty-company-fields .ty-input-textarea-long {
    width: 100%;
}

.ty-company-fields select {
    width: 100%;
}

.ty-companies {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}

.ty-companies:before,
.ty-companies:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-companies:after {
    clear: both;
}

.ty-companies__info {
    overflow: hidden;
    padding-left: 25px;
}

.ty-companies__img {
    float: left;
    text-align: center;
}

.ty-company-title {
    display: inline-block;
    padding: 5px 0;
}

.ty-company-detail__top-links {
    line-height: 20px;
}

.ty-company-detail__view-products {
    display: inline-block;
    margin-top: 5px;
    margin-right: 15px;
    cursor: pointer;
}

.ty-company-detail__categories {
    margin-top: 10px;
}

.ty-company-detail__table {
    width: 100%;
    margin-top: 10px;
}

.ty-company-detail__info-title {
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #404040;
    font-weight: bold;
    font-size: 115%;
}

.ty-company-detail__logo {
    float: left;
    overflow: hidden;
    margin: 0 100px 20px 0;
    width: 160px;
    height: 100px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 100px;
}

.ty-company-detail__logo:before,
.ty-company-detail__logo:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-company-detail__logo:after {
    clear: both;
}

.ty-company-detail__logo .ty-no-image {
    width: 160px !important;
    height: 100px !important;
}

.ty-company-detail__info {
    overflow: hidden;
    margin-top: 25px;
}

.ty-company-detail__info:before,
.ty-company-detail__info:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-company-detail__info:after {
    clear: both;
}

.ty-company-image {
    vertical-align: middle;
}

.ty-company-detail__info-list {
    float: left;
    margin-bottom: 20px;
    max-width: 240px;
    word-break: break-all;
}

.ty-company-detail_info-first {
    margin-right: 10%;
}

.ty-company-detail__ty-control-group {
    padding-top: 3px;
}

.ty-company-detail__control-label {
    display: inline-block;
    width: 65px;
}

.ty-company__terms {
    margin: 25px 0px;
    padding: 15px 20px;
    border: 2px solid #bdc3c7;
    border-radius: 3px;
    background: #fff;
    font-weight: bold;
}

.ty-company-info {
    margin: 45px 0 0 58px;
    padding-bottom: 280px;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/company_vendor.png?1695311804') no-repeat bottom center;
}

.ty-company-info h4 {
    padding-bottom: 10px;
    font-size: 19px;
}

.ty-company-info ul li {
    margin-bottom: 11px;
    margin-left: 17px;
    padding: 2px 0;
    list-style-type: disc;
}

.ty-entry-page__item {
    margin: 3px 0;
    padding: 8px;
}

.ty-entry-page__a {
    display: block;
}

.ty-categories-picker {
    margin-top: -1px;
    width: 100%;
}

.ty-categories-picker__title,
.ty-categories-picker__item {
    padding: 12px;
    border: 1px solid #ecf0f1;
    text-align: left;
}

.ty-categories-picker .ty-dir-list {
    color: #b3b3b3;
}

.ty-tree-space {
    display: inline-block;
    width: 10px;
}

.download {
    margin-top: 20px;
}

.ty-download__table {
    width: 100%;
    margin: 11px 0 35px 0;
}

.ty-download-icon {
    margin-right: 5px;
    color: #bdc3c7;
}

.ty-download__empty {
    color: #dce3ea;
}

.ty-download__icon {
    margin-left: 5px;
    font-size: 120%;
}

.ty-top-panel {
    position: fixed;
    width: 100%;
    z-index: 500;
}

.ty-top-panel-padding {
    padding-top: 36px;
}

.ty-top-panel__wrapper {
    position: relative;
    z-index: 100;
    overflow: hidden;
    height: 35px;
    border-bottom: 1px solid #262626;
    background: #333 url('https://cdn.pnj.io/design/themes/responsive/media/images/csse_bg.png?1695311804');
    -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5);
}

.ty-top-panel__title {
    float: left;
    margin: 0 0 0 15px;
    color: #d3d3d3;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: 36px;
}

.ty-top-panel__logo {
    display: inline-block;
    width: 20px;
    float: left;
    padding: 0 15px;
    height: 36px;
    border-right: 1px solid #282828;
    -webkit-box-shadow: 1px 0px 0px 0px #393939;
    -moz-box-shadow: 1px 0px 0px 0px #393939;
    box-shadow: 1px 0px 0px 0px #393939;
}

.ty-top-panel__logo-link:hover {
    text-decoration: none;
}

.ty-top-panel__icon-basket {
    position: relative;
    top: 7px;
    color: #666;
    font-size: 20px;
}

.ty-top-panel__icon-basket:hover {
    color: #f3f3f3;
}

.ty-top-panel__timer {
    color: #cfcfcf;
    margin-right: 15px;
}

.ty-top-panel__close {
    width: 9px;
    padding: 0 15px;
    color: #969696;
    font-size: 12px;
}

.ty-top-panel__close:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #f3f3f3;
    text-decoration: none;
}

.ty-top-panel-action {
    float: right;
    line-height: 36px;
}

.ty-top-panel-action__setting {
    padding: 0 15px;
    width: 22px;
}

.ty-top-panel-action__setting:hover,
.ty-top-panel-action__setting.active {
    background: rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.ty-top-panel-action__setting:hover .ty-top-panel-action__icon-setting {
    color: #f3f3f3;
}

.ty-top-panel-action__icon-setting {
    color: #969696;
    font-size: 22px;
    position: relative;
    top: 3px;
}

.ty-top-panel-action_item {
    display: inline-block;
    border-right: 1px solid #282828;
    -webkit-box-shadow: 1px 0px 0px 0px #393939;
    -moz-box-shadow: 1px 0px 0px 0px #393939;
    box-shadow: 1px 0px 0px 0px #393939;
}

.minimize-label {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1000;
    width: 35px;
    height: 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background: #4d4d4d;
    text-decoration: none;
    opacity: 0.7;
}

.minimize-label:hover {
    opacity: 1;
}

.minimize-label__icon {
    position: absolute;
    top: -2px;
    left: 11px;
    color: #ccc;
    font-size: 22px;
}

.ty-top-panel-btn {
    margin-right: 15px;
    padding: 3px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #636363;
    background-image: -moz-linear-gradient(top, #6d6d6d, #555);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d6d6d), to(#555));
    background-image: -webkit-linear-gradient(top, #6d6d6d, #555);
    background-image: -o-linear-gradient(top, #6d6d6d, #555);
    background-image: linear-gradient(to bottom, #6d6d6d, #555);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d6d6d', endColorstr='#ff555555', GradientType=0);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3);
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    cursor: pointer;
}

.ty-top-panel-btn:hover {
    background-color: #7d7d7d;
    background-image: -moz-linear-gradient(top, #878787, #6e6e6e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#878787), to(#6e6e6e));
    background-image: -webkit-linear-gradient(top, #878787, #6e6e6e);
    background-image: -o-linear-gradient(top, #878787, #6e6e6e);
    background-image: linear-gradient(to bottom, #878787, #6e6e6e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff878787', endColorstr='#ff6e6e6e', GradientType=0);
    color: #fff;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.ty-top-panel-btn:active {
    background-color: #5f5f5f;
    background-image: -moz-linear-gradient(top, #555, #6e6e6e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#6e6e6e));
    background-image: -webkit-linear-gradient(top, #555, #6e6e6e);
    background-image: -o-linear-gradient(top, #555, #6e6e6e);
    background-image: linear-gradient(to bottom, #555, #6e6e6e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff6e6e6e', GradientType=0);
    -webkit-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05);
    color: #fff;
    text-shadow: none;
    font-size: 12px;
}

.te-mode {
    margin-left: 300px;
}

.te-mode .ty-ajax-loading-box {
    margin-left: 156px;
}

html #jquery-overlay {
    z-index: 1060;
}

html #jquery-lightbox {
    z-index: 1070;
}

.homepage-banners {
    margin-top: 25px;
}

.homepage-hotdeals {
    margin: 50px 0;
}

.ty-homepage-vendors {
    margin-top: 35px;
    margin-right: 40px;
    padding: 15px 0 30px 0;
}

.ty-homepage-vendors ul {
    margin: 15px 15px 0 0;
}

.ty-homepage-vendors ul li {
    padding: 5px 0;
}

.ty-homepage-vendors__devider {
    border-top: 1px solid #dce3ea;
    padding: 10px 0;
    margin-top: 15px;
}

.ty-tabs .subtab .ty-tabs__item.active .ty-tabs__a {
    color: #7c7e80;
}

.ty-tabs__a:hover,
.ty-tabs .subtab a:hover {
    text-decoration: none;
    color: #7c7e80;
}

.ty-tabs__content {
    padding: 15px 5px;
}

.tab-list-title {
    margin: 50px 0 15px 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dce3ea;
    font-size: 22px;
}

.ty-tabs .open .dropdown-menu {
    display: block;
}

.ty-tabs .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.ty-tabs .dropdown-menu li.active {
    float: none;
    border: 0;
    margin: 0;
}

.ty-tabs .dropdown-menu li {
    display: block;
    margin: 0;
    float: none;
    background: none;
    border: 0px;
}

.ty-tabs .subtab {
    float: right !important;
}

.ty-tabs .ty-icon-down-dir {
    position: relative;
    float: none;
    top: 0;
    left: 0;
    margin: 0 2px;
}

.ty-ajax-loading-box__inner {
    display: none;
    margin: 0 10px 0 5px;
    padding: 6px 0 6px 27px;
    color: #fff;
    font-weight: bold;
}

.ty-ajax-loading-box_text_block {
    min-width: 120px;
    min-height: 76px;
    background-position: 44px 10px;
}

.ty-ajax-loading-box-with__text-wrapper {
    color: #fff;
    margin-top: 50px;
    display: block;
    margin-left: 0px;
    width: 110px;
    padding: 0px 5px 5px 5px;
    text-align: center;
}

.ty-ajax-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10002;
    display: none;
    background-color: #000;
    opacity: 0.7;
}

.notification-content-extended {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1101;
    margin: -40px 0 0 -320px;
    min-height: 140px;
    width: 640px;
    color: #000;
    background-color: #fff;
    border: 1px solid gray;
}

.notification-content-extended .ty-product-notification__body {
    overflow: auto;
}

.notification-body-extended {
    color: #000;
    overflow-x: hidden;
    overflow-y: auto;
}

.notification-container-top {
    top: 10px;
}

.notification-content {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    line-height: 150%;
    border-radius: 2px;
}

.notification-content strong {
    margin-right: 7px;
}

.close {
    position: absolute;
    top: 5px;
    right: 7px;
    float: right;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 20px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 15px;
    cursor: pointer;
    -webkit-appearance: none;
}

.close:hover {
    text-decoration: none;
    cursor: pointer;
}

.alert-success,
.alert-warning,
.alert-error {
    position: relative;
    margin: 7px 0 7px 0;
    border: 1px solid;
    font-size: 100%;
    opacity: 0.96;
}

.alert-success {
    border-color: #8bc045;
    background: #d0eaae;
    color: #496e16;
}

.alert-success .close {
    color: #8bc045;
}

.alert-warning {
    border-color: #f39c12;
    background: #f5e08c;
    color: #ac6e0b;
}

.alert-warning .close {
    color: #f39c12;
}

.alert-error {
    border-color: #c0392b;
    background: #eb7064;
    color: white;
}

.alert-error .close {
    color: #c0392b;
}

.alert-error a {
    color: #fff;
    text-decoration: underline;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoheight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 10px;
}

.owl-buttons {
    color: #41576c;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeout .7s both ease;
    -moz-animation: fadeout .7s both ease;
    animation: fadeout .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadein .7s both ease;
    -moz-animation: fadein .7s both ease;
    animation: fadein .7s both ease;
}

.owl-backslide-out {
    -webkit-animation: backslideout 1s both ease;
    -moz-animation: backslideout 1s both ease;
    animation: backslideout 1s both ease;
}

.owl-backslide-in {
    -webkit-animation: backslidein 1s both ease;
    -moz-animation: backslidein 1s both ease;
    animation: backslidein 1s both ease;
}

.owl-godown-out {
    -webkit-animation: scaletofade .7s ease both;
    -moz-animation: scaletofade .7s ease both;
    animation: scaletofade .7s ease both;
}

.owl-godown-in {
    -webkit-animation: godown .6s ease both;
    -moz-animation: godown .6s ease both;
    animation: godown .6s ease both;
}

.owl-fadeup-in {
    -webkit-animation: scaleupfrom .5s ease both;
    -moz-animation: scaleupfrom .5s ease both;
    animation: scaleupfrom .5s ease both;
}

.owl-fadeup-out {
    -webkit-animation: scaleupto .5s ease both;
    -moz-animation: scaleupto .5s ease both;
    animation: scaleupto .5s ease both;
}

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

@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}

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

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

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backslideout {
    25% {
        opacity: .5;
        -webkit-transform: translatez(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translatez(-500px) translatex(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translatez(-500px) translatex(-200%);
    }
}

@-moz-keyframes backslideout {
    25% {
        opacity: .5;
        -moz-transform: translatez(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translatez(-500px) translatex(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translatez(-500px) translatex(-200%);
    }
}

@keyframes backslideout {
    25% {
        opacity: .5;
        transform: translatez(-500px);
    }

    75% {
        opacity: .5;
        transform: translatez(-500px) translatex(-200%);
    }

    100% {
        opacity: .5;
        transform: translatez(-500px) translatex(-200%);
    }
}

@-webkit-keyframes backslidein {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translatez(-500px) translatex(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translatez(-500px);
    }

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

@-moz-keyframes backslidein {

    0%,
    25% {
        opacity: .5;
        -moz-transform: translatez(-500px) translatex(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translatez(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translatez(0) translatex(0);
    }
}

@keyframes backslidein {

    0%,
    25% {
        opacity: .5;
        transform: translatez(-500px) translatex(200%);
    }

    75% {
        opacity: .5;
        transform: translatez(-500px);
    }

    100% {
        opacity: 1;
        transform: translatez(0) translatex(0);
    }
}

@-webkit-keyframes scaletofade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaletofade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaletofade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes godown {
    from {
        -webkit-transform: translatey(-100%);
    }
}

@-moz-keyframes godown {
    from {
        -moz-transform: translatey(-100%);
    }
}

@keyframes godown {
    from {
        transform: translatey(-100%);
    }
}

@-webkit-keyframes scaleupfrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleupfrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleupfrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleupto {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleupto {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleupto {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

.owl-theme {
    margin: 0;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

.owl-theme .owl-controls-outside {
    margin-top: 0;
    text-align: center;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #bd8e26;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: alpha(opacity=100);
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-item.loading {
    opacity: 0.4;
    background-image: url('../imgs/spinner_v1.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.owl-more-theme .owl-controls {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -18px;
}

.owl-more-theme .owl-prev,
.owl-more-theme .owl-next {
    position: absolute;
    padding: 3px 8px 0 8px;
}

.owl-more-theme .owl-prev i,
.owl-more-theme .owl-next i {
    font-size: 30px;
}

.owl-more-theme .owl-prev {
    left: -35px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.owl-more-theme .owl-next {
    right: -35px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.ty-footer-form-block {
    margin: 27px 0px 0px 0px;
}

.ty-footer-form-block__title {
    display: inline-block;
    padding-right: 30px;
    font-size: 22px;
    color: white;
    font-weight: normal;
}

.ty-footer-form-block__form {
    display: inline-block;
    margin: 6px 0 10px 0 !important;
    width: 300px;
}

.ty-footer-form-block__form.title-newsletter {
    margin: 18px 0 10px !important;
}

.ty-footer-form-block__form .cm-hint {
    color: #c9c9c9;
}

.dropdown-menu {
    display: none;
}

.icon-loading {
    padding: 100px 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    background: url('https://cdn.pnj.io/design/themes/pnjrovski/media/../../responsive/media/images/icons/loading.svg?1695311804') no-repeat center center transparent;
    width: 100%;
}

#ul-search .span4,
#ul-search-recommend .span4 {
    width: 20%;
}

#ul-search .span12,
#ul-search-recommend .span12 {
    width: 80%;
}

#ul-search li,
#ul-search-recommend li {
    display: flex;
}

#ul-search li a,
#ul-search-recommend li a {
    min-height: 35px;
    max-height: 90px;
    display: block;
}

#ul-search li a img,
#ul-search-recommend li a img {
    max-height: 90px;
}

#ul-search li .product-view-and-rating,
#ul-search-recommend li .product-view-and-rating {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0;
    width: 50%;
    float: right;
    line-height: 20px;
}

#ul-search li .price,
#ul-search-recommend li .price {
    color: #003468;
    font-weight: 400;
}

@media (max-width: 767px) {

    #ul-search .span4,
    #ul-search-recommend .span4 {
        width: 20%;
    }

    #ul-search .span12,
    #ul-search-recommend .span12 {
        width: 80%;
    }

    #ul-search li,
    #ul-search-recommend li {
        display: flex;
    }

    #ul-search li .product-view-and-rating,
    #ul-search-recommend li .product-view-and-rating {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding: 0;
    }

    #ul-search li .price,
    #ul-search-recommend li .price {
        color: #003468;
    }
}

#suggest-search .m-inner-box-close {
    right: 10px;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.search-recommend {
    display: none;
}

.cs-result-page .filter-cloudsearch {
    display: inline-block;
}

.cs-result-page .content_product_sortings {
    display: inline-block;
    float: right;
}

@-ms-viewport {
    width: device-width;
}

.hidden {
    display: none;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }
}

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

    .visible-desktop {
        display: none !important;
    }

    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

@media (min-width: 1224px) {
    .row {
        margin-left: -25px;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 25px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1175px;
    }

    .span16 {
        width: 1175px;
    }

    .span15 {
        width: 1100px;
    }

    .span14 {
        width: 1025px;
    }

    .span13 {
        width: 950px;
    }

    .span12 {
        width: 875px;
    }

    .span11 {
        width: 800px;
    }

    .span10 {
        width: 725px;
    }

    .span9 {
        width: 650px;
    }

    .span8 {
        width: 575px;
    }

    .span7 {
        width: 500px;
    }

    .span6 {
        width: 425px;
    }

    .span5 {
        width: 350px;
    }

    .span4 {
        width: 275px;
    }

    .span3 {
        width: 200px;
    }

    .span2 {
        width: 125px;
    }

    .span1 {
        width: 50px;
    }

    .offset16 {
        margin-left: 1225px;
    }

    .offset15 {
        margin-left: 1150px;
    }

    .offset14 {
        margin-left: 1075px;
    }

    .offset13 {
        margin-left: 1000px;
    }

    .offset12 {
        margin-left: 925px;
    }

    .offset11 {
        margin-left: 850px;
    }

    .offset10 {
        margin-left: 775px;
    }

    .offset9 {
        margin-left: 700px;
    }

    .offset8 {
        margin-left: 625px;
    }

    .offset7 {
        margin-left: 550px;
    }

    .offset6 {
        margin-left: 475px;
    }

    .offset5 {
        margin-left: 400px;
    }

    .offset4 {
        margin-left: 325px;
    }

    .offset3 {
        margin-left: 250px;
    }

    .offset2 {
        margin-left: 175px;
    }

    .offset1 {
        margin-left: 100px;
    }

    .row-fluid {
        width: 100%;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.1276595744681%;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 2.1276595744681%;
    }

    .row-fluid .span16 {
        width: 100%;
    }

    .row-fluid .span15 {
        width: 93.617021276596%;
    }

    .row-fluid .span14 {
        width: 87.234042553191%;
    }

    .row-fluid .span13 {
        width: 80.851063829787%;
    }

    .row-fluid .span12 {
        width: 74.468085106383%;
    }

    .row-fluid .span11 {
        width: 68.085106382979%;
    }

    .row-fluid .span10 {
        width: 61.702127659574%;
    }

    .row-fluid .span9 {
        width: 55.31914893617%;
    }

    .row-fluid .span8 {
        width: 48.936170212766%;
    }

    .row-fluid .span7 {
        width: 42.553191489362%;
    }

    .row-fluid .span6 {
        width: 36.170212765957%;
    }

    .row-fluid .span5 {
        width: 29.787234042553%;
    }

    .row-fluid .span4 {
        width: 23.404255319149%;
    }

    .row-fluid .span3 {
        width: 17.021276595745%;
    }

    .row-fluid .span2 {
        width: 10.63829787234%;
    }

    .row-fluid .span1 {
        width: 4.2553191489362%;
    }

    .row-fluid .offset16 {
        margin-left: 104.25531914894%;
    }

    .row-fluid .offset16:first-child {
        margin-left: 102.12765957447%;
    }

    .row-fluid .offset15 {
        margin-left: 97.872340425532%;
    }

    .row-fluid .offset15:first-child {
        margin-left: 95.744680851064%;
    }

    .row-fluid .offset14 {
        margin-left: 91.489361702128%;
    }

    .row-fluid .offset14:first-child {
        margin-left: 89.36170212766%;
    }

    .row-fluid .offset13 {
        margin-left: 85.106382978723%;
    }

    .row-fluid .offset13:first-child {
        margin-left: 82.978723404255%;
    }

    .row-fluid .offset12 {
        margin-left: 78.723404255319%;
    }

    .row-fluid .offset12:first-child {
        margin-left: 76.595744680851%;
    }

    .row-fluid .offset11 {
        margin-left: 72.340425531915%;
    }

    .row-fluid .offset11:first-child {
        margin-left: 70.212765957447%;
    }

    .row-fluid .offset10 {
        margin-left: 65.957446808511%;
    }

    .row-fluid .offset10:first-child {
        margin-left: 63.829787234043%;
    }

    .row-fluid .offset9 {
        margin-left: 59.574468085106%;
    }

    .row-fluid .offset9:first-child {
        margin-left: 57.446808510638%;
    }

    .row-fluid .offset8 {
        margin-left: 53.191489361702%;
    }

    .row-fluid .offset8:first-child {
        margin-left: 51.063829787234%;
    }

    .row-fluid .offset7 {
        margin-left: 46.808510638298%;
    }

    .row-fluid .offset7:first-child {
        margin-left: 44.68085106383%;
    }

    .row-fluid .offset6 {
        margin-left: 40.425531914894%;
    }

    .row-fluid .offset6:first-child {
        margin-left: 38.297872340426%;
    }

    .row-fluid .offset5 {
        margin-left: 34.042553191489%;
    }

    .row-fluid .offset5:first-child {
        margin-left: 31.914893617021%;
    }

    .row-fluid .offset4 {
        margin-left: 27.659574468085%;
    }

    .row-fluid .offset4:first-child {
        margin-left: 25.531914893617%;
    }

    .row-fluid .offset3 {
        margin-left: 21.276595744681%;
    }

    .row-fluid .offset3:first-child {
        margin-left: 19.148936170213%;
    }

    .row-fluid .offset2 {
        margin-left: 14.893617021277%;
    }

    .row-fluid .offset2:first-child {
        margin-left: 12.765957446809%;
    }

    .row-fluid .offset1 {
        margin-left: 8.5106382978723%;
    }

    .row-fluid .offset1:first-child {
        margin-left: 6.3829787234043%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .row {
        margin-left: -10px;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 10px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 726px;
    }

    .span16 {
        width: 726px;
    }

    .span15 {
        width: 680px;
    }

    .span14 {
        width: 634px;
    }

    .span13 {
        width: 588px;
    }

    .span12 {
        width: 542px;
    }

    .span11 {
        width: 496px;
    }

    .span10 {
        width: 450px;
    }

    .span9 {
        width: 404px;
    }

    .span8 {
        width: 358px;
    }

    .span7 {
        width: 312px;
    }

    .span6 {
        width: 266px;
    }

    .span5 {
        width: 220px;
    }

    .span4 {
        width: 174px;
    }

    .span3 {
        width: 128px;
    }

    .span2 {
        width: 82px;
    }

    .span1 {
        width: 36px;
    }

    .offset16 {
        margin-left: 746px;
    }

    .offset15 {
        margin-left: 700px;
    }

    .offset14 {
        margin-left: 654px;
    }

    .offset13 {
        margin-left: 608px;
    }

    .offset12 {
        margin-left: 562px;
    }

    .offset11 {
        margin-left: 516px;
    }

    .offset10 {
        margin-left: 470px;
    }

    .offset9 {
        margin-left: 424px;
    }

    .offset8 {
        margin-left: 378px;
    }

    .offset7 {
        margin-left: 332px;
    }

    .offset6 {
        margin-left: 286px;
    }

    .offset5 {
        margin-left: 240px;
    }

    .offset4 {
        margin-left: 194px;
    }

    .offset3 {
        margin-left: 148px;
    }

    .offset2 {
        margin-left: 102px;
    }

    .offset1 {
        margin-left: 56px;
    }

    .row-fluid {
        width: 100%;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 1.3774104683196%;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 1.3774104683196%;
    }

    .row-fluid .span16 {
        width: 100%;
    }

    .row-fluid .span15 {
        width: 93.617021276596%;
    }

    .row-fluid .span14 {
        width: 87.234042553191%;
    }

    .row-fluid .span13 {
        width: 80.851063829787%;
    }

    .row-fluid .span12 {
        width: 74.468085106383%;
    }

    .row-fluid .span11 {
        width: 68.085106382979%;
    }

    .row-fluid .span10 {
        width: 61.702127659574%;
    }

    .row-fluid .span9 {
        width: 55.31914893617%;
    }

    .row-fluid .span8 {
        width: 48.936170212766%;
    }

    .row-fluid .span7 {
        width: 42.553191489362%;
    }

    .row-fluid .span6 {
        width: 36.170212765957%;
    }

    .row-fluid .span5 {
        width: 29.787234042553%;
    }

    .row-fluid .span4 {
        width: 23.404255319149%;
    }

    .row-fluid .span3 {
        width: 17.021276595745%;
    }

    .row-fluid .span2 {
        width: 10.63829787234%;
    }

    .row-fluid .span1 {
        width: 4.2553191489362%;
    }

    .row-fluid .offset16 {
        margin-left: 102.75482093664%;
    }

    .row-fluid .offset16:first-child {
        margin-left: 101.37741046832%;
    }

    .row-fluid .offset15 {
        margin-left: 97.872340425532%;
    }

    .row-fluid .offset15:first-child {
        margin-left: 95.744680851064%;
    }

    .row-fluid .offset14 {
        margin-left: 91.489361702128%;
    }

    .row-fluid .offset14:first-child {
        margin-left: 89.36170212766%;
    }

    .row-fluid .offset13 {
        margin-left: 85.106382978723%;
    }

    .row-fluid .offset13:first-child {
        margin-left: 82.978723404255%;
    }

    .row-fluid .offset12 {
        margin-left: 78.723404255319%;
    }

    .row-fluid .offset12:first-child {
        margin-left: 76.595744680851%;
    }

    .row-fluid .offset11 {
        margin-left: 72.340425531915%;
    }

    .row-fluid .offset11:first-child {
        margin-left: 70.212765957447%;
    }

    .row-fluid .offset10 {
        margin-left: 65.957446808511%;
    }

    .row-fluid .offset10:first-child {
        margin-left: 63.829787234043%;
    }

    .row-fluid .offset9 {
        margin-left: 59.574468085106%;
    }

    .row-fluid .offset9:first-child {
        margin-left: 57.446808510638%;
    }

    .row-fluid .offset8 {
        margin-left: 53.191489361702%;
    }

    .row-fluid .offset8:first-child {
        margin-left: 51.063829787234%;
    }

    .row-fluid .offset7 {
        margin-left: 46.808510638298%;
    }

    .row-fluid .offset7:first-child {
        margin-left: 44.68085106383%;
    }

    .row-fluid .offset6 {
        margin-left: 40.425531914894%;
    }

    .row-fluid .offset6:first-child {
        margin-left: 38.297872340426%;
    }

    .row-fluid .offset5 {
        margin-left: 34.042553191489%;
    }

    .row-fluid .offset5:first-child {
        margin-left: 31.914893617021%;
    }

    .row-fluid .offset4 {
        margin-left: 27.659574468085%;
    }

    .row-fluid .offset4:first-child {
        margin-left: 25.531914893617%;
    }

    .row-fluid .offset3 {
        margin-left: 21.276595744681%;
    }

    .row-fluid .offset3:first-child {
        margin-left: 19.148936170213%;
    }

    .row-fluid .offset2 {
        margin-left: 14.893617021277%;
    }

    .row-fluid .offset2:first-child {
        margin-left: 12.765957446809%;
    }

    .row-fluid .offset1 {
        margin-left: 8.5106382978723%;
    }

    .row-fluid .offset1:first-child {
        margin-left: 6.3829787234043%;
    }
}

@media (min-width: 1224px) {
    .ty-product-detail .ty-product-block__left {
        box-sizing: border-box;
        padding-right: 200px;
    }

    .ty-footer-grid__full-width>.row {
        width: 1200px;
        margin: 0 auto;
    }

    .ty-footer-grid__full-width>.row-fluid {
        max-width: 1200px;
        min-width: 280px;
        margin: 0 auto;
    }

    .ty-footer-menu__items,
    .ty-footer-general__body {
        display: block !important;
    }
}

@media (max-width: 1224px) {
    .ty-product-detail .ty-product-block__left {
        box-sizing: border-box;
        padding-right: 200px;
    }

    .ty-footer-grid__full-width>.row {
        width: 960px;
        margin: 0 auto;
    }

    .ty-footer-form-block__form {
        width: 220px;
    }

    h3.ty-footer-form-block__title,
    h3.ty-social-link__title {
        font-size: 20px;
    }

    .ty-orders__actions-right {
        float: none;
    }
}

@media (max-width: 979px) {
    .ty-sidebox__body-toggle {
        display: block;
    }

    .tygh-content .container,
    .ty-footer-menu,
    .footer-copyright {
        padding: 0px 10px;
    }

    .ty-select-block__a {
        margin-right: 0;
    }

    .top-currencies {
        margin-left: 2px;
    }

    .ty-product-detail .ty-product-block__left {
        box-sizing: border-box;
        padding-right: 0px;
    }

    .ty-grid-list__item .ty-icon-left-circle,
    .ty-grid-list__item .ty-icon-right-circle {
        visibility: visible;
    }

    .ty-product-empty {
        display: none;
    }

    .ty-wish-list-empty [class*="ty-column"] {
        width: 100%;
    }

    .ty-wish-list-empty [class*="ty-column"]:first-child .ty-product-empty {
        display: block;
    }

    .ty-compact-list__title {
        width: 20%;
    }

    .ty-compact-list__controls {
        width: 50%;
    }

    .ty-exception__code {
        display: block;
        width: 100%;
    }

    .ty-exception__title-info {
        display: block;
        padding-left: 0px;
        text-align: center;
    }

    .ty-exception__links {
        margin: 0px;
    }

    .ty-exception__links-item {
        float: none;
        display: inline-block;
        margin: 0 5px;
    }

    .ty-payment-icons .ty-payment-icons__item {
        margin-left: 5px;
    }

    .ty-footer-form-block__form {
        width: 80%;
    }

    h3.ty-social-link__title {
        display: block;
        margin-top: 21px;
        margin-bottom: 10px;
    }

    .ty-sort-container {
        padding-left: 0px;
    }

    .ty-product-block__note {
        width: 100%;
        position: static;
    }

    .ty-product-options__item-label {
        display: block;
        width: 100%;
        float: none;
    }

    .ty-product-options__description,
    .ty-product-block__option .help-inline {
        margin-left: 0;
    }

    .ty-product-variant-image {
        margin-left: 0;
    }

    .ty-product-detail .ty-product-block__left {
        padding-right: 0;
    }

    .ty-multi-checkout__step {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .ty-multi-checkout__arrow {
        display: none;
    }

    .ty-pagination__text {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .ty-footer-grid__full-width>.row {
        width: 736px;
        margin: 0 auto;
    }

    .ty-social-link__title {
        margin-right: 70px;
    }

    .ty-social-link {
        margin-right: 60px;
    }

    .ty-footer-form-block__form {
        width: 220px;
    }

    .ty-menu__item .ty-menu__item-link {
        padding: 14px 12px;
    }

    .ty-menu__submenu-items .ty-top-mine__submenu-col {
        min-width: 160px;
        margin-right: 13px;
        margin-bottom: 20px;
    }

    .ty-top-mine__submenu-col:nth-child(4n) {
        margin-right: 0px;
    }

    .ty-account-info__buttons .ty-btn {
        display: block;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons .ty-btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .buttons-container.ty-cart-content__top-buttons button.ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons button.ty-btn {
        width: 100%;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons .ty-btn {
        display: block;
        margin-left: 0;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons,
    .buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons {
        text-align: right;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons .ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons .ty-btn {
        margin-left: auto;
        margin-right: 0;
    }
}

@media (min-width: 768px) {

    .ty-cart-content .ty-cart-content__product-elem,
    .ty-cart-content .ty-cart-content__title {
        border: 0;
    }

    .ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active>.ty-menu__submenu-item-header .ty-menu__item-link {
        background: #465f73;
        color: #fff;
    }

    .ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active i {
        color: #fff;
    }

    .ty-sidebox__body {
        display: block !important;
    }
}

@media (max-width: 767px) {
    html.dialog-is-open {
        overflow: scroll;
    }

    .ui-dialog input[type="text"],
    .ui-dialog input[type="password"],
    .ui-dialog textarea,
    .ui-dialog select {
        width: 100%;
    }

    .ui-dialog input[type="checkbox"] {
        margin: -20px 0px;
    }

    body.dialog-is-open {
        overflow: visible;
    }

    div.ui-dialog .ui-dialog-title {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ty-estimation-buttons__rate {
        margin-bottom: 0px;
    }

    .top-menu-grid {
        padding-top: 0;
    }

    .top-logo-grid {
        padding-top: 15px;
    }

    .top-logo-grid:before,
    .top-logo-grid:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .top-logo-grid:after {
        clear: both;
    }

    .ty-logo-container {
        text-align: center;
        margin: 10px 0px 30px;
    }

    .tygh-header>div,
    .tygh-top-panel>div {
        padding: 0;
    }

    .tygh-top-panel .ty-text-links-wrapper {
        border: none;
    }

    .ty-mainbox-title .ty-status {
        display: block;
        float: none;
    }

    .notification-content {
        margin: 0px;
        border: none;
    }

    .notification-content .close {
        top: 8px;
        right: 20px;
    }

    .ty-product-notification__image {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .ty-table:not(.ty-table-responsive) table,
    .ty-table:not(.ty-table-responsive) thead,
    .ty-table:not(.ty-table-responsive) tbody,
    .ty-table:not(.ty-table-responsive) th,
    .ty-table:not(.ty-table-responsive) td,
    .ty-table:not(.ty-table-responsive) tr {
        display: block;
    }

    .ty-table:not(.ty-table-responsive) {
        border: none;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ty-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .ty-table tr:last-child {
        border-bottom: 1px solid #ccc;
    }

    .ty-table__no-items td {
        padding: 0px;
    }

    .ty-table__no-items .ty-no-items {
        margin-bottom: 0px;
    }

    .ty-table__responsive-header {
        float: left;
        width: 35%;
        padding-right: 5%;
        font-weight: bold;
        word-break: normal;
        display: block;
    }

    .ty-table__responsive-content {
        float: left;
        width: 50%;
    }

    .ty-table.hidden,
    .ty-table .hidden {
        display: none;
    }

    .ty-cart-content .ty-cart-content__image-block {
        border-bottom: 0;
    }

    .ty-cart-content .ty-table__responsive-header,
    .ty-table__responsive-content {
        float: none;
        width: 100%;
        padding: 0;
    }

    .ty-cart-content__image {
        float: none;
        text-align: center;
    }

    .ty-cart-content__left-buttons,
    .ty-cart-content__right-buttons {
        float: none;
    }

    .ty-cart-content__top-buttons .ty-btn,
    .ty-cart-content__bottom-buttons .ty-btn {
        display: block;
        width: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ty-cart-content__top-buttons .ty-btn+.ty-btn,
    .ty-cart-content__bottom-buttons .ty-btn+.ty-btn {
        margin: 10px 0 0;
    }

    .ty-cart-total .ty-coupons__container {
        float: none;
        padding: 0;
        width: 100%;
    }

    .ty-cart-content__estimation {
        max-width: inherit;
    }

    .ty-cart-statistic {
        float: none;
        margin-top: 10px;
    }

    .ty-cart-statistic__title,
    .ty-cart-statistic__total-title {
        width: 50%;
        margin-right: 0;
        float: left;
    }

    .ty-cart-statistic__value,
    .ty-cart-statistic__total-value {
        width: 50%;
        float: left;
    }

    .top-links-grid .ty-dropdown-box {
        background: none;
    }

    .ty-dropdown-box .ty-account-info__title-txt {
        display: none;
    }

    .account-benefits {
        margin: 0px 0px 30px 0px;
    }

    .top-cart-content {
        margin: 13px 0px;
    }

    .header-widget-grid .top-cart-content {
        margin: 0px;
    }

    .header-widget-grid {
        padding: 0px 10px;
    }

    .ty-grid-list__item:hover {
        border-radius: 0px;
        background: transparent;
    }

    .ty-quick-view-button {
        display: none;
        margin-bottom: 30px;
    }

    .product-list__control {
        float: none;
        margin-bottom: 10px;
    }

    .product-list__image {
        float: none;
        margin: 0px 0px 20px 0px;
        width: 100%;
        text-align: center;
    }

    .ty-compact-list__controls {
        width: 60%;
    }

    .ty-compact-list__image .ty-discount-label {
        display: inline-block;
        height: 30px;
        position: static;
        float: none;
    }

    .ty-compact-list__image {
        padding: 0px 10px 0px 0px;
    }

    .ty-sidebox {
        margin-bottom: 10px;
    }

    .ty-sidebox:last-child {
        margin-bottom: 30px;
    }

    .ty-product-block__left {
        display: block;
        overflow: visible;
        min-width: 0;
    }

    .ty-product-block {
        position: initial;
    }

    .ty-product-block__img-wrapper {
        width: 100%;
        margin: 0;
        float: none;
        text-align: center;
        min-height: 0;
    }

    .ty-product-block__img-wrapper:before,
    .ty-product-block__img-wrapper:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .ty-product-block__img-wrapper:after {
        clear: both;
    }

    .ty-product-block__img-wrapper .ty-no-image {
        width: 100% !important;
    }

    .ui-dialog .ty-product-variant-image {
        margin-left: 0;
    }

    .ty-product-bigpicture__left,
    .ty-product-bigpicture__left-wrapper {
        width: 100%;
        margin: 0;
    }

    .ty-product-bigpicture__right {
        width: 100%;
        margin-left: 0;
    }

    .ty-product-thumbnails {
        width: 100% !important;
    }

    .ty-account-detail {
        margin-left: 0;
        background: none;
        padding-bottom: 0;
    }

    .ty-profile-field__switch-label {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .ty-profile-field__switch-actions {
        float: none;
        text-align: center;
    }

    .ty-billing-first-name,
    .ty-billing-last-name,
    .ty-shipping-first-name,
    .ty-shipping-last-name,
    .ty-billing-country,
    .ty-billing-state,
    .ty-shipping-country,
    .ty-shipping-state,
    .ty-first-name,
    .ty-last-name {
        width: 100%;
    }

    .ty-billing-first-name+.ty-billing-last-name,
    .ty-billing-country+.ty-billing-state,
    .ty-shipping-first-name+.ty-shipping-last-name,
    .ty-shipping-country+.ty-shipping-state,
    .ty-first-name+.ty-last-name {
        margin-left: 0;
    }

    .ty-buttons-container__add-or-close .ty-btn {
        display: block;
        margin: 0px;
    }

    .ty-buttons-container__add-or-close .ty-close-text {
        padding-top: 10px;
        display: inline-block;
    }

    .ty-login-info {
        margin: 30px 0 0;
    }

    .ty-account-benefits {
        margin: 30px 0 0;
    }

    .ty-company-fields {
        margin-bottom: 20px;
    }

    .ty-company-info {
        margin: 0;
        padding: 0;
        background: none;
    }

    .ty-features-all {
        text-align: center;
    }

    .ty-feature__image {
        float: none;
    }

    .ty-product-feature__label {
        width: 180px;
    }

    .ty-sitemap__tree-section-list,
    .ty-sitemap__section-wrapper {
        width: 50%;
    }

    .ty-checkout__login {
        float: none;
        padding: 0 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ty-checkout__register {
        float: none;
        padding: 0 15px;
        margin: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ty-checkout__register-content {
        padding-left: 0;
    }

    .ty-checkout-buttons__submit-order {
        padding-bottom: 20px;
    }

    .search-block-grid {
        margin-top: 0px !important;
    }

    .order-summary {
        margin-top: 0;
    }

    .ty-step__container-active {
        margin-bottom: 20px;
    }

    .ty-checkout-complete__buttons .ty-btn {
        margin: 0 0 15px 0;
    }

    .ty-checkout-complete__buttons-left,
    .ty-checkout-complete__buttons-right {
        float: none;
    }

    .ty-period__wrapper {
        float: none;
    }

    .ty-login-popup {
        min-width: 100px;
        max-width: none;
    }

    .ty-orders__actions .ty-btn {
        text-align: left;
        display: block;
    }

    .ty-orders__actions .ty-btn+.ty-btn {
        margin-left: 0;
        margin-top: 3px;
    }

    .ty-profiles-info__item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .ty-profiles-info__item:last-child {
        margin-bottom: 0;
    }

    .ty-orders-summary__right {
        float: none;
    }

    .ty-orders-summary__wrapper {
        float: none;
        min-width: 0;
    }

    .container {
        width: auto;
    }

    .row-fluid {
        width: 100%;
    }

    .row {
        margin-left: 0;
    }

    [class*="span"],
    .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="offset"]:first-child {
        margin-left: 0;
    }

    .ty-cart-items {
        width: 256px;
    }

    .ty-cart-items__list-item-tools {
        right: -10px;
        display: block;
    }

    .vendor-info-grid {
        margin-top: 10px;
    }

    .vendor-stores-block-grid {
        float: left !important;
        width: auto !important;
        padding: 10px 0;
    }

    .vendor-logo-grid .logo-container {
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }

    .vendor-search-grid {
        margin-bottom: 20px;
    }

    .ty-vendor-information {
        text-align: center;
    }

    .ty-text-links-wrapper {
        position: relative;
        border-bottom: 1px solid #dce3ea;
    }

    .ty-text-links-btn {
        display: inline-block;
        padding: 9px 10px 7px 10px;
        color: #5e7d9c;
        cursor: pointer;
    }

    .ty-text-links-btn.open {
        z-index: 650;
        background: #5e7d9c;
        color: #fff;
    }

    .ty-text-links-btn__arrow {
        font-size: 20px;
        line-height: 0;
        position: relative;
        top: 5px;
        width: 7px;
    }

    .top-links-grid .ty-text-links-btn {
        margin-top: -7px;
    }

    .ty-text-links_show_inline .ty-level-0>.ty-text-links {
        display: block;
        background: none;
        border: 0 none;
        padding: 0;
        position: relative;
    }

    .ty-text-links_show_inline .ty-text-links__item {
        margin-right: 0;
        display: block;
    }

    .ty-text-links_show_inline .ty-text-links {
        margin: 0;
    }

    .ty-filter-tooltip {
        float: right;
        left: 0 !important;
        margin-right: 20px;
    }

    .daterangepicker.dropdown-menu.opensright,
    .daterangepicker.dropdown-menu.opensleft {
        min-width: 340px !important;
    }

    .daterangepicker.dropdown-menu.opensright .ranges,
    .daterangepicker.dropdown-menu.opensright .calendar,
    .daterangepicker.dropdown-menu.opensleft .ranges,
    .daterangepicker.dropdown-menu.opensleft .calendar {
        float: none;
        margin: 10px auto 15px;
    }

    .daterangepicker.dropdown-menu.opensright:before,
    .daterangepicker.dropdown-menu.opensleft:before,
    .daterangepicker.dropdown-menu.opensright:after,
    .daterangepicker.dropdown-menu.opensleft:after {
        display: none;
    }

    .ty-sidebox__body {
        display: none;
    }

    .ty-horizontal-product-filters {
        padding-left: 0;
    }

    .ty-horizontal-product-filters-dropdown {
        width: 100%;
        border-bottom: 1px solid #d3dbe3;
    }

    .ty-horizontal-product-filters-dropdown:last-child {
        border-bottom: none;
    }

    .ty-horizontal-product-filters-dropdown__content {
        min-width: 100%;
        border-top: none;
        border-bottom: none;
        border-left: 1px solid #dce3ea;
        border-right: 1px solid #dce3ea;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
        display: block;
        padding: 10px;
    }

    .ty-horizontal-product-filters-dropdown__content {
        position: relative;
        margin-bottom: 10px;
    }

    .ty-horizontal-product-filters-dropdown__icon {
        float: right;
        margin-right: 4px;
        top: 0px;
    }

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

@media screen and (max-width: 480px) {
    .ty-mainbox-title__right {
        float: none;
        display: block;
        margin-top: 0;
    }

    .ty-mainbox-title__left {
        float: none;
        display: block;
    }

    .ty-cart-content__buttons {
        padding: 16px 12px;
    }

    .header-widget-grid .top-logo-grid {
        padding-top: 0px;
    }

    .header-widget-grid .top-logo-grid {
        width: 50%;
        float: left;
    }

    .header-widget-grid .cart-content-grid {
        width: 50%;
        float: right;
        white-space: nowrap;
    }

    .ty-estimation-buttons__rate {
        margin-bottom: 10px;
    }

    .ty-features-all .ty-column6 {
        width: 50%;
    }

    .ty-product-list__image {
        float: none;
        margin-bottom: 25px;
        margin-right: 0px;
        text-align: center;
    }

    .ty-sitemap__tree-section-list,
    .ty-sitemap__section-wrapper {
        width: 100%;
        min-height: 0;
    }

    .ty-compact-list__controls .ty-product-coming-soon {
        position: absolute;
        right: 0px;
        text-align: left;
        padding-top: 0px;
    }

    .ty-product-feature__label {
        width: 120px;
    }

    .ty-product-feature__value {
        max-width: 160px;
    }

    .ty-sort-container__views-a {
        padding: 7px;
    }

    .ty-compact-list__image,
    .ty-compact-list__title {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
    }

    .ty-compact-list__image {
        margin-bottom: 10px;
    }

    .ty-btn__add-to-cart {
        margin-right: 10px;
    }

    .ty-product-block__button .ty-btn+.ty-btn,
    .ty-product-block__button .ty-btn~.ty-btn {
        margin-left: 0px;
    }

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

    .ty-pagination__btn {
        width: 94%;
    }

    .ty-pagination__items {
        margin: 15px 0;
    }

    .ty-pagination__item {
        padding: 5px 6px;
    }

    .ty-pagination__text {
        display: inline-block;
    }

    .ty-compact-list__controls {
        width: 100%;
        text-align: left;
    }

    .ty-compact-list__price {
        text-align: left;
        width: 100%;
        padding-bottom: 10px;
    }

    .ty-compact-list__price .ty-price-update {
        display: inline-block;
    }

    .ty-step__title-txt {
        font-size: 18px;
    }

    .ty-checkout__billing-tabs .ty-tabs {
        padding: 0px;
    }

    .ty-checkout__billing-tabs .ty-tabs__item {
        float: none;
    }

    .ty-checkout-complete__login-info,
    .ty-checkout-complete__create-account {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .ty-companies__img {
        float: none;
    }

    .ty-companies__info {
        padding: 0;
    }

    .ty-filters-search__item {
        padding-right: 0;
    }

    .ty-subcategories-block {
        min-width: 100%;
    }

    .ty-product-notification__buttons {
        display: block;
        text-align: center;
    }

    .ty-product-notification__buttons>div {
        float: none;
        display: inline-block;
        margin: 5px auto;
    }
}

.ty-social-buttons {
    margin: 10px 0;
}

.ty-social-buttons__inline {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
}

.ty-social-buttons__inline #___plusone_0 {
    width: 70% !important;
}

.ty-social-buttons__email-sharing {
    text-decoration: none;
}

.ty-social-buttons__email-icon {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 16px;
}

.ty-product-bigpicture .ty-social-buttons__inline {
    margin: 5px 0 0;
}

@media (max-width: 767px) {
    .ty-social-buttons__inline {
        display: block;
    }
}

.ty-divido-logo {
    float: right;
    margin-top: 7px;
}

.ty-divido-both {
    clear: both;
}

.divido-info dd {
    display: inline-block;
}

.divido-info dt {
    display: inline-block;
    width: 170px;
    max-width: 55%;
}

.divido-calculator {
    border: none;
    width: 270px;
    background: #fff;
    border-radius: 5px;
    padding: 15px 22px;
    margin-bottom: 20px;
}

.divido-calculator label {
    font-weight: bold;
}

.divido-calculator dd {
    margin: 0;
}

.divido-calculator .divido-deposit-holder {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .divido-calculator {
        width: auto;
    }
}

.divido-range-slider {
    margin-top: 5px;
}

.divido-range-slider .percentage {
    vertical-align: top;
    margin-left: 10px;
}

select[name="divido_finance"] {
    margin-top: 5px;
    width: 100%;
}

@media (max-width: 768px) {
    .ty-payments-list {
        padding-right: 0;
    }
}

.ty-tag-cloud {
    margin: 10px 0;
}

.ty-tag-cloud__item {
    margin-right: 10px;
}

.ty-tag-level-0,
.ty-tag-level-0:active {
    font-size: 100%;
}

.ty-tag-level-1,
.ty-tag-level-1:active {
    font-size: 150%;
}

.ty-tag-level-2,
.ty-tag-level-2:active {
    font-size: 200%;
}

.ty-tag-level-3,
.ty-tag-level-3:active {
    font-size: 250%;
}

.ty-tag-level-4,
.ty-tag-level-4:active {
    font-size: 300%;
}

.ty-tag-level-5,
.ty-tag-level-5:active {
    font-size: 350%;
}

.ty-tag-level-6,
.ty-tag-level-6:active {
    font-size: 400%;
}

ul.ty-tags-list {
    padding-left: 0;
}

.ty-tags-list__item {
    display: inline-block;
}

.ty-tags-list__a {
    position: relative;
    display: block;
    float: left;
    margin: 3px 5px 3px 15px;
    padding: 0 27px 0 10px;
    font-size: 12px;
    line-height: 24px;
    text-decoration: none;
    border: 0 none;
    background: #e6e6e6;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.ty-tags-list__a:before {
    position: absolute;
    top: 50%;
    left: -14px;
    float: left;
    margin-top: -12px;
    width: 0;
    height: 0;
    border-width: 12px 14px 12px 0;
    border-style: solid;
    border-color: transparent #e6e6e6 transparent transparent;
    content: "";
}

.ty-tags-list__a:after {
    position: absolute;
    top: 50%;
    left: 0;
    float: left;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    content: "";
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ty-tags-list__a {
    background: #e6e6e6;
    color: #676767;
    transition: none;
    padding-right: 10px;
}

.ty-tags-list__a:hover {
    background: #16a085;
    color: #fff;
    text-shadow: none;
}

.ty-tags-list__a:hover:before {
    border-right-color: #16a085;
}

.ty-icon-feed {
    display: inline-block;
    float: right;
    margin-top: -25px;
    font-size: 16px;
}

.ty-newsletters {
    margin-bottom: 30px;
}

.ty-newsletters__item {
    margin-bottom: 5px;
}

.shipping-line {
    clear: both;
    display: inline-block;
    width: 100%;
}

.shipping-line:first-child {
    padding-top: 10px;
}

.shipping-line>i {
    display: inline-block;
    float: left;
    padding-right: 20px;
    width: 20px;
}

.shipping-line>i::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #464646;
}

.shipping-line .sprite-order::before {
    content: "\f044";
}

.shipping-line .sprite-delivery::before {
    content: "\f1b9";
}

.shipping-line .sprite-payment::before {
    content: "\f24d";
}

.shipping-line .shipping-tooltip {
    position: relative;
    display: inline-block;
}

.shipping-line .shipping-tooltip .tooltiptext {
    visibility: hidden;
    color: #fff;
    width: 100px;
    text-align: center;
    border-radius: 2px;
    padding: 3px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -50px;
    background: #124a81;
}

.shipping-line .shipping-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin: -5px 0 0 -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    background-color: inherit;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.shipping-line .shipping-tooltip:hover .tooltiptext {
    visibility: visible;
}

.shipping-line .box-line {
    float: left;
}

.shipping-line .box-line a,
.shipping-line .box-line span {
    float: left;
}

.shipping-line .box-line>p {
    font-size: 10px;
    clear: both;
    margin-left: -9px;
}

.shipping-line .box-line a.shipping-c i {
    color: #f5802c;
}

.shipping-line .box-current-status {
    float: left;
    padding: 0 15px;
    text-align: center;
}

.shipping-line .box-line.dots {
    font-size: 15px;
    font-weight: bold;
    margin-top: -4px;
    padding: 0 5px;
    vertical-align: top;
}

.shipping-line .box-current-status .status-text {
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 5px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93px;
}

.shipping-line .line {
    border-top: 2px solid #96a504;
    display: inline-block;
    width: 30px;
    margin: 7px 0 0 0;
}

.icon-round:before {
    font-family: FontAwesome;
    font-style: normal;
    content: "\f10c";
}

.shipping-line .sprite_delivery {
    background-position: 0.614% 26.29%;
    height: 43px;
    transform: scale(0.5);
    width: 56px;
    margin: -17px 0 0 -16px;
    float: left;
}

.shipping-line .sprite_payment {
    background-position: 0.8% 44%;
    height: 43px;
    transform: scale(0.5);
    width: 56px;
    margin: -17px 0 0 -16px;
    float: left;
}

.shipping-line .sprite_order:before {
    content: '\f044';
    font-size: 18px;
    color: #af0007;
    font-weight: bold;
    margin: 0 20px 0 0;
    float: left;
}

.ty-gift-certificate {
    margin-top: 25px;
}

.ty-gift-certificate__amount-alert {
    color: #a6a6a6;
    padding-top: 2px;
}

.error .ty-gift-certificate__amount-alert {
    color: #b94a48;
}

.ty-gift-certificate__amount-input {
    width: 115px;
}

.ty-gift-certificate__switch {
    margin: 25px 0px;
    padding: 15px 20px;
    border: 2px solid #bdc3c7;
    background: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ty-gift-certificate__switch-label {
    float: left;
}

.ty-gift-certificate__switch-mail {
    float: right;
}

.ty-gift-certificate__send {
    float: left;
    padding-right: 15px;
}

.ty-gift-certificate__products .ty-no-items {
    display: none;
}

.ty-gift-certificate__products .product-picker-icon {
    float: left;
    margin: 2px 5px 0 0;
}

.ty-gift-certificate__select {
    width: 100%;
}

.ty-gift-certificate__country {
    display: inline-block;
    width: 47%;
}

.ty-gift-certificate__state {
    display: inline-block;
    margin-left: 5%;
    width: 47%;
}

.ty-gift-certificate-validate {
    margin-top: 42px;
}

.ty-gift-certificate-validate .ty-input-append {
    width: 88%;
    float: right;
}

.ty-gift-certificate__currency {
    position: absolute;
    margin-top: 7px;
    margin-left: 120px;
}

.ty-gift-certificate-validate__title {
    font-weight: normal;
    text-align: right;
}

.ty-gift-certificate__icon {
    position: absolute;
    top: 3px;
    left: -35px;
    font-size: 27px;
    line-height: 27px;
    color: #ddd;
}

.ty-gift-certificate-verify {
    min-width: 600px;
    max-width: 600px;
}

table.ty-gift-certificate-verify__table {
    margin: 10px 0 20px 0;
    width: 100%;
}

table.ty-gift-certificate-verify__table {
    margin-top: 0;
    width: 100%;
}

.ty-gift-certificate-verify__row {
    padding: 7px 13px;
}

.ty-gift-certificate-verify__error {
    max-width: 250px;
    text-align: center;
    font-weight: bold;
}

.ty-gift-certificate-history {
    width: 100%;
}

.ty-gift-image {
    position: relative;
    display: block;
    margin: 0 auto;
    border: 1px solid #ebebeb;
    background-color: #f9f9f9;
    color: #c8c8c8;
    cursor: default;
}

.ty-gift-image__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
}

.ty-product-notification__item .ty-gift-image {
    margin-right: 20px;
}

.ty-gift-certificate-order {
    margin-top: 10px;
}

.ty-gift-certificate-order__group-label {
    display: inline-block;
    padding: 6px 0;
    width: 100px;
}

.ty-gift-certificate-order__group-item {
    display: inline-block;
    padding: 6px 0;
}

.ty-gift-certificate-history .ty-no-items {
    margin-bottom: 0;
}

@media (max-width: 979px) {
    .ty-gift-certificate__preview-btn {
        float: none;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .ty-gift-certificate-verify {
        min-width: inherit;
    }

    .ty-gift-certificate-verify__row {
        display: block;
    }

    .ty-gift-certificate-validate {
        margin-top: 20px;
    }

    .certificates-verify-grid {
        margin-bottom: 30px;
    }

    .certificates-verify-grid:before,
    .certificates-verify-grid:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .certificates-verify-grid:after {
        clear: both;
    }
}

.ty-store-location {
    margin-top: 30px;
}

.ty-store-location__map-wrapper {
    float: left;
    width: 600px;
    height: 450px;
    border: 1px solid #979797;
    margin: 0 30px 20px 0;
}

.ty-store-location__locations-wrapper {
    display: block;
    vertical-align: top;
    overflow: hidden;
}

.ty-store-location__item:first-child {
    margin-top: 0;
}

.ty-store-location__item {
    margin: 20px 0;
}

h3.ty-store-location__item-title {
    font-size: 22px;
    margin: 0 0 2px 0;
}

.ty-store-location__item-country {
    font-size: 13px;
    font-weight: normal;
}

.ty-store-location__item-view {
    margin: 20px 0;
}

@media (max-width: 979px) {
    .ty-store-location__map-wrapper {
        width: 400px;
        height: 300px;
    }
}

@media (max-width: 767px) {
    .ty-store-location__map-wrapper {
        width: 100%;
        float: none;
    }
}

.ty-blog__item {
    border-bottom: 1px solid #dce3ea;
    padding-bottom: 30px;
    margin: -1px;
    margin-bottom: 50px;
}

.ty-blog__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ty-blog *,
.ty-blog-grid * {
    font-size: 14px;
}

.ty-blog h1,
.ty-blog-grid h1 {
    font-size: 25px;
}

.ty-blog h2,
.ty-blog-grid h2 {
    font-size: 23px;
}

.ty-blog h3,
.ty-blog-grid h3 {
    font-size: 21px;
}

.ty-blog h4,
.ty-blog-grid h4 {
    font-size: 19px;
}

.ty-blog h5,
.ty-blog-grid h5 {
    font-size: 16px;
}

.ty-blog h6,
.ty-blog-grid h6 {
    font-size: 14px;
}

.ty-blog hr,
.ty-blog-grid hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ty-blog img,
.ty-blog-grid img {
    width: auto;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.ty-blog h2.ty-blog__post-title,
.ty-blog-grid h2.ty-blog__post-title {
    margin-bottom: 4px;
}

.ty-blog .ty-blog__post-title,
.ty-blog-grid .ty-blog__post-title {
    margin-bottom: 0;
    padding: 0 0 6px;
    font-size: 27px;
}

.ty-blog .ty-blog__img-block,
.ty-blog-grid .ty-blog__img-block {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ty-blog .ty-blog__img-block img,
.ty-blog-grid .ty-blog__img-block img {
    margin-top: 0;
    margin-bottom: 0;
}

.ty-blog .ty-blog__description,
.ty-blog-grid .ty-blog__description {
    margin-bottom: 30px;
}

.ty-blog .ty-blog__date,
.ty-blog-grid .ty-blog__date {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
    color: #adadad;
    font-weight: normal;
    font-size: 12px;
}

.ty-blog .ty-blog__author,
.ty-blog-grid .ty-blog__author {
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 12px;
    border-left: 1px solid #adadad;
    color: #adadad;
    font-weight: normal;
    font-size: 12px;
}

.ty-blog-sidebox {
    margin: 0 0 10px;
}

.ty-blog-sidebox__item {
    border-bottom: 1px solid #dce3ea;
    padding-bottom: 10px;
    margin-bottom: 7px;
    word-wrap: break-word;
}

.ty-blog-sidebox__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ty-blog-text-links {
    margin: 20px 0 40px;
}

.ty-blog-text-links__item {
    margin-bottom: 20px;
}

.ty-blog-text-links__item:last-child {
    margin-bottom: 25px;
}

.ty-blog-text-links__date {
    color: #adadad;
    border: 1px solid #dce3ea;
    padding: 3px 8px;
    margin-right: 9px;
    float: left;
    font-size: 12px;
}

.ty-blog-text-links__a {
    display: block;
    padding-top: 3px;
    word-wrap: break-word;
}

.ty-blog-recent-posts-scroller {
    margin-left: -10px;
    margin-right: -10px;
}

.ty-blog-recent-posts-scroller__item {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: break-word;
}

.ty-blog-recent-posts-scroller__item .ty-blog__date {
    display: block;
    margin-bottom: 0;
    margin-top: 5px;
    color: #adadad;
    font-size: 12px;
}

.ty-blog-recent-posts-scroller__img-block {
    margin-bottom: 10px;
    max-height: 150px;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.ty-blog-recent-posts-scroller__img-block img {
    display: block;
    bottom: -100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -100%;
    vertical-align: middle;
}

.ty-blog-recent-posts-scroller__img-block .ty-no-image {
    height: 150px;
    min-height: initial !important;
    min-width: initial !important;
}

@media (max-width: 767px) {
    .ty-blog__title {
        margin-top: 50px;
    }
}

.cr-popup-error-box {
    max-width: 430px;
    padding-bottom: 10px;
}

.ty-cr-phone-number-link {
    margin: 4px 0px 0px;
    text-align: center;
}

.ty-cr-phone-number-link .ty-cr-phone {
    color: #5e7d9c;
    font-weight: bold;
    font-size: 18px;
    line-height: 1em;
}

.ty-cr-phone-number-link .ty-cr-phone span {
    white-space: nowrap;
}

.ty-cr-phone-number-link .ty-cr-link {
    margin: 3px 0px 0px;
}

.ty-cr-phone-number-link .ty-cr-link a {
    margin: 0;
}

.ty-cr-phone-number-link .ty-cr-phone-prefix {
    color: #acbdcd;
    font-weight: 400;
}

.ty-cr-phone-number-link .ty-cr-work {
    display: inline-block;
    margin-left: 5px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
}

.ty-cr-phone-number-link .ty-cr-work-hours {
    padding-top: 4px;
    font-size: 11px;
    color: #6d86a1;
}

.ty-cr-or {
    margin-bottom: -4px;
    margin-top: -3px;
    text-align: center;
    text-transform: uppercase;
}

.ty-cr-widget-content-grid .ty-cr-phone-number-link {
    margin: 0;
    padding-left: 0%;
}

.mp-notification-content {
    min-width: 280px;
    padding: 10px;
    margin: 10px 0;
}

@media (max-width: 1100px) {
    .ty-cr-phone-number-link {
        padding-left: 0%;
    }

    .ty-cr-phone-number-link .ty-cr-phone,
    .ty-cr-phone-number-link .ty-cr-phone a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .ty-cr-content-grid .ty-cr-phone-number-link {
        margin: 10px 0px 0px;
        float: left;
    }

    .ty-cr-phone-prefix {
        display: inline;
    }

    .ty-cr-widget-content-grid .ty-cr-phone-number-link {
        clear: both;
        padding: 12px;
    }

    .header-widget-grid .cart-content-grid {
        width: 100%;
    }

    .ty-cr-product-info-container,
    .cr-popup-error-box {
        max-width: 100%;
    }

    .ty-cr-product-info-header {
        padding: 0;
        display: block;
        max-width: 100%;
    }

    .ty-cr-product-info-image {
        display: block;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .ty-cr-content-grid {
        margin-top: 0px;
    }

    .ty-cr-phone-number-link span.ty-cr-work {
        display: block;
    }

    .ty-cr-phone-number-link .ty-cr-link {
        margin-top: -2px;
    }
}

.ty-form-builder__checkbox-label,
.ty-form-builder__radio-label {
    display: inline-block;
    margin: 0 15px 5px 0;
    white-space: nowrap;
}

.ty-form-builder__multiple-select,
.ty-form-builder__select,
.ty-form-builder__state,
.ty-form-builder__country {
    width: 100%;
    max-width: 500px;
}

.ty-form-builder__textarea {
    width: 100%;
    max-width: 500px;
}

.ty-form-builder .ty-input-text {
    width: 100%;
    max-width: 500px;
}

@media (max-width: 979px) {
    .ty-form-builder__textarea {
        max-width: 400px;
    }

    .ty-form-builder .ty-input-text {
        max-width: 400px;
    }

    .ty-form-builder__multiple-select,
    .ty-form-builder__select,
    .ty-form-builder__state,
    .ty-form-builder__country {
        max-width: 400px;
    }
}

.ty-banner__image-item {
    text-align: center;
}

.ty-banner__image-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    text-align: center;
}

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

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
a,
ul,
li,
em,
ol,
span,
b,
strong,
label,
input[type="text"],
input[type="password"],
textarea,
select,
button,
input[type="reset"] {
    font-family: Roboto, sans-serif;
    font-size: 14px;
}

body,
div,
p,
a,
ul,
li,
em,
ol,
span,
b,
strong,
label,
input[type="text"],
input[type="password"],
textarea,
select,
button,
input[type="reset"] {
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.mp-sprite,
.logo-sprite,
.mp-menu-new::after {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }

    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }

    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

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

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

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

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoom-icon-blog {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

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

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

@keyframes zoom-menu-special {
    0% {
        font-size: 13px;
    }

    25% {
        font-size: 14px;
    }

    50% {
        font-size: 15px;
    }

    75% {
        font-size: 14px;
    }

    100% {
        font-size: 13px;
    }
}

@keyframes fadeInUpV1 {
    from {
        opacity: 0.8;
        transform: translate3d(0, 1%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.mp-block-delay {
    -webkit-animation: 3s ease 0s normal forwards 1 fadeindelay;
    animation: 3s ease 0s normal forwards 1 fadeindelay;
}

.mp-block-delay-slow {
    -webkit-animation: 4s ease 0s normal forwards 1 fadeindelay;
    animation: 4s ease 0s normal forwards 1 fadeindelay;
}

.mp-block-delay-slick {
    -webkit-animation: 1.5s ease 0s normal forwards 1 fadeindelay;
    animation: 1.5s ease 0s normal forwards 1 fadeindelay;
}

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

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOutLeft_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@-webkit-keyframes fadeOutLeft_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@-ms-keyframes fadeOutLeft_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@keyframes fadeOutRight_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@-webkit-keyframes fadeOutRight_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@-ms-keyframes fadeOutRight_v1 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
    }
}

@keyframes fadeOutLeft_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

@-webkit-keyframes fadeOutLeft_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

@-ms-keyframes fadeOutLeft_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

@keyframes fadeOutRight_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

@-webkit-keyframes fadeOutRight_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

@-ms-keyframes fadeOutRight_v2 {
    from {
        opacity: 1;
        background: #fff;
        visibility: visible;
        z-index: 10003;
    }

    to {
        opacity: 1;
        transform: translate3d(100%, 0, 0);
        background: #fff;
        visibility: hidden;
        z-index: 10003;
    }
}

.ty-column1 {
    display: inline-block;
    width: 98%;
    vertical-align: top;
    float: left;
}

.ty-column2 {
    display: inline-block;
    width: 48.5%;
    vertical-align: top;
    float: left;
}

.ty-column3 {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    float: left;
}

.ty-column4 {
    display: inline-block;
    width: 23.75%;
    vertical-align: top;
    float: left;
}

.ty-column5 {
    display: inline-block;
    width: 18.8%;
    vertical-align: top;
    float: left;
}

.ty-column6 {
    display: inline-block;
    width: 15.5%;
    vertical-align: top;
    float: left;
}

.ty-column7 {
    display: inline-block;
    width: 13.142857142857%;
    vertical-align: top;
    float: left;
}

.ty-column8 {
    display: inline-block;
    width: 11.375%;
    vertical-align: top;
    float: left;
}

.ty-column9 {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    float: left;
}

.ty-column10 {
    display: inline-block;
    width: 8.9%;
    vertical-align: top;
    float: left;
}

@media (max-width: 979px) {
    .ty-column1 {
        display: inline-block;
        width: 98%;
        vertical-align: top;
        float: left;
    }

    .ty-column2 {
        width: 48.5%;
        float: left;
    }

    .ty-column3 {
        width: 32%;
        float: left;
    }

    .ty-column4 {
        width: 23.75%;
        float: left;
    }

    .ty-column5 {
        width: 18.8%;
        float: left;
    }

    .ty-column6 {
        width: 15.5%;
        float: left;
    }

    .ty-column7 {
        width: 13.142857142857%;
        float: left;
    }

    .ty-column8 {
        width: 11.375%;
        float: left;
    }

    .ty-column9 {
        width: 10%;
        float: left;
    }

    .ty-column10 {
        width: 8.9%;
        float: left;
    }
}

@media (max-width: 767px) {
    .ty-column1 {
        display: inline-block;
        width: 98%;
        vertical-align: top;
        float: left;
    }

    .ty-column2 {
        width: 50%;
        float: left;
    }

    .ty-column3 {
        width: 50%;
        float: left;
    }

    .ty-column4 {
        width: 50%;
        float: left;
    }

    .ty-column5 {
        width: 50%;
        float: left;
    }

    .ty-column6 {
        width: 50%;
        float: left;
    }

    .ty-column7 {
        width: 50%;
        float: left;
    }

    .ty-column8 {
        width: 50%;
        float: left;
    }

    .ty-column9 {
        width: 50%;
        float: left;
    }

    .ty-column10 {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 480px) {
    .ty-column1 {
        width: 100%;
    }

    .ty-column2 {
        width: 100%;
    }

    .ty-column3 {
        width: 100%;
    }

    .ty-column4 {
        width: 100%;
    }

    .ty-column5 {
        width: 100%;
    }

    .ty-column6 {
        width: 100%;
    }

    .ty-column7 {
        width: 100%;
    }

    .ty-column8 {
        width: 100%;
    }

    .ty-column9 {
        width: 100%;
    }

    .ty-column10 {
        width: 100%;
    }
}

@-webkit-keyframes immortalkenburns {
    0% {
        -webkit-transform: scale(1);
        -webkit-transition: -webkit-transform 20000ms linear 0s;
    }

    100% {
        -webkit-transform: scale(1.05);
        -webkit-transition: -webkit-transform 20000ms linear 0s;
    }
}

@-moz-keyframes immortalkenburns {
    0% {
        -moz-transform: scale(1);
        -moz-transition: -moz-transform 20000ms linear 0s;
    }

    100% {
        -moz-transform: scale(1.05);
        -moz-transition: -moz-transform 20000ms linear 0s;
    }
}

@-ms-keyframes immortalkenburns {
    0% {
        -ms-transform: scale(1);
        -ms-transition: -ms-transform 20000ms linear 0s;
    }

    100% {
        -ms-transform: scale(1.05);
        -ms-transition: -ms-transform 20000ms linear 0s;
    }
}

@-o-keyframes immortalkenburns {
    0% {
        -o-transform: scale(1);
        -o-transition: -o-transform 20000ms linear 0s;
    }

    100% {
        -o-transform: scale(1.05);
        -o-transition: -o-transform 20000ms linear 0s;
    }
}

@keyframes immortalkenburns {
    0% {
        transform: scale(1);
        transition: transform 20000ms linear 0s;
    }

    100% {
        transform: scale(1.05);
        transition: transform 20000ms linear 0s;
    }
}

@keyframes effect-img {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes effect-img {
    100% {
        left: 125%;
    }
}

@-ms-keyframes effect-img {
    100% {
        left: 125%;
    }
}

@-moz-keyframes effect-img {
    100% {
        left: 125%;
    }
}

@-o-keyframes effect-img {
    100% {
        left: 125%;
    }
}

@keyframes mpShake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

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

    45% {
        transform: rotate(4deg);
    }

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

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-webkit-keyframes mpShake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

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

    45% {
        transform: rotate(4deg);
    }

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

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

@-ms-keyframes mpShake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

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

    45% {
        transform: rotate(4deg);
    }

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

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

.overflow-popup-atm,
.overflow-popup-atm body {
    overflow: hidden;
}

.overflow-popup-atm body .ty-ajax-overlay {
    background-color: #000;
    z-index: 10003;
    height: 100%;
    width: 100%;
}

.off-overflow-scroll,
.off-overflow-scroll body {
    overflow: hidden;
    height: 100%;
}

html.mp-dialog-is-open .select2-container.select2-container--default.select2-container--open,
html.dialog-is-open .select2-container.select2-container--default.select2-container--open {
    z-index: 10009;
}

.ty-column4 {
    width: 25%;
}

.ty-menu__submenu-list.level3 {
    padding-left: 10px;
}

#theme_editor {
    display: none;
}

.general .select2-container.select2-container--default.select2-container--open {
    z-index: 10001;
}

.general .select2-results__options {
    padding-bottom: 10px;
}

.general .ty-orders__actions .ty-orders__actions-right>a:first-child {
    display: none !important;
    visibility: hidden;
}

.general a {
    text-decoration: none;
    color: #4d4d4d;
}

.general a:focus {
    outline: none;
}

.general *:focus {
    outline: none;
}

.general .ty-no-image__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
}

.general .ty-no-image__icon::before {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    background-position: -289px 0;
    height: 31px;
    width: 31px;
}

.general .set-bold {
    font-weight: bold !important;
}

.general .tygh-header .container-fluid {
    padding: 0;
    max-width: 100%;
    min-width: 100%;
}

.general .tygh-header .container-fluid>.row-fluid {
    max-width: 1200px;
    margin: 0 auto;
}

.general .tygh-footer>.container-fluid {
    padding: 0;
    max-width: 100%;
    min-width: 100%;
}

.general .tygh-content .container-fluid {
    padding: 0;
    max-width: 100%;
    min-width: 100%;
}

.general .tygh-content .container-fluid>.row-fluid:not(.div-full-page-outer) {
    max-width: 1200px;
    margin: 0 auto;
}

.general .ty-btn__gray {
    background-color: #f2f2f2 !important;
    color: #404040 !important;
}

.general .ty-btn__blue-pnj {
    background-color: #003468;
}

.general .ty-tygh {
    position: relative;
}

.general .ty-tygh h1,
.general .ty-tygh h2,
.general .ty-tygh h3,
.general .ty-tygh h4,
.general .ty-tygh h5,
.general .ty-tygh h6 {
    margin: 0 0 10px;
    text-decoration: none;
}

.general .ty-tygh h1 {
    font-size: 22px;
}

.general .ty-tygh h1 * {
    font-size: 22px;
}

.general .ty-tygh h2 {
    font-size: 18px;
}

.general .ty-tygh h2 * {
    font-size: 18px;
}

.general .ty-tygh h3 {
    font-size: 16px;
}

.general .ty-tygh h3 * {
    font-size: 16px;
}

.general .ty-tygh h4 {
    font-size: 15px;
}

.general .ty-tygh h4 * {
    font-size: 15px;
}

.general .ty-tygh a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
}

.general .ty-tygh .ty-mainbox-category-title {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #d1d1d1;
}

.general .ty-tygh .ty-mainbox-category-title h1 {
    display: inline-block;
    padding: 12px 20px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #333;
    font-size: 17px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-tygh .top-quick-links a {
    color: #333;
}

.general .ty-tygh .top-quick-links a:hover {
    color: #bd8e26 !important;
}

.general .ty-tygh .bottom-copyright {
    margin-top: 24px;
    color: #333;
    font-size: 15px;
}

.general .ty-tygh .ty-select-block__a {
    cursor: pointer;
    display: block;
    padding: 7px 13px 4px;
    color: #fff;
}

.general .ty-tygh .ty-select-block__a:hover,
.general .ty-tygh .ty-select-block__a.open,
.general .ty-tygh .ty-select-block__a.open:hover {
    text-decoration: none;
    color: #fff;
}

.general .ty-tygh .ty-select-block__arrow {
    margin-left: 3px;
    font-size: 140%;
    color: #fff;
}

.general .ty-tygh .ty-select-block {
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 1022;
    min-width: 50px;
    border: 1px solid #f4f3f8;
    background-color: #fff;
}

.general .ty-tygh .ty-select-block__list-a:hover {
    background: #f8f8f8;
    color: #333;
}

.general .ty-tygh .ty-select-block__list-a {
    display: block;
    padding: 7px 14px 7px 14px;
    white-space: nowrap;
    cursor: pointer;
}

.general .ty-tygh .ty-select-block__list-a:before,
.general .ty-tygh .ty-select-block__list-a:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general .ty-tygh .ty-select-block__list-a:after {
    clear: both;
}

.general .ty-tygh .ty-select-block__txt {
    float: left;
    padding: 8px 5px 8px 0;
}

.general .ty-tygh .ty-dropdown-box__title a:hover {
    text-decoration: none;
}

.general .ty-tygh .ty-dropdown-box__title {
    background: transparent;
}

.general .ty-tygh .ty-dropdown-box {
    position: relative;
    color: #34495e;
}

.general .ty-tygh .ty-dropdown-box .ty-icon-down-micro {
    color: #333;
    font-size: 12px;
    line-height: 0;
    position: relative;
    top: 0;
    width: 7px;
}

.general .ty-tygh .ty-dropdown-box__title.open {
    z-index: 650;
}

.general .ty-tygh .ty-dropdown-box__content {
    position: absolute;
    right: -12px;
    top: 31px;
    z-index: 600;
    margin-top: 3px;
    min-width: 245px;
    border: 1px solid #5e5e5e;
    background: #fff;
    text-align: left;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}

.general .ty-tygh .ty-dropdown-box__content::before {
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px;
    border-color: #757474 transparent transparent;
    position: absolute;
    top: -1px;
    z-index: 2;
    right: 50%;
}

.general .ty-tygh .ty-cart-items__list-item {
    border-bottom-color: #5e5e5e;
}

.general .ty-tygh .ty-cart-items__list-item p {
    padding: 3px 0;
}

.general .ty-tygh .ty-cart-items__list-item:not(.last) span {
    color: #c48b46;
    font-size: 13px;
}

.general .ty-tygh .ty-cart-items__list-item.last span:not(.none) {
    color: #404040;
    margin-right: 78px;
}

.general .ty-tygh .ty-cart-items__list-item.last .none {
    color: #d83443;
}

.general .ty-tygh .ty-dropdown-box__content .ty-dropdown-box__item {
    display: block;
    margin-bottom: 0px;
    padding: 12px 14px 0;
    color: #333;
}

.general .ty-tygh .ty-dropdown-box__content .ty-dropdown-box__item a {
    color: #333;
}

.general .ty-tygh .ty-dropdown-box__content .ty-dropdown-box__item.ty-account-info__name {
    font-weight: 600;
}

.general .ty-tygh .ty-dropdown-box__content .ty-dropdown-box__item:hover {
    color: #002448;
}

.general .ty-tygh .ty-dropdown-box__content .ty-dropdown-box__item:hover a {
    color: #002448;
}

.general .ty-tygh .ty-dropdown-box__content .ty-account-info__orders,
.general .ty-tygh .ty-dropdown-box__content .ty-account-info__buttons {
    background: #fff;
    margin-top: 0;
}

.general .ty-tygh .ty-dropdown-box__content .ty-account-info__buttons .ty-btn {
    height: 40px;
    line-height: 27px;
    border-radius: 5px;
}

.general .ty-tygh .ty-account-info__orders-txt {
    color: #333;
    margin-bottom: 10px;
}

.general .ty-tygh .ty-dropdown-box__content .ty-account-info__orders .ty-btn-go {
    background: transparent;
}

.general .ty-tygh .ty-btn-go__icon {
    position: absolute;
    top: 7px;
    left: 12px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.general .ty-tygh .ty-dropdown-box__title i.ty-icon-moon-user {
    font-size: 11px;
}

.general .ty-tygh .ty-btn__subscribe {
    background: #000;
    color: #fff;
}

.general .ty-tygh .ty-btn__subscribe:hover {
    color: ;
}

.general .ty-tygh .ty-btn__subscribe.ty-btn__text {
    color: #4fbe31;
}

.general .ty-tygh .ty-search-magnifier {
    color: #333;
    top: 0;
    right: 0;
    width: 35px;
}

.general .ty-tygh .ty-payments-list__item-group {
    padding: 0 5px;
    color: #000;
}

.general .ty-tygh .ty-payments-list__item {
    padding: 0 0 20px;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .ty-tygh .ty-rma-search__toggle {
    margin-top: 0;
}

.general .ty-tygh .ty-success-registration__text {
    display: block;
    padding: 7px 0 40px;
    line-height: 170%;
}

.general .ty-tygh .ty-success-registration__item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    padding-left: 17px;
    min-height: 60px;
    width: 33%;
    border-left: 1px solid #d1d1d1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-tygh .success-registration__a {
    font-weight: bold;
}

.general .ty-tygh .ty-success-registration__info {
    display: block;
    margin-top: 10px;
    color: #333;
}

.general textarea.resize-none {
    resize: none;
}

.general .object-container .notification-content {
    top: 0;
    right: 24px;
    min-width: 300px;
    position: absolute;
    z-index: 10010;
}

.general .banner-docking-flexible .mp-flexible-banner {
    min-height: unset !important;
}

.general .banner-docking-outer .style-close-banner {
    display: none;
}

.general .display-search-trend {
    display: block !important;
    opacity: 0.41;
    z-index: 10003;
    top: 1px;
    background-color: #4c4c4c;
}

.general .ty-control-group__title {
    font-weight: normal;
}

.general .ty-icon-cancel-circle {
    font-size: 13px;
    line-height: 13px;
    color: #555;
}

.general .ty-rating__label {
    color: #ffc107;
}

.general.hidden-scroll {
    position: fixed !important;
    width: 100%;
}

.general .mp-hidden-special {
    display: none !important;
}

.general .full-width-row-fluid {
    margin-left: 0;
}

.general .mp-add-product-to-card-hidden,
.general .buy-now-hidden,
.general .mp-select-option {
    display: none !important;
}

.general .margin-top {
    margin-top: 30px;
    background-color: #fff;
}

.general .frame-div {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.general .mfp-bg,
.general .mfp-wrap {
    z-index: 10012;
}

.general .ty-mainbox-title {
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0 0 20px !important;
    padding: 12px 20px;
    line-height: 25px;
    font-size: 18px !important;
    color: #282828;
}

.general .ty-mainbox-title h1 {
    margin-bottom: 0 !important;
    font-size: 18px !important;
}

.general .ty-mainbox-title span {
    font-size: 18px !important;
}

.general .ty-mainbox-title .mp-multi-lang {
    float: right;
    font-size: 10px !important;
}

.general .ty-mainbox-title .mp-multi-lang a {
    font-size: 10px;
    margin: 0 5px;
}

.general .ty-mainbox-title font {
    font-size: 10px;
}

.general .checkbox-options .ty-control-group__label {
    width: unset !important;
    margin-right: 5px !important;
}

.general .checkbox-options label {
    padding: 6px 0 0;
}

.general .wishlist-remove-item {
    margin: 15px 0 10px;
}

.general .frm-product-combination form {
    border: none !important;
}

.general.overflow-hidden {
    overflow: hidden;
}

.general .ty-checkout-complete__order-success a,
.general .ty-checkout-complete__create-membership-card a * {
    color: #bd8e26;
}

.general .owl-wrapper-outer .ty-banner__image-item img.js-modal-btn {
    cursor: pointer;
}

.general #mp_collections.home .collection-top-items {
    background: #fff;
    display: inline-block;
}

.general .ty-ajax-overlay {
    background-color: #000;
    opacity: 0.4;
}

.general .ty-ajax-loading-box {
    background: url('https://cdn.pnj.io/design/themes/pnjrovski/media/../../../../../../../../design/themes/responsive/media/images/icons/loading.svg?1695311804') no-repeat center -25px transparent;
    width: 50px;
    min-height: 50px;
    margin-left: -24px;
}

.general .before-order-buy {
    padding: 10px 0;
}

.general .error-store-location .select2-selection__rendered {
    color: #bd8e26;
}

.general .note_button_pay {
    display: inline-block;
    width: 100%;
    line-height: 16px;
    font-size: 11px !important;
    text-transform: initial !important;
    font-style: italic;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.general .title-block-products-view {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto 10px;
    align-items: center;
}

.general .title-block-products-view .text {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #003868;
    font-family: 'PNJ Demibold';
}

.general .title-block-products-view .link {
    border-bottom: 1px solid;
    font-size: 16px;
    color: #707070;
}

.general .title-block-products-view .link::after {
    content: ">";
    padding-left: 2px;
}

.general input[type="text"]:-moz-placeholder,
.general textarea:-moz-placeholder,
.general input[type="password"]:-moz-placeholder {
    text-align: left;
    font-size: 11px;
    color: #555;
}

.general input[type="text"]:-ms-input-placeholder,
.general textarea:-ms-input-placeholder,
.general input[type="password"]:-ms-input-placeholder {
    text-align: left;
    font-size: 11px;
    color: #555;
}

.general input[type="text"]::-webkit-input-placeholder,
.general textarea::-webkit-input-placeholder,
.general input[type="password"]::-webkit-input-placeholder {
    text-align: left;
    font-size: 11px;
    color: #555;
}

.general input[type="text"]::-moz-placeholder,
.general textarea::-moz-placeholder,
.general input[type="password"]::-moz-placeholder {
    text-align: left;
    font-size: 11px;
    color: #555;
}

.general .skiptranslate {
    display: none;
}

.general .goog-tooltip {
    display: none !important;
}

.general .goog-tooltip:hover {
    display: none !important;
}

.general .goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.general .cm-recaptcha:last-child>div,
.general .cm-recaptcha:last-child iframe {
    margin: 0 auto;
}

.general .ty-account-info__members {
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 14px;
    position: relative;
    width: 100%;
}

.general .ty-account-info__members a {
    color: #333;
}

.general .ty-account-info__members::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0%, #777 50%, #fff 100%) repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 138, 194, 0.03);
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.general .logged .ty-account-info__members::after {
    content: none;
    display: none;
}

.general .mp-fanpage {
    margin-top: 25px;
}

.general .ty-checkout__register-methods-hint {
    color: #666;
    display: inline-block;
    font-size: 12px !important;
    padding-left: 20px;
}

.general .ty-banner__image-item {
    position: relative;
}

.general .text-note-order-now p {
    font-size: 12px;
    padding: 0 0 5px;
    color: #666;
    text-align: justify;
}

.general .text-note-order-now p>a {
    font-size: 12px;
    color: #666;
    text-decoration: underline;
}

.general .text-note-order-now p>a:hover {
    color: #bd8e26;
}

.general .cart-notify-product-block {
    display: block;
    font-size: 11px;
    text-transform: initial;
    width: 100% !important;
    white-space: normal;
    font-style: italic;
}

.general input[type="text"],
.general input[type="password"],
.general textarea,
.general select,
.general .select2-selection--multiple {
    padding: 4px 8px;
    border: 1px solid #a8a8a8;
    background: #fff;
    color: #333;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-strong {
    font-weight: bold;
}

.general input[type="text"],
.general input[type="password"],
.general select {
    height: 40px;
}

.general .ty-stars,
.general .ty-stars__icon,
.general .ty-rating {
    color: #ffc107;
}

.general .ty-stars,
.general .ty-stars__icon {
    font-size: 16px;
}

.general .ty-control-group__label {
    float: left;
    padding: 20px 0 12px;
    margin-right: 10px;
    width: 140px;
}

.general .select2-container .select2-selection--single {
    height: 40px;
    border-radius: unset;
    border-color: #a8a8a8;
}

.general .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.general .select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.general .ty-input-text-short {
    width: 120px;
    text-align: right;
}

.general .help-inline * {
    font-size: 12px;
}

.general .cell-color {
    border: 1px solid #d1d1d1;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 50px;
    vertical-align: middle;
    top: -1px;
}

.general .ty-rma-search__toggle {
    padding: 10px 10px 10px 0;
}

.general .calendar {
    display: inline-block;
    width: 100%;
}

.general .banner-collection-descriptions .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.general .banner-collection-descriptions .mp-collection-flexiblle {
    margin: 0 !important;
}

@media only screen and (max-width: 767px) {
    .general .banner-collection-descriptions .mp-collection-flexiblle .ty-banner__image-item img {
        width: 100%;
    }
}

.general .selectbox-options .object-selector {
    display: inline-block;
    margin-top: 7px;
    width: 100%;
}

.general .selectbox-options .ty-product-options__item-label::after {
    padding-left: 3px;
    color: #ea7162;
    content: "*";
    font-size: 13px;
    line-height: 1px;
}

.general .ty-no-items {
    padding: 60px 20px;
    background: #f8f9f9;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.general .ty-hybrid-auth__icon-container {
    margin-top: 10px;
}

.general .ty-link-unlink-provider .ty-hybrid-auth__add {
    top: 50%;
    left: 10px;
}

.general .ty-blog-text-links__date {
    color: #333;
    border: 1px solid #d1d1d1;
}

.general .ty-mainbox-title .ty-date {
    white-space: nowrap;
    font-size: 18px;
}

.general .ty-mainbox-title .ty-status {
    float: right;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.general .ty-subheader {
    color: #333;
}

.general .ty-wish-list__buttons {
    display: inline-block;
}

.general .ty-control-group.date,
.general .ty-control-group.time {
    display: none;
}

.general .ty-breadcrumbs::after,
.general .row-fluid::before,
.general .bb-item::before {
    content: none;
}

.general .login-catpcha>p {
    color: #333;
    text-align: center;
}

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

.general .ty-hybrid-auth__icon {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    width: 40px;
}

.general .ty-hybrid-auth__icon img {
    border-radius: 3px;
    height: 100%;
    width: 100%;
}

.general .gift-birth {
    margin: 20px 0 10px;
    width: 100%;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .gift-birth .img-gift,
.general .gift-birth span {
    float: left;
}

.general .gift-birth .img-gift {
    background: url('https://cdn.pnj.io/design/themes/pnjrovski/media/../../../../../../../../design/themes/pnjrovski/media/images/new-gift-birthday.gif?1695311804') no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 15px;
}

.general .gift-birth span {
    width: calc(100% - 55px);
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    display: inline-block;
    font-weight: 700;
}

.general .ty-captcha__label {
    display: inline-block;
    padding: 6px 0;
}

.general .ty-accordion {
    margin-top: 20px;
}

.general .ty-accordion .ui-accordion-header-icon {
    position: absolute;
    top: 14px;
    right: 10px;
    background: none;
    text-indent: 0;
    overflow: visible;
}

.general .ty-accordion .ui-accordion-header-icon:before {
    content: '';
    height: 1px;
    width: 11px;
    display: block;
    background: #666;
    position: absolute;
    top: 5px;
    left: 0;
}

.general .ty-accordion .ui-accordion-header-icon:after {
    content: '';
    height: 11px;
    width: 1px;
    display: block;
    background: #666;
    position: absolute;
    top: 0;
    left: 5px;
}

.general .ty-accordion .ui-accordion-header {
    position: relative;
    color: #333;
    padding: 10px 12px;
    border-radius: 0px;
    background-image: none;
    background: transparent;
    text-decoration: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.general .ty-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
    display: none;
}

.general .ty-accordion .ui-accordion-content {
    border: 0;
    margin-bottom: 10px;
    box-shadow: none;
}

.general .ty-product-notification__subtotal {
    margin: 10px 0 0;
    width: 100%;
}

.general .ty-product-notification__amount {
    width: 100%;
}

.general .ty-product-notification__body {
    padding: 15px;
    min-height: 72px;
}

.general .ty-product-notification__body .ty-product-options-content {
    padding: 2px 0 2px 10px;
}

.general .ty-product-notification__body .ty-product-options__info {
    padding: 5px 0;
}

.general .ty-product-notification__body .ty-product-options {
    padding: 0 10px;
    box-sizing: border-box;
}

.general .ty-product-notification__body .product-options__other {
    border-bottom: 2px solid #fff;
    margin-bottom: 5px !important;
}

.general .ty-product-notification__body .product-options__note .ty-product-options-content {
    padding: 2px 0;
}

.general .ty-product-notification__body .product-options__note .ty-product-options-content::before {
    content: "-";
    padding-right: 5px;
}

.general .ty-twishlist-item {
    text-align: center;
    height: 18px;
    margin: 10px 0;
}

.general .ty-discount-info {
    position: relative;
    margin: 7px 0 12px;
    padding: 10px;
    border: 1px solid #d1d1d1;
    background: #fff;
    border-radius: 3px;
}

.general .ty-discount-coupon__ty-control-group {
    margin: 5px 0;
}

.general .ty-caret-info .ty-caret-outer,
.general .ty-caret-info .ty-caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px;
}

.general .ty-caret-info .ty-caret-outer {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d1d1d1;
    border-left: 7px solid transparent;
}

.general .ty-caret-info .ty-caret-inner {
    top: 2px;
    left: 1px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.general .ty-coupons__item {
    padding: 0 0 5px;
}

.general .ty-coupons__item:last-child {
    padding-bottom: 0;
}

.general .ty-coupons__item-delete,
.general .ty-coupons__item-delete:hover {
    text-decoration: none;
}

.general input[type=checkbox] {
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.general .checkbox-material {
    vertical-align: middle;
    position: relative;
    padding-right: 5px;
    display: inline-block;
}

.general .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #2e2e2e;
    overflow: hidden;
    border-radius: 0;
}

.general .cm-notification-content .checkbox-material .check {
    background-color: #fff;
}

.general .checkbox-material .check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
}

.general input[type=checkbox]:checked+.checkbox-material .check {
    background: #666;
}

.general input[type=checkbox]:checked+.checkbox-material .check:before {
    color: #fff;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on 0.3s forwards;
    -moz-animation: checkbox-on 0.3s forwards;
    -o-animation: checkbox-on 0.3s forwards;
    -ms-animation: checkbox-on 0.3s forwards;
    animation: checkbox-on 0.3s forwards;
}

.general .checkbox-material.special .check {
    border-color: #ccc;
}

.general .checkbox-material.special {
    margin-top: 4px;
}

.general .ty-calendar__button {
    position: absolute;
    top: 15px;
    right: 2px;
    margin-top: -10px;
    margin-right: 8px;
    color: #333;
    vertical-align: middle;
    font-size: 155%;
}

.general .ty-calendar__input {
    width: 100%;
    min-width: 250px;
}

.general .ty-calendar-link:hover {
    text-decoration: none;
}

.general .ty-remove {
    position: relative;
    display: inline-block;
    width: auto;
    white-space: nowrap;
    text-decoration: none;
}

.general .ty-remove:hover {
    text-decoration: none;
}

.general .ty-remove__icon {
    vertical-align: middle;
}

.general .ty-remove__txt {
    padding-left: 5px;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
}

.general .ty-remove:hover .ty-remove__txt,
.general .ty-remove:hover .ty-remove__icon {
    color: #9cb0c4;
}

.general .ty-delete-big,
.general .ty-delete-icon {
    vertical-align: top;
}

.general .ty-delete-big:hover,
.general .ty-delete-icon:hover {
    text-decoration: none;
}

.general .ty-compare {
    position: relative;
}

.general .ty-compare__wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

.general .ty-compare-menu__item {
    padding: 0 0 4px;
}

.general .ty-compare-menu__a {
    padding: 8px 16px 7px;
    display: block;
}

.general .ty-compare-menu__a:hover {
    background: #eff0f2;
    color: #34495e;
    text-decoration: none;
}

.general .ty-compare-menu__elem {
    display: block;
    padding: 10px 16px;
    color: #333;
    background: #e0e0e0;
}

.general .ty-compare-products {
    width: 100%;
    table-layout: fixed;
}

.general .ty-compare-products__product {
    padding: 10px 10px 0;
    width: 215px;
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    background: #fff;
}

.general .ty-compare-products__product .ty-control-group__label {
    padding: 8px 0;
}

.general .ty-compare-products__item {
    padding: 5px 0;
}

.general .ty-compare-products__item:nth-child(3) {
    position: relative;
    height: 15px;
}

.general .ty-compare-products__item div[id*="qty_update"] {
    height: 48px;
    width: 100%;
}

.general .ty-compare-products__menu {
    vertical-align: top;
    padding: 0;
    width: 170px;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.general .ty-compare-products__product .buttons-container {
    margin: 0;
}

.general .no-touch .ty-compare-products__product .ty-qty .ty-control-group__label {
    display: inline-block;
    float: none;
    width: 90px;
}

.general .touch .ty-compare-products__product .ty-qty .ty-control-group__label {
    display: block;
    width: 100%;
}

.general .ty-compare-products__delete {
    position: relative;
    padding-bottom: 10px;
}

.general .touch .ty-compare-products__delete,
.general .ty-compare-products__product:hover .ty-compare-products__delete {
    visibility: visible;
}

.general .ty-compare-feature {
    position: relative;
    z-index: 20;
    margin-bottom: 10px;
}

.general .ty-compare-feature__table {
    width: 100%;
    table-layout: fixed;
}

.general .ty-compare-feature__row:nth-child(even) {
    background-color: #eaeaea;
}

.general .ty-compare-feature__item {
    padding: 10px;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    text-align: left;
}

.general .ty-compare-feature_item_size {
    padding: 5px 10px;
    width: 215px;
    text-align: center;
    line-height: 20px;
}

.general .ty-compare-sort {
    width: 150px;
    text-align: left;
}

.general .ty-compare-sort .ty-compare-sort__title {
    font-weight: bold;
    color: #003468;
    font-size: 13px;
}

.general .ty-compare-sort__a {
    visibility: hidden;
    margin-left: 3px;
    vertical-align: middle;
}

.general .touch .ty-compare-sort__a,
.general .ty-compare-sort:hover .ty-compare-sort__a {
    visibility: visible;
}

.general .ty-compare-list__item {
    text-align: left;
}

.general .ty-compare-checkbox {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    border: 1px solid #4d4d4d;
    background-color: #fff;
    color: #607994;
    text-align: left;
}

.general .ty-compare-checkbox__icon {
    position: relative;
    top: -5px;
    left: 1px;
    font-size: 11px;
}

.general .ty-group-block {
    padding: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
}

.general .ty-group-block__arrow {
    position: relative;
}

.general .ty-group-block__arrow .ty-caret-info {
    top: -17px;
}

.general .ty-group-block .ty-caret-outer {
    border-bottom: 7px solid #dce3ea;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.general .ty-group-block .ty-caret-inner {
    border-bottom-color: #ecf0f4;
}

.general .ty-account-benefits {
    margin: 47px 0 0 60px;
    color: #333;
}

.general .ty-account-benefits h4 {
    padding-bottom: 22px;
    font-size: 19px;
}

.general .ty-account-benefits ul li {
    list-style-type: disc;
    margin-bottom: 11px;
    margin-left: 17px;
}

.general .ty-account {
    margin-top: 30px;
}

.general .ty-account .ty-input-text {
    width: 100%;
    border-radius: 5px;
}

.general .ty-account-detail {
    margin: 45px 0 0 58px;
    padding-bottom: 250px;
    background: url('https://cdn.pnj.io/design/themes/responsive/media/images/profile_details.png?1695311804') no-repeat bottom center;
    color: #333;
}

.general .ty-account-detail h4 {
    font-size: 19px;
    padding-bottom: 10px;
}

.general .ty-account-detail ul li {
    list-style-type: disc;
    margin: 15px 0 0 17px;
}

.general .ty-section {
    margin: 20px 0 15px 0;
}

.general .ty-section__title {
    padding: 13px 15px 11px 15px;
    cursor: pointer;
    border: 1px solid #d1d1d1;
    background: #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.general .ty-section__switch {
    float: right;
}

.general .ty-section__arrow {
    padding-left: 6px;
}

.general .open .ty-section_switch_off,
.general .ty-section_switch_on {
    display: block;
}

.general .open .ty-section_switch_on,
.general .ty-section_switch_off {
    display: none;
}

.general .ty-section__body {
    overflow: hidden;
    padding: 20px 20px 0 20px;
    border: 1px solid #d1d1d1;
    border-top: none;
}

.general .ty-section__body .buttons-container {
    margin: 30px 0 0 -20px;
    padding: 15px 20px 15px 20px;
    width: 100%;
    background: #f1f1f1;
    box-sizing: initial;
}

.general .ty-table {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #d1d1d1;
    border-width: 1px 0px 1px 1px;
    border-bottom: none;
}

.general .ty-table th {
    padding: 12px;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: #f1f1f1;
    text-align: left;
    text-transform: none;
    white-space: nowrap;
    font-weight: bold;
    line-height: normal;
    text-align: center;
}

.general .ty-table th i {
    margin-left: 5px;
    position: relative;
    top: 3px;
    font-size: 16px;
    color: #333;
}

.general .ty-table tr,
.general .table .table tr {
    background-color: #fff;
}

.general .ty-table table tr {
    background-color: transparent;
}

.general .ty-table td,
.general .ty-table .table td {
    padding: 13px 8px;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    vertical-align: middle;
    color: #333;
}

.general .ty-table tbody tr:nth-child(2n) {
    background: #f4f4f4;
}

.general .ty-table th,
.general .ty-table th a {
    color: #404040;
    font-weight: 700;
}

.general .ty-table__responsive-header {
    display: none;
}

.general .ty-status-info label {
    display: inline-block;
    margin: 4px 9px 4px 0;
    float: left;
    min-width: 135px;
}

.general .ty-template-small__item {
    padding: 10px 0;
    border-bottom: 1px dotted #d1d1d1;
    min-height: 50px;
}

.general .ty-template-small__item:last-child {
    border: 0;
}

.general .ty-template-small__item-img {
    float: left;
    margin-right: 10px;
    vertical-align: top;
}

.general .ty-template-small__item-price {
    margin-top: 5px;
}

.general .ty-template-small__item-description {
    overflow: hidden;
}

.general .notification-container {
    position: fixed;
    top: 0;
    right: 40px;
    z-index: 10006;
    min-width: 300px;
    width: 40%;
}

.general .notification-content-extended {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10003;
    margin: -40px 0 0 -320px;
    min-height: 140px;
    width: 665px;
    color: #000;
    background-color: #fff;
    border: 1px solid #d1d1d1;
}

.general .notification-content-extended h1 {
    position: relative;
    padding: 13px 30px 10px 20px;
    border: none;
    font-weight: normal;
    font-size: 18px;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.general .notification-content-extended h1 span {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 16px;
    height: 16px;
    color: #333;
    text-shadow: none;
    font: 13px/1;
    opacity: 1;
    cursor: pointer;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.general .notification-content-extended h1 span:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f00d";
    speak: none;
    -webkit-font-smoothing: antialiased;
}

.general .notification-content-extended h1 span:hover {
    color: #333;
    opacity: 1;
}

.general .ty-sort-dropdown__icon {
    font-size: 16px;
    line-height: 20px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    top: 11px;
}

.general .ty-sort-dropdown__wrapper.cm-combination,
.general .ty-sort-dropdown__wrapper {
    padding: 5px 7px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #282828;
    border-radius: 4px;
    border: 1px solid #ccc;
    white-space: nowrap;
    background: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-sort-dropdown__wrapper.cm-combination .ty-sort-dropdown__icon.ty-icon-down-micro,
.general .ty-sort-dropdown__wrapper .ty-sort-dropdown__icon.ty-icon-down-micro {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
    display: inline-block;
    position: static;
    padding: 0;
    margin-left: 10px;
}

.general .ty-sort-dropdown__wrapper.cm-combination .ty-sort-dropdown__icon.ty-icon-down-micro::before,
.general .ty-sort-dropdown__wrapper .ty-sort-dropdown__icon.ty-icon-down-micro::before {
    content: none;
    display: none;
}

.general .ty-sort-dropdown__wrapper.cm-combination.open,
.general .ty-sort-dropdown__wrapper.open {
    color: #333 !important;
}

.general .ty-sort-dropdown__wrapper.cm-combination.open i.ty-sort-dropdown__icon.ty-icon-down-micro,
.general .ty-sort-dropdown__wrapper.open i.ty-sort-dropdown__icon.ty-icon-down-micro {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.general .ty-sort-dropdown__content {
    position: absolute;
    right: 0;
    z-index: 100;
    border: 1px solid #c3c3c3;
    background: #fff;
    min-width: 290px;
}

.general .ty-sort-dropdown__content-item-a {
    padding: 7px 15px;
    display: block;
    line-height: 20px;
    font-size: 12px !important;
}

.general .ty-sort-dropdown__content-item-a:hover {
    color: #333 !important;
}

.general .bg-row-fluid .ty-mainbox-body {
    position: relative;
}

.general .bg-row-fluid .ty-mainbox-body:hover .owl-buttons {
    display: block;
}

.general .button-view-all {
    background: #fff;
    color: #2b2b2b;
    border: 1px solid;
    padding: 10px 20px;
    outline: none;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-border-radius: 0;
    white-space: nowrap;
    vertical-align: middle;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .button-view-all::after {
    content: '';
    position: absolute;
    left: -220%;
    top: -416%;
    width: 125%;
    height: 814%;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #002448;
    z-index: -1;
}

.general .button-view-all:hover {
    text-decoration: none;
    border-color: #002448;
    color: #fff !important;
}

.general .button-view-all:hover::after {
    left: 0%;
}

.general .ty-btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 7px 14px;
    outline: 0px;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    min-width: 100px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms;
}

.general .ty-sort-container__views-icons {
    display: none;
    float: right;
}

.general .ty-coupons__container {
    padding-right: 0;
    width: 100%;
    position: relative;
}

.general .ty-btn__text {
    color: #333;
}

.general .ty-checkout__terms {
    margin: 25px 0px;
    padding: 15px 20px;
    border: 2px solid #bdc3c7;
    border-radius: 3px;
    background: #fff;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-tabs__content_feature {
    background: white;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-control-group {
    position: relative;
    vertical-align: middle;
}

.general .ty-control-group:before,
.general .ty-control-group:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general .ty-control-group:after {
    clear: both;
}

.general .ty-control-group .help-inline {
    width: 100%;
    position: absolute;
    bottom: -12px;
    height: 14px;
    left: 0;
    padding-left: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .cr-popup-error-box {
    max-width: unset !important;
    padding-bottom: 10px;
    width: 100%;
    display: inline-block;
}

.general .ty-btn-go {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    min-width: 32px;
    height: 33px;
    border: 0px;
    border-left: 1px solid #666;
    cursor: pointer;
}

.general .mp-auth-outer {
    text-align: center;
}

.general .mp-auth-has-text {
    width: 280px;
    text-align: left;
    border: 1px solid;
    background: #fff;
    margin-bottom: 10px;
    height: 48px;
}

.general .mp-auth-has-text i {
    border-radius: inherit !important;
}

.general .mp-auth-has-text span {
    font-size: 16px;
    line-height: 48px;
    display: inline-block !important;
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    float: left;
    text-align: center;
}

.general .mp-auth-has-text.mp-auth-facebook-has-text {
    border-color: #3b5998;
    color: #3b5998;
}

.general .mp-auth-has-text.mp-auth-facebook-has-text span {
    color: #3b5998;
}

.general .mp-auth-has-text.mp-auth-google-has-text {
    border-color: #ea4335;
    color: #ea4335;
}

.general .mp-auth-has-text.mp-auth-google-has-text span {
    color: #ea4335;
}

.general .mp-btn-editor .ty-btn {
    min-width: 150px;
}

.general input:-webkit-autofill,
.general input:-webkit-autofill:hover,
.general input:-webkit-autofill:focus input:-webkit-autofill,
.general textarea:-webkit-autofill,
.general textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
.general select:-webkit-autofill,
.general select:-webkit-autofill:hover,
.general select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #e5e5e5 inset;
}

.general a.ty-password-forgot__a {
    float: right;
    padding: 6px 0;
    font-size: 12px;
    margin-top: 16px;
    color: #002448;
}

.general .ty-login-reglink__a {
    display: inline-block;
    padding: 10px 0;
}

.general .ty-login-reglink__a:hover {
    color: #002448;
}

.general .ty-login__filed-label {
    color: #333;
}

.general .ty-register-popup p {
    color: #333;
}

.general .ty-register-popup h3.ty-text-center {
    font-weight: 600;
    margin: 25px 0 0;
}

.general .ty-register-popup .ty-text-center {
    text-align: center !important;
}

.general .ty-register-popup .ty-account {
    margin-top: 0;
}

.general .ty-register-popup .ty-control-group {
    margin: 0;
}

.general .ty-register-popup .ty-control-group .help-inline {
    position: static;
    padding-left: 0 !important;
}

.general .ty-register-popup .ty-calendar__block {
    width: 100%;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon {
    margin: 0 0 15px;
    width: 250px;
    text-align: left;
    border: 1px solid;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon img {
    border-radius: unset;
    width: 40px;
    float: left;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon a {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon span {
    font-size: 16px;
    line-height: 40px;
    display: inline-block !important;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    float: left;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon .mp-sprite {
    border-radius: 50%;
    margin: 2px 10px 0 6px;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon.mp-auth-facebook {
    border-color: #3b5998;
    color: #3b5998;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon.mp-auth-facebook span {
    color: #3b5998;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon.mp-auth-google {
    border-color: #ea4335;
    color: #ea4335;
}

.general .ty-register-popup .mp-social-group .ty-hybrid-auth__icon.mp-auth-google span {
    color: #ea4335;
}

.general div.group-date-of-birth {
    display: inline-block;
    width: 100%;
}

.general div.group-date-of-birth .select2,
.general div.group-date-of-birth .cm-object-selector {
    width: calc(100% / 3 - 5px) !important;
    width: -webkit-calc((100% - 10px) / 3) !important;
    width: -moz-calc((100% - 10px) / 3) !important;
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}

.general div.group-date-of-birth .select2:nth-child(2),
.general div.group-date-of-birth .cm-object-selector:nth-child(2) {
    margin-left: 0;
}

.general div.group-date-of-birth .select2 .select2-selection--single .select2-selection__arrow b,
.general div.group-date-of-birth .cm-object-selector .select2-selection--single .select2-selection__arrow b {
    border-color: #d1d1d1 transparent transparent transparent;
}

.general div.group-date-of-birth .select2:last-child,
.general div.group-date-of-birth .cm-object-selector:last-child {
    margin-right: 0;
}

.general .list-banks {
    margin-top: 10px;
}

.general .ty-credit-card {
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0 0 20px;
    min-width: 363px;
    padding: 15px;
}

.general .ty-credit-card .ty-control-group__title {
    float: left;
    width: 125px;
    font-weight: 300 !important;
}

.general .ty-credit-card .type-note-payment-instalmenr {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}

.general .ty-credit-card select {
    width: 300px;
    height: 35px !important;
    line-height: 35px !important;
}

.general .ty-credit-card .ty-credit-card__input {
    float: left;
    height: 35px !important;
    line-height: 35px !important;
    width: 300px !important;
}

.general .ty-instalment_monthly_amount__control-group {
    margin-bottom: 0 !important;
}

.general .ty-instalment_monthly_amount__control-group .ty-control-group__title,
.general .ty-instalment_monthly_amount__control-group #instalment_monthly_amountinstalment {
    width: initial !important;
    width: auto !important;
    width: unset !important;
    display: inline-block !important;
}

.general .ty-instalment_monthly_amount__control-group #instalment_monthly_amountinstalment {
    margin-left: 15px;
    padding: 6px 0;
    color: #b4925e;
}

.general input[type="text"]:focus,
.general input[type="password"]:focus,
.general textarea:focus,
.general .select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
    border-color: #bd8e26;
    -webkit-transition: border 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
}

.general .ty-login-popup {
    min-width: 295px;
    max-width: 500px;
    padding: 0 75px;
}

.general .ty-login-popup .ty-control-group .help-inline {
    position: static;
    padding-left: 0;
}

@media screen and (max-width: 320px) {
    .general .ty-login-popup .ty-control-group.captcha {
        margin-left: 0 !important;
    }
}

.general .ty-login-popup .ty-hybrid-auth__icon {
    margin-right: 0;
}

.general .ty-login-popup .ty-login-reglink__a {
    font-weight: 400;
    font-style: italic;
    padding: 0;
    color: #337ab7;
}

.general .ty-login-popup .ty-password-forgot__a {
    padding: 0;
    font-size: 14px;
    margin-top: 0;
    color: #337ab7;
    font-weight: 400;
    font-style: italic;
}

.general .ty-login-popup .ty-login-reglink {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.general .ty-login-popup .ty-text-center {
    text-align: center !important;
}

.general .ty-login-popup .ty-login__input {
    margin: 0;
    padding: 8px 5px 7px;
    height: 44px;
    line-height: 44px;
    border: 0;
    border: 1px solid #676767;
    border-radius: 5px;
}

.general .ty-mainbox-body .ty-login {
    margin-top: 0;
}

.general .ty-mainbox-body .ty-login .ty-control-group .help-inline {
    position: static;
    padding-left: 0;
}

.general .ty-mainbox-body .ty-login .buttons-container {
    margin: 0;
}

.general .ty-estimation__title {
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

.general .ty-cart-content__product-title {
    word-wrap: break-word;
    font-size: 15px !important;
    line-height: 1;
    display: inline;
    color: #000;
}

.general .ty-cart-items__list-item-desc a {
    color: #404040;
    font-size: 13px;
    padding-right: 10px;
    box-sizing: border-box;
}

.general .ty-cart-items__empty {
    margin: 15px 0;
    color: #333;
}

.general .ty-cart-statistic__total-list {
    border-top: 1px solid #d1d1d1;
    margin-top: 15px;
}

.general .ty-cart-content__product-elem {
    padding: 8px !important;
    border: none;
    vertical-align: top;
}

.general .ty-cart-content__product-elem.ty-cart-content__image-block {
    text-align: center;
    vertical-align: middle;
    border-right: none;
    min-width: 120px;
}

.general .ty-cart-content__product-elem.ty-cart-content__image-block .ty-cart-content__image {
    float: none;
}

.general .ty-cart-content__estimation {
    display: inline-block;
    width: 100%;
    max-width: 550px;
    height: 100%;
    box-sizing: content-box;
}

.general .ty-cart-content__estimation p {
    padding: 2px 0;
}

.general .ty-cart-content__estimation p,
.general .ty-cart-content__estimation ul li {
    color: #333;
}

.general .ty-cart-content__estimation .ty-estimation-buttons {
    max-width: inherit;
    min-width: 100%;
    display: inline-table;
    left: 0;
}

.general .ty-cart-content__estimation .ty-estimation-buttons .ty-btn {
    margin-bottom: 5px;
    margin-top: 5px;
}

.general .ty-cart-content__estimation .ty-control-group {
    margin: 0 0 10px;
}

.general .ty-cart-content__estimation .cm-external-click {
    float: left;
}

.general .ty-cart-content__estimation .ty-estimation-buttons__rate {
    float: right;
}

.general .ty-product-switcher {
    position: absolute;
    top: 25px;
    right: 0;
    padding: 0 24px;
}

.general .ty-product-switcher__a:hover {
    text-decoration: none;
}

.general .ty-product-switcher__icon {
    vertical-align: top;
}

.general .ty-product-switcher__icon,
.general .ty-product-switcher__a:hover .ty-product-switcher__icon {
    color: #333;
    font-size: 12px;
}

.general .ty-product-switcher__a.disabled,
.general .ty-product-switcher__a.disabled .ty-product-switcher__icon,
.general .ty-product-switcher__a.disabled:hover .ty-product-switcher__icon {
    background: none;
    color: #333;
    cursor: default;
}

.general .ty-product-switcher span {
    float: left;
    font-size: 11px;
    padding: 2px;
    color: #333;
}

.general .ty-product-img {
    border: 1px solid #f1f1f1;
    position: relative;
    background: white;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-login-info {
    margin: 46px 0 0 59px;
}

.general .ty-login-info__title,
.general .ty-login-info h4 {
    padding-bottom: 10px;
    margin: 0;
    font-size: 19px;
    color: #333;
}

.general .ty-login-info__txt {
    color: #333;
}

.general .ty-login-info__txt>a {
    border-bottom: 1px dotted #bd8e26;
    color: #bd8e26;
}

.general .ty-cart-content__buttons {
    background: #f2f2f2;
}

.general .ty-cart-content__buttons a.ty-btn {
    background: #fff;
    color: #3f3f3f;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 29px;
}

.general .ty-tabs {
    margin-top: 30px;
    vertical-align: bottom;
}

.general .ty-tabs__list {
    vertical-align: bottom;
    display: table;
    margin: 0 auto;
}

.general .ty-tabs__list>li.active {
    border-bottom-color: #333;
    border-width: 2px;
}

.general .ty-tabs__list>li.active>a {
    color: #333;
}

.general .ty-tabs__list>li.active h1 {
    font-size: unset;
    margin: 0;
}

.general .ty-tabs__item,
.general .ty-tabs .subtab {
    float: left;
    vertical-align: bottom;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #d1d1d1;
    position: relative;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.general .ty-tabs__a,
.general .ty-tabs .subtab a {
    font-size: 1.2em !important;
    border-bottom: none;
    font-weight: 400;
    background: rgba(0, 0, 0, 0);
    border-width: 0 0 1px 0;
    border-style: solid;
    margin: 0;
    border-color: rgba(0, 0, 0, 0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
    padding: .6rem 2rem;
    color: #7c7c7c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-product-switcher__a {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 3px;
    padding: 0;
    font-size: 18px;
    text-decoration: none;
}

.general .ty-product-switcher__a-left {
    float: left;
    left: 0;
}

.general .ty-product-switcher__a-right {
    float: right;
    right: 0;
}

.general .ui-widget-content.ui-dialog {
    padding: 0;
    border: none;
    padding: 15px 0 0;
    z-index: 10009 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ui-dialog .ui-dialog-titlebar {
    padding: 0;
    border: none;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.general div.ui-dialog .ui-dialog-title {
    width: auto;
    margin: 0;
    color: #333;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100% !important;
    text-transform: none;
    padding: 10px 0;
}

.general .ui-widget-header .ui-icon-closethick {
    color: #333;
    font-weight: bold;
    padding: 5px;
    line-height: 18px;
    opacity: 1;
    top: -1px;
    left: -22px;
    margin: 0;
    width: 40px;
    text-align: right;
}

.general .ui-widget-header .ui-icon-closethick::before {
    padding-right: 5px;
}

.general .ui-widget-header .ui-state-default {
    background: none;
    border: 0;
    outline: none;
    top: -14px;
    right: -1px;
    height: 30px;
    width: 30px;
    margin: 0;
}

.general .ui-dialog .ui-dialog-content {
    overflow: visible;
    padding: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.general .object-container {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .object-container #shipping_estimation {
    padding: 0 50px;
}

.general div[id*='call_request'] .ty-cr-product-info-container,
.general div[id*='installment'] .ty-cr-product-info-container,
.general div[id*="send_info"] .ty-cr-product-info-container {
    max-width: 100%;
    display: inline-block;
    width: 100%;
}

.general div[id*='call_request'] .ty-cr-product-info-container:before,
.general div[id*='call_request'] .ty-cr-product-info-container:after,
.general div[id*='installment'] .ty-cr-product-info-container:before,
.general div[id*='installment'] .ty-cr-product-info-container:after,
.general div[id*="send_info"] .ty-cr-product-info-container:before,
.general div[id*="send_info"] .ty-cr-product-info-container:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general div[id*='call_request'] .ty-cr-product-info-container:after,
.general div[id*='installment'] .ty-cr-product-info-container:after,
.general div[id*="send_info"] .ty-cr-product-info-container:after {
    clear: both;
}

.general div[id*='call_request'] .ty-cr-product-info-image,
.general div[id*='installment'] .ty-cr-product-info-image,
.general div[id*="send_info"] .ty-cr-product-info-image {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 5px 0;
    width: 60px;
    height: 60px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general div[id*='call_request'] .ty-cr-product-info-image img,
.general div[id*='installment'] .ty-cr-product-info-image img,
.general div[id*="send_info"] .ty-cr-product-info-image img {
    height: 100%;
    width: 100%;
}

.general div[id*='call_request'] .ty-cr-product-info-image .ty-no-image,
.general div[id*='installment'] .ty-cr-product-info-image .ty-no-image,
.general div[id*="send_info"] .ty-cr-product-info-image .ty-no-image {
    min-width: 60px !important;
    min-height: 60px !important;
}

.general div[id*='call_request'] .ty-cr-product-info-header,
.general div[id*='installment'] .ty-cr-product-info-header,
.general div[id*="send_info"] .ty-cr-product-info-header {
    padding: 0 10px;
    display: inline-block;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general div[id*='call_request'] .ty-cr-product-info-header .ty-product-block-title,
.general div[id*='installment'] .ty-cr-product-info-header .ty-product-block-title,
.general div[id*="send_info"] .ty-cr-product-info-header .ty-product-block-title {
    margin: 12px 0 0;
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.general div[id*='call_request'] .ty-profile-field__switch,
.general div[id*='installment'] .ty-profile-field__switch,
.general div[id*="send_info"] .ty-profile-field__switch {
    margin: 0 0 12px;
}

.general div[id*='call_request'] .ty-control-group,
.general div[id*='installment'] .ty-control-group,
.general div[id*="send_info"] .ty-control-group {
    width: 100%;
    margin-bottom: 17px;
}

.general div[id*='call_request'] .ty-control-group .ty-control-group__title,
.general div[id*='installment'] .ty-control-group .ty-control-group__title,
.general div[id*="send_info"] .ty-control-group .ty-control-group__title {
    width: 108px;
    font-size: 12px;
    float: left;
    display: inline-block;
    word-break: break-word;
}

.general div[id*='call_request'] .ty-control-group input,
.general div[id*='call_request'] .ty-control-group .group-date-of-birth,
.general div[id*='installment'] .ty-control-group input,
.general div[id*='installment'] .ty-control-group .group-date-of-birth,
.general div[id*="send_info"] .ty-control-group input,
.general div[id*="send_info"] .ty-control-group .group-date-of-birth {
    width: calc(100% - 108px) !important;
    width: -webkit-calc(100% - 108px) !important;
    width: -moz-calc(100% - 108px) !important;
    float: left;
    line-height: 35px;
}

.general div[id*='call_request'] .ty-control-group>.select2-container,
.general div[id*='installment'] .ty-control-group>.select2-container,
.general div[id*="send_info"] .ty-control-group>.select2-container {
    width: calc(100% - 108px) !important;
    width: -webkit-calc(100% - 108px) !important;
    width: -moz-calc(100% - 108px) !important;
    float: left;
}

.general div[id*='call_request'] .ty-control-group>.select2-container .select2-selection--single,
.general div[id*='installment'] .ty-control-group>.select2-container .select2-selection--single,
.general div[id*="send_info"] .ty-control-group>.select2-container .select2-selection--single {
    border-radius: unset;
    border-color: #d1d1d1;
}

.general div[id*='call_request'] .ty-control-group>.select2-container .select2-selection--single .select2-selection__arrow b,
.general div[id*='installment'] .ty-control-group>.select2-container .select2-selection--single .select2-selection__arrow b,
.general div[id*="send_info"] .ty-control-group>.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #d1d1d1 transparent transparent transparent;
}

.general div[id*='call_request'] .ty-control-group>.select2-container .select2-selection--single .select2-selection__rendered,
.general div[id*='installment'] .ty-control-group>.select2-container .select2-selection--single .select2-selection__rendered,
.general div[id*="send_info"] .ty-control-group>.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    color: #333;
}

.general div[id*='call_request'] .buttons-container,
.general div[id*='installment'] .buttons-container,
.general div[id*="send_info"] .buttons-container {
    margin: 0;
    left: 0;
    text-align: center;
}

.general div[id*='new_post'] {
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general div[id*='new_post'] .ty-control-group .help-inline {
    position: static;
    padding-left: 0;
}

.general #new_post_dialog_comments .object-container {
    min-height: 650px;
}

.general #new_post_dialog_comments #new_post_comments .ty-control-group .select2-container {
    width: 100% !important;
}

.general #new_post_dialog_comments #new_post_comments .ty-control-group .help-inline {
    position: absolute;
}

.general .ty-login__filed-label {
    color: #333;
}

.general .buttons-container {
    padding: 17px;
    width: 100% !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .buttons-container:before,
.general .buttons-container:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general .buttons-container:after {
    clear: both;
}

.general .buttons-container-picker {
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px;
    left: 0;
    background: #e0e0e0;
}

.general .ty-btn__secondary,
.general .ty-btn__primary,
.general .ty-btn__tertiary {
    background: #737373;
    border: 1px solid #737373;
    color: #fff;
}

.general .ty-btn__login,
.general .ty-register-popup .ty-btn__secondary,
.general .cm-checkout-place-order {
    background-image: linear-gradient(0deg, #d83443, #ff737e);
    border-radius: 5px;
    border: none;
}

.general .notification-body-extended .ty-btn__secondary,
.general .notification-body-extended .ty-btn__primary,
.general .notification-body-extended .ty-btn__tertiary {
    min-width: 140px;
}

.general .radio-options * {
    font-size: 12px;
    color: #000;
}

.general .radio-options strong {
    font-weight: bold;
}

.general .radio-options i,
.general .radio-options em,
.general .radio-options dfn,
.general .radio-options em strong {
    font-style: italic;
}

.general .radio-options .ty-control-group__label {
    padding: 2px 0;
}

.general .radio-options .ty-control-group__label.product-options-promotion__name::before {
    color: #c48c46;
    content: "\f219";
    font-size: 12px;
    padding-right: 2px;
    vertical-align: top;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general .radio-options>div ul {
    padding: 0 0 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .radio-options .option-items {
    position: relative;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .radio-options .option-items .radio {
    position: absolute;
    left: 0;
    top: calc((100% / 2) - 3px);
    top: -webkit-calc((100% / 2) - 3px);
    top: -moz-calc((100% / 2) - 3px);
}

.general .mp-option-note {
    padding-left: 5px !important;
}

.general .mp-option-note::before {
    content: "-";
    padding-right: 5px;
}

.general .ty-product-options__title {
    border-bottom: 1px solid #e8e8e8;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 6px;
    padding-top: 4px;
    text-transform: uppercase;
    width: 100%;
}

.general .mp-description-gallery .owl-item {
    text-align: center;
}

.general .mp-description-gallery .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.general .ty-mtb-s a {
    color: #333;
}

.general .ty-mtb-s a:hover,
.general .ty-mtb-s a:active {
    color: #002448;
}

.general .ty-link-unlink-provider {
    display: inline-block;
}

.general .ty-link-unlink-provider span {
    display: none;
}

.general .mp-auth-facebook {
    border-radius: 50px;
}

.general .mp-auth-facebook .provider-none-event {
    margin-right: 10px;
    display: inline-block;
}

.general .mp-auth-facebook .mp-sprite {
    display: inline-block;
    background-position: -210px -197px;
    height: 35px;
    width: 35px;
    float: left;
    border-radius: 3px;
    margin: 6px 0 0 6px;
}

.general .mp-auth-google {
    border-radius: 50px;
}

.general .mp-auth-google .mp-sprite {
    display: inline-block;
    background-position: -261px -195px;
    height: 35px;
    width: 35px;
    float: left;
    border-radius: 3px;
    margin: 6px 0 0 6px;
}

.general .banner-detail-product-outer {
    margin-top: 10px;
}

.general .banner-detail-product-outer img {
    width: 100%;
}

.general .mp-control-group-image .control-label span {
    font-size: 12px;
    font-style: italic;
}

.general .mp-info-product-pattern .control-group {
    display: inline-block;
    height: 42px;
    margin: 8px 0 0;
    width: 100%;
}

.general .mp-info-product-pattern .control-group .control-label {
    float: left;
    font-size: 12px;
    line-height: 23px;
    width: 142px;
}

.general .mp-info-product-pattern .control-group .controls {
    float: left;
    position: relative;
    width: calc(100% - 142px);
    width: -webkit-calc(100% - 142px);
    width: -moz-calc(100% - 142px);
}

.general .mp-info-product-pattern .control-group .controls .cm-object-selector {
    width: 100%;
}

.general .mp-info-product-pattern .control-group:nth-child(2) .controls>span:last-child:not(.select2) {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.general .mp-info-product-pattern .control-group:nth-child(3) .help-inline {
    bottom: -18px;
    position: absolute;
}

.general .mp-info-product-pattern .ty-input-text-full {
    text-align: right;
    padding: 4px 32px 4px 8px;
}

.general .mp-info-product-pattern .ty-input-text-full,
.general .mp-info-product-pattern .select2 {
    width: 100% !important;
}

.general .mp-info-product-pattern .ty-fileuploader__file-local {
    background: #bd8e26;
    box-sizing: border-box;
    display: inline-block;
    padding: 7px 10px;
    width: 125px;
    text-align: center;
}

.general .mp-info-product-pattern .ty-fileuploader__file-local a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.general .mp-info-product-pattern .ty-fileuploader__file-input {
    height: unset;
}

.general .mp-info-product-pattern .mp-control-attch-image {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.general .mp-info-product-pattern .mp-control-attch-image .mp-image-review {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.general #estimation_group_buy_now,
.general #estimation_group_buy_now-pattern {
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general #estimation_group_buy_now strong,
.general #estimation_group_buy_now-pattern strong {
    display: inline-block;
    font-weight: 300;
    padding-right: 20px;
    width: 115px;
}

.general #estimation_group_buy_now p::before,
.general #estimation_group_buy_now-pattern p::before {
    color: #a1a1a1;
    content: "\f111";
    font-size: 5px;
    padding-right: 5px;
    vertical-align: middle;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general .mp-info-customer-product-pattern .ty-control-group .help-inline {
    padding-left: 108px;
}

.general .mp-info-customer-product-pattern .ty-receipt-time-control.date,
.general .mp-info-customer-product-pattern .ty-receipt-time-control.time {
    display: none;
}

.general .mp-info-customer-product-pattern .ty-receipt-method-switch {
    display: none !important;
}

.general .mp-info-customer-product-pattern .cm-object-selector {
    width: calc(100% - 108px) !important;
    width: -webkit-calc(100% - 108px) !important;
    width: -moz-calc(100% - 108px) !important;
    float: left;
    line-height: 35px;
}

.general .mp-notes {
    padding: 0 !important;
}

.general .mp-notes .help-inline {
    padding-left: 0 !important;
}

.general .mp-notes .control-label {
    width: 100% !important;
}

.general .banner-style .ty-banner__image-item {
    position: relative;
    overflow: hidden;
}

.general .hover-text-banner .bn-custom-html {
    padding: 0;
}

.general .hover-text-banner .bn-custom-html::before {
    border: 2px solid #000;
    bottom: 10px;
    content: "";
    left: 10px;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
    -moz-transform: scale3d(1.4, 1.4, 1);
    -ms-transform: scale3d(1.4, 1.4, 1);
    -o-transform: scale3d(1.4, 1.4, 1);
}

.general .hover-text-banner .bn-custom-html .hover_data {
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: calc(10%);
    top: calc(100% / 2 - 40px));
    top: -webkit-calc(100% / 2 - 40px));
    top: -moz-calc(100% / 2 - 40px));
}

.general .hover-text-banner .bn-custom-html .hover_data>span {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -ms-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.general .hover-text-banner .bn-custom-html .hover_data .title {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 46px;
    text-transform: capitalize;
}

.general .hover-text-banner .bn-custom-html .hover_data .short-description {
    display: none;
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 1.5px;
}

.general .hover-action-banner img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.general .hover-action-banner .bn-custom-html {
    text-align: center;
    display: block;
    padding: 11px;
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 50%;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .hover-action-banner .bn-custom-html .box-outer {
    display: block;
    border: 1px solid #ddb06d;
    padding: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .hover-action-banner .bn-custom-html .box-outer .title {
    font-size: 18px;
    color: #ddb06d;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0.8em;
}

.general .hover-action-banner .bn-custom-html .box-outer .shor-description {
    display: block;
    margin-bottom: 1em;
    color: #333;
}

.general .hover-action-banner .bn-custom-html .box-outer .action {
    display: inline-block;
    padding: 10px;
    position: relative;
    color: #ddb06d;
    text-transform: uppercase;
    transition: background-color 0.3s, border-color 0.3s, text-color 0.3s;
    font-size: 14px;
    height: 36px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .hover-action-banner .bn-custom-html .box-outer .action::before {
    content: '';
    width: 70px;
    height: 1px;
    background: #ddb06d;
    position: absolute;
    top: 0;
    left: 48%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.general .hover-action-banner .bn-custom-html .box-outer .action::after {
    content: "\f105";
    right: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    display: inline-block;
    text-decoration: inherit;
    top: 6px;
    font-size: 13px;
    line-height: 1;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general .mp-collection-flexiblle {
    background: #fff;
}

.general .mp-collection-flexiblle.collection-left .ty-banner__image-item {
    text-align: left;
}

.general .mp-collection-flexiblle.collection-left .bn-custom-html {
    background: transparent;
    right: 0;
    width: 35%;
}

.general .mp-collection-flexiblle.collection-left .bn-custom-html .box-outer {
    text-align: right;
}

.general .mp-collection-flexiblle.collection-right .ty-banner__image-item {
    text-align: right;
}

.general .mp-collection-flexiblle.collection-right .bn-custom-html {
    background: transparent none repeat scroll 0 0;
    left: 9%;
    right: unset;
    width: 40%;
}

.general .mp-collection-flexiblle.outter-box .ty-banner__image-item img {
    border-radius: 1px;
}

.general .mp-collection-flexiblle.outter-box .bn-custom-html {
    background: #fff;
    bottom: 0;
    position: static;
    right: 0;
    top: unset;
    transform: none;
    width: 100%;
    padding: 10px 20px;
}

.general .mp-collection-flexiblle.outter-box .bn-custom-html .box-outer .title {
    font-size: 20px;
    line-height: unset;
    margin: 10px 0 5px;
}

.general .mp-collection-flexiblle.outter-box .bn-custom-html .box-outer .shor-description {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 22px;
}

.general .mp-collection-flexiblle .bn-custom-html .box-outer {
    border: none;
    padding: 0;
}

.general .mp-collection-flexiblle .bn-custom-html .box-outer .title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
}

.general .mp-collection-flexiblle .bn-custom-html .box-outer .shor-description {
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 30px;
}

.general .mp-collection-flexiblle .bn-custom-html .box-outer .action {
    border: 1px solid;
    font-size: 14px;
    height: inherit;
    padding: 8px 10px;
    text-align: center;
    width: 180px;
}

.general .mp-collection-flexiblle .bn-custom-html .box-outer .action:before,
.general .mp-collection-flexiblle .bn-custom-html .box-outer .action:after {
    content: none;
    display: none;
}

.general .text-gold .bn-custom-html .box-outer .title {
    color: #333;
}

.general .text-gold .bn-custom-html .box-outer .action {
    border-color: #ccc;
    color: #333;
    box-shadow: 0 1px 0 #ccc;
    border-radius: 2px;
}

.general .text-silver .bn-custom-html .box-outer .title {
    color: #4f4f4f;
}

.general .text-silver .bn-custom-html .box-outer .action {
    border-color: #4f4f4f;
    color: #4f4f4f;
}

.general .text-mix .bn-custom-html .box-outer .title {
    color: #333;
}

.general .text-mix .bn-custom-html .box-outer .action {
    border-color: #ccc;
    color: #333;
    border-radius: 2px;
}

.general .tygh-footer .pnj-special {
    max-width: 1200px;
    min-width: 280px;
    margin: 0 auto;
}

.general .tygh-footer .pnj-special li {
    width: calc((100% - 60px) / 5);
    width: -webkit-calc((100% - 60px) / 5);
    width: -moz-calc((100% - 60px) / 5);
    float: left;
    margin: 60px 15px 10px 0;
    padding: 0;
    border: 1px solid #ccc;
    background: #fff;
    height: 58px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .tygh-footer .pnj-special li i {
    display: inline-block;
    float: left;
    width: 53px !important;
}

.general .tygh-footer .pnj-special li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 8px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .tygh-footer .pnj-special li .text-special {
    display: inline-block;
    float: left;
    width: calc(100% - 53px);
    width: -webkit-calc(100% - 53px);
    width: -moz-calc(100% - 53px);
    padding: 5px 0 5px 5px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .tygh-footer .pnj-special li .text-special h4,
.general .tygh-footer .pnj-special li .text-special span {
    text-transform: uppercase;
}

.general .tygh-footer .pnj-special li .text-special h4 {
    font-weight: 600;
    color: #666;
    margin: 0;
    font-size: 14px;
}

.general .tygh-footer .pnj-special li .text-special span {
    color: #333;
    font-size: 11px;
    display: inline-block;
    margin-top: 4px;
    white-space: nowrap;
}

.general .tygh-footer .pnj-special li .text-special span font {
    font-size: 9px;
}

.general .tygh-footer .pnj-special li:last-child {
    margin-right: 0;
}

.general .tygh-footer .pnj-special li:nth-child(1) i {
    background-position: -129px -8px;
    width: 50px;
    height: 38px;
}

.general .tygh-footer .pnj-special li:nth-child(2) i {
    background-position: -252px -10px;
    width: 45px;
    height: 40px;
}

.general .tygh-footer .pnj-special li:nth-child(3) i {
    background-position: -69px -10px;
    width: 50px;
    height: 41px;
}

.general .tygh-footer .pnj-special li:nth-child(4) i {
    background-position: -188px -10px;
    width: 53px;
    height: 40px;
}

.general .tygh-footer .pnj-special li:nth-child(5) i {
    background-position: -8px -10px;
    width: 40px;
    height: 40px;
}

.general .tygh-footer .ty-footer-menu {
    background: #fff;
}

.general .tygh-footer .ty-footer-menu .about-grid {
    display: inline-block;
    width: 100%;
    margin: 15px 0;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a {
    border-radius: 2px;
    box-sizing: border-box;
    float: left;
    margin-right: 15px;
    min-width: 130px;
    padding: 10px 20px;
    text-align: center;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a span {
    color: #78797b;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a .fa {
    color: white;
    background: #78797b;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin-right: 5px;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a .fa.fa-facebook {
    background: #3d5b99 none repeat scroll 0 0;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a .fa.fa-instagram {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%) repeat scroll 0 0;
}

.general .tygh-footer .ty-footer-menu .about-grid .connect-us-outer a .fa.fa-youtube {
    background: #f00 none repeat scroll 0 0;
}

.general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__header {
    float: left;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}

.general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__header span {
    line-height: 54px;
    font-size: 19px;
}

.general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__body {
    float: left;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    display: inline-block !important;
}

.general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__body ul {
    display: table;
    margin: 0 auto;
}

.general .tygh-footer .ty-footer-menu ul li.no_link {
    line-height: 22px;
    text-align: justify;
    color: #333;
}

.general .tygh-footer .ty-footer-menu ul li.no_link p:first-child {
    padding-top: 0;
}

.general .tygh-footer .ty-footer-menu ul li.no_link p:first-child strong {
    font-weight: 500;
}

.general .tygh-footer .ty-footer-menu ul li a {
    color: #78797b;
}

.general .tygh-footer .ty-footer-menu ul li a:hover {
    color: #bd8e26;
}

.general .tygh-footer .ty-footer-menu .ty-footer-general__header {
    font-weight: bold;
    text-transform: uppercase;
    color: #bd8e26;
}

.general .tygh-footer .ty-footer-menu .ty-footer-general__header,
.general .tygh-footer .ty-footer-menu .ty-footer-general__header * {
    font-size: 14px;
}

.general .tygh-footer .ty-control-group .help-inline {
    position: static;
    height: unset;
    padding: 0 !important;
}

.general.success_add .ty-mainbox-container {
    background: white;
    padding: 10px;
}

.general .ty-scroller-list__item {
    text-align: center;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    position: relative;
}

.general .ty-scroller-list__img-block {
    min-height: 200px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-scroller-list__img-block img {
    transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
}

.general .ty-scroller-list__img-block:hover img {
    transform: scale(1.05);
}

.general .ty-scroller-list__description .product-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    font-size: 15px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 5px;
}

.general .ty-scroller-list__description .ty-stars,
.general .ty-scroller-list__description .ty-stars__icon {
    font-size: 14px;
}

.general .ty-scroller-list__description .ty-stars {
    width: 100%;
    display: block;
    padding-bottom: 5px;
}

.general .ty-scroller-list__description .ty-simple-list__price>span {
    width: 100%;
    height: 22px;
}

.general .ty-scroller-list__description .ty-simple-list__price>span:last-child {
    margin-top: 5px;
    width: 100%;
    display: inline-block;
}

.general .ty-scroller-list__description .ty-simple-list__price>span:last-child .ty-strike {
    position: relative;
}

.general .ty-scroller-list__description .ty-simple-list__price>span:last-child .ty-strike>span:last-child {
    position: absolute;
    font-size: 12px;
    opacity: 0.9;
}

.general .product-options-note {
    color: #666;
    font-size: 12px !important;
    font-style: italic;
}

.general .mp-regions-note {
    color: green;
    font-size: 11px;
    padding: 12px 0 0;
}

.general .ty-product-prices {
    margin: 10px 0 0;
}

.general .mp-promotion-image {
    height: 100px;
    display: block;
    margin: 8px auto;
}

.general .ty-quick-view__wrapper .ty-product-block__left {
    max-width: 450px;
    padding-left: 20px;
}

.general .ty-quick-view__wrapper {
    min-height: 485px;
    margin-top: 15px;
    padding: 0 50px;
}

.general .ty-quick-view__wrapper .ty-product-block__img .ty-product-thumbnails {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    text-align: center;
    flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

.general .ty-quick-view__wrapper .ty-product-block__img .ty-product-img {
    min-height: unset !important;
}

.general .ty-quick-view__wrapper .ty-quick-view-tools {
    display: none;
}

.general .ty-discussion__review-a,
.general .ty-discussion__review-write {
    font-size: 9px !important;
    font-style: italic;
    margin-left: 3px;
    vertical-align: middle;
}

.general .ty-discussion__review-write {
    margin: 0;
}

.general .ty-discussion__review-write:after {
    content: "\f040";
    color: #d1d1d1;
    padding-left: 5px;
    vertical-align: top;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general #product_quick_view .mp-product-detail-option {
    padding: 0 !important;
}

.general .footer-links-page .ty-menu__item {
    border: 1px solid #d1d1d1;
    margin-bottom: 30px;
    width: 100%;
}

.general .footer-links-page .ty-menu__item .ty-menu__item-link {
    color: !important;
    cursor: context-menu;
    background: #e0e0e0;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .footer-links-page .ty-menu__item .ty-menu__item-link::after {
    content: none;
}

.general .footer-links-page .ty-menu__item .ty-menu__item-link span {
    font-weight: bold;
}

.general .footer-links-page .ty-menu__submenu-items {
    display: block;
    position: static;
    border: none;
    box-shadow: none;
    min-width: unset;
    padding: 0 15px;
}

.general .footer-links-page .ty-menu__submenu-items .ty-menu__submenu-item {
    margin-bottom: 0;
    border-bottom: 1px dotted #d1d1d1;
}

.general .footer-links-page .ty-menu__submenu-items .ty-menu__submenu-item a {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

.general .footer-links-page .ty-menu__submenu-items .ty-menu__submenu-item:last-child {
    border-bottom: none;
}

.general .mp-products-promotion-warraper::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0%, #ccc 50%, #fff 100%) repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 138, 194, 0.03);
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

.general .mp-products-promotion-warraper .owl-item,
.general .mp-products-promotion-warraper form {
    position: relative;
    background: #fff;
    min-height: 300px;
}

.general .mp-products-promotion-warraper .mp-products-promotion-left a {
    margin-left: 20px;
}

.general .mp-products-promotion-warraper .mp-products-promotion-right {
    display: block;
    padding: 11px;
    position: absolute;
    width: 58%;
    right: 0;
    top: 50%;
    text-align: left;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.general .mp-products-promotion-warraper .mp_product_promotion_name {
    margin-bottom: 10px;
    display: block;
}

.general .mp-products-promotion-warraper .mp_product_promotion_name a {
    color: #666;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    text-transform: uppercase;
}

.general .mp-products-promotion-warraper .mp_product_promotion_description {
    display: block;
    color: #333;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
    margin-bottom: 10px;
    max-height: 52px;
    overflow: hidden;
    min-height: 52px;
}

.general .mp-products-promotion-warraper .mp_product_promotion_description>p {
    min-height: 52px;
    max-height: 52px;
}

.general .mp-products-promotion-warraper .new-price {
    margin-bottom: 10px;
    padding-right: 10px;
}

.general .mp-products-promotion-warraper .new-price .ty-price-num {
    font-size: 20px;
}

.general .mp-products-promotion-warraper .product-view-and-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 10px;
}

@media only screen and (max-width: 767px) {

    .general .mp-products-promotion-warraper .product-view-and-rating .ty-left,
    .general .mp-products-promotion-warraper .product-view-and-rating .ty-right {
        font-size: 11px;
    }

    .general .mp-products-promotion-warraper .product-view-and-rating .ty-left .ty-stars__icon,
    .general .mp-products-promotion-warraper .product-view-and-rating .ty-right .ty-stars__icon {
        font-size: 11px;
    }
}

.general .mp-products-promotion-warraper .mp-add-product-to-card-show,
.general .mp-products-promotion-warraper .ty-cr-product-button {
    padding: 8px 10px;
    width: 160px;
    font-size: 12px;
    height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .mp-products-promotion-warraper .mp-add-product-to-card-show span,
.general .mp-products-promotion-warraper .ty-cr-product-button span {
    font-size: 12px;
}

.general .mp-products-promotion-warraper .ty-cr-product-button {
    margin: 0;
    background: #bd8e26;
    border: 1px solid #bd8e26;
    display: none;
}

.general .mp-products-promotion-warraper .ty-cr-product-button span {
    color: #fff;
}

.general .ty-call-requests-complete__buttons form {
    float: left;
    margin-right: 10px;
}

@media screen and (max-width: 480px) {
    .general .ty-column3 {
        width: 50%;
    }

    .general .ty-search-form__input {
        margin: 4px 0px;
        width: 100%;
    }

    .general .ty-period__select {
        width: 100%;
    }

    .general .ty-period__wrapper {
        padding-right: 0;
    }

    .general .ty-section__body {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 450px) {
    .general .ty-status-info label {
        min-width: 125px;
    }

    .general .list-banks ul li {
        width: 126px;
    }
}

@media only screen and (max-width: 767px) {
    .general .notification-content .close {
        top: 7px;
        right: 10px;
        font-size: 1.5rem;
    }

    .general .ty-gift-certificates__row>span {
        width: 100%;
        display: inline-block;
    }

    .general .ty-product-notification__price {
        float: none;
        margin-left: 0;
    }

    .general .ty-ajax-loading-box_text_block {
        right: 40%;
        left: 40%;
    }

    .general .object-container .ty-subheader {
        padding: 0;
    }

    .general .object-container .ty-cart-content__estimation {
        max-width: unset;
    }

    .general .object-container .ty-cart-content__estimation #shipping_estimation {
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .general .object-container #estimation_group_buy_now,
    .general .object-container #estimation_group_buy_now-pattern {
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general .text-note-order-now {
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .general .ty-tygh .ty-success-registration__item {
        display: block !important;
        width: 100% !important;
    }

    .general .ty-social-buttons__inline {
        display: inline-block;
        margin: 0 4px 0 0;
    }

    .general .ty-product-switcher {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 0;
        top: 10px;
        text-align: center;
    }

    .general .ty-product-switcher__a {
        position: relative;
        top: 0;
        vertical-align: middle;
        font-size: 20px;
    }

    .general .ty-product-switcher__a-left,
    .general .ty-product-switcher__a-right {
        float: none;
    }

    .general .ty-product-switcher__a-left {
        margin-right: 10px;
        left: 5px;
    }

    .general .ty-product-switcher__a-right {
        margin-left: 10px;
        right: 5px;
    }

    .general .ty-product-switcher span {
        display: inline-block;
        float: none;
        font-size: 100%;
    }

    .general div[id*='call_request'] .help-inline *,
    .general div[id*='installment'] .help-inline *,
    .general div[id*="send_info"] .help-inline * {
        font-size: 11px;
    }

    .general div[id*='call_request'] .ty-cr-product-info-image,
    .general div[id*='installment'] .ty-cr-product-info-image,
    .general div[id*="send_info"] .ty-cr-product-info-image {
        width: 60px;
        height: 60px;
    }

    .general div[id*='call_request'] .ty-cr-product-info-header,
    .general div[id*='installment'] .ty-cr-product-info-header,
    .general div[id*="send_info"] .ty-cr-product-info-header {
        width: 79%;
    }

    .general div[id*='call_request'] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*='installment'] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="send_info"] .ty-cr-product-info-header .ty-product-block-title {
        font-size: 16px !important;
    }

    .general div[id*='call_request'] .ty-control-group,
    .general div[id*='installment'] .ty-control-group,
    .general div[id*="send_info"] .ty-control-group {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general div[id*='call_request'] .ty-control-group input,
    .general div[id*='call_request'] .ty-control-group .select2-container,
    .general div[id*='installment'] .ty-control-group input,
    .general div[id*='installment'] .ty-control-group .select2-container,
    .general div[id*="send_info"] .ty-control-group input,
    .general div[id*="send_info"] .ty-control-group .select2-container {
        font-size: 12px;
    }

    .general div[id*='call_request'] .ty-profile-field__switch,
    .general div[id*='installment'] .ty-profile-field__switch,
    .general div[id*="send_info"] .ty-profile-field__switch {
        display: table;
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }

    .general div[id*='call_request'] .ty-control-group .help-inline,
    .general div[id*='installment'] .ty-control-group .help-inline,
    .general div[id*="send_info"] .ty-control-group .help-inline {
        padding-left: 15px;
    }

    .general div[id*='call_request'] .buttons-container,
    .general div[id*='installment'] .buttons-container,
    .general div[id*="send_info"] .buttons-container {
        margin: 0;
        left: 0 !important;
        text-align: center;
        padding: 10px;
        right: initial !important;
        top: initial !important;
        width: 100% !important;
        display: inline-block;
    }

    .general div[id*='call_request'] .cr-popup-error-box,
    .general div[id*='installment'] .cr-popup-error-box,
    .general div[id*="send_info"] .cr-popup-error-box {
        padding: 0 5px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general div[id*='call_request'] #estimation_group_buy_now,
    .general div[id*='call_request'] #estimation_group_buy_now-pattern,
    .general div[id*='installment'] #estimation_group_buy_now,
    .general div[id*='installment'] #estimation_group_buy_now-pattern,
    .general div[id*="send_info"] #estimation_group_buy_now,
    .general div[id*="send_info"] #estimation_group_buy_now-pattern {
        padding: 5px 15px;
    }

    .general div[id*="content_call_request"] .mp-control-group-shipping-info .ty-control-group__title,
    .general div[id*="content_installment"] .mp-control-group-shipping-info .ty-control-group__title,
    .general div[id*="send_info"] .mp-control-group-shipping-info .ty-control-group__title {
        padding-left: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general div[id*="content_call_request"] .mp-control-group-shipping-info #estimation_group_buy_now strong,
    .general div[id*="content_call_request"] .mp-control-group-shipping-info #estimation_group_buy_now-pattern strong,
    .general div[id*="content_installment"] .mp-control-group-shipping-info #estimation_group_buy_now strong,
    .general div[id*="content_installment"] .mp-control-group-shipping-info #estimation_group_buy_now-pattern strong,
    .general div[id*="send_info"] .mp-control-group-shipping-info #estimation_group_buy_now strong,
    .general div[id*="send_info"] .mp-control-group-shipping-info #estimation_group_buy_now-pattern strong {
        font-size: 12px;
    }

    .general .notification-content-extended {
        width: 96%;
        left: 2%;
        right: 10px;
        margin: 0px;
        top: 4%;
    }

    .general .notification-container {
        top: 0;
        right: 0px;
        min-width: 100%;
        width: 100%;
    }

    .general .ty-login-popup {
        padding: 0;
        min-width: 100%;
        max-width: 100%;
    }

    .general .ty-login-popup .ty-control-group {
        margin: 0 15px 15px;
    }

    .general .ty-login-popup .ty-login-reglink__a {
        padding: 0;
    }

    .general .ty-table__responsive-header {
        font-weight: bold;
        word-break: normal;
        display: block;
        text-align: left;
        color: #333;
    }

    .general .ty-table:not(.ty-table-responsive) td {
        border: none;
        white-space: normal;
        min-height: 18px;
        width: auto !important;
    }

    .general .ty-table:not(.ty-table-responsive) td:before,
    .general .ty-table:not(.ty-table-responsive) td:after {
        display: table;
        content: "";
        line-height: 0;
        width: 100%;
    }

    .general .ty-table:not(.ty-table-responsive) td:after {
        clear: both;
    }

    .general .ty-table tr {
        border-bottom: 1px solid #d1d1d1;
    }

    .general .ty-table tr td:last-child {
        border-bottom: 0px;
    }

    .general .ty-product-feature__label {
        width: 155px;
    }

    .general .ty-product-feature-group .ty-subheader {
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }

    .general .ty-compare__buttons .ty-btn {
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general .ty-compare__buttons .ty-btn+.ty-btn {
        margin: 15px 0 0;
    }

    .general .floor-blog-price .flexible-blog .item-new .title-blog {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .general .floor-blog-price .flexible-blog .item-new .short-description {
        font-size: 12px;
        line-height: unset;
    }

    .general .floor-blog-price .flexible-blog .item-new .view-more span {
        font-size: 12px;
    }

    .general .floor-blog-price .flexible-blog .item-new .params-new span {
        font-size: 11px;
    }

    .general .floor-blog-price .flexible-blog .item-new .params-new span .turn-eye {
        content: none;
    }

    .general .floor-blog-price .flexible-blog .item-new .params-new span.params-new {
        display: none;
    }

    .general .about-grid .ty-footer-menu__item {
        border: medium none;
    }

    .general .tygh-footer .group-name {
        text-align: left;
    }

    .general .tygh-footer .group-name p {
        text-align: left;
    }

    .general .floor-blog-price .mp-home-exchange {
        margin-top: 20px;
    }

    .general div[id*='new_post'] {
        padding: 0 10px;
    }

    .general .mp-collection-orther .collection-row .collection__item {
        width: 100%;
        margin-right: 0;
    }

    .general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__body,
    .general .tygh-footer .ty-footer-menu .about-grid .ty-footer-general__header {
        width: 100%;
    }

    .general .tygh-footer .ty-footer-menu .about-grid .ty-footer-menu__item {
        display: inline-block;
        padding: 0;
    }

    .general .tygh-footer .ty-footer-menu .about-grid .ty-footer-menu__item .connect-us-outer a {
        border: medium none;
        margin-bottom: 15px;
        margin-right: 5px;
        padding: 0;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {

    .general div[id*="content_call_request"] .mp-info-left,
    .general div[id*="content_installment"] .mp-info-left,
    .general div[id*="send_info"] .mp-info-left {
        float: left;
        margin-right: 30px;
        width: 35%;
    }

    .general div[id*="content_call_request"] .mp-info-right,
    .general div[id*="content_installment"] .mp-info-right,
    .general div[id*="send_info"] .mp-info-right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: calc(100% - 35% - 30px);
        width: -webkit-calc(100% - 35% - 30px);
        width: -moz-calc(100% - 35% - 30px);
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-image,
    .general div[id*="content_installment"] .ty-cr-product-info-image,
    .general div[id*="send_info"] .ty-cr-product-info-image {
        float: none !important;
        height: unset !important;
        padding: 0 0 5px !important;
        text-align: center;
        width: 100% !important;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-image img,
    .general div[id*="content_installment"] .ty-cr-product-info-image img,
    .general div[id*="send_info"] .ty-cr-product-info-image img {
        height: initial !important;
        width: initial !important;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-header,
    .general div[id*="content_installment"] .ty-cr-product-info-header,
    .general div[id*="send_info"] .ty-cr-product-info-header {
        padding: 0 !important;
        text-overflow: unset !important;
        white-space: unset !important;
        width: 100% !important;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="content_installment"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="send_info"] .ty-cr-product-info-header .ty-product-block-title {
        overflow: initial !important;
        text-overflow: unset !important;
        white-space: unset !important;
    }

    .general div[id*="content_call_request"] #estimation_group_buy_now strong,
    .general div[id*="content_call_request"] #estimation_group_buy_now p,
    .general div[id*="content_call_request"] #estimation_group_buy_now-pattern strong,
    .general div[id*="content_call_request"] #estimation_group_buy_now-pattern p,
    .general div[id*="content_installment"] #estimation_group_buy_now strong,
    .general div[id*="content_installment"] #estimation_group_buy_now p,
    .general div[id*="content_installment"] #estimation_group_buy_now-pattern strong,
    .general div[id*="content_installment"] #estimation_group_buy_now-pattern p,
    .general div[id*="send_info"] #estimation_group_buy_now strong,
    .general div[id*="send_info"] #estimation_group_buy_now p,
    .general div[id*="send_info"] #estimation_group_buy_now-pattern strong,
    .general div[id*="send_info"] #estimation_group_buy_now-pattern p {
        font-size: 13px;
    }

    .general div[id*="content_call_request"] #estimation_group_buy_now strong,
    .general div[id*="content_call_request"] #estimation_group_buy_now-pattern strong,
    .general div[id*="content_installment"] #estimation_group_buy_now strong,
    .general div[id*="content_installment"] #estimation_group_buy_now-pattern strong,
    .general div[id*="send_info"] #estimation_group_buy_now strong,
    .general div[id*="send_info"] #estimation_group_buy_now-pattern strong {
        width: 96px;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-container,
    .general div[id*="content_installment"] .ty-cr-product-info-container,
    .general div[id*="send_info"] .ty-cr-product-info-container {
        position: relative;
        padding: 0 0 15px;
        margin-bottom: 15px;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-container::before,
    .general div[id*="content_installment"] .ty-cr-product-info-container::before,
    .general div[id*="send_info"] .ty-cr-product-info-container::before {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0%, #ccc 50%, #fff 100%) repeat scroll 0 0;
        box-shadow: 0 4px 4px 0 rgba(0, 138, 194, 0.03);
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .general div[id*="content_call_request"] .ty-cc-icons,
    .general div[id*="content_installment"] .ty-cc-icons,
    .general div[id*="send_info"] .ty-cc-icons {
        z-index: 0;
    }

    .general div[id*="send_info"] .mp-info-right {
        padding-bottom: 0;
    }

    .general .notification-content-extended {
        top: 10%;
    }
}

@media (max-width: 519px) {
    .general .ty-credit-card {
        min-width: unset;
    }

    .general .ty-credit-card select,
    .general .ty-credit-card .ty-credit-card__input {
        width: 100% !important;
    }

    .general .ty-credit-card .ty-cc-icons {
        bottom: 18px;
        right: 56px;
        top: unset;
    }

    .general .ty-instalment_monthly_amount__control-group .ty-control-group__title {
        width: 100% !important;
    }

    .general .ty-instalment_monthly_amount__control-group #instalment_monthly_amountinstalment {
        margin-left: 0;
    }
}

@media only screen and (max-width: 569px) {
    .general .ty-tabs {
        margin: 10px 0;
        padding-left: 0 !important;
    }

    .general .ty-tabs ul li {
        margin: 0 2%;
        text-align: center;
        width: 96%;
    }

    .general .ty-tabs .ty-tabs__list>li.active {
        border-width: 1px;
        border-bottom-color: #d1d1d1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .general .brand-flexible-main-home {
        margin-top: 6px;
    }

    .general .brand-flexible-main-home:last-child {
        margin-left: 2.12766%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .general .ty-column3 {
        width: calc(100% / 3);
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
    }

    .general div[id*="content_call_request"] .object-container,
    .general div[id*="content_installment"] .object-container,
    .general div[id*="send_info"] .object-container {
        max-width: 730px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .general .ty-ajax-loading-box_text_block {
        right: 45%;
        left: 45%;
    }

    .general .ui-widget-content.ui-dialog {
        max-width: 100%;
        top: 25px !important;
        position: fixed;
    }

    .general div[id*="content_call_request"] .object-container,
    .general div[id*="content_installment"] .object-container,
    .general div[id*="send_info"] .object-container {
        padding: 0 20px;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="content_installment"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="send_info"] .ty-cr-product-info-header .ty-product-block-title {
        font-size: 19px;
    }

    .general div[id*="content_call_request"] .ty-control-group .help-inline,
    .general div[id*="content_installment"] .ty-control-group .help-inline,
    .general div[id*="send_info"] .ty-control-group .help-inline {
        padding-left: 0;
    }

    .general .ty-login__remember-me {
        padding: 20px 0 0;
    }

    .general .mp-collection-flexiblle.collection-right .bn-custom-html {
        left: 2%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .general div[id*="content_call_request"] .object-container,
    .general div[id*="content_installment"] .object-container,
    .general div[id*="send_info"] .object-container {
        padding: 0 30px;
    }

    .general div[id*="content_call_request"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="content_installment"] .ty-cr-product-info-header .ty-product-block-title,
    .general div[id*="send_info"] .ty-cr-product-info-header .ty-product-block-title {
        font-size: 19px;
    }

    .general div[id*="content_call_request"] .ty-control-group .help-inline,
    .general div[id*="content_installment"] .ty-control-group .help-inline,
    .general div[id*="send_info"] .ty-control-group .help-inline {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .general .tygh-content .floor-group-flexible .floor-title .tabs {
        display: flex;
        overflow-x: scroll;
    }

    .general .tygh-content .floor-group-flexible .floor-title .tabs a {
        flex: 0 0 auto;
        margin: 10px 0;
    }

    .general .footer-no-wysiwyg ul {
        margin: 0;
    }

    .general .ty-social-link-block {
        margin: 10px 0px 20px;
        text-align: center;
    }

    .general .ty-footer-menu__items {
        margin: 0;
        display: none;
    }

    .general .ty-footer-menu__items .ty-text-links__item,
    .general .ty-footer-general__body .ty-text-links__item {
        padding: 8px 0px 8px 0px;
        padding-left: 20px;
        margin-bottom: 0;
    }

    .general .ty-footer-menu__item {
        padding: 15px 0px 15px 0px;
        border-bottom: 1px solid #dfdfdf;
        padding-left: 20px;
        margin-bottom: 0;
    }

    .general .ty-footer-menu__icon-open,
    .general .ty-footer-menu__icon-hide {
        position: absolute;
        top: 20px;
        right: 0;
        color: #bfbfbf;
        cursor: pointer;
    }

    .general .ty-footer-menu__icon-open {
        display: block;
    }

    .general .ty-footer-menu__header.open .ty-footer-menu__icon-hide,
    .general .ty-footer-general__header.open .ty-footer-menu__icon-hide {
        display: block;
    }

    .general .ty-footer-menu__header.open .ty-footer-menu__icon-open,
    .general .ty-footer-general__header.open .ty-footer-menu__icon-open {
        display: none;
    }

    .general .ty-footer-form-block__title {
        display: block;
        padding-right: 0;
    }

    .general .ty-footer-form-block {
        margin: 0 0 20px 0;
    }

    .general .ty-footer-menu .ty-footer-general__body {
        padding-bottom: 0;
    }

    .general .ty-footer-menu .ty-footer-general__header {
        padding: 0;
        line-height: 50px;
        margin-bottom: 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .general .ty-footer-menu .ty-footer-general__header .ty-footer-menu__icon-open,
    .general .ty-footer-menu .ty-footer-general__header .ty-footer-menu__icon-hide {
        opacity: 0.7;
    }

    .general .ty-footer-menu .ty-footer-general__header.open {
        border-bottom: none;
    }

    .general .ty-footer-menu .about-grid .ty-footer-general__header {
        border-bottom: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .general .ty-footer-menu .footer-store-grid,
    .general .ty-footer-menu .about-grid {
        width: 100%;
        margin-left: 0;
    }

    .general .about-grid .ty-footer-menu__item {
        padding: 15px 0;
    }

    .general .about-grid .connect-us-outer a {
        margin-right: 8px !important;
        min-width: 120px !important;
        padding: 10px 5px !important;
    }
}

@media only screen and (max-width: 1199px) {
    .general .ty-footer-general__body {
        margin: 0;
        display: none;
    }
}

.general .ty-breadcrumbs .ty-breadcrumbs__a {
    color: #a0a0a0;
}

.general .ty-breadcrumbs .ty-breadcrumbs__a:hover {
    color: #282828;
}

.general .ty-breadcrumbs .ty-breadcrumbs__current,
.general .ty-breadcrumbs .ty-breadcrumbs__a:last-child {
    color: #282828;
}

.general .ty-breadcrumbs .ty-breadcrumbs__slash {
    color: #a0a0a0;
    margin: 0 5px;
}

.general .ty-breadcrumbs .ty-product-switcher {
    display: none;
}

.general .ty-no-image {
    background: #efefec;
}

@media only screen and (min-width: 310px) and (max-width: 767px) {
    .general .ty-no-image {
        min-height: 138px;
        min-width: 138px;
    }
}

.general .ajax-pagination-view-more {
    text-align: center;
    flex: 1 1 auto;
}

.general .ajax-pagination-view-more a,
.general .ajax-pagination-view-more>div {
    display: inline-block;
    margin: 25px auto 0;
    background: transparent;
}

.general .ajax-pagination-view-more .scroll-next-pages {
    border: 1px solid #003468;
    border-radius: 3px;
    padding: 10px;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #003468;
    color: #fff;
    font-size: 14px;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.general .hidden-main-tile-for-filter .ty-mainbox-title {
    display: none;
}

.general .mp-add-product-to-card-hidden,
.general .mp-buy-now-hidden {
    display: none !important;
}

.general #mp__address_outer {
    display: inline-block;
    width: 100%;
}

.general div[id*="content_call_request"] .ty-credit-card .help-inline,
.general div[id*="content_installment"] .ty-credit-card .help-inline,
.general div[id*="send_info"] .ty-credit-card .help-inline {
    display: inline-block;
}

.general .online_consutant .cm-object-selector {
    width: initial !important;
}

.general .scroll-next-pages-v1 {
    text-align: center;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}

.general .color-link {
    color: blue;
}

.general .nguoi-tieu-dung p {
    line-height: 25px;
}

.general .tygh-top-panel {
    background: #fff;
}

.general .functions {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .functions li:not(:last-child) {
    margin-right: 15px;
}

.general .functions li a {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .functions span {
    text-transform: capitalize;
    font-size: 13px;
    padding: 0 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #4d4d4d;
}

.general .functions .mp-hotline-header .text-hotline {
    color: #003468;
    font-weight: 400;
}

.general .wishlist-header-outer {
    margin-left: 0;
    width: 120px;
}

.general .wishlist-header-outer .mp-wishlist-header {
    opacity: 0;
    visibility: hidden;
}

.general .wishlist-header-outer .mp-wishlist-header .icon-wishlist-header {
    float: left;
    background-position: -91px 0px;
    display: inline-block;
    width: 22px;
    height: 24px;
}

.general .wishlist-header-outer .mp-wishlist-header span {
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    color: #4d4d4d;
}

.general .schedule-consultation-outer {
    width: 133px;
    display: inline-block;
    float: left;
}

.general .schedule-consultation-outer .schedule-consultation-header {
    opacity: 0;
    visibility: hidden;
}

.general .schedule-consultation-outer .schedule-consultation-header .icon-schedule-consultation-header {
    float: left;
    background-position: -295px -87px;
    display: inline-block;
    width: 20px;
    height: 23px;
}

.general .schedule-consultation-outer .schedule-consultation-header span {
    text-transform: uppercase;
    font-size: 13px;
    padding: 11px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    color: #4d4d4d;
}

.general .m-box-links-inner .item:nth-child(4),
.general .m-box-links-inner .item:nth-child(6) {
    display: none;
}

.general .mp-search-header {
    width: 368px;
    margin-left: 0;
    position: relative;
    background-color: rgba(76, 76, 76, 0.1);
    border-radius: 16px;
    margin-top: 4px;
}

.general .mp-search-header .ty-icon-search {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    background-position: -459px -207px;
    display: inline-block;
    width: 27px;
    height: 27px;
}

.general .mp-search-header .ty-icon-search::before {
    content: none;
    display: none;
}

.general .mp-search-header .ty-search-block>form {
    padding-right: 0;
}

.general .mp-search-header .ty-search-block__input {
    background: transparent;
    border: none;
    color: #707070;
    font-size: 14px;
    padding: 4px 25px 0 10px;
    line-height: 35px;
    float: left;
    width: 95%;
    height: 35px;
    font-style: italic;
}

.general .mp-search-header .ty-search-magnifier {
    background: transparent;
    float: left;
    height: 35px;
}

.general .mp-menu-header {
    width: calc(100% - 368px);
    width: -webkit-calc(100% - 368px);
    width: -moz-calc(100% - 368px);
}

.general .mp-header-cart .icon-history {
    background-position: -259px -3px;
    display: inline-block;
    width: 21px;
    height: 24px;
    transform: scale(0.9);
}

.general .mp-header-cart .mypnj img {
    max-width: 19px;
    max-height: 19px;
    opacity: 0.5;
}

.general .mp-header-cart .ty-cart-info__title span {
    text-transform: capitalize;
    font-size: 13px;
    padding: 0 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.general .mp-header-cart span {
    color: #4d4d4d;
}

.general .mp-header-cart .number-sp {
    padding: 0 !important;
    color: #fff;
    background: #f00;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 8px !important;
    line-height: 12px;
    text-align: center;
    position: absolute;
    font-weight: 400;
    bottom: -6px;
    left: 8px;
    animation-name: fadeInUp;
    animation-duration: .8s;
    animation-fill-mode: both;
}

.general .mp-header-cart .ty-dropdown-box__title {
    padding: 0;
}

.general .mp-header-cart .ty-cart-items {
    width: 280px;
}

.general .mp-header-cart a {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .mp-header-login {
    position: relative;
}

.general .mp-header-login .ty-account-info__title {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.general .mp-header-login .ty-dropdown-box {
    width: 100%;
    margin-left: 0;
}

.general .mp-header-login .ty-dropdown-box__title {
    padding: 0;
}

.general .mp-header-login .ty-icon-moon-user {
    background-position: -62px -1px;
    width: 18px;
    height: 24px;
    display: inline-block;
    float: left;
    margin: 0;
}

.general .mp-header-login .ty-icon-moon-user::before {
    content: none;
    display: none;
}

.general .mp-header-login .ty-account-info__title>span {
    text-transform: capitalize;
    font-size: 13px;
    padding: 11px 0 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    width: -moz-calc(100% - 18px);
    color: #4d4d4d;
}

.general .mp-header-login .ty-btn__secondary {
    margin-bottom: 12px;
}

.general .mp-header-login #mp_account_info_status_header {
    display: none;
}

.general .box-login ul {
    background: #fff;
    min-width: 300px;
    z-index: 15;
    padding: 4px 12px;
    position: absolute;
    top: 40px;
    left: -114px;
    border-top: 10px solid #179eff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .box-login ul::before {
    border: 10px solid transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-bottom: 10px solid #fff;
    margin-left: -10px;
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.general .box-login-user li {
    display: block;
    position: relative;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #000;
    background: #fdd835;
    border-radius: 4px;
    margin: 10px 0;
    padding: 3px 0;
}

.general .box-login-user li a {
    display: inline-block;
    width: 100%;
}

.general .box-login-user li .text {
    display: inline-block;
    vertical-align: top;
    color: #4a4a4a;
    font-size: 15px;
    text-shadow: 0 0 1px #ababab;
}

.general .box-login-user li .text.text-social {
    color: #fff;
    text-shadow: none;
}

.general .box-login-user li .icon {
    width: 50px;
    float: left;
    position: relative;
}

.general .box-login-user li .icon::after {
    position: absolute;
    top: -3px;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #bf3120;
    content: '';
}

.general .box-login-user .ico-facebook::after {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f09a";
    color: #fff;
    font-size: 28px;
}

.general .box-login-user .ico-google::after {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f0d5";
    color: #fff;
    font-size: 28px;
}

.general .box-login-user .social-fb {
    background: #3b5998;
}

.general .box-login-user .social-google {
    background-color: #df4a32;
    border: 1px solid #c63923;
    border-radius: 4px;
    color: #fff;
}

.general .box-user-managermant li {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: #000;
}

.general .box-user-managermant li a {
    display: inline-block;
    width: 100%;
}

.general .box-user-managermant li .text {
    display: inline-block;
    vertical-align: top;
    color: #4a4a4a;
    font-size: 15px;
    margin-left: 10px;
}

.general .box-user-managermant li .icon {
    width: 50px;
    height: 40px;
    float: left;
    position: relative;
}

.general .box-user-managermant li .icon .mp-sprite {
    height: 40px;
    width: 40px;
    display: inline-block;
    background-position: 0 0;
}

.general .margin-top-banner {
    margin-top: 30px;
}

.general .margin-top-banner-floor {
    margin-top: 40px;
}

.general .main-title {
    text-align: center;
}

.general .main-title.mp-no-cusor h2 a {
    cursor: context-menu;
}

.general .main-title h2 {
    margin: 10px 0;
}

.general .main-title h2 a {
    font-size: 20px;
    color: #003868;
    font-family: 'PNJ Demibold';
}

.general .main-title .short-title {
    margin: 10px 0 0;
    padding: 0;
}

.general .main-title .short-title a {
    display: inline-block;
    font-size: 12.5px;
    color: #282828;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: none;
}

.general .main-title .mp-solid a {
    border: 1px solid #003868;
    padding: 10px 8px;
    min-width: 98px;
    color: #003868;
    line-height: 10px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
}

.general .main-title .mp-gradient a {
    color: #fff;
    background: rgba(0, 0, 0, 0) linear-g_radient(to right, #fff 0%, #454545 50%, #fff 100%) repeat scroll 0 0;
    padding: 10px 20px;
    width: 280px;
    line-height: 25px;
    height: 44px;
    font-size: 21px;
}

.general .main-title-v1 {
    position: relative;
}

.general .main-title-v1 h2 a {
    background-color: #fff;
    padding: 0 20px;
    display: inline-block;
    letter-spacing: normal;
    font-weight: normal;
}

.general .main-title-v1 h2::before {
    content: '';
    background-color: #000;
    display: block;
    height: 1px;
    width: 100%;
    bottom: 8px;
    position: absolute;
    left: 0;
    z-index: -1;
}

.general .rolling-banner {
    text-align: center;
    width: 100%;
    margin-top: 2px;
}

.general .rolling-banner>ul {
    display: inline-block;
    width: 100%;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.general .rolling-banner>ul li {
    color: #4d4d4d;
    padding: 0;
}

.general .rolling-banner>ul li a>p {
    font-size: 12.5px;
}

.general .ty-dropdown-box__content .help-inline {
    position: static;
    height: auto;
    padding-left: 0;
}

.general .ty-dropdown-box__content .help-inline * {
    font-size: 11px;
    text-transform: none;
}

.general .ty-footer-grid {
    margin-top: 30px;
}

.general .ty-footer-grid__full-width {
    border-top: 1px solid #858585;
    background: transparent;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-footer-grid__full-width.footer-stay-connected {
    border: none;
    padding: 0 0 40px;
}

.general .ty-footer-grid__full-width.footer-stay-connected .payment-methods-outer h2.ty-footer-general__header {
    padding-right: calc(((38px * 6) + 48px) - 176px);
    padding-right: -webkit-calc(((38px * 6) + 48px) - 176px);
    padding-right: -moz-calc(((38px * 6) + 48px) - 176px);
    box-sizing: border-box;
    text-align: right;
}

.general .ty-footer-general__header {
    text-transform: uppercase;
    font-weight: normal;
    color: #282828;
    padding: 0;
}

.general .ty-footer-general__header span {
    font-size: 13px;
    color: #282828;
}

.general .footer-stay-connected .ty-footer-general__header span {
    font-weight: 700;
}

.general .footer-stay-connected .ty-text-links__item {
    padding: 0;
    margin-bottom: 6px;
}

.general .footer-stay-connected .ty-text-links__item a {
    font-size: 13px;
    color: #282828;
}

.general .footer-stay-connected .ty-footer {
    text-align: center;
}

.general .footer-stay-connected .ty-footer-general__header {
    cursor: context-menu;
}

.general .footer-stay-connected .ty-grid .ty-footer-form-block {
    text-align: left;
    margin-top: 0;
}

.general .connect-us-outer {
    display: inline-block;
}

.general .connect-us-outer a {
    display: inline-block;
    text-align: center;
    margin-right: 7px;
}

.general .connect-us-outer i {
    display: inline-block;
    height: 35px;
    width: 35px;
}

.general .title-chungnhan {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 0 0;
    margin: 0 0 5px;
    color: #282828;
    text-transform: uppercase;
}

.general .public-gov img {
    width: 115px;
}

.general .payment-methods-inner {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: flex-end;
}

.general .payment-methods-inner>div {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
}

.general .payment-methods-inner>div .item {
    margin-right: 8px;
}

.general .payment-methods-inner>div img {
    width: 38px;
}

@media screen and (min-width: 1200px) {
    .general .ty-footer-form-block {
        margin-top: 0;
    }
}

.general .ty-footer-form-block form>p {
    padding-top: 0;
    font-size: 12px;
}

.general .ty-footer-form-block .ty-footer-form-block__form>div {
    float: left;
}

.general .ty-footer-form-block .ty-footer-form-block__form::after,
.general .ty-footer-form-block .ty-footer-form-block__form::before {
    content: none;
    display: none;
}

.general .ty-footer-form-block .ty-footer-form-block__input .ty-input-text-medium {
    width: 255px;
    border-color: #cccccc59;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12.5px;
    padding: 0 10px 0 20px;
    border-radius: 5px 0 0 5px;
}

.general .ty-footer-form-block .ty-footer-form-block__input .ty-input-text-medium::placeholder {
    color: #000;
    font-size: 12.5px;
    opacity: 1;
}

.general .ty-footer-form-block .ty-footer-form-block__input .ty-input-text-medium:-ms-input-placeholder {
    color: red;
    font-size: 12.5px;
}

.general .ty-footer-form-block .ty-footer-form-block__input .ty-input-text-medium:-ms-input-placeholder {
    color: red;
    font-size: 12.5px;
}

.general .ty-footer-form-block .ty-footer-form-block__button .ty-btn__subscribe {
    border: 1px solid #002d5c;
    font-size: 12.5px;
    background: #002d5c;
    text-transform: none;
    border-radius: 0 5px 5px 0;
}

.general .comtact-item {
    text-align: center;
}

.general .comtact-item a {
    display: inline-block;
}

.general .comtact-item i {
    float: left;
    margin-right: 10px;
}

.general .comtact-item span {
    font-size: 16.5px;
    float: left;
    padding: 18px 0 0;
    color: #282828;
}

.general .comtact-item .icon-contact-email {
    background-position: -65px -74px;
    display: inline-block;
    width: 52px;
    height: 36px;
}

.general .comtact-item .icon-contact-phone {
    background-position: -149px -58px;
    display: inline-block;
    width: 60px;
    height: 53px;
}

.general .comtact-item .icon-contact-stores {
    background-position: -230px -67px;
    display: inline-block;
    width: 50px;
    height: 44px;
    position: relative;
    top: -7px;
}

.general .home-info-pnj .info-item span {
    color: #282828;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

.general .home-info-pnj .info-item span::after {
    display: inline-block;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -183px -8px;
    width: 30px;
    height: 12px;
    margin-left: 20px;
}

.general .home-info-pnj .info-item .ty-text-links__item {
    padding: 0;
}

.general .home-info-pnj .info-item .ty-text-links__a {
    color: #282828;
    font-size: 13px;
}

.general .home-info-pnj .connection-pnj h2 span {
    text-transform: uppercase;
    font-weight: 700;
    color: #282828;
}

.general .home-info-pnj .connection-pnj h2.ty-footer-general__header.title-zalo-api {
    margin-top: 20px;
    margin-bottom: 0;
}

.general:not(.index) .about-pnj {
    border: none;
    margin: 0;
    padding: 10px 0;
}

.general .main-title.title-home-block-news h2 {
    position: relative;
    margin-bottom: 30px;
}

.general .main-title.title-home-block-news h2::before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1;
}

.general .main-title.title-home-block-news h2 a {
    background-color: #fff;
    padding: 0 20px;
}

.general .mp-right-docker .ty-scroll-to-top {
    background: #8f898a;
    border-radius: 50%;
    bottom: 5px;
    box-sizing: border-box;
    color: #fff;
    height: 35px;
    margin: 0;
    min-width: 35px;
    padding: 0;
    position: fixed;
    right: 18px;
    width: 30px;
    z-index: 999;
}

.general .mp-right-docker .ty-scroll-to-top>span {
    display: none;
    font-size: 11px;
    position: relative;
    text-align: center;
    top: -10px;
    width: 100%;
}

.general .mp-right-docker .ty-scroll-to-top i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    position: relative;
    top: 2px;
}

.general .mp-right-docker .ty-scroll-to-top i::before,
.general .mp-right-docker .ty-scroll-to-top i::after {
    content: '';
    display: inline-block;
    background: #fff;
    width: 1px;
    height: 12px;
    position: absolute;
    top: -5px;
}

.general .mp-right-docker .ty-scroll-to-top i::before {
    transform: rotate(35deg);
    left: -4px;
}

.general .mp-right-docker .ty-scroll-to-top i::after {
    transform: rotate(-35deg);
    right: -3px;
}

.general .mp-right-docker .ty-scroll-to-top:hover {
    color: #fff;
}

.general .mp-right-docker .mp-style-docker {
    background: #e0e0e0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    display: inline-block;
    max-width: 250px;
    padding: 0 12px;
    position: fixed;
    right: 0;
    line-height: 30px;
    margin: 0;
    height: 30px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    z-index: 999;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    text-align: center;
}

.general .mp-right-docker .mp-style-docker:hover span {
    color: #bd8e26;
}

.general .mp-right-docker .mp-style-docker span {
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.general .mp-right-docker .link-consultant {
    bottom: 240px;
}

.general .mp-right-docker .link-consultant span {
    display: inline-block;
    width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.general .mp-right-docker .ty-discussion__review-write {
    bottom: 420px;
    min-width: 138px;
}

.general .mp-right-docker .ty-discussion__review-write::after {
    content: none;
    display: none;
}

.general .mp-right-docker .mp-guide-support {
    bottom: 358px;
    min-width: 107px;
}

.general .group-name {
    text-align: left;
    line-height: 20px;
}

.general .group-name span {
    color: #282828;
    font-size: 12px;
}

.general .group-name span strong {
    font-size: 14px;
}

.general .group-name p {
    color: #282828;
    font-size: 11.5px;
    padding: 2px 0;
    margin: 0;
}

.general .group-name p * {
    color: #282828;
    font-size: 11.5px;
    padding: 2px 0;
    margin: 0;
}

.general .group-name p:first-child {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

@media screen and (max-width: 478px) {
    .general .footer-stay-connected .connect-us-outer a {
        margin: 0 8px;
    }

    .general .comtact-item span {
        padding-top: 0;
        width: 100%;
        float: none;
        display: inline-block;
    }

    .general .comtact-item i {
        height: 53px !important;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    .general .ty-footer-general__header {
        border-bottom: none;
    }

    .general .ty-footer-form-block .ty-footer-form-block__form {
        display: -ms- flexbox;
        display: -moz- flex;
        display: -webkit- flex;
        display: flex;
    }

    .general .ty-footer-form-block .ty-footer-form-block__form>div {
        flex: 0 0 auto;
    }

    .general .ty-footer-form-block .ty-footer-form-block__form .ty-footer-form-block__input {
        width: 70%;
    }

    .general .ty-footer-form-block .ty-footer-form-block__form .ty-footer-form-block__button {
        width: 30%;
    }

    .general .ty-footer-form-block .ty-footer-form-block__input .ty-input-text-medium,
    .general .ty-footer-form-block .ty-footer-form-block__button .ty-btn__subscribe {
        min-width: 100%;
        width: 100%;
    }

    .general .comtact-item {
        width: 33.33%;
        float: left;
    }

    .general .comtact-item i {
        transform: scale(0.8);
        margin-right: 0;
    }

    .general .comtact-item span {
        font-size: 14px;
    }
}

@media screen and (min-width: 415px) and (max-width: 767px) {
    .general .ty-footer-form-block .ty-footer-form-block__form {
        width: 60%;
    }
}

@media screen and (max-width: 1199px) {
    .general .ty-footer-grid__full-width {
        padding: 20px 0;
    }

    .general .group-name {
        margin-bottom: 20px;
    }

    .general .home-info-pnj {
        padding-bottom: 0 !important;
    }

    .general .home-info-pnj .ty-footer {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general .home-info-pnj .info-item {
        text-align: left;
        margin-bottom: 15px;
        width: 100%;
        margin-left: 0;
        display: inline-block;
    }

    .general .home-info-pnj .info-item .ty-text-links__item {
        padding: 5px 0px 5px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general .home-info-pnj .info-item .ty-footer,
    .general .home-info-pnj .info-item .ty-footer-general__header {
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
    }

    .general .home-info-pnj .info-item .ty-footer-general__header.open span::after {
        transform: scale(0.7) rotate(180deg);
        top: 8px;
    }

    .general .home-info-pnj .info-item span {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .general .home-info-pnj .info-item span::after {
        margin-left: 0;
        position: absolute;
        top: 5px;
        right: 0;
        transform: scale(0.7);
        content: '';
    }

    .general .home-info-pnj .information-pnj {
        border-bottom: 1px solid #858585;
        box-sizing: border-box;
    }

    .general .home-info-pnj .connection-pnj {
        border-top: 1px solid #858585;
        box-sizing: border-box;
        padding-top: 20px;
        margin-left: 0;
        width: 100%;
    }

    .general .home-info-pnj .connection-pnj .ty-float-left {
        float: none;
    }

    .general .ty-footer-grid__full-width.footer-stay-connected {
        padding-left: 10px;
        padding-right: 10px;
    }

    .general .ty-footer-grid__full-width.footer-stay-connected .payment-methods-outer h2.ty-footer-general__header {
        padding-right: 0;
        text-align: left;
    }

    .general .payment-methods-inner {
        justify-content: initial;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .general .ty-footer-grid__full-width.footer-stay-connected>div>div {
        width: 100%;
        margin-left: 0;
    }

    .general .ty-footer-grid__full-width.footer-stay-connected {
        padding-bottom: 20px;
    }

    .general .home-certificate>div>div>div {
        display: -ms- flexbox;
        display: -moz- flex;
        display: -webkit- flex;
        display: flex;
    }

    .general .home-certificate>div>div>div>div {
        flex: 0 0 auto;
        float: none;
    }

    .general .home-certificate>div>div>div>div:first-child {
        width: calc(100% - 215px);
        width: -webkit-calc(100% - 215px);
        width: -moz-calc(100% - 215px);
    }

    .general .home-certificate>div>div>div>div:last-child {
        width: 205px;
        margin-left: 10px;
    }
}

.general .owl-controls:not(.owl-controls-outside) {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.general .owl-controls:not(.owl-controls-outside) .owl-page span {
    background: #fff;
    border: 1px solid #282828;
    opacity: 1;
}

.general .owl-controls:not(.owl-controls-outside) .owl-page.active span,
.general .owl-controls:not(.owl-controls-outside) .owl-page:hover span {
    background: #000 !important;
    border-color: transparent;
}

.general .banner-style {
    position: relative;
}

.general .banner-style .owl-controls {
    bottom: 15px;
}

.general .owl-controls-outside {
    position: absolute;
    top: 51%;
    z-index: 1;
    width: 100%;
    left: 0;
}

.general .owl-controls-outside .mp-sprite {
    display: inline-block;
    height: 37px;
    width: 17px;
}

.general .owl-controls-outside .mp-sprite::before {
    content: none;
    display: none;
}

.general .owl-controls-outside .ty-icon-left-open-thin,
.general .owl-controls-outside .owl-prev i {
    background-position: -2px -74px;
}

.general .owl-controls-outside .ty-icon-right-open-thin,
.general .owl-controls-outside .owl-next i {
    background-position: -32px -74px;
}

.general .owl-controls-outside .button-prev,
.general .owl-controls-outside .owl-prev {
    position: absolute;
    left: 40px;
}

.general .owl-controls-outside .button-next,
.general .owl-controls-outside .owl-next {
    position: absolute;
    right: 40px;
}

.general .group-floor .owl-controls-outside .button-prev,
.general .group-floor .owl-controls-outside .owl-prev {
    left: 20px;
}

.general .group-floor .owl-controls-outside .button-next,
.general .group-floor .owl-controls-outside .owl-next {
    right: 20px;
}

.general .list-category-buy-now {
    text-align: center;
    text-transform: uppercase;
    margin: 20px 0 30px;
}

.general .list-category-buy-now li a {
    color: #313131;
    padding: 6px 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
}

.general .mp-flexbox-product,
.general .mp-flexbox-product .mp-flexible-products-slick {
    overflow: auto;
    width: 100%;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
}

.general .mp-flexbox-product .mp-product-item-wrapper,
.general .mp-flexbox-product .product-item,
.general .mp-flexbox-product .mp-flexible-products-slick .mp-product-item-wrapper,
.general .mp-flexbox-product .mp-flexible-products-slick .product-item {
    position: relative;
    min-height: 150px;
    margin: 0;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.general .mp-flexbox-product.mp-popular-product,
.general .mp-flexbox-product .mp-flexible-products-slick.mp-popular-product {
    display: inline-block;
}

.general .mp-flexbox-product.mp-popular-product .mp-product-item-wrapper,
.general .mp-flexbox-product.mp-popular-product .product-item,
.general .mp-flexbox-product .mp-flexible-products-slick.mp-popular-product .mp-product-item-wrapper,
.general .mp-flexbox-product .mp-flexible-products-slick.mp-popular-product .product-item {
    float: left;
    width: calc(100% / 2) !important;
    width: -webkit-calc(100% / 2) !important;
    width: -moz-calc(100% / 2) !important;
}

.general .mp-flexbox-product.mp-popular-product .mp-product-item-wrapper .product-title,
.general .mp-flexbox-product.mp-popular-product .product-item .product-title,
.general .mp-flexbox-product .mp-flexible-products-slick.mp-popular-product .mp-product-item-wrapper .product-title,
.general .mp-flexbox-product .mp-flexible-products-slick.mp-popular-product .product-item .product-title {
    min-width: unset !important;
}

.general .flexible-products-5 .product-item .product-image {
    height: 200px;
    width: 200px;
}

.general .banner-collection-descriptions {
    position: relative;
    margin-bottom: 10px;
}

.general .ca-group-special .ca-subcategory {
    text-align: center;
    margin-top: 10px;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.general .ca-group-special .ca-subcategory li {
    white-space: nowrap;
    flex: 0 0 auto;
    padding: 0;
}

.general .ca-group-special .ca-subcategory li a {
    padding: 5px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    font-size: 13px;
}

.general .ca-group-special .ca-subcategory li a span {
    text-transform: uppercase;
    color: #282828;
    font-size: 13px;
}

.general .ca-group-special .ca-subcategory li a:hover {
    border-color: #333232;
}

.general .ca-group-special .ca-subcategory li a:hover span {
    font-weight: 600;
}

.general .ca-group-special .ca-view-all {
    text-align: center;
    margin-top: 25px;
}

.general .ca-group-special .ca-view-all a {
    min-width: 250px;
    display: inline-block;
    background: #282828;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 12px 0;
}

.general .ca-group-special .mp-product-block {
    max-height: 700px !important;
    margin: 35px 0;
}

.general .ca-group-special .mp-product-block .product-item {
    min-height: 335px;
}

.general div#ajax_pagination_contents {
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    webkit-flex-flow: row wrap;
    width: 100%;
}

.general .cm-product-block-tabs .ty-tabs {
    padding-bottom: 40px;
    width: 90%;
    margin: 0 auto;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list {
    display: inline-block;
    width: 100%;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item {
    text-align: center;
    border-bottom: none;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.active {
    border-bottom: none;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.active .ty-tabs__a {
    color: #282828;
    border-color: #282828;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.ty-tabs-1 {
    width: 100%;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.ty-tabs-2 {
    width: 50%;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.ty-tabs-3 {
    width: 33%;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.ty-tabs-4 {
    width: 25%;
}

.general .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__a {
    color: #efefec;
    width: 80%;
    display: inline-block;
    margin: 0 auto;
    font-size: 18px !important;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 10px 20px;
    min-height: 70px;
}

.general .cm-product-block-tabs.product-block-tabs__loaded .mp-floor-header {
    display: none;
}

.general .ty-product-block-icon__heart {
    text-align: center;
}

.general .ty-product-block-icon__heart::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0%, #979797 50%, #fff 100%) repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 138, 194, 0.03);
    content: "";
    display: block;
    height: 1px;
    width: 80%;
    margin: 40px auto;
}

.general .ty-product-block-icon__heart .product-block__icon_heart {
    background-position: -57px -183px;
    width: 58px;
    height: 60px;
    display: block;
    margin: 0 auto;
}

.general .ty-product-block-icon__heart .product-block__description_text {
    font-size: 18px;
    color: #282828;
}

.general .banner-main {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.general .banner-main .owl-carousel,
.general .banner-main .owl-wrapper {
    display: block;
    height: 100%;
}

@media only screen and (min-width: 1200px) {
    .general .banner-main .owl-wrapper-outer {
        min-height: calc((100vw * 640 / 1972) - 6px);
        min-height: -webkit-calc((100vw * 640 / 1972) - 6px);
        min-height: -moz-calc((100vw * 640 / 1972) - 6px);
        max-height: calc((100vw * 640 / 1972) - 6px);
        max-height: -webkit-calc((100vw * 640 / 1972) - 6px);
        max-height: -moz-calc((100vw * 640 / 1972) - 6px);
    }
}

.general .banner-main .owl-wrapper-outer .ty-banner__image-item {
    height: 100%;
    width: 100%;
}

.general .banner-main .owl-wrapper-outer .opacity-panel {
    bottom: 0;
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    width: 100%;
}

.general .banner-main .owl-item {
    height: 100%;
}

.general .banner-main .owl-item .item {
    height: 100%;
}

.general .banner-main .owl-item .item img {
    height: 100%;
    width: 100%;
}

.general .banner-main .owl-pagination {
    display: block;
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.general .banner-main .owl-pagination .owl-page {
    background: rgba(241, 241, 241, 0.7);
    display: inline-block;
    min-height: 70px;
    padding: 5px 10px 0 10px;
    margin: 0 10px;
    text-align: left;
    border-radius: 2px;
    height: unset !important;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .banner-main .owl-pagination .owl-page div {
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.general .banner-main .owl-pagination .owl-page div h4 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #807878;
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
    margin: 0 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.general .banner-main .owl-pagination .owl-page div span {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 0 0 -20px;
    width: 100%;
    background: transparent;
    padding: 0;
    height: unset;
    font-size: 16px;
    opacity: 1;
    color: #333;
    white-space: nowrap;
    border-radius: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

.general .banner-main .owl-pagination .owl-page div h5 {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    color: #807878;
    font-size: 14px;
    font-weight: bold;
    font-weight: normal;
    opacity: 0;
    margin: 5px 0 0;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    line-height: 16px;
}

.general .banner-main .owl-pagination .owl-page.active,
.general .banner-main .owl-pagination .owl-page:hover {
    padding: 5px 10px 10px;
    box-shadow: 0px 5px 10px -4px #333;
}

.general .banner-main .owl-pagination .owl-page.active div,
.general .banner-main .owl-pagination .owl-page:hover div {
    color: ;
}

.general .banner-main .owl-pagination .owl-page.active div h4,
.general .banner-main .owl-pagination .owl-page:hover div h4 {
    transform: scale(1.1) translateX(9px);
    margin-bottom: 10px;
}

.general .banner-main .owl-pagination .owl-page.active div span,
.general .banner-main .owl-pagination .owl-page:hover div span {
    transform: scale(1.05) translateX(5px);
    margin-bottom: 0;
    color: ;
}

.general .banner-main .owl-pagination .owl-page.active div h5,
.general .banner-main .owl-pagination .owl-page:hover div h5 {
    opacity: 1;
}

.general .banner-main.show-dot-navigation .owl-pagination .owl-page {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
    margin: 0 5px 0 0;
    min-height: auto;
    min-height: initial;
    padding: 0;
}

.general .banner-main.show-dot-navigation .owl-buttons .owl-prev,
.general .banner-main.show-dot-navigation .owl-buttons .owl-next {
    padding: 12px !important;
}

.general .banner-main.show-dot-navigation .owl-buttons .owl-prev i,
.general .banner-main.show-dot-navigation .owl-buttons .owl-next i {
    display: inline-block;
    width: 18px;
    height: 37px;
}

.general .banner-main.show-dot-navigation .owl-buttons .owl-prev i {
    background-position: -2px -74px;
}

.general .banner-main.show-dot-navigation .owl-buttons .owl-next i {
    background-position: -32px -74px;
}

.general .banner-main.show-dot-navigation:hover .owl-buttons {
    display: block;
}

@media only screen and (min-width: 1200px) {
    .general .banner-main {
        min-height: calc((100vw * 640 / 1972) - 6px);
        min-height: -webkit-calc((100vw * 640 / 1972) - 6px);
        min-height: -moz-calc((100vw * 640 / 1972) - 6px);
        max-height: calc((100vw * 640 / 1972) - 6px);
        max-height: -webkit-calc((100vw * 640 / 1972) - 6px);
        max-height: -moz-calc((100vw * 640 / 1972) - 6px);
    }
}

.general .dynamic-object__descriptions {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

.general .dynamic-object__descriptions,
.general .dynamic-object__descriptions p,
.general .dynamic-object__descriptions strong {
    font-size: 17px;
}

.general .dynamic-object__descriptions h2 {
    font-size: 19px;
}

.general .ty-sidebox-important__title-wrapper {
    display: none;
}

.general .ty-icon-down-open:before {
    content: "\f0d7";
}

.general .ty-icon-up-open:before {
    content: "\f0d8";
}

.general input.cm-product-filters-checkbox {
    float: right;
    margin-top: 4px;
    position: relative;
    width: 18px;
    height: 18px;
    background: none;
    background-color: #fff;
    border: 1px solid #cacece;
    box-shadow: none;
    display: none;
}

.general .owl-carousel .owl-controls .owl-buttons {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.general .owl-carousel .owl-controls .owl-buttons>div {
    margin: 0;
    top: calc(100% / 2 - 18px);
    top: -webkit-calc(100% / 2 - 18px);
    top: -moz-calc(100% / 2 - 18px);
}

.general .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -14px;
}

.general .owl-carousel .owl-controls .owl-buttons .owl-prev::after {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 27px;
    background-position: -147px -151px;
}

.general .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -17px !important;
}

.general .owl-carousel .owl-controls .owl-buttons .owl-next::before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 27px;
    background-position: -165px -151px;
}

.general .mp-tab {
    width: 49.5%;
    display: inline-block;
}

@media only screen and (min-width: 310px) and (max-width: 767px) {
    .general .mp-tab {
        width: 49%;
    }
}

.general .mp-tab .tab-content {
    text-align: center;
    margin-bottom: 50px;
    cursor: pointer;
}

.general .mp-tab .tab-content .title {
    display: inline-block;
    padding: 24px 60px;
    font-size: 22px;
    color: #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

@media only screen and (min-width: 310px) and (max-width: 767px) {
    .general .mp-tab .tab-content .title {
        padding: 16px 10px;
        font-size: 15px;
    }
}

.general .mp-tab.active .tab-content .title {
    color: #000;
    border-bottom: 1px solid #000;
}

.general .banner-cate-2 {
    margin-bottom: 25px;
}

.general .slider-homepage-yb .ty-banner__image-item img {
    width: 100%;
}

.general .gird-control-1 .mp-page-tab-controls.mp-tab-column4 {
    width: 90%;
    margin: auto;
}

.general .mp-captcha {
    margin-top: 15px !important;
}

.general .mp-captcha .ty-captcha-container>div {
    width: 300px !important;
    height: 78px !important;
    margin: 0 auto;
}

.general .mp-captcha .help-inline {
    padding-left: 0 !important;
    text-align: center;
}

.general .buymore-discountmore {
    font-size: 11px;
    color: #eb4d4e;
}

.general .let-call {
    position: fixed;
    right: 15px;
    bottom: 80px;
    z-index: 100003;
}

.general .let-call .icon-main {
    width: 50px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.general .let-call .list-support {
    position: absolute;
    min-height: 150px;
    bottom: -500px;
    transition: .3s all ease;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    flex-flow: row wrap;
}

.general .let-call .list-support .item {
    flex: 0 0 100%;
    height: 50px;
    cursor: pointer;
    margin-bottom: 15px;
    position: relative;
}

.general .let-call .list-support .item a {
    width: 50px;
    display: inline-block;
}

.general .block-text-docking {
    background-color: #003468;
}

.general .block-text-docking .text-item {
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    color: #fff;
}

.general .block-text-docking .text-item a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.general .block-text-docking .owl-controls:not(.owl-controls-outside) {
    position: static;
    width: initial;
}

.general .block-text-docking .owl-carousel .owl-controls .owl-buttons {
    visibility: visible;
    opacity: 1;
}

.general .block-text-docking .owl-carousel.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    padding: 0 5px;
    box-sizing: border-box;
}

.general .block-text-docking .owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev::after {
    border: none;
    background: none !important;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

.general .block-text-docking .owl-carousel.owl-theme .owl-controls .owl-buttons div.owl-next::before {
    border: none;
    background: none !important;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

@media screen and (min-width: 1200px) {
    .general .block-text-docking .list-text-docking {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1199px) {
    .general .block-text-docking .list-text-docking {
        max-width: 100%;
    }

    .general .block-text-docking .owl-controls:not(.owl-controls-outside) {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {

    .general .block-text-docking .text-item a,
    .general .block-text-docking .text-item {
        font-size: 11px;
    }
}

.general #global_search .note i {
    display: none;
}

.general .hot-hashtag-search-outer {
    display: none;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.16);
    position: fixed;
    width: 100%;
    z-index: 10003;
    left: 0;
    background-color: #fff;
}

.general .hot-hashtag-search-outer .hot-hashtag-search-content {
    max-width: 1200px;
    margin: auto;
}

.general .hot-hashtag-search-outer .close-search {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 15px;
    cursor: pointer;
    height: 15px;
    box-sizing: border-box;
}

.general .hot-hashtag-search-outer h3 {
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    color: #003464;
    margin-bottom: 10px;
}

.general .hot-hashtag-search-outer h3 img {
    margin-right: 5px;
}

.general .hot-hashtag-search-outer h3 strong,
.general .hot-hashtag-search-outer h3 .re_search_input {
    font-size: 13px;
    font-weight: 400;
    color: #003464;
}

.general .hot-hashtag-search-outer h3 button[type="submit"] {
    font-size: 13px;
    font-weight: 400;
    color: #003464;
    text-transform: uppercase;
}

.general .hot-hashtag-search-outer .has-line {
    border-top: 5px solid rgba(76, 76, 76, 0.11);
    margin-top: 10px;
    padding-top: 10px;
}

.general .hot-hashtag-search-outer ul {
    padding: 0 10px;
    box-sizing: border-box;
}

.general .hot-hashtag-search-outer ul.bg-items {
    display: flex;
    flex-flow: row wrap;
}

.general .hot-hashtag-search-outer ul.bg-items li {
    flex: 0 0 auto;
    margin-right: 5px;
    margin-bottom: 5px;
}

.general .hot-hashtag-search-outer ul.bg-items li a {
    font-size: 11px;
    background-color: #f1f1f1;
    padding: 2px 5px;
    box-sizing: border-box;
    border-radius: 30px;
    text-align: center;
}

.general .hot-hashtag-search-outer ul.bg-items.brands li a {
    background: none;
    border-radius: 0;
}

.general .hot-hashtag-search-outer .list-discount li * {
    font-size: 11px;
}

.general .hot-hashtag-search-outer .list-discount .copy-promo {
    cursor: pointer;
}

.general .hot-hashtag-search-outer .list-discount .copy-promo::after {
    content: '';
    background: url('https://cdn.pnj.io/images/image-update/layout/mobile/copy-grey.svg') no-repeat;
    display: inline-block;
    width: 10px;
    height: 9px;
}

.general .hot-hashtag-search-outer .list-discount .copy-promo:hover::after {
    background: url('https://cdn.pnj.io/images/image-update/layout/mobile/copy-blue.svg') no-repeat;
}

.general .hot-hashtag-search-outer .list-discount .text {
    color: #003468;
    font-weight: bold;
    display: inline-block;
    padding: 3px 9px;
    background-color: #fff4de;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    margin-left: 10px;
}

.general .hot-hashtag-search-outer .list-products-search {
    display: flex;
    flex-flow: row wrap;
}

.general .hot-hashtag-search-outer .list-products-search li {
    flex: 0 0 auto;
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid rgba(112, 112, 112, 0.11);
    border-bottom: 1px solid rgba(112, 112, 112, 0.11);
}

.general .hot-hashtag-search-outer .list-products-search li:nth-child(3n) {
    border-right: none;
}

.general .hot-hashtag-search-outer .list-products-search li.no-border-bottom {
    border-bottom: none;
}

.general .hot-hashtag-search-outer .list-products-search li a {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    padding: 5px;
    box-sizing: border-box;
}

.general .hot-hashtag-search-outer .list-products-search li span {
    display: inline-block;
    width: 100%;
}

.general .hot-hashtag-search-outer .list-products-search li .img img {
    max-height: 60px;
}

.general .hot-hashtag-search-outer .list-products-search li .price {
    font-size: 10px;
    color: #4c4c4c;
    margin-top: 5px;
}

.general .product-prices {
    min-height: 55px;
}

.general .product-view-and-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 10px;
}

.general .product-view-and-rating .ty-left {
    text-align: left;
    font-size: 11px;
}

.general .product-view-and-rating .ty-left span,
.general .product-view-and-rating .ty-left .ty-stars,
.general .product-view-and-rating .ty-left .ty-stars__icon {
    font-size: 11px;
}

.general .product-view-and-rating .ty-right {
    text-align: right;
    font-size: 11px;
}

.general.desktop:not(#pages) .product_recommend .mp-product-block {
    max-height: none !important;
}

.general .product_recommend {
    display: block;
}

.general .product_recommend .mp-product-block {
    max-height: none !important;
}

.general .product_recommend .mp-product-block .mp-flexible-products-outer .owl-carousel {
    width: 100%;
}

.general .subcategories-icon .subcategories-column a span {
    font-size: 14px;
    color: #003464;
    font-weight: 600;
}

.general .subcategories-icon .subcategories-column {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 130px;
    height: 50px;
    border: 1px solid #003464;
    background: #fff;
    margin-left: 10px;
    border-radius: 3px;
}

.general .ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
    border-radius: 4px;
}

.general.mobile .checkbox-material {
    margin-left: 5px;
    margin-right: 0px;
}

.general.mobile .ty-tygh .ty-dropdown-box__content {
    z-index: 10004;
}

.general.mobile .ty-tygh .ty-dropdown-box__content#dropdown_cart_ajax_header_cart {
    z-index: 10001;
}

.general.mobile a.ty-password-forgot__a {
    margin-top: 0;
    font-style: italic;
    color: #002d5c;
}

.general.mobile .ty-login-popup .ty-control-group__label,
.general.mobile .ty-login-popup .ty-control-group__title,
.general.mobile .ty-register-popup .ty-control-group__label,
.general.mobile .ty-register-popup .ty-control-group__title {
    display: none;
}

.general.mobile .ty-login-popup .ty-login__remember-me-label {
    color: #002d5c;
    font-style: italic;
}

.general.mobile .ty-login-popup .ty-password-forgot__a {
    color: #337ab7;
}

.general.mobile .ty-login-popup .ty-login-reglink {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
}

.general.mobile * {
    -webkit-overflow-scrolling: touch;
}

.general.mobile .owl-wrapper-outer .owl-item {
    touch-action: manipulation;
}

.general.mobile .notification-content {
    padding-right: 22px;
    box-sizing: border-box;
}

.general.mobile button[id*="mobile_footer_button_call_request_"] {
    display: none !important;
}

.general.mobile .ty-footer-grid__full-width {
    padding-bottom: 30px;
}

.general.mobile .m-main-title .short-title {
    margin: 10px 0 0;
}

.general.mobile .block-hot-categories {
    border-bottom: 5px solid #f1f1f1;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.general.mobile .mp-menu-new {
    position: relative;
}

.general.mobile .mp-menu-new::after {
    content: '' !important;
    background-position: -332px -3px;
    width: 25px;
    height: 21px;
    display: inline-block;
    position: absolute;
    margin-left: 4px;
    top: -3px;
    -webkit-animation: zoomIn 1.5s infinite;
    animation: zoomIn 1.5s infinite;
}

.general.mobile .mp-menu-new.donghohot::after {
    background-image: url("../imgs/Icon-GIF-HOT.gif") !important;
    background-position: 0 0;
}

.general.mobile .m-header-menu {
    position: relative;
    background: #fff;
    display: flex;
    width: 100%;
    height: 50px;
    padding: 10px 5px;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
}

.general.mobile .m-header-menu .mp-sprite {
    display: inline-block;
}

.general.mobile .m-header-menu .mp-header-login.hidden {
    display: none;
    visibility: hidden;
}

.general.mobile .m-header-menu.expand-header {
    height: 110px;
}

.general.mobile .m-logo {
    width: 71px;
    margin-right: 15px;
    flex: 0 0 auto;
    order: 1;
}

.general.mobile .call-free {
    order: 3;
    flex: 0 0 auto;
    width: 30px;
}

.general.mobile .call-free img {
    width: 20px;
}

.general.mobile .call-free span {
    display: block;
    width: 100%;
    color: #003468;
    font-size: 7px;
    font-weight: 600;
}

.general.mobile .m-user-outer {
    flex: 0 0 auto;
    width: 35px;
    order: 4;
}

.general.mobile .m-user-outer .ty-dropdown-box {
    height: 30px;
    width: 100%;
}

.general.mobile .m-user-outer #header_cart_amount_info {
    height: 100%;
}

.general.mobile .m-user-outer #header_cart_amount_info a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-top: 3px;
    box-sizing: border-box;
}

.general.mobile .m-cart {
    text-align: center;
}

.general.mobile .m-cart .header_cart_amount_info {
    position: relative;
}

.general.mobile .m-cart .m-cart-amount {
    bottom: 4px;
    right: 0;
}

.general.mobile .m-wishlist-header-outer .amount,
.general.mobile .m-cart .amount {
    color: #fff;
    background: #d90000;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    position: absolute;
    font-weight: 400;
}

.general.mobile .m-wishlist-header-outer {
    flex: 0 0 auto;
    width: 35px;
    margin-right: 5px;
    order: 3;
    position: relative;
    text-align: center;
    height: 30px;
    display: flex;
}

.general.mobile .m-wishlist-header-outer a {
    width: 100%;
    padding-top: 3px;
    box-sizing: border-box;
}

.general.mobile .m-wishlist-header-outer .amount {
    bottom: 4px;
    right: 2px;
}

@media only screen and (max-width: 768px) {

    .general.mobile .m-banner-for-full-screen,
    .general.mobile .banners-homepage,
    .general.mobile .banner-grid,
    .general.mobile .hover-text-banner,
    .general.mobile .hover-action-banner,
    .general.mobile .brand-flexible-main-home,
    .general.mobile .banner-style,
    .general.mobile .main-bi-an-kim-cuong,
    .general.mobile .brand-flexible-main-home .ty-banner__image-item,
    .general.mobile .banner-collections .mp-collection-flexiblle,
    .general.mobile .hover-action-banner .ty-banner__image-item {
        background: #fff;
        min-height: calc(100vw * 450 / 1200);
        min-height: -webkit-calc(100vw * 450 / 1200);
        min-height: -moz-calc(100vw * 450 / 1200);
        max-height: calc(100vw * 450 / 768);
        max-height: -webkit-calc(100vw * 450 / 768);
        max-height: -moz-calc(100vw * 450 / 768);
        overflow: hidden;
    }

    .general.mobile .m-banner-for-full-screen .owl-wrapper-outer,
    .general.mobile .banners-homepage .owl-wrapper-outer,
    .general.mobile .banner-grid .owl-wrapper-outer,
    .general.mobile .hover-text-banner .owl-wrapper-outer,
    .general.mobile .hover-action-banner .owl-wrapper-outer,
    .general.mobile .brand-flexible-main-home .owl-wrapper-outer,
    .general.mobile .banner-style .owl-wrapper-outer,
    .general.mobile .main-bi-an-kim-cuong .owl-wrapper-outer,
    .general.mobile .brand-flexible-main-home .ty-banner__image-item .owl-wrapper-outer,
    .general.mobile .banner-collections .mp-collection-flexiblle .owl-wrapper-outer,
    .general.mobile .hover-action-banner .ty-banner__image-item .owl-wrapper-outer {
        min-height: calc(100vw * 450 / 1200);
        min-height: -webkit-calc(100vw * 450 / 1200);
        min-height: -moz-calc(100vw * 450 / 1200);
        max-height: calc(100vw * 450 / 768);
        max-height: -webkit-calc(100vw * 450 / 768);
        max-height: -moz-calc(100vw * 450 / 768);
    }

    .general.mobile .banner-style.popup-banner-outer {
        min-height: initial;
    }
}

@media only screen and (min-width: 769px) {

    .general.mobile .m-banner-for-full-screen,
    .general.mobile .banners-homepage,
    .general.mobile .banner-grid,
    .general.mobile .hover-text-banner,
    .general.mobile .hover-action-banner,
    .general.mobile .brand-flexible-main-home,
    .general.mobile .banner-style,
    .general.mobile .main-bi-an-kim-cuong,
    .general.mobile .brand-flexible-main-home .ty-banner__image-item,
    .general.mobile .banner-collections .mp-collection-flexiblle,
    .general.mobile .hover-action-banner .ty-banner__image-item {
        min-height: calc(100vw * 450 / 1200);
        min-height: -webkit-calc(100vw * 450 / 1200);
        min-height: -moz-calc(100vw * 450 / 1200);
        max-height: calc(100vw * 450 / 768);
        max-height: -webkit-calc(100vw * 450 / 768);
        max-height: -moz-calc(100vw * 450 / 768);
        overflow: hidden;
    }

    .general.mobile .m-banner-for-full-screen .owl-wrapper-outer,
    .general.mobile .banners-homepage .owl-wrapper-outer,
    .general.mobile .banner-grid .owl-wrapper-outer,
    .general.mobile .hover-text-banner .owl-wrapper-outer,
    .general.mobile .hover-action-banner .owl-wrapper-outer,
    .general.mobile .brand-flexible-main-home .owl-wrapper-outer,
    .general.mobile .banner-style .owl-wrapper-outer,
    .general.mobile .main-bi-an-kim-cuong .owl-wrapper-outer,
    .general.mobile .brand-flexible-main-home .ty-banner__image-item .owl-wrapper-outer,
    .general.mobile .banner-collections .mp-collection-flexiblle .owl-wrapper-outer,
    .general.mobile .hover-action-banner .ty-banner__image-item .owl-wrapper-outer {
        min-height: calc(37.5vw);
        min-height: calc(100vw * 450 / 1200);
        min-height: -webkit-calc(100vw * 450 / 1200);
        min-height: -moz-calc(100vw * 450 / 1200);
    }
}

.general.mobile .group-floor {
    border-bottom: 5px solid #f1f1f1;
    padding-bottom: 10px;
}

.general.mobile .group-floor .banner-style {
    overflow: inherit;
}

.general.mobile .banners-homepage .banners .owl-controls,
.general.mobile .banner-grid .owl-controls,
.general.mobile .hover-text-banner .owl-controls,
.general.mobile .hover-action-banner .owl-controls,
.general.mobile .banner-collections .mp-collection-flexiblle .owl-controls {
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
}

.general.mobile .mp-recently-view-product .mp-floor-header,
.general.mobile .mp-suggest-products .mp-floor-header,
.general.mobile .products-the-same-box .mp-floor-header,
.general.mobile .mp-gem-grox Xup-box .mp-floor-header {
    margin-bottom: 10px;
}

.general.mobile .mp-recently-view-product .ty-mainbox-container,
.general.mobile .mp-suggest-products .ty-mainbox-container,
.general.mobile .products-the-same-box .ty-mainbox-container,
.general.mobile .mp-gem-grox Xup-box .ty-mainbox-container {
    padding: 0;
}

.general.mobile .products-the-same-box.ty-mainbox-container,
.general.mobile .mp-gem-group-box.ty-mainbox-container {
    padding: 0;
}

.general.mobile .has-banner-header .docking-header-type {
    z-index: 1000 !important;
}

.general.mobile .ty-register-popup .mp-information-regis {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .ty-register-popup .mp-information-regis .ty-date-of-birth .ty-control-group__title:first-child {
    display: none;
}

.general.mobile .ty-register-popup h3.ty-text-center {
    margin: 15px 0 0;
}

.general.mobile .ty-register-popup .mp-social-group {
    margin-bottom: 10px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .ty-register-popup .ty-control-group {
    margin: 0 0 12px;
}

@media only screen and (max-width: 767px) {
    .general.mobile .select2 {
        width: 100% !important;
    }

    .general.mobile .flexible-products-slick {
        margin-top: 10px;
    }

    .general.mobile .flexible-products-slick .product-item,
    .general.mobile .flexible-products-slick .product-item .product-image {
        min-height: auto !important;
    }

    .general.mobile .object-container .notification-content {
        right: 0;
    }
}

@media only screen and (min-width: 768px) {

    .general.mobile .mp-flexbox-product.mp-popular-product .mp-product-item-wrapper,
    .general.mobile .product-item {
        width: calc(100% / 3);
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
    }

    .general.mobile .ty-register-popup .mp-information-regis,
    .general.mobile .mp-social-group {
        padding: 0 40px;
    }

    .general.mobile .home-certificate {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.general.mobile .tygh-top-panel {
    z-index: 1000 !important;
    width: 100% !important;
}

.general.mobile .margin-top-banner {
    margin-top: 0;
}

.general.mobile .top-grid {
    padding: 0;
}

.general.mobile .d-display-element {
    display: none;
}

.general.mobile .m-list-links {
    display: none;
}

.general.mobile .m-list-links li {
    padding: 0;
}

.general.mobile .main-title h2 {
    margin: 10px 0;
}

.general.mobile .main-title h2 a {
    font-size: 18px;
    font-weight: normal;
}

.general.mobile .main-title .mp-gradient {
    margin-bottom: 20px;
}

.general.mobile .main-title .mp-gradient a {
    width: 250px;
}

.general.mobile .main-title-v1 h2 {
    margin: 20px 0;
}

.general.mobile .main-title-v1 h2 a {
    font-size: 16px;
}

.general.mobile .main-title-v1 h2::before {
    content: none;
}

.general.mobile .ty-dropdown-box__content {
    right: 0;
}

.general.mobile .ty-mainbox-title {
    font-size: 15px !important;
}

.general.mobile .functions {
    display: none;
}

@media screen and (min-width: 1200px) and (max-width: 1229px) {
    .general.mobile .ty-footer-grid__full-width {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.general.mobile .mp-controls-right .owl-controls:not(.owl-controls-outside) .owl-page span {
    width: 5px;
    height: 5px;
}

.general.mobile .owl-controls:not(.owl-controls-outside) .owl-pagination {
    padding-right: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .owl-controls:not(.owl-controls-outside) .owl-page span {
    margin: 5px;
    background: transparent;
}

.general.mobile .margin-top-banner-floor {
    margin-top: 0;
}

.general.mobile .margin-top-banner-floor .banner-style .owl-controls {
    bottom: -73px;
}

.general.mobile .margin-top-banner-floor .banners .owl-controls {
    display: block !important;
}

.general.mobile .margin-top-banner-floor .owl-controls-outside {
    display: none !important;
}

.general.mobile .sub-banner-home {
    margin-top: 10px;
}

.general.mobile .m-box-menu {
    background: #fff;
    position: fixed;
    top: 0;
    width: 82vw;
    height: calc(100% - 63px);
    height: -webkit-calc(100% - 63px);
    height: -moz-calc(100% - 63px);
    padding: 10px 10px 10px;
    box-sizing: border-box;
    z-index: 10002;
    opacity: 0;
    visibility: hidden;
    right: 0;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-display: flex;
}

.general.mobile .m-box-menu.active {
    opacity: 1;
    visibility: visible;
    animation: fadeInLeft 0.5s ease;
    -webkit-animation: fadeInRight 0.5s ease;
}

.general.mobile .m-box-menu.fadeout {
    animation: fadeOutLeft_v1 0.5s ease;
    -webkit-animation: fadeOutRight_v1 0.5s ease;
}

.general.mobile .m-box-menu .m-box-close-x {
    width: 100%;
    text-align: right;
}

.general.mobile .m-box-menu .m-box-close-x .m-inner-box-close {
    display: inline-block;
    width: 25px;
    cursor: pointer;
    height: 25px;
    box-sizing: border-box;
}

.general.mobile .m-box-menu .m-box-header-menu {
    display: none;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc59;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user {
    width: 80px;
    float: left;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user span {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    color: #282828;
    font-size: 14px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user .ty-icon-moon-user {
    background-position: -414px -209px;
    width: 24px;
    height: 24px;
    display: table-cell;
    margin-left: 25px;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user .ty-icon-moon-user::before {
    content: none;
    display: none;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user.m-box-login-user-full {
    width: calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user.m-box-login-user-full .ty-icon-moon-user {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user.m-box-login-user-full span {
    width: auto;
    width: initial;
    text-transform: none;
    display: table-cell;
    vertical-align: middle;
    text-transform: capitalize;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-login-user .ty-dropdown-box__title>a {
    height: 29px;
    display: table;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-logo {
    float: left;
    text-align: center;
    width: calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-close {
    width: 80px;
    float: left;
    text-align: right;
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-close .ico-menu-close {
    background-position: -155px -123px;
    display: inline-block;
    width: 13px;
    height: 7px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.general.mobile .m-box-menu .m-box-header-menu .m-box-close .m-inner-box-close {
    display: inline-block;
    width: 27px;
    margin-top: 4px;
    cursor: pointer;
    height: 29px;
}

.general.mobile .m-box-menu .m-box-outer-content {
    overflow-y: auto;
    flex: 1 1 auto;
    position: relative;
    overflow-x: hidden;
}

.general.mobile .m-box-menu .m-box-main-menu ul li {
    padding: 0;
}

.general.mobile .m-box-menu .m-box-main-menu ul li .appointment-sale {
    color: #337ab7;
}

.general.mobile .m-box-menu .m-box-main-menu .level-0>a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 20px;
    color: #282828;
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #cccccc59;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .m-box-menu .m-box-main-menu .level-0:last-child>a {
    border-bottom: none;
}

.general.mobile .m-box-menu .m-box-main-menu .level-0:last-child>a span {
    color: #337ab7;
    text-decoration: underline;
}

.general.mobile .m-box-menu .m-box-main-menu .for-popup:before {
    content: '';
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
    display: inline-block;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 18px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.general.mobile .m-box-menu .m-box-main-menu .level-1 {
    background: #fff;
}

.general.mobile .m-box-menu .m-box-main-menu .level-1 .submenu-link {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #282828;
    font-size: 14px;
    padding: 10px 0;
    text-transform: capitalize;
}

.general.mobile .m-box-menu .m-box-main-menu .level-2 .for-drop {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    position: relative;
    color: #282828;
}

.general.mobile .m-box-menu .m-box-main-menu .level-2 .for-drop:before {
    content: '';
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
    display: inline-block;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 18px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.general.mobile .m-box-menu .m-box-main-menu .level-2 .for-drop.for-frop-active:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-content-drop {
    display: none;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-content-drop.for-drop-open {
    display: inline-block;
    width: 100%;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-content-drop .groupmenu-content-drop.level3 {
    display: block;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup {
    position: absolute;
    z-index: 10003;
    background: #fff;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup .level-1 {
    display: none;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup.for-popup-open {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    visibility: visible;
    z-index: 10003;
    background: #fff;
    animation: fadeInRight 0.5s ease;
    -webkit-animation: fadeInRight 0.5s ease;
    height: 100%;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup.for-popup-open .level-1 {
    display: block;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup.for-popup-close {
    z-index: 10003;
    background: #fff;
    animation: fadeOutRight_v2 0.5s ease;
    -webkit-animation: fadeOutRight_v2 0.5s ease;
    height: 100%;
}

.general.mobile .m-box-menu .m-box-main-menu .groupmenu-popup.for-popup-close .level-1 {
    display: none;
}

.general.mobile .m-box-menu .m-box-main-menu .dl-back {
    border-bottom: 1px solid #cccccc59;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0;
    height: 40px;
    line-height: 20px;
    cursor: pointer;
}

.general.mobile .m-box-menu .m-box-main-menu .dl-back span {
    text-transform: capitalize;
}

.general.mobile .m-box-menu .m-box-main-menu .dl-back span::before {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    background-position: -554px -136px;
    width: 38px;
    height: 24px;
    transform: scale(0.5);
    position: relative;
    vertical-align: middle;
    top: 0;
    margin-right: 5px;
    margin-left: -10px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}

.general.mobile .m-box-menu .m-box-main-menu .rename-parent-menu {
    padding-top: 20px;
    padding-bottom: 10px;
}

.general.mobile .m-box-menu .m-box-main-menu .rename-parent-menu span,
.general.mobile .m-box-menu .m-box-main-menu .rename-parent-menu a {
    color: #a0a0a0 !important;
    text-transform: capitalize;
    padding: 0 !important;
}

.general.mobile .m-box-menu .m-box-main-menu .m-view-all a {
    font-weight: normal;
    font-style: italic;
}

.general.mobile .m-box-menu .m-box-main-menu .m-view-all a::before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f101";
    padding-right: 5px;
}

.general.mobile .m-box-menu .m-box-main-menu .view-img {
    padding: 10px 0;
}

.general.mobile .m-box-menu .menu-item.level-0.level-top.menu-sale a {
    padding-top: 8px;
}

.general.mobile .m-box-menu .menu-item.level-0.level-top.menu-sale a span {
    color: #ac2b36;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    vertical-align: bottom;
}

.general.mobile .m-box-menu .ty-btn__secondary {
    margin-bottom: 12px;
}

.general.mobile .m-box-menu .ty-dropdown-box {
    width: 100%;
}

.general.mobile .m-box-menu .ty-dropdown-box__content {
    left: 0;
    top: 40px;
}

.general.mobile .m-box-menu .ty-dropdown-box__content .ty-btn {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .general.mobile .m-box-menu {
        width: 500px;
    }

    .general.mobile .m-box-menu .m-box-main-menu .ty-menu__submenu .cm-responsive-menu-submenu.ty-menu__items-show,
    .general.mobile .m-box-menu .m-box-main-menu .ty-menu__submenu .cm-responsive-menu-submenu.fade-out {
        width: 480px;
    }

    .general.mobile .m-box-menu .ty-dropdown-box__content {
        min-width: 480px;
    }
}

.general.mobile .m-form-search {
    width: calc(100% - 171px);
    width: -webkit-calc(100% - 171px);
    width: -moz-calc(100% - 171px);
    flex: 0 0 auto;
    order: 2;
    margin-right: 10px;
    max-height: 30px;
}

.general.mobile .m-form-search form {
    border: 1px solid transparent;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    border-radius: 30px;
    background-color: rgba(76, 76, 76, 0.1);
}

.general.mobile .m-form-search .ty-search-block__input,
.general.mobile .m-form-search .ty-search-magnifier {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #707070;
    background-color: transparent;
    border: none;
    float: left;
}

.general.mobile .m-form-search .ty-search-block__input {
    padding: 0 10px;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
}

.general.mobile .m-form-search .ty-search-magnifier {
    position: static;
    width: 40px;
    text-align: center;
}

.general.mobile .public-gov {
    margin-bottom: 40px;
}

.general.mobile .main-title.title-home-block-news h2 {
    margin-bottom: 20px;
}

.general.mobile .main-title.title-home-block-news h2::before {
    background-color: #000;
    top: initial;
    bottom: 6px;
}

.general.mobile .links-operation-website,
.general.mobile .payment-methods-outer {
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
    .general.mobile .group-floor.group-floor-watch .mp-flexbox-product .product-item {
        min-height: 235px;
    }

    .general.mobile .gift-birth {
        margin: 10px 0;
    }

    .general.mobile .gift-birth span {
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        -o-transform: translateY(7px);
        font-size: 12px;
        line-height: 18px;
    }
}

.general.mobile .mp-banner.popup-banner .popup-banner-content .button-close::after {
    right: 0;
}

.general.mobile .m-menu-fix {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    z-index: 10002;
    background-color: #fff;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.16);
}

.general.mobile .m-menu-fix .m-menu-fix__inner {
    display: flex;
    justify-content: center;
}

.general.mobile .m-menu-fix .m-menu-fix__inner .item {
    flex: 1 1 auto;
    text-align: center;
}

.general.mobile .m-menu-fix .m-menu-fix__inner .item>span,
.general.mobile .m-menu-fix .m-menu-fix__inner .item>a>span {
    display: flex;
    width: 100%;
    justify-content: center;
}

.general.mobile .m-menu-fix .m-menu-fix__inner .item .text {
    font-size: 10px;
    font-weight: 400;
    margin-top: 4px;
}

.general.mobile .m-menu-fix .m-menu-fix__inner .item .img {
    height: 25px;
    align-items: self-end;
}

.general.mobile .m-menu-fix .m-menu-fix__category.open-menu .text,
.general.mobile .m-menu-fix .active .text {
    color: #003464;
}

.general.mobile .m-menu-fix .m-menu-fix__announe .img-inner {
    position: relative;
}

.general.mobile .m-menu-fix .m-menu-fix__announe .img-inner .amount {
    color: #fff;
    background: #d90000;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    top: -4px;
    right: -5px;
    font-weight: 400;
}

.general.mobile .fix-announe-box-outer {
    position: fixed;
    background-color: #fff;
    z-index: 10002;
    bottom: 62px;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.16);
    padding: 10px 0;
    box-sizing: border-box;
    width: 100%;
    max-height: 45vh;
    display: none;
}

.general.mobile .fix-announe-box-outer.open-announce {
    display: block;
    animation-name: fadeInUp;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.general.mobile .fix-announe-box-outer .m-box-close-x {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}

.general.mobile .fix-announe-box-outer .m-box-close-x .m-inner-box-close-announce {
    display: inline-block;
    width: 25px;
    cursor: pointer;
    height: 25px;
    box-sizing: border-box;
}

.general.mobile .fix-announe-box-outer .announe-contents {
    max-height: calc(45vh - 35px);
    max-height: -webkit-calc(45vh - 35px);
    max-height: -moz-calc(45vh - 35px);
    overflow-x: hidden;
    overflow-y: auto;
}

.general.mobile .fix-announe-box-outer .content {
    margin-top: 10px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
}

.general.mobile .fix-announe-box-outer .content .title {
    padding: 0;
    font-weight: 600;
}

.general.mobile .fix-announe-box-outer .content .des {
    padding: 3px 0;
    line-height: 18px;
}

.general.mobile .fix-announe-box-outer .content .view-more-announce {
    padding: 4px 0;
}

.general.mobile .fix-announe-box-outer .content .view-more-announce a {
    color: #003464;
    text-decoration: underline;
    font-weight: 400;
}

.general.mobile .fix-support-box-outer {
    position: fixed;
    background-color: #fff;
    z-index: 10;
    bottom: 62px;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.16);
    padding: 10px 0 0 0;
    box-sizing: border-box;
    width: 45px;
    max-height: 45vh;
    left: calc(71.666666666667vw);
    left: -moz-calc(71.666666666667vw);
    left: -o-calc(71.666666666667vw);
    left: -webkit-calc(71.666666666667vw);
    display: none;
    -webkit-border-radius: 100px 100px 0 0;
    border-radius: 100px 100px 0 0;
    text-align: center;
}

@media screen and (max-width: 412px) {
    .general.mobile .fix-support-box-outer {
        left: calc(68.666666666667vw);
        left: -moz-calc(68.666666666667vw);
        left: -o-calc(68.666666666667vw);
        left: -webkit-calc(68.666666666667vw);
    }
}

.general.mobile .fix-support-box-outer.open-support {
    display: block;
    animation-name: fadeInUp;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.general.mobile .fix-support-box-outer.close-support {
    display: block;
    animation-name: fadeOutDown;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.general.mobile .fix-support-box-outer .m-box-close-x {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}

.general.mobile .fix-support-box-outer .m-box-close-x .m-inner-box-close-support {
    display: inline-block;
    width: 25px;
    cursor: pointer;
    height: 25px;
    box-sizing: border-box;
}

.general.mobile .fix-support-box-outer .support-contents {
    max-height: calc(45vh - 35px);
    max-height: -webkit-calc(45vh - 35px);
    max-height: -moz-calc(45vh - 35px);
    overflow-x: hidden;
    overflow-y: auto;
}

.general.mobile .fix-support-box-outer .support-contents .let-call {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 100003;
}

.general.mobile .fix-support-box-outer .support-contents .let-call .list-support {
    position: relative;
    min-height: auto;
    bottom: 0;
    transition: .3s all ease;
    display: block;
}

.general.mobile .fix-support-box-outer .support-contents .let-call .list-support .item {
    height: 40px;
}

.general.mobile .fix-support-box-outer .support-contents .let-call .list-support .item a {
    width: auto;
    display: inline-block;
}

.general.mobile .fix-support-box-outer .support-contents .let-call .list-support .item img {
    height: 34px;
    width: 34px;
}

.general.mobile .fix-support-box-outer .content {
    margin-top: 10px;
    padding: 0 10px 0 20px;
    box-sizing: border-box;
}

.general.mobile .fix-support-box-outer .content .title {
    padding: 0;
    font-weight: 600;
}

.general.mobile .fix-support-box-outer .content .des {
    padding: 3px 0;
    line-height: 18px;
}

.general.mobile .fix-support-box-outer .content .view-more-announce {
    padding: 4px 0;
}

.general.mobile .fix-support-box-outer .content .view-more-announce a {
    color: #003464;
    text-decoration: underline;
    font-weight: 400;
}

.general.mobile .tygh-footer .group-name {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general.mobile .tygh-footer .group-name .img {
    width: 100px;
    margin-right: 10px;
}

@media screen and (min-width: 767px) {
    .general.mobile .hot-hashtag-search-outer #ul-search li {
        width: 100%;
    }

    .general.mobile .hot-hashtag-search-outer #ul-search li .span4 img {
        max-width: 60px;
    }
}

@media screen and (max-width: 320px) {
    .general.mobile .mp-captcha {
        margin-left: -13px !important;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
}

@media screen and (max-width: 1199px) {
    .general.mobile .home-certificate {
        padding: 0 10px 65px;
        border-top: none;
    }
}

@media screen and (max-width: 767px) {
    body.general.mobile.m-ios iframe#admIframeTracking {
        display: none;
    }

    html.dialog-is-open.dialog-scroll-hidden {
        overflow: hidden;
    }
}

@media screen and (max-height: 550px) {
    html.dialog-is-open {
        overflow: scroll;
    }

    .general .ui-widget-content.ui-dialog {
        top: 15px !important;
        position: absolute !important;
    }
}

#mp-product-description-general-v2 {
    margin: 10px auto;
    padding: 10px 20px 30px;
    box-sizing: border-box;
    max-width: 1200px;
    overflow: hidden;
}

#mp-product-description-general-v2 * {
    color: #464646;
}

#mp-product-description-general-v2 p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    text-align: justify;
}

#mp-product-description-general-v2 .mp-block-item .mp-image-description-center,
#mp-product-description-general-v2 .mp-block-item .mp-table-description-center {
    text-align: center;
    width: 100%;
    font-style: italic;
    font-size: 13px;
    margin: 5px 0 15px;
}

#mp-product-description-general-v2 .mp-block-item .mp-image-description-center a,
#mp-product-description-general-v2 .mp-block-item .mp-table-description-center a {
    font-size: 13px;
}

#mp-product-description-general-v2 .mp-table-description-center {
    display: inline-block;
}

#mp-product-description-general-v2 .main-title {
    text-align: center;
    text-transform: none;
    font-size: 20px;
}

#mp-product-description-general-v2 .mp-type-creative-description p {
    font-size: 16px;
    padding: 10px 0;
}

#mp-product-description-general-v2 .mp-type-creative-description p,
#mp-product-description-general-v2 .mp-type-creative-description p * {
    font-size: 16px;
}

#mp-product-description-general-v2 p a {
    color: #337ab7;
}

#mp-product-description-general-v2 .main-title h2 {
    color: #666;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 35px;
    margin-top: 0;
}

#mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h2,
#mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h3 #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title * {
    font-size: 20px;
}

#mp-product-description-general-v2.mp-silver .mp-type-normal-feature .mp-block-title * {
    color: #a9198b;
}

#mp-product-description-general-v2.mp-gold .mp-type-normal-feature .mp-block-title * {
    color: #003468;
}

#mp-product-description-general-v2.mp-watch .mp-type-normal-feature .mp-block-title * {
    color: #666;
}

#mp-product-description-general-v2 .mp-sprite,
#mp-product-description-general-v2 .logo-sprite {
    height: 40px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}

#mp-product-description-general-v2.mp-watch .mp-sprite,
#mp-product-description-general-v2.mp-watch .logo-sprite {
    display: none;
}

#mp-product-description-general-v2.mp-silver .mp-sprite,
#mp-product-description-general-v2.mp-silver .logo-sprite {
    background-position: -201px -252px;
    width: 21px;
}

#mp-product-description-general-v2.mp-gold .mp-sprite,
#mp-product-description-general-v2.mp-gold .logo-sprite {
    background-position: -131px -253px;
    width: 40px;
}

#mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h2,
#mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h3 {
    margin: 0;
    line-height: 40px;
}

#mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title {
    margin-bottom: 15px;
    text-align: left;
}

#mp-product-description-general-v2.mp-column-2 .mp-block-item {
    float: left;
}

#mp-product-description-general-v2.mp-column-2 .mp-block-item:first-child {
    width: 48.5%;
    margin-right: 3%;
}

#mp-product-description-general-v2.mp-column-2 .mp-block-item:last-child {
    width: 48.5%;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection {
    width: 100% !important;
    margin: 15px 0 !important;
    text-align: center;
    display: inline-block;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images>a:visited {
    outline: none;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images>a {
    float: left;
    text-align: center;
    width: calc(20%);
    width: -webkit-calc 20%;
    width: -moz-calc(20%);
    margin-left: 20px;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images>a:first-child {
    margin-left: 0;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-block-title {
    display: inline-block;
    margin: 25px 0 0;
    width: 100%;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images img {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images .owl-item:nth-child(1) img {
    padding: 0;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-block-description-wrapper.mp-block-description-collection {
    float: none;
    display: inline-block;
    margin: 0 auto;
}

#mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-block-description-wrapper.mp-block-description-collection p {
    text-align: center;
    margin: 4px 0 10px;
}

#mp-product-description-general-v2 a {
    color: #337ab7;
}

#mp-product-description-general-v2.mp-column-1 .mp-block-description {
    margin-bottom: 20px;
}

#mp-product-description-general-v2.mp-column-2 .mp-block-description {
    margin-bottom: 10px;
}

#mp-product-description-general-v2 .mp-column-group {
    clear: both;
    margin-bottom: 10px !important;
    width: 100% !important;
    float: left;
}

#mp-product-description-general-v2.mp-column-2 .mp-custom-full-width {
    width: 100% !important;
    float: left;
}

#mp-product-description-general-v2 .mp-images,
#mp-product-description-general-v2 img {
    margin: auto;
    display: block;
    text-align: center;
    max-width: 100%;
}

#mp-product-description-general-v2.mp-column .mp-custom-full-width {
    width: 100% !important;
}

#mp-product-description-general-v2 .mp-type-key-feature .mp-block-description {
    float: left;
    width: 50%;
}

#mp-product-description-general-v2 .mp-type-key-feature .mp-images {
    float: left;
    width: 50%;
}

#mp-product-description-general-v2 .mp-block-description-wrapper {
    float: left;
    width: 100%;
}

#mp-product-description-general-v2 .mp-type-key-feature .mp-block-title *,
#mp-product-description-general-v2 .big-title h2 {
    font-size: 28px !important;
    color: #036 !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
}

#mp-product-description-general-v2 .mp-block-sub-title {
    font-size: 24px;
    font-weight: 500 !important;
}

.mp-images>iframe {
    border: none;
    position: static;
    display: block;
    margin: 0 auto 10px;
}

.mp-column-2 .mp-images>iframe {
    min-width: 380px;
    min-height: 300px;
}

#mp-product-description-general-v2 .mp-block-table {
    width: 100%;
    border-left: 1px solid #555;
}

#mp-product-description-general-v2 .mp-block-table tr td {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
    padding: 10px;
    line-height: 24px;
}

@media screen and (min-width: 670px) {
    .mp-column-1 .mp-images>iframe {
        min-width: 650px;
        min-height: 450px;
    }
}

@media screen and (max-width: 767px) {
    .mp-block-title h3 {
        margin: 10px 0 10px 0 !important;
    }

    #mp-product-description-general-v2 .main-title h2 {
        font-size: 20px;
        line-height: 28px;
    }

    #mp-product-description-general-v2 .mp-block-item {
        width: 100% !important;
        float: left;
    }

    #mp-product-description-general-v2 .mp-type-key-feature .mp-images {
        float: left;
        width: 100%;
    }

    #mp-product-description-general-v2 .mp-type-key-feature .mp-block-description {
        float: left;
        width: 100%;
    }

    #mp-product-description-general-v2 .mp-type-creative-description .mp-title * {
        font-size: 20px !important;
    }

    #mp-product-description-general-v2 .mp-type-key-feature .mp-block-title *,
    #mp-product-description-general-v2 .big-title h2 {
        font-size: 20px !important;
    }

    #mp-product-description-general-v2 .mp-block-sub-title {
        font-size: 18px !important;
    }

    #mp-product-description-general-v2 {
        margin: 0 !important;
        display: inline-block;
        width: 100%;
        padding: 10px 0 30px !important;
    }

    #mp-product-description-general-v2 .mp-block-description ul,
    #mp-product-description-general-v2 .mp-block-description ul {
        padding: 5px !important;
        margin: 0 !important;
    }

    #mp-product-description-general-v2 p {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 13px;
        line-height: 20px;
    }

    #mp-product-description-general-v2 p *,
    #mp-product-description-general-v2 .mp-images,
    #mp-product-description-general-v2 .mp-images a {
        font-size: 13px;
    }

    #mp-product-description-general-v2 .mp-column-group {
        margin-bottom: 0 !important;
    }

    #mp-product-description-general-v2 .mp-images iframe {
        height: 200px;
        width: unset;
        margin-bottom: 10px;
    }

    #mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-block-title {
        margin: 10px 0 0;
    }

    #mp-product-description-general-v2 .main-title h2 {
        font-size: 18px;
        line-height: 25px;
        text-transform: initial;
        text-align: justify;
    }

    #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h2,
    #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h3 {
        font-size: 14px;
        line-height: 20px;
    }

    #mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-block-description-wrapper.mp-block-description-collection p {
        text-align: justify;
    }

    #mp-product-description-general-v2 .mp-block-item .mp-image-description-center,
    #mp-product-description-general-v2 .mp-block-item .mp-image-description-center *,
    #mp-product-description-general-v2 .mp-block-item .mp-table-description-center,
    #mp-product-description-general-v2 .mp-block-item .mp-table-description-center * {
        font-size: 11px !important;
    }

    #mp-product-description-general-v2 .mp-type-creative-description p {
        font-size: 13px;
        line-height: 20px;
    }

    #mp-product-description-general-v2 .mp-type-creative-description p * {
        font-size: 13px;
    }

    #mp-product-description-general-v2 .mp-sprite,
    #mp-product-description-general-v2 .logo-sprite {
        margin-right: 5px;
        transform: scale(0.7);
    }

    #mp-product-description-general-v2 .mp-block-table {
        overflow-x: scroll;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 640px) {
    #mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images>a {
        width: 100%;
        margin: 0 0 10px;
        padding: 0;
    }

    #mp-product-description-general-v2 .mp-block-item.mp-type-normal-feature.mp-type-collection .mp-images>a:last-child {
        margin: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #mp-product-description-general-v2 .mp-images iframe {
        height: 250px;
        width: unset;
    }

    #mp-product-description-general-v2 {
        margin: 10px auto 0;
        padding: 10px 20px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title * {
        font-size: 19px;
    }

    #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h2,
    #mp-product-description-general-v2 .mp-type-normal-feature .mp-block-title h3 {
        line-height: 30px;
    }
}

.general .ty-pagination__item,
.general .ty-pagination__selected {
    color: white;
    display: inline-block;
    padding: 7px;
    min-width: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
    .general .ty-pagination__item,
.general .ty-pagination__selected {
    color: white;
    display: inline-block;
    padding: 3px;
    min-width: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
}

.general .ty-pagination__selected {
    color: #fff;
    background: #000;
}

.general .ty-pagination__item:hover {
    background: #dce3ea;
    color: #6c8aa7;
    padding: 7px;
}

.general .ty-pagination {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

.general .ty-pagination__items {
    display: inline-block;
    color: #333;
}

.general .ty-pagination__item {
    color: #333;
}

.general .ty-pagination__btn {
    margin: 0 4px;
    padding: 7px;
    width: auto;
    color: #333;
}

.general .ty-pagination__range {
    display: none;
}

.general .ty-pagination__btn:hover {
    color: #6c8aa7;
    padding: 7px;
}

.general .ty-pagination__prev,
.general .ty-pagination__next {
    color: #333;
}

.general .ty-pagination__prev:hover,
.general .ty-pagination__next:hover {
    color: #6c8aa7;
    background: #dce3ea;
    cursor: pointer;
}

.general .ty-pagination__text {
    text-transform: uppercase;
}

.general .ty-pagination__text-arrow {
    font-size: 16px;
    line-height: 10px;
    font-style: normal;
    position: relative;
}

.general .ty-pagination__text-arrow:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -331px -39px;
    margin-bottom: -7px;
    padding-bottom: 2px;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    position: absolute;
    left: -13px;
    top: -2px;
}

.general .ty-pagination__next .ty-pagination__text-arrow:before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -355px -39px;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    position: absolute;
    left: -13px;
    top: -2px;
}

.general .ty-pagination__last .ty-pagination__text-arrow:before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -355px -39px;
    opacity: 0.3;
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    position: absolute;
    left: -13px;
    top: -2px;
}

.general .loading-view-more {
    display: inline-block;
    min-height: 20px;
}

.general .loading-view-more.loaded {
    width: 30px;
    margin-right: 20px;
    background: url('https://cdn.pnj.io/design/themes/pnjrovski/media/../../../../../../../../design/themes/pnjrovski/media/images/loading-icon.gif?1695311804') no-repeat;
    background-position: center right;
}

.general .ajax-pagination-view-more {
    display: inline-block;
    width: 100%;
}

.general .ty-profile-field__switch {
    margin: 10px 0px;
    padding: 8px 5px 5px;
    background: white;
    min-height: 35px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .myAccordion .item {
    margin: 0 0 20px;
}

.general .myAccordion .question {
    background: #bd8e26;
    cursor: pointer;
    position: relative;
}

.general .myAccordion .question h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    margin: 0;
    padding: 14px 16px;
    text-transform: uppercase;
}

.general .myAccordion .question .icon {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 19px;
    height: 19px;
    display: block;
    margin-top: -10px;
    background-position: -328px -91px;
}

.general .myAccordion .question.expanded .icon {
    background-position: -297px -68px;
}

.general .myAccordion .answer {
    display: none;
    padding: 15px;
}

.general .myAccordion .desc img {
    max-width: 100%;
    height: auto;
}

.general .ty-breadcrumbs {
    text-align: center;
    padding: 10px 0;
}

.general .ty-breadcrumbs a {
    color: #888;
}

.general .ty-breadcrumbs .ty-breadcrumbs__slash {
    padding: 0 5px;
    display: inline-block;
}

.general .ty-breadcrumbs .ty-breadcrumbs__current {
    color: #282828;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: contents;
    font-weight: normal;
}

.general .ty-breadcrumbs__big-size .ty-breadcrumbs {
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
}

.general .ty-breadcrumbs__big-size .ty-breadcrumbs a {
    color: #888;
}

.general .ty-breadcrumbs__big-size .ty-breadcrumbs .ty-breadcrumbs__slash {
    padding: 0 5px;
    display: inline-block;
}

.general .ty-breadcrumbs__big-size .ty-breadcrumbs .ty-breadcrumbs__current {
    color: #282828;
}

.general .ty-mainbox-simple-container h2.ty-mainbox-simple-title {
    font-size: 25.5px;
    line-height: 51.5px;
    text-align: center;
    font-weight: normal;
}

.general .mp-block-title-stars {
    padding: 0;
}

.general .mp-block-title-stars h2 {
    border-bottom: none;
    text-align: center;
    font-weight: normal;
    font-size: 25.5px;
    letter-spacing: 0.3px;
    color: #282828;
    padding: 0;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.02;
}

.general h2.ty-mp-mainbox-title-h2 {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.3px;
    font-family: Roboto, sans-serif;
    color: #282828;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.02;
}

.general h2.ty-mp-mainbox-title-h2 a {
    font-size: 18px;
    letter-spacing: 0.3px;
    text-transform: capitalize;
}

.general h2.ty-mp-mainbox-title-h2::before {
    content: "";
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    margin-top: 80px;
    background-position: -426px -121px;
    width: 55px;
    height: 55px;
}

.general .ty-mp-mainbox-description {
    font-size: 17px;
    font-family: Roboto, sans-serif;
    color: #282828;
}

.general .ty-mp-mainbox-description p {
    font-size: 17px;
    font-family: Roboto, sans-serif;
    color: #282828;
}

.general .mp-flexible-banner.banner-flexible-column-2,
.general .collection-container.collection-top-items {
    padding-top: 45px;
    position: relative;
}

.general .mp-flexible-banner.banner-flexible-column-2 .ty-center.description,
.general .collection-container.collection-top-items .ty-center.description {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-align: center;
    color: #282828;
    line-height: 2.02;
    margin-top: 20px;
    font-style: normal;
    font-stretch: normal;
}

.general .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.banners-carousel,
.general .mp-flexible-banner.banner-flexible-column-2 .collections-home.flexbox-container,
.general .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.collections-home,
.general .collection-container.collection-top-items .owl-carousel.banners-carousel,
.general .collection-container.collection-top-items .collections-home.flexbox-container,
.general .collection-container.collection-top-items .owl-carousel.collections-home {
    width: 89%;
    margin: auto;
}

.general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside,
.general .collection-container.collection-top-items .owl-controls-outside {
    top: 45%;
}

.general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside .button-prev,
.general .collection-container.collection-top-items .owl-controls-outside .button-prev {
    left: 8px;
}

.general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside .button-next,
.general .collection-container.collection-top-items .owl-controls-outside .button-next {
    right: 8px;
}

.general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside {
    top: 40% !important;
}

.general .mp-flexible-banner.banner-flexible-column-2 .banner-name {
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-align: center;
    color: #282828;
    line-height: 1.0;
    text-transform: uppercase;
    margin-top: 20px;
    font-style: normal;
    font-stretch: normal;
}

.general .mp-flexible-banner.banner-flexible-column-2 a.banner__link {
    color: #282828;
}

.general .mp-flexible-banner.banner-flexible-column-2 .banner-short-description {
    color: #282828;
}

.general .mp-flexible-banner.banner-flexible-column-2 .banner-short-description p {
    color: #282828;
}

.general .mp-flexible-banner.banner-flexible-column-2 .banner-title {
    font-weight: bold;
}

.general .mp-collection-flexiblle .owl-controls-outside {
    bottom: auto;
}

.general .mp-collection-flexiblle .owl-controls-outside .owl-buttons {
    position: absolute;
}

.general .mp-collection-flexiblle .owl-controls-outside .owl-prev-button {
    left: 0;
    position: absolute;
}

.general .mp-collection-flexiblle .owl-controls-outside .owl-prev-button i.mp-sprite {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 41px;
    background-position: -2px -74px;
}

.general .mp-collection-flexiblle .owl-controls-outside .owl-next-button {
    position: absolute;
    right: 0;
}

.general .mp-collection-flexiblle .owl-controls-outside .owl-next-button i.mp-sprite {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 41px;
    background-position: -32px -74px;
}

.general .mp-floor-header.mp-block-title-stars {
    padding: 25px 0 0;
}

.general .mp-floor-header.mp-block-title-stars h2 {
    border: none;
    color: #282828;
    font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1130px) {
    .general .ty-column4 {
        width: 25%;
    }

    .general .ty-pagination-container .grid-list .ty-column3 {
        width: 33%;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .row-desktop-small-2 .flexbox-container .collection__item,
    .general .mp-flexible-banner.banner-flexible-column-2 .row-tablet-2 .flexbox-container .collection__item {
        width: calc(100% / 2);
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        margin: auto;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.collections-home,
    .general .collection-container.collection-top-items .owl-carousel.collections-home {
        width: 90%;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside .button-prev,
    .general .collection-container.collection-top-items .owl-controls-outside .button-prev {
        left: 8px;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside .button-next,
    .general .collection-container.collection-top-items .owl-controls-outside .button-next {
        right: 8px;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .ty-banner__image-item a.banner__link,
    .general .mp-flexible-banner.banner-flexible-column-2 .image-item a.banner__link,
    .general .collection-container.collection-top-items .ty-banner__image-item a.banner__link,
    .general .collection-container.collection-top-items .image-item a.banner__link {
        color: #282828;
    }

    .general .mp-flexible-banner.banner-flexible-column-2 .ty-banner__image-item .cm-image,
    .general .mp-flexible-banner.banner-flexible-column-2 .ty-banner__image-item img,
    .general .mp-flexible-banner.banner-flexible-column-2 .image-item .cm-image,
    .general .mp-flexible-banner.banner-flexible-column-2 .image-item img,
    .general .collection-container.collection-top-items .ty-banner__image-item .cm-image,
    .general .collection-container.collection-top-items .ty-banner__image-item img,
    .general .collection-container.collection-top-items .image-item .cm-image,
    .general .collection-container.collection-top-items .image-item img {
        max-width: 97%;
    }
}

@media only screen and (min-width: 310px) and (max-width: 767px) {
    .general .ty-pagination-container .grid-list .ty-column3 {
        width: 50%;
    }
}

.general .content-box-outer {
    background: #f9f9f9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 0 0 20px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .content-box-outer .title-box {
    color: #003468 !important;
}

.general .content-box-outer ul {
    margin: 10px 10px 10px 50px;
}

.general .content-box-outer ul>li {
    line-height: 26px !important;
    position: relative;
}

.general .content-box-outer ul>li::before {
    content: '' !important;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block !important;
    background-position: -764px -187px;
    width: 16px;
    height: 14px;
    padding-right: 10px;
    position: absolute;
    left: -25px;
    top: 6px;
}

.general .content-box-outer ul>li a {
    font-weight: bold;
    color: #337ab7;
}

.general .content-box-outer ul>li a:hover {
    text-decoration: underline;
}

.general div[id*='call_request'] .gift-birth,
.general div[id*='installment'] .gift-birth,
.general div[id*="send_info"] .gift-birth {
    margin: 10px 0;
}

.general div[id*='call_request'] .gift-birth span,
.general div[id*='installment'] .gift-birth span,
.general div[id*="send_info"] .gift-birth span {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    font-size: 12px;
    line-height: 18px;
}

.general div[id*="send_info"] .ty-control-group input,
.general div[id*="send_info"] .ty-control-group .select2-container .select2-selection--single {
    border-radius: 5px;
}

.general.mobile#orders .ty-pagination__items {
    margin: 15px 0;
}

.general.mobile .ty-payments-list__instruction {
    width: 100%;
}

.general.mobile .ty-profile-field__switch:not(.ty-password-switch) {
    border: 1px solid #d1d1d1;
}

.general.mobile .ty-ajax-overlay.overlay-has-filter {
    background: #000 !important;
    display: block !important;
}

.general.mobile .has-scroll-filter .row-fluid>div:last-child {
    margin: 0;
    width: 100%;
}

.general.mobile .mp-steptwo-cart-alert-delivery.notification-content {
    margin-bottom: 10px;
}

.general.mobile .ty-mainbox-title {
    padding: 9px 0;
    font-size: 18px !important;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .mp-captcha .help-inline {
    text-align: center;
}

.general.mobile .mp-floor-header h2,
.general.mobile .ty-checkout__title {
    font-size: 18px !important;
}

.general.mobile .ty-tabs__a,
.general.mobile .ty-tabs .subtab a {
    font-size: 14px !important;
}

.general.mobile .profile-information-grid,
.general.mobile .auth-information-grid {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .ty-text-links_show_inline .ty-text-links__item {
    border-bottom: 1px solid #f1f1f1;
    box-shadow: 0 0 2px -1px #ddd;
    padding: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .ty-text-links_show_inline .ty-text-links__item .ty-text-links__a {
    display: block;
    color: #353535;
    font-size: 13px;
    padding: 9px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .ty-grid-list__item {
    border: none;
    box-shadow: none;
}

.general.mobile .pnj-banner-main-v1 {
    margin-bottom: 10px;
}

.general.mobile .banner-grid .ty-owl-controls {
    display: none;
}

.general.mobile .hover-text-banner .bn-custom-html {
    display: none;
}

.general.mobile .m-products-wrapper {
    overflow: auto;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    width: 100%;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -moz-display: flex;
}

.general.mobile .m-products-wrapper .ty-scroller-list__item {
    margin: 0 8px 0 0;
}

.general.mobile .ty-scroller-list__img-block {
    min-height: 150px;
}

.general.mobile .hover-action-banner .ty-banner__image-item .banner__link {
    display: inline-block;
    min-height: 200px;
    width: 100%;
}

.general.mobile .hover-action-banner .owl-wrapper-outer .owl-wrapper,
.general.mobile .hover-action-banner .owl-wrapper-outer .owl-item,
.general.mobile .hover-action-banner .owl-wrapper-outer .ty-banner__image-item,
.general.mobile .hover-action-banner .owl-wrapper-outer img {
    height: 100%;
    width: 100%;
}

.general.mobile .mp-flexbox-banners {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    width: 100%;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -moz-display: flex;
    overflow: auto;
}

.general.mobile .mp-flexbox-banners .ty-banner__image-item {
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    position: relative;
    width: 170px;
}

.general.mobile .mp-flexbox-brands {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    width: 100%;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -moz-display: flex;
    overflow: auto;
}

.general.mobile .mp-flexbox-brands .ty-center {
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    position: relative;
    width: 90px;
}

.general.mobile .full-width-row-fluid .ty-mainbox-container {
    padding: 0;
}

.general.mobile .mp-collection-flexiblle {
    margin-bottom: 10px;
}

.general.mobile .footer-links-page {
    display: block !important;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .footer-links-page .ty-menu__menu-btn {
    display: none !important;
}

.general.mobile .footer-links-page .ty-menu__icon-open,
.general.mobile .footer-links-page .ty-menu__icon-hide {
    top: 0;
    right: 15px;
}

.general.mobile .footer-links-page .ty-menu__item-toggle {
    height: 45px;
    right: 0;
}

.general.mobile .footer-links-page .ty-menu__item:last-child {
    border-bottom: 1px solid #d1d1d1;
}

.general.mobile .footer-links-page .ty-menu__submenu .ty-menu__submenu-items {
    display: inline-block !important;
    left: unset !important;
    position: static !important;
    width: 100%;
}

.general.mobile .footer-links-page .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link {
    padding: 10px 15px;
    box-sizing: border-box;
}

.general.mobile .footer-links-page .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link::after {
    content: none;
    position: static;
}

.general.mobile .tygh-footer .pnj-special {
    display: inline-flex;
    overflow-x: scroll;
    width: 100%;
}

.general.mobile .tygh-footer .pnj-special li {
    flex: 0 0 auto;
    margin: 25px 10px 10px 0;
    height: unset;
}

.general.mobile .tygh-footer .pnj-special li a {
    padding: 8px 3px 0;
}

.general.mobile .tygh-footer .pnj-special li .outer-sprite {
    display: table;
    margin: 0 auto;
}

.general.mobile .tygh-footer .pnj-special li i {
    float: none;
}

.general.mobile .tygh-footer .pnj-special li .text-special {
    float: none;
    height: unset;
    width: 100%;
    text-align: center;
    padding: 5px;
}

.general.mobile .tygh-footer .pnj-special li .text-special h4 {
    font-size: 12px;
}

.general.mobile .tygh-footer .pnj-special li .text-special span {
    font-size: 10px;
    white-space: normal;
}

.general.mobile .tygh-footer .footer-copyright.pnj-company {
    margin-bottom: 30px;
}

.general.mobile .footer-block-product-see {
    padding: 0;
}

.general.mobile .mp-mobile-footer {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    width: 100%;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button a {
    background: #f1f1f1;
    border-right: 1px solid #e4e4e4;
    text-transform: none;
    text-align: center;
    height: 42px;
    position: relative;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button a span {
    font-size: 12px;
    color: #7c7c7c;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button a:last-child {
    border-right: none;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .scroll-to-top,
.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .chat {
    background-image: unset !important;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .scroll-to-top::before,
.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .chat::before {
    color: #7c7c7c;
    margin-right: 5px;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .scroll-to-top::before {
    content: "\f0aa";
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .chat::before {
    content: "\f1d7";
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .subiz_status {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}

.general.mobile .mp-mobile-footer .mp-footer-common .ty-common-block__button .subiz_status a {
    display: inline-block;
    width: 100% !important;
    text-align: center;
    padding-top: 14px !important;
}

.general.mobile .mp-mobile-footer div[class*="button-items"] {
    margin: 0 !important;
}

.general.mobile .mp-mobile-footer div[class*="button-items"] a {
    float: left;
    margin: 0 !important;
    padding: 12px 5px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .mp-mobile-footer .button-items-2 a {
    width: 50% !important;
}

.general.mobile .mp-mobile-footer .button-items-3 a {
    width: 33.33% !important;
}

.general.mobile .mp-mobile-footer .button-items-4 a {
    width: 25% !important;
    min-width: unset;
}

@media only screen and (max-width: 320px) {
    .general.mobile .mp-mobile-footer .button-items-4 a.ty-consultant {
        padding: 5px !important;
    }
}

.general.mobile .cm-scroll-down .scrolling,
.general.mobile cm-scroll-up .scrolling {
    display: inline-block;
}

.general.mobile .ty-form-builder__description {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .question-list,
.general.mobile .pages-pnj .std,
.general.mobile .pages-pnj .page-title {
    padding: 0 10px;
    text-align: justify;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile div[id*='call_request'] .ty-control-group .ty-control-group__title,
.general.mobile div[id*='installment'] .ty-control-group .ty-control-group__title,
.general.mobile div[id*="send_info"] .ty-control-group .ty-control-group__title {
    display: none;
}

.general.mobile div[id*='call_request'] .ty-control-group input,
.general.mobile div[id*='call_request'] .ty-control-group>.select2-container,
.general.mobile div[id*='call_request'] .ty-control-group .group-date-of-birth,
.general.mobile div[id*='installment'] .ty-control-group input,
.general.mobile div[id*='installment'] .ty-control-group>.select2-container,
.general.mobile div[id*='installment'] .ty-control-group .group-date-of-birth,
.general.mobile div[id*="send_info"] .ty-control-group input,
.general.mobile div[id*="send_info"] .ty-control-group>.select2-container,
.general.mobile div[id*="send_info"] .ty-control-group .group-date-of-birth {
    width: 100% !important;
}

.general.mobile .mp-info-product-pattern .control-group .control-label {
    display: none;
}

.general.mobile .mp-info-product-pattern .control-group .controls {
    width: 100%;
}

.general.mobile .mp-collection-orther .collection-row .collection__item {
    min-height: 150px;
}

.general.mobile .mp-info-customer-product-pattern .cm-object-selector {
    width: 100% !important;
}

.general.mobile .ousite-video {
    background: #000;
    opacity: 0.6;
}

.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-5,
.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-4,
.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-3 {
    display: inline-flex !important;
    overflow-x: scroll;
}

.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-5 .item,
.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-4 .item,
.general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .item-3 .item {
    flex: 0 0 auto;
    width: 185px !important;
}

.general.mobile .post-detail-content .item-5,
.general.mobile .post-detail-content .item-4,
.general.mobile .post-detail-content .item-3 {
    display: inline-flex !important;
    overflow-x: scroll;
}

.general.mobile .post-detail-content .item-5 .item,
.general.mobile .post-detail-content .item-4 .item,
.general.mobile .post-detail-content .item-3 .item {
    flex: 0 0 auto;
    width: 185px !important;
}

@media only screen and (max-width: 500px) {

    .general.mobile .post-detail-content .answer .ty-float-left,
    .general.mobile .post-detail-content .answer .ty-float-right {
        float: none;
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .general.mobile .ty-cart-content__estimation .ty-estimation-buttons {
        padding: 10px;
    }

    .general.mobile .ty-cart-content__estimation .ty-estimation-buttons a {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general.mobile .ty-order-summary {
        margin-top: 10px;
    }

    .general.mobile .hover-action-banner:not(.mp-collection-flexiblle) .bn-custom-html {
        display: none;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html {
        padding: 5px;
        position: static;
        text-align: center;
        transform: unset;
        width: 100%;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer {
        text-align: center;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer .title {
        font-size: 16px;
        margin: 10px 0 5px;
        line-height: unset;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer .shor-description {
        font-size: 12px;
        height: 40px;
        line-height: 20px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer .action {
        border: 1px solid #ccc !important;
        width: 140px;
        vertical-align: middle;
    }

    .general.mobile .footer-links-page .ty-menu__item {
        margin-bottom: 10px;
    }

    .general.mobile .footer-links-page .ty-menu__item .ty-menu__submenu {
        display: none;
    }

    .general.mobile .footer-links-page .ty-menu__item.footer-item__active .ty-menu__submenu {
        display: inline-block;
        width: 100%;
    }

    .general.mobile .about-grid .ty-footer-menu__item {
        border: none;
    }

    .general.mobile .brand-flexible-main-home:first-child {
        margin-bottom: 10px;
    }

    .general.mobile .mp-notes .help-inline {
        padding: 0 5px !important;
    }

    .general.mobile .mp-info-customer-product-pattern .ty-control-group {
        padding: 0 !important;
    }

    .general.mobile .mp-info-customer-product-pattern .ty-control-group .help-inline {
        padding-left: 0 !important;
    }

    .general.mobile .tygh-footer .pnj-special li {
        width: 99px;
    }
}

@media only screen and (min-width: 768px) {

    .general.mobile .footer-links-page .ty-menu__item-link,
    .general.mobile .footer-links-page .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link {
        padding: 10px 5px;
    }

    .general.mobile .about-grid .ty-footer-menu__item {
        border: medium none;
        display: inline-block;
    }

    .general.mobile .micro-menu .microMenu .microDropdown>ul {
        justify-content: center;
    }

    .general.mobile .mp-info-customer-product-pattern .ty-control-group:not(.mp-notes) .help-inline {
        padding-left: 0;
    }

    .general.mobile .tygh-footer .pnj-special li {
        width: calc((100% - 40px) / 5);
        width: -webkit-calc((100% - 40px) / 5);
        width: -moz-calc((100% - 40px) / 5);
    }

    .general.mobile div[id*="content_installment"] .object-container {
        max-height: 950px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .general.mobile .mp-search-date {
        width: 100%;
    }

    .general.mobile .tygh-footer .pnj-special li .text-special span {
        padding: 0 20px;
    }

    .general.mobile .hover-action-banner:not(.outter-box) .ty-banner__image-item .banner__link {
        height: 300px;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer .title {
        font-size: 20px;
    }

    .general.mobile .mp-collection-flexiblle .bn-custom-html .box-outer .shor-description {
        font-size: 13px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .general.mobile .mp-info-product-pattern {
        box-sizing: border-box;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .general.mobile .hover-action-banner:not(.outter-box) .ty-banner__image-item .banner__link {
        height: 350px;
    }

    .general.mobile .brand-flexible-main-home {
        margin-top: 10px;
    }
}

.general.mobile .banner-category-collection {
    margin-bottom: 40px;
}

.general.mobile .banner-category-collection .owl-controls {
    bottom: -35px !important;
}

.general.mobile .banner-category-collection img {
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .general.mobile .ty-pagination-container .grid-list .product-item {
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {

    .general.mobile .ty-pagination-container .grid-list .product-item:nth-child(2n),
    .general.mobile .ty-pagination-container .grid-list .product-item:last-child {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .general.mobile .ty-pagination-container .grid-list .product-item:nth-child(3n),
    .general.mobile .ty-pagination-container .grid-list .product-item:last-child {
        margin-right: 0;
    }
}

.general.mobile .ca-group-special .ca-view-all {
    margin: 20px 0 25px;
}

.general.mobile .ca-group-special .mp-product-block {
    margin: 35px 0;
}

.general.mobile .ca-group-special .mp-product-block .product-item {
    min-height: 200px;
}

@media screen and (max-width: 767px) {
    .general.mobile #pagination_contents .product-item .product-image .ty-no-image {
        min-height: 150px !important;
    }

    .general.mobile .ca-group-special .ca-subcategory-outer {
        display: table;
        margin: 0 auto;
    }

    .general.mobile .ca-group-special .ca-subcategory-outer .ca-subcategory {
        display: block;
        width: 100%;
    }

    .general.mobile .ca-group-special .ca-subcategory-outer .ca-subcategory li {
        flex: initial;
        padding: 5px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
    }

    .general.mobile .ca-group-special .ca-subcategory-outer .ca-subcategory li a {
        padding: 0 5px;
    }

    .general.mobile .ca-group-special .mp-product-block {
        margin-bottom: 10px;
    }

    .general.mobile .ca-group-special .mp-product-block .mp-flexbox-product {
        display: inline-block;
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general.mobile .ca-group-special .mp-product-block .product-item {
        width: 50%;
        float: left;
        margin: 0 0 15px;
    }
}

.general.mobile .d-mp-sub-categories,
.general.mobile .d-vertical-sub-categories {
    display: none;
}

.general.mobile #pagination_contents .product-item .product-image {
    height: 100%;
    width: 100%;
    min-height: inherit;
    min-height: auto;
}

.general.mobile #pagination_contents .product-item .product-container {
    min-height: 85px;
    border: 1px solid transparent;
}

.general.mobile #pagination_contents .product-item .product-container .product-prices {
    min-height: 55px;
}

.general.mobile .product_filter_selected.scroll-filter-selected {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
    margin: 0;
    z-index: 1000;
    padding: 10px;
}

.general.mobile .lp-block-promo {
    padding: 0;
}

.general.mobile .introduce-collection {
    margin-top: 20px;
}

.general.mobile .mp-group-promotion-page .mp-flexible-banner>.ty-owl-controls {
    display: none;
}

.general.mobile .mp-group-promotion-page .mp-floor-header {
    margin-bottom: 10px;
}

.general.mobile .mp-group-promo-collection-highlights .mp-flexible-banner .owl-controls {
    bottom: -200px;
}

.general.mobile .lp-under .short-desciption {
    min-height: 36px;
}

.general.mobile .mp-group-promo-video-highlight .mp-flexible-banner .owl-controls {
    bottom: -30px;
}

.general.mobile .category-description {
    display: inline-block;
    width: 100%;
    line-height: 22px;
}

@media screen and (max-width: 767px) {
    .general.mobile .icon-video-play {
        transform: scale(0.4);
    }

    .general.mobile .mp-group-promo-collection-highlights .mp-flexible-banner .owl-controls {
        bottom: -235px;
    }

    .general.mobile .lp-under .short-desciption {
        min-height: 72px;
    }
}

.general.mobile .ty-tygh .ty-grid-list__image .ty-no-image {
    min-width: 100% !important;
}
/*
.general.mobile .main-content-grid .cm-product-filters {
    display: none !important;
} */

.general.mobile .main-content-grid .cm-product-filters {
    display: flex !important;
}

.general.mobile .main-content-grid .sortings-wrapper-title {
    display: none;
}

.general.mobile .cm-product-filters-checkbox-container {
    text-align: left;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__list .ty-tabs__item .outer-icon i.mp-sprite {
    background: none !important;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__list .ty-tabs__item .outer-icon i.mp-sorting::before,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__list .ty-tabs__item .outer-icon i.mp-filter:before {
    content: " ";
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 7px;
    background-position: -155px -123px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__list .ty-tabs__item.active .outer-icon i.mp-sorting::before,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__list .ty-tabs__item.active .outer-icon i.mp-filter:before {
    transform: rotate(180deg);
}

.general.mobile .mp-mobile-top-panel-tabs #categories_menu {
    display: none;
}

.general.mobile .ty-sort-container {
    display: block;
}

.general.mobile .main-content-grid {
    padding: 0 10px;
    width: 100% !important;
    margin: 0;
}

.general.mobile .main-content-grid .ty-sort-container {
    display: none;
}

.general.mobile .has-scroll-filter {
    padding: 0 10px;
}

.general.mobile .ty-pagination {
    margin: 0;
    padding: 0 0 20px 0;
}

.general.mobile .banner-style .owl-controls {
    bottom: 0;
}

.general.mobile .product_filter_selected {
    padding: 5px 0 10px;
    display: none;
}

.general.mobile .ty-breadcrumbs__big-size .ty-breadcrumbs {
    font-size: 14px;
}

.general.mobile .ty-breadcrumbs__big-size .ty-breadcrumbs a {
    font-size: 14px;
}

.general.mobile .ty-breadcrumbs__big-size .ty-breadcrumbs .ty-breadcrumbs__slash {
    font-size: 14px;
}

.general.mobile .ty-breadcrumbs__big-size .ty-breadcrumbs .ty-breadcrumbs__current {
    font-size: 14px;
}

.general.mobile .ty-mainbox-simple-container h2.ty-mainbox-simple-title {
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: normal;
}

.general.mobile .mp-block-title-stars {
    padding: 10px 0 0 0;
}

.general.mobile .mp-block-title-stars h2 {
    border-bottom: none;
    font-size: 17.5px;
}

.general.mobile h2.ty-mp-mainbox-title-h2 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

.general.mobile h2.ty-mp-mainbox-title-h2 a {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

.general.mobile h2.ty-mp-mainbox-title-h2::before {
    content: "";
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: block;
    width: 55px;
    height: 55px;
    margin: 30px auto 20px auto;
    background-position: -426px -121px;
}

.general.mobile .ty-mp-mainbox-description {
    font-size: 14px;
    padding: 0 20px;
}

.general.mobile .ty-mp-mainbox-description p {
    font-size: 14px;
}

.general.mobile .mp-flexible-banner.banner-flexible-column-2,
.general.mobile .collection-container.collection-top-items {
    padding-top: 20px;
}

.general.mobile .mp-flexible-banner.banner-flexible-column-2 .collections-home.flexbox-container,
.general.mobile .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.banners-carousel,
.general.mobile .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.collections-home,
.general.mobile .collection-container.collection-top-items .collections-home.flexbox-container,
.general.mobile .collection-container.collection-top-items .owl-carousel.banners-carousel,
.general.mobile .collection-container.collection-top-items .owl-carousel.collections-home {
    width: 100%;
    margin: auto;
}

.general.mobile .mp-flexible-banner.banner-flexible-column-2 .banner-name,
.general.mobile .mp-flexible-banner.banner-flexible-column-2 .ty-center.description,
.general.mobile .collection-container.collection-top-items .banner-name,
.general.mobile .collection-container.collection-top-items .ty-center.description {
    font-size: 18px;
    line-height: 2.02;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: bold;
}

.general.mobile .mp-flexible-banner.banner-flexible-column-2 .owl-controls-outside,
.general.mobile .collection-container.collection-top-items .owl-controls-outside {
    display: none;
}

.general.mobile .tygh-content .ty-mainbox-container {
    padding: 0;
}

.general.mobile .banner-detail-product-outer {
    margin: 10px 0 25px 0;
}

.general.mobile .banner-detail-product-outer .banner-style {
    min-height: auto;
    max-height: initial;
}

.general.mobile .banner-detail-product-outer .banner-style .owl-controls {
    z-index: auto;
    top: 37%;
}

.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-prev,
.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-next {
    z-index: 10;
}

.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-prev i.mp-sprite,
.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-next i.mp-sprite {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-prev {
    left: 10px;
}

.general.mobile .banner-detail-product-outer .banner-style .owl-controls .owl-buttons .owl-next {
    right: 10px;
}

.general.mobile .banner-detail-product-outer .banner-style .owl-wrapper-outer {
    min-height: auto;
}

.general.mobile .ui-widget-content.ui-dialog .object-container {
    overflow-y: scroll;
    overflow-x: hidden;
}

.general.mobile .ui-widget-content.ui-dialog .object-container .mp-info-left {
    display: none;
}

@media only screen and (min-width: 768px) {
    .general.mobile .ui-widget-content.ui-dialog .object-container .mp-info-left {
        display: block;
    }
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card {
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    padding: 13px;
    float: none;
    width: 100%;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .buynow_place_order_title,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .buynow_place_order_title {
    display: block;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 16px;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .ty-control-group,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .ty-control-group {
    margin: 0 0 12px 0;
    padding: 0;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .ty-control-group select,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .ty-control-group select {
    width: 100%;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .ty-control-group.error,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .ty-control-group.error {
    margin-bottom: 17px;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .ty-receipt-method-control-B.warehouses,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .mp-change-receipt-method,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .ty-receipt-method-control-B.warehouses,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .mp-change-receipt-method {
    width: 100%;
    border-color: #777 !important;
}

.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .cr-popup-error-box,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__top .ty-receipt-method-control-B.warehouses,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .cr-popup-error-box,
.general.mobile .ui-widget-content.ui-dialog .mp_buynow__bottom.ty-credit-card .ty-receipt-method-control-B.warehouses {
    padding-bottom: 0;
}

.general.mobile .ui-widget-content.ui-dialog .select2-selection--single {
    border-color: #777 !important;
}

.general.mobile #mp-product-description-general-v2.mp-silver .mp-sprite,
.general.mobile #mp-product-description-general-v2.mp-silver .logo-sprite {
    position: relative;
    top: -8px;
}

.general.mobile .mobile-product-tabs li {
    display: block;
    float: left !important;
    width: 100%;
}

.general.mobile .content-box-outer ul {
    margin: 10px 0 10px 40px;
}

@media screen and (max-width: 767px) {
    .general.mobile h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong {
        margin-bottom: 10px;
    }

    .general.mobile h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong::before {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        margin-top: 15px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer {
        width: 100%;
        min-height: inherit;
        top: 0;
        padding: 25px 20px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-name {
        font-size: 25px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-title {
        margin-top: 0;
    }

    .general.mobile .mp-banner-flexible .flexible-text-right .banner-box-description-outer {
        right: 0;
    }

    .general.mobile .mp-banner-flexible .flexible-text-left .banner-box-description-outer {
        left: 0;
    }

    .general.mobile .lst-title-banner .item-outer {
        padding: 6px 10px;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners {
        display: inline-block;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners .ty-banner__image-item {
        margin: 0 0 10px;
        padding: 0 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners .ty-center.description {
        margin-top: 10px;
        line-height: 30px;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexible-banner.banner-flexible-column-2 {
        padding-top: 0;
    }

    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls:not(.owl-controls-outside) .owl-page span {
        background: #fff;
    }

    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .mp-sprite {
        width: 20px;
    }

    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .ty-icon-left-open-thin,
    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .owl-prev i,
    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .ty-icon-right-open-thin,
    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .owl-next i {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
    }

    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .owl-prev {
        left: 10px;
    }

    .general.mobile .mp-bi-an-kc-has-text-tab .owl-controls-outside .owl-next {
        right: 10px;
    }

    .general.mobile .mp-flexible-products-outer:not(.grid-list) .product-item:first-child {
        margin-left: 10px;
    }

    .general.mobile .mp-flexible-products-outer:not(.grid-list) .product-item:last-child:after {
        content: '';
        display: block;
        width: 10px;
        position: absolute;
        top: 0;
        right: -10px;
        height: 10px;
    }
}

@media screen and (max-width: 499px) {
    .general.mobile .lst-title-banner {
        justify-content: inherit;
    }
}

@media screen and (max-width: 360px) {
    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-short-description {
        line-height: 20px;
        font-size: 12px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-name {
        font-size: 22px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-title {
        font-size: 12px;
    }
}

@media screen and (min-width: 450px) and (max-width: 767px) {
    .general.mobile .mp-banner-flexible .banner-box-description-outer {
        top: 5%;
    }
}

@media screen and (min-width: 768px) {
    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners {
        display: inline-block;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners .ty-banner__image-item {
        width: calc((100% - 20px) / 2) !important;
        width: -webkit-calc((100% - 20px) / 2) !important;
        width: -moz-calc((100% - 20px) / 2) !important;
        float: left;
        margin: 0;
    }

    .general.mobile .mp-flexible-cate-page-diamond .mp-flexbox-banners .ty-banner__image-item:first-child {
        margin-right: 20px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer {
        top: 120px;
        right: unset;
        right: inherit;
        left: calc((100% - 500px) / 2);
        left: -webkit-calc((100% - 500px) / 2);
        left: -moz-calc((100% - 500px) / 2);
    }
}

@media screen and (min-width: 768px) and (max-width: 1999px) {
    .general.mobile .new-cate-none-carousel .params-new span {
        font-size: 12px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-name {
        font-size: 30px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-short-description {
        font-size: 16px;
        margin-top: 10px;
    }

    .general.mobile .mp-banner-flexible .banner-box-description-outer .banner-title {
        font-size: 16px;
    }
}

.general .ListBankCSS {
    margin-bottom: 20px;
}

.general .ty-order-summary {
    margin-top: 70px;
}

.general .order-products .product-options__note {
    display: none;
}

.general .order-products .ty-product-options-content * {
    font-size: 11px !important;
}

.general .order-products .ty-product-options-content a:hover {
    color: #bd8e26;
}

.general .ty-payments-list__description {
    color: #666;
    font-size: 12px;
}

.general .ty-payments-list__instruction {
    background: #f1f1f1 none repeat scroll 0 0;
    border-left: 5px solid #ccc;
    box-sizing: border-box;
    height: 100%;
    padding: 15px;
}

.general .ty-payments-list__instruction>p {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    padding: 0;
}

.general .ty-payments-list__instruction>p a {
    font-size: 12px;
    color: #bd8e26;
}

.general .ty-discussion-post {
    border-color: #d1d1d1;
}

.general .ty-discussion-post__date {
    font-size: 13px;
    color: #333;
}

.general .ty-discussion-post__author {
    font-weight: bold;
}

.general .ty-discussion-post__message,
.general .ty-discussion-post__author {
    color: #333;
}

.general .ty-value-changer {
    box-sizing: border-box;
    background-color: #fff;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    max-width: 120px;
}

.general .ty-value-changer>a,
.general .ty-value-changer>input {
    flex: 0 0 auto;
    width: 40px;
    text-align: center;
    color: #7f7f7f;
}

.general .ty-value-changer .ty-value-changer__decrease,
.general .ty-value-changer .ty-value-changer__increase {
    line-height: 25px;
    display: inline-block;
    color: #7f7f7f;
    height: 25px;
    margin-bottom: 0;
    background: transparent;
    font-size: 14px;
}

.general .ty-value-changer .ty-value-changer__input {
    width: 25px;
    text-align: center;
    height: 25px;
}

@media only screen and (max-width: 767px) {
    .general#rma.returns .ty-rma-return__table {
        border-right: 1px solid #d1d1d1;
    }

    .general#rma.returns .ty-rma-return__table td {
        padding: 5px 8px;
    }

    .general#rma.returns .ty-rma-return__table td .table td {
        padding: 5px 8px;
    }

    .general#rma.returns .ty-rma-return__table td .ty-table__responsive-content {
        text-align: left;
    }
}

@media only screen and (min-width: 767px) {

    .general#rma.returns .ty-section__body form>.ty-control-group:nth-child(1),
    .general#rma.returns .ty-section__body form>.ty-control-group:nth-child(2) {
        display: inline-block;
        float: none;
        clear: none;
        margin-right: 50px;
    }

    .general#rma.returns .ty-section__body form .ty-period {
        display: inline-block;
        width: 100%;
    }

    .general#rma.returns .ty-section__body form .ty-period .ty-control-group {
        display: inline-block;
        float: left;
        margin-right: 30px;
        width: unset;
    }

    .general#rma.returns .ty-section__body form .ty-period .ty-control-group .ty-period__select {
        width: 250px;
    }

    .general#rma.returns .ty-section__body form .ty-period .ty-control-group .ty-calendar__input {
        min-width: 250px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .general#rma.returns .ty-section__body form .ty-period .ty-control-group {
        margin-right: 0;
    }

    .general#rma.returns .ty-section__body form .ty-period .ty-control-group .ty-period__select {
        width: 160px;
    }
}

.general#rma.details .ty-mainbox-title {
    color: #333;
}

.general#rma.details .ty-mainbox-title .ty-status {
    padding-top: 0;
}

.general#rma.details .ty-mainbox-title .ty-status .ty-rma-status {
    font-size: 14px !important;
}

.general#rma.details .ty-rma-detail__actions {
    margin: 0;
}

.general#rma.details .ty-tabs {
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
    .general#rma.details .ty-mainbox-title .ty-date {
        font-size: 14px;
    }

    .general#rma.details .ty-mainbox-title .ty-status {
        float: none;
        padding-top: 0;
    }

    .general#rma.details .ty-mainbox-title .ty-status .ty-rma-status {
        padding: 4px 0 0;
    }

    .general#rma.details .ty-rma-detail__table {
        border-right-width: 1px;
        margin: 10px 0;
    }

    .general#rma.details .ty-rma-detail__table .ty-table__responsive-content {
        text-align: right;
    }
}

@media only screen and (max-width: 767px) {
    .general#reward_points.userlog .ty-reward-points-userlog {
        border-right-width: 1px;
    }

    .general#reward_points.userlog .ty-reward-points-userlog td,
    .general#reward_points.userlog .ty-reward-points-userlog .table td {
        padding: 5px 8px;
    }

    .general#reward_points.userlog .ty-reward-points-userlog .ty-table__responsive-header {
        width: 60px;
    }

    .general#reward_points.userlog .ty-reward-points-userlog .ty-table__responsive-content {
        text-align: left;
        display: inline-block;
        width: calc(100% - 5% - 60px);
        width: -webkit-calc(100% - 5% - 60px);
        width: -moz-calc(100% - 5% - 60px);
    }
}

.general.recover_password .ty-recover-password .ty-control-group .help-inline {
    position: static;
    padding-left: 0;
    height: unset;
}

@media only screen and (max-width: 767px) {
    .general.recover_password .ty-login-info {
        margin: 0;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.general#mp_membership .ty-mainbox-title {
    margin-top: 10px !important;
}

.general#mp_membership .membership-wrapper .search-panel {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
}

.general#mp_membership .membership-wrapper .search-panel .help-inline {
    display: inline-block;
    position: static;
    text-align: left;
    width: 100%;
}

.general#mp_membership .membership-wrapper .search-panel .ty-control-group {
    float: left;
    margin-right: 20px;
    width: calc((100% - 60px) / 4);
    width: -webkit-calc((100% - 60px) / 4);
    width: -moz-calc((100% - 60px) / 4);
}

.general#mp_membership .membership-wrapper .search-panel .ty-control-group.last-child {
    margin-right: 0;
}

.general#mp_membership .membership-wrapper .search-panel .ty-control-group input {
    width: 100%;
    border-radius: 5px;
}

.general#mp_membership .membership-wrapper .search-panel .ty-control-group .ty-calendar__block {
    width: 100%;
    min-width: 100%;
    position: relative;
}

.general#mp_membership .membership-wrapper .search-panel .ty-control-group-buttons {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 15px 0 5px;
}

.general#mp_membership .membership-wrapper .search-panel .ty-recaptcha {
    display: inline-block;
}

.general#mp_membership #mp_membership_get_transaction .mp-membership-customer-info {
    background: #fff none repeat scroll 0 0;
    margin: 20px 0 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general#mp_membership #mp_membership_get_transaction .membership-container-title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 15px;
    text-transform: uppercase;
    width: 100%;
}

.general#mp_membership #mp_membership_get_transaction .customer-info {
    display: inline-block;
    width: 100%;
}

.general#mp_membership #mp_membership_get_transaction .customer-info .ty-control-group {
    line-height: 20px;
    margin-right: 0 !important;
    width: 100% !important;
}

.general#mp_membership #mp_membership_get_transaction .customer-info .ty-control-group label {
    display: inline-block;
    float: left;
    width: 130px;
}

.general#mp_membership #mp_membership_get_transaction .customer-info .ty-control-group span {
    display: inline-block;
    float: left;
    width: calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
}

.general#mp_membership #mp_membership_get_transaction .card-info table {
    margin: 15px 0 30px;
    width: 100%;
}

.general#mp_membership #mp_membership_get_transaction .card-info table th,
.general#mp_membership #mp_membership_get_transaction .card-info table td {
    padding: 10px 5px;
    text-align: center;
    border: 1px solid #d1d1d1;
}

.general#mp_membership .membership-update-wrapper .ty-control-group-buttons {
    display: inline-block;
    margin: 30px 0;
    text-align: center;
    width: 100%;
}

.general#mp_membership .membership-update-wrapper .ty-control-group {
    float: left;
    margin-right: 25px;
    width: calc((100% - 75px) / 3);
    width: -webkit-calc((100% - 75px) / 3);
    width: -moz-calc((100% - 75px) / 3);
    height: 44px;
}

.general#mp_membership .membership-update-wrapper .ty-control-group label {
    display: inline-block;
    float: left;
    line-height: 35px;
    width: 120px;
}

.general#mp_membership .membership-update-wrapper .ty-control-group>input,
.general#mp_membership .membership-update-wrapper .ty-control-group .cm-object-selector,
.general#mp_membership .membership-update-wrapper .ty-control-group .select2-container.select2-container--default,
.general#mp_membership .membership-update-wrapper .ty-control-group .ty-calendar__block {
    float: left;
    width: calc(100% - 120px) !important;
    width: -webkit-calc(100% - 120px) !important;
    width: -moz-calc(100% - 120px) !important;
}

.general#mp_membership .membership-update-wrapper .ty-control-group .help-inline {
    bottom: -6px;
    padding-left: 115px;
}

.general#mp_membership .membership-update-wrapper .ty-control-group .ty-calendar__block .help-inline {
    bottom: unset;
    padding-left: 0;
}

@media only screen and (max-width: 767px) {
    .general#mp_membership .membership-wrapper .ty-control-group-buttons {
        text-align: center;
    }

    .general#mp_membership .membership-wrapper .ty-control-group {
        display: inline-block;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .general#mp_membership .membership-wrapper .ty-control-group input {
        width: 100%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group {
        display: inline-block;
        width: 100%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group input {
        width: 100%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group input.ty-calendar__input {
        min-width: 100%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group-buttons {
        text-align: center;
    }

    .general#mp_membership #mp_membership_get_transaction .mp-membership-customer-info {
        padding: 20px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .general#mp_membership .membership-update-wrapper .ty-control-group {
        float: left;
        margin-right: 20px;
        width: 30%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group input {
        width: 100%;
    }

    .general#mp_membership .membership-update-wrapper .ty-control-group input.ty-calendar__input {
        min-width: 100%;
    }
}

.general#product_features.view .banner-collection-descriptions .bn-custom-html .action {
    display: none;
}

.general#product_features.view .banner-collection-descriptions .bn-custom-html .shor-description {
    margin-bottom: 10px;
}

.general.login_form .ty-login__remember-me.ty-float-right {
    float: right;
}

.general#discussion .discussion-block {
    background: #fff;
    padding: 10px 10px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general #content_discussion {
    margin-top: 15px;
    width: 100%;
}

.general #content_discussion .ty-subheader {
    text-transform: uppercase;
}

.general.returns .ty-control-group__title {
    font-weight: bold;
}

.general.returns .ty-table tbody tr td:last-child {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .general.returns .ty-calendar__block {
        display: inline-block;
        position: relative;
        width: calc((100% - 22px) / 2);
        width: -webkit-calc((100% - 22px) / 2);
        width: -moz-calc((100% - 22px) / 2);
    }

    .general.returns .ty-calendar__block .ty-calendar__input {
        min-width: unset;
    }
}

.general#companies .ty-sidebox {
    margin-bottom: 10px;
}

.general#companies .ty-menu__item .ty-menu__item-link {
    color: #333;
}

.general#companies .vendor-search-grid input {
    border: 0 none;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    outline: 0 none;
    float: left;
}

.general#companies .vendor-search-grid button {
    background-color: #bd8e26;
    border: medium none;
    border-radius: 0 2px 2px 0;
    box-shadow: none;
    color: #565656;
    cursor: pointer;
    position: static;
}

.general.compare .ty-cr-product-button {
    padding: 7px;
}

.general.compare .ty-compare-products__product span[id^="old_price_update"] {
    display: none;
}

.general.compare .ty-compare-products__product .product-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.general.compare .ty-compare-products__product .ty-simple-list__buttons {
    padding: 0 0 7px;
}

.general.compare .ty-compare-products__product .ty-btn__add-to-cart,
.general.compare .ty-compare-products__product .ty-cr-product-button {
    width: calc(215px - 20px);
    width: -webkit-calc(215px - 20px);
    width: -moz-calc(215px - 20px);
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .mp-out-of-date-promotion-wrapper {
    background: #fff;
    display: table;
    margin: 0 auto 20px;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
    border: 1px solid #f1f1f1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .mp-out-of-date-promotion-wrapper .mp-ofd-title {
    color: #666;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 20px !important;
}

.general .mp-out-of-date-promotion-wrapper .mp-off-content {
    color: #666;
    line-height: 22px;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper {
    display: inline-block;
    margin: 15px 0 0;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div {
    display: inline-block;
    float: left;
    width: 300px;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div a h3 {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 45px;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div.go_to_hot_promotion {
    background: #bd8e26;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div.go_to_hot_promotion a h3 {
    color: #fff;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div.close_announcement {
    background: #e0e0e0;
    margin-right: 20px;
}

.general .mp-out-of-date-promotion-wrapper .mp-btn-wrapper>div.close_announcement a h3 {
    color: #666;
}

.general .pages-pnj {
    line-height: 1.42857;
}

.general .pages-pnj strong {
    font-weight: 600;
}

.general .pages-pnj .std strong span {
    font-weight: 600;
}

.general .pages-pnj .std em {
    font-style: italic;
}

.general .pages-pnj .std table {
    width: calc(100% - 15px) !important;
    width: -webkit-calc(100% - 15px) !important;
    width: -moz-calc(100% - 15px) !important;
}

.general .pages-pnj .container {
    max-width: 980px;
    width: unset;
}

.general .pages-pnj .container .h1Title {
    display: none;
}

.general .ty-form-builder__description {
    float: left;
    width: 50%;
}

.general .ty-form-builder__description .contact_info a {
    color: #337ab7;
}

.general .ty-sidebox {
    word-wrap: break-word;
    background: #fff;
    margin-bottom: 30px;
}

.general .ty-sidebox__title {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #dce3ea;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .touch .ty-sidebox__title {
    cursor: pointer;
}

.general .ty-sidebox__title-toggle {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    float: left;
    width: 35px;
    color: #9cb0c4;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
}

.general .ty-sidebox__icon-hide {
    display: none;
}

.general .ty-sidebox__title.open .ty-sidebox__icon-open {
    display: none;
}

.general .ty-sidebox__title.open .ty-sidebox__icon-hide {
    display: block;
}

.general .ty-sidebox .buttons-container {
    background: none;
    padding: 20px 0px;
}

.general .ty-rma-detail__actions i,
.general .ty-orders__actions i {
    display: inline-block;
    width: 20px;
    text-align: left;
    padding-top: 1px;
    vertical-align: top;
}

.general .ty-orders__actions {
    margin: 20px 0 10px;
}

.general .ty-orders__actions .ty-btn+.ty-btn {
    margin-left: 30px;
}

.general .ty-orders__actions-right {
    float: right;
}

.general .ty-orders__actions-right-item {
    float: left;
    margin-left: 25px;
}

.general .ty-orders-detail__table-code {
    color: #333;
    margin-top: 6px;
}

.general .vendor-info-grid {
    border-top: 1px solid #dce3ea;
    border-bottom: 1px solid #dce3ea;
    margin: 10px 0;
    padding: 15px 0;
}

.general .ty-vendor-information {
    text-align: right;
}

.general .brand-collection .description,
.general .mp-collection-orther .description {
    position: absolute;
    z-index: 1;
    text-transform: uppercase;
    font-size: 17px;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    right: 50%;
    margin: 0 auto;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}

.general .brand-collection .description.on-bottom,
.general .mp-collection-orther .description.on-bottom {
    bottom: 20px;
}

.general .brand-collection .description.on-top,
.general .mp-collection-orther .description.on-top {
    top: 20px;
}

.general .brand-collection .description.on-middle,
.general .mp-collection-orther .description.on-middle {
    top: 50%;
}

.general .brand-collection {
    margin-bottom: 40px;
}

.general .brand-collection .ty-banner__image-item {
    position: relative;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .brand-collection .ty-banner__image-item img {
    transition: all 0.3s ease 0s;
}

.general .brand-collection .ty-banner__image-item:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.general .mp-collection-orther .ty-mainbox-title {
    text-align: center;
    margin: 20px 0;
}

.general .mp-collection-orther .collection-row .collection__item {
    float: left;
    margin-right: 15px;
    width: calc((100% - 30px) / 3);
    width: -webkit-calc((100% - 30px) / 3);
    width: -moz-calc((100% - 30px) / 3);
    position: relative;
    min-height: 230px;
    margin-bottom: 15px;
}

.general .mp-collection-orther .collection-row .collection__item .ty-no-image {
    min-height: 230px !important;
}

.general .mp-collection-orther .collection-row .collection__item .image-item img {
    transition: all 0.3s ease 0s;
}

.general .mp-collection-orther .collection-row .collection__item:hover .image-item img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.general .mp-collection-orther .collection-row .collection__item:nth-child(3n) {
    margin-right: 0;
}

.general .mp-collection-orther .collection-row .collection__item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.general .mp-collection-orther .collection-row .collection__item .logo {
    display: none;
}

@media screen and (max-width: 320px) {
    .general .ty-product-thumbnails__item {
        margin: 0 4.5px;
    }
}

@media only screen and (max-width: 767px) {
    .general#wishlist .grid-list .ty-no-image {
        min-width: unset !important;
    }

    .general .pages-pnj .std table td {
        padding: 5px;
        text-align: left;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .general .brand-collection .description,
    .general .mp-collection-orther .description {
        font-size: 16px;
    }

    .general .mp-flexbox-banners .ty-banner__image-item {
        width: 190px !important;
    }

    .general .mp-product-option-size-wrapper .mp-product-option-size-content .mp-product-option-size-close {
        right: 13%;
    }
}

@media only screen and (max-width: 1023px) {

    .general .brand-collection .description,
    .general .mp-collection-orther .description {
        font-size: 13px;
    }

    .general #mod-shareholders .right .accordion .answer {
        padding: 15px 0 5px;
    }

    .general #mod-shareholders .right .accordion .question h2 {
        padding-left: 0;
    }
}

.general .order-offline-request__content .orders-offline-request__form {
    padding: 0 10px;
}

.general .order-offline-request__content .orders-offline-request__form .ty-control-group input {
    height: 40px;
    max-width: 320px;
}

.general .order-offline-request__content .orders-offline-request__form .ty-control-group.error {
    margin: 0 0 20px 0;
}

.general .order-offline-request__content .orders-offline-request__form .ty-control-group.error .help-inline {
    padding-left: 0;
}

.general .order-offline-request__content .orders-offline-request__form .buttons-container.buttons-container-picker {
    padding: 8px 10px;
}

.general .order-offline-request__content .orders-offline-request__form .buttons-container .ty-btn__primary {
    background-color: #003468;
    border: none;
    width: 100%;
    padding: 10px 14px;
}

.general .order-offline-request__content .order-offline-request__result {
    display: block;
    max-width: 340px;
    background-color: #84ccc5;
    height: 92px;
    padding: 15px 10px 25px;
    box-sizing: border-box;
    min-width: 340px;
    line-height: 20px;
}

.general .d-mp-sub-categories {
    margin: 20px 0 5px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.general .d-mp-sub-categories .ty-mainbox-category-title {
    display: none;
}

.general .d-mp-sub-categories .subcategories-column,
.general .d-mp-sub-categories .subcategories-column>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.general .d-mp-sub-categories .subcategories-column {
    width: 194px;
    height: 150px;
    background: #fff;
    border: 1px solid #9b9b9b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
}

.general .d-mp-sub-categories .subcategories-column>a {
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .d-mp-sub-categories .subcategories-column a>span:not(.mp-image-subcategory) {
    font-size: 14px;
    color: #282828;
}

.general .d-mp-sub-categories .subcategories-column a>span {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.general .d-mp-sub-categories .subcategories-column .mp-image-subcategory {
    min-height: 102px;
}

.general .d-mp-sub-categories .subcategories-column .ty-no-image {
    width: 80px;
    margin: 0 auto;
}

.general .d-mp-sub-categories .owl-buttons>div {
    position: absolute;
    display: inline-block;
    margin: 0 !important;
}

.general .d-vertical-sub-categories .ty-product-filters__switch {
    border-bottom: none;
    padding: 5px 0 5px 5px;
}

.general .d-vertical-sub-categories .ty-product-filters__title {
    text-transform: uppercase;
}

.general .d-vertical-sub-categories #sub_category_filters_ {
    display: inline-block !important;
    width: 100%;
}

.general .d-vertical-sub-categories .sub-category-main {
    display: none;
}

.general .d-vertical-sub-categories .sub-category-filters.sub-parents {
    padding-left: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .d-vertical-sub-categories .level1 {
    padding: 5px 0;
}

.general .d-vertical-sub-categories .level1 a,
.general .d-vertical-sub-categories .level1 span {
    color: #282828;
}

.general .d-vertical-sub-categories .ty-product-filters__switch-down,
.general .d-vertical-sub-categories .ty-product-filters__switch-right {
    display: none !important;
}

.general.search .mp-mobile-top-panel-tabs .ty-tabs {
    margin-top: 2px;
}

.general .grid-list .product-item .ty-no-image,
.general .grid-list .ty-grid-list__item .ty-no-image {
    min-width: 100% !important;
}

.general .ty-pagination-container .grid-list {
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    webkit-flex-flow: row wrap;
    width: 100%;
}

.general .ty-pagination-container .grid-list .product-item {
    position: relative;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-top-color: transparent;
    border-left-color: transparent;
}

.general .ty-pagination-container .grid-list .product-item .product-container {
    min-height: 85px;
}

.general .ty-pagination-container .grid-list .product-item .product-container .product-prices {
    min-height: 55px;
}

.general .ty-pagination-container .grid-list .product-item .new-price,
.general .ty-pagination-container .grid-list .product-item .old-price {
    margin-top: 2px;
}

@media screen and (min-width: 1200px) {
    .general .ty-pagination-container .grid-list .product-item {
        width: calc((100% - 30px) / 4);
        width: -webkit-calc((100% - 30px) / 4);
        width: -moz-calc((100% - 30px) / 4);
    }

    .general .ty-pagination-container .grid-list .product-item:nth-child(4n),
    .general .ty-pagination-container .grid-list .product-item:last-child {
        margin-right: 0;
    }
}

.general .ca-logo-content-logo-outer {
    text-align: center;
    margin-top: 20px;
}

.general .ca-logo-content-logo-outer .ca-title {
    position: relative;
}

.general .ca-logo-content-logo-outer .ca-title h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #282828;
    margin-top: 20px;
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: inline-block;
}

.general .ca-logo-content-logo-outer .ca-title::before {
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    background-color: #333232;
    position: absolute;
    left: 0;
    top: 58%;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .general .group-banner-flexible-promo>div>div {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px) {
    .general .group-banner-flexible-promo {
        display: inline-block;
        width: 100%;
        margin: 30px 0;
    }

    .general .group-banner-flexible-promo>div>div {
        width: calc((100% - 30px) / 3);
        width: -webkit-calc((100% - 30px) / 3);
        width: -moz-calc((100% - 30px) / 3);
        margin-right: 15px;
        margin-left: 0;
    }

    .general .group-banner-flexible-promo>div>div:last-child {
        margin-right: 0;
    }
}

.general .flexible-products-slick {
    margin: 30px 0;
    max-height: 350px;
    overflow: hidden;
}

.general .flexible-products-slick.center-mode .product-item img {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
}

.general .flexible-products-slick.center-mode .slick-center .product-item img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.general .flexible-products-slick.center-mode .slick-slide:not(.slick-center) .product-item .product-title {
    display: none;
}

@media screen and (max-width: 767px) {
    .general .flexible-products-slick .slick-prev {
        left: 3px;
    }

    .general .flexible-products-slick .slick-next {
        right: 0;
    }

    .general .flexible-products-slick .slick-prev,
    .general .flexible-products-slick .slick-next {
        top: calc((100% - 45px) / 2);
        top: -webkit-calc((100% - 45px) / 2);
        top: -moz-calc((100% - 45px) / 2);
    }
}

.general .mp-flexbox-product .mp-flexible-products-slick {
    margin: 30px 0;
}

.general .order-offline-request-hotline {
    text-align: center;
    margin-top: -4px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    display: inline-block;
    width: 100%;
}

.general .order-offline-request-hotline span {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
}

.general .order-offline-request-hotline .link-hotline {
    background-color: #003468;
}

.general .order-offline-request-hotline .link-hotline a {
    color: #fff;
    font-size: 24px;
    padding: 5px 0;
    display: inline-block;
}

.general .lp-head-icon {
    display: inline-block;
    width: 100%;
    margin: 60px 0 0;
}

.general .lp-head-icon .icon-head-lp {
    display: block;
    height: 97px;
    width: 97px;
    background-position: -311px -310px;
    margin: 0 auto;
    transform: scale(0.8);
}

.general .lp-head-icon.collection-video i {
    background-position: -186px -310px;
}

.general .lp-head-icon.best-seller i {
    backround-position: -446px -2px;
}

.general .lp-group {
    text-align: center;
    margin: 10px 0 35px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .lp-group .main-title>a {
    font-size: 18px;
    color: #282828;
    line-height: 27px;
}

.general .lp-group .short-desciption {
    margin-top: 20px;
    font-size: 14px;
    color: #282828;
    line-height: 25px;
}

.general .lp-under {
    margin: 25px 0 10px;
}

.general .lp-under .short-desciption {
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

.general .lp-best-seller {
    margin-bottom: 50px !important;
}

.general .mp-flexible-banner {
    position: relative;
}

.general .icon-video-play {
    background-position: -534px -197px;
    height: 217px;
    width: 217px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    left: calc((100% - 217px) / 2);
    left: -webkit-calc((100% - 217px) / 2);
    left: -moz-calc((100% - 217px) / 2);
    top: calc((100% - 217px) / 2);
    top: -webkit-calc((100% - 217px) / 2);
    top: -moz-calc((100% - 217px) / 2);
}

.general .ty-ajax-overlay.overlay-page-size {
    background-color: #000;
    display: block !important;
}

.general h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong {
    margin-bottom: 30px;
}

.general h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong::before {
    background-position: -196px -541px;
    width: 45px;
    height: 62px;
    margin-bottom: 10px;
    margin-top: 45px;
}

.general h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong a {
    text-transform: uppercase;
    color: #131313;
}

.general .mp-banner-flexible {
    margin-bottom: 40px;
}

.general .mp-banner-flexible:last-child {
    margin-bottom: 0;
}

.general .mp-banner-flexible .banner-box-description-outer {
    position: absolute;
    width: 500px;
    text-align: center;
    min-height: 200px;
    top: calc((100% - 200px) / 2);
    top: -webkit-calc((100% - 200px) / 2);
    top: -moz-calc((100% - 200px) / 2);
}

.general .mp-banner-flexible .banner-box-description-outer .banner-name {
    font-size: 42px;
    text-transform: uppercase;
    color: #131313;
}

.general .mp-banner-flexible .banner-box-description-outer .banner-short-description {
    padding: 10px 0;
    line-height: 25px;
    color: #131313;
    max-height: 140px;
    overflow: hidden;
}

.general .mp-banner-flexible .banner-box-description-outer .banner-title {
    color: #131313;
    display: inline-block;
    margin-top: 10px;
}

.general .mp-banner-flexible .banner-box-description-outer .banner-title::after {
    content: '>>>';
    padding-left: 6px;
}

.general .mp-banner-flexible .flexible-text-right .banner-box-description-outer {
    right: 70px;
}

.general .mp-banner-flexible .flexible-text-left .banner-box-description-outer {
    left: 70px;
}

.general .new-cate-none-carousel .mp-item-block {
    width: calc((100% - 100px) / 3);
    width: -webkit-calc((100% - 100px) / 3);
    width: -moz-calc((100% - 100px) / 3);
    float: left;
    margin-right: 50px;
    margin-bottom: 30px;
}

.general .new-cate-none-carousel .mp-item-block:nth-child(3n) {
    margin-right: 0;
}

.general .new-cate-none-carousel .mp-opcity-title {
    margin: 15px 0 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    min-height: 45px;
    color: #131313;
    line-height: 22px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    .general .new-cate-none-carousel .mp-opcity-title {
        max-height: 45px;
        overflow: hidden;
    }
}

.general .new-cate-none-carousel .blog-short-description {
    color: #131313;
    line-height: 20px;
    text-align: justify;
    padding: 5px 0;
    min-height: 80px;
    padding: 0;
    max-height: 80px;
    overflow: hidden;
}

.general .new-cate-none-carousel .params-new span {
    color: #b4b4b4;
    font-style: italic;
}

.general .new-cate-none-carousel .view-more {
    margin-top: 10px;
}

.general .new-cate-none-carousel .view-more span {
    color: #131313;
    text-transform: uppercase;
    position: relative;
}

.general .new-cate-none-carousel .view-more span::after {
    content: '';
    display: inline-block;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -162px -2px;
    width: 12px;
    height: 23px;
    margin-left: 20px;
    position: absolute;
    top: -5px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.general .new-cate-none-carousel .blog-view-all {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.general .new-cate-none-carousel .blog-view-all a {
    color: #131313;
    font-size: 17px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 1px solid #131313;
}

.general .lst-title-banner {
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    overflow: auto;
}

.general .lst-title-banner .item-outer {
    text-align: center;
    padding: 6px 20px;
    text-transform: uppercase;
    border-right: 2px solid #292535;
    cursor: pointer;
    flex: 0 0 auto;
}

.general .lst-title-banner .item-outer span {
    color: #8c8c8c;
    font-size: 15px;
    font-weight: bold;
}

.general .lst-title-banner .item-outer span::before {
    content: '';
    margin-right: 10px;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -275px -541px;
    width: 24px;
    height: 18px;
    vertical-align: middle;
}

.general .lst-title-banner .item-outer:last-child {
    border-right: none;
}

.general .lst-title-banner .item-outer.active span {
    color: #131313;
}

.general .lst-title-banner .item-outer.active span::before {
    background-position: -758px -157px;
}

.general .mp-flexible-cate-page-diamond .mp-flexible-banner.banner-flexible-column-2 {
    padding-top: 0;
}

.general .mp-flexible-cate-page-diamond .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.banners-carousel {
    width: 100%;
}

.general .mp-flexible-cate-page-diamond .mp-flexible-banner.banner-flexible-column-2 .owl-carousel.banners-carousel .ty-center.description {
    color: #131313;
}

.general .ty-grid-list__control {
    display: none;
}

.general .ty-sort-container {
    display: none;
}

.general#companies .vendor-info-grid,
.general#companies #companies .breadcrumbs-grid .ty-sidebox {
    display: none;
}

.general#companies .ty-selected-product-filters {
    margin: 0 !important;
}

.general.mobile .lp-like-share {
    padding: 20px 10px 0;
    box-sizing: border-box;
}

.general.mobile .mp-warehouse-in-stock,
.general.mobile mp-warehouse-out-stock {
    font-size: 12px !important;
}

.general.mobile#companies .vendor-info-grid {
    padding: 0;
}

.general.mobile#companies .ty-search-block>form {
    padding: 0;
}

.general.mobile#companies .vendor-search-grid {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile#companies .vendor-search-grid input {
    padding: 0 10px 0 30px;
    width: 85%;
    height: 35px;
}

.general.mobile#companies .vendor-search-grid button {
    padding: 7px 0 3px;
    width: 15%;
    height: 35px;
}

@media (max-width: 767px) {
    .general.mobile#companies .vendor-search-grid {
        margin: 0;
    }
}

.general.mobile.compare .ty-btn__tertiary:hover {
    color: #fff;
}

.general.mobile.compare .text-button:hover {
    background: #002448;
}

.general.mobile.compare .ty-no-image {
    min-width: unset !important;
}

.general.mobile.compare .ty-compare-sort__a {
    color: #777;
    float: right;
    visibility: visible;
}

.general.mobile.compare .touch .ty-compare-products__product .ty-qty .ty-control-group__label {
    width: 90px;
}

.general.mobile .myAccordion .answer {
    display: none;
    padding: 15px 0;
}

.general.mobile .myAccordion .question h2 {
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .general.mobile#products.search .ty-mainbox-title__left {
        display: none;
    }

    .general.mobile#products.search .ty-mainbox-title__right {
        margin-top: 0;
        font-size: 16px !important;
        float: none;
    }

    .general.mobile.login_form .auth-information-grid {
        margin-bottom: 20px;
    }

    .general.mobile.login_form .auth-information-grid .ty-login-info {
        margin: 0;
    }
}

.general.mobile .ty-breadcrumbs .ty-breadcrumbs__a {
    font-size: 14px;
}

.general.mobile .ty-breadcrumbs .ty-breadcrumbs__current,
.general.mobile .ty-breadcrumbs .ty-breadcrumbs__a:last-child {
    font-size: 14px;
}

.general.mobile .ty-breadcrumbs .ty-breadcrumbs__slash {
    font-size: 14px;
}

.general.mobile .order-offline-request__content .orders-offline-request__form {
    padding: 0;
}

.general.mobile .order-offline-request__content .orders-offline-request__form .ty-control-group {
    padding: 0 10px;
    box-sizing: border-box;
}

.general.mobile .order-offline-request__content .orders-offline-request__form .ty-control-group input {
    max-width: unset;
    line-height: 40px;
    width: 100%;
}

.general.mobile .order-offline-request__content .orders-offline-request__form .ty-control-group.error .help-inline {
    padding-left: 10px;
}

.general.mobile .order-offline-request__content .order-offline-request__result {
    max-width: unset;
    width: 100%;
    min-width: 100%;
}

.general.mobile .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item {
    white-space: inherit;
    margin: 0;
}

.general.mobile .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item .ty-tabs__a {
    width: 100%;
    font-size: 18px !important;
}

.general.mobile .cm-product-block-tabs .ty-product-block-icon__heart::after {
    margin: 20px auto;
}

.general.mobile .cm-product-block-tabs .ty-product-block-icon__heart .product-block__description_text {
    font-size: 18px;
}

@media only screen and (max-width: 374px) {
    .general.mobile .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__item .ty-tabs__a {
        padding: 10px 5px 20px;
        font-size: 16px !important;
    }
}

.general.mobile h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong {
    margin-bottom: 30px;
}

.general.mobile h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong::before {
    background-position: -196px -541px;
    width: 45px;
    height: 62px;
    margin-bottom: 10px;
    margin-top: 45px;
}

.general.mobile h2.ty-mp-mainbox-title-h2.bi-an-kim-cuong a {
    text-transform: uppercase;
    color: #131313;
}

.general.mobile .main-bi-an-kim-cuong div,
.general.mobile .main-bi-an-kim-cuong img {
    height: 100%;
    width: 100%;
}

.general.mobile .new-cate-none-carousel {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .new-cate-none-carousel .ty-no-image {
    min-width: 100% !important;
}

.general.mobile .new-cate-none-carousel .mp-opcity-title {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .general.mobile .new-cate-none-carousel .mp-item-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .general.mobile .new-cate-none-carousel .blog-short-description {
        min-height: unset;
    }
}

.general.mobile .banner-flexible-video-page-diamond {
    height: calc(100vw * 675 / 1200);
    height: -webkit-calc(100vw * 675 / 1200);
    height: -moz-calc(100vw * 675 / 1200);
}

.general.mobile .banner-flexible-video-page-diamond .owl-wrapper-outer {
    height: calc(100vw * 675 / 1200);
    height: -webkit-calc(100vw * 675 / 1200);
    height: -moz-calc(100vw * 675 / 1200);
}

.general.mobile .banner-flexible-video-page-diamond .owl-wrapper-outer div,
.general.mobile .banner-flexible-video-page-diamond .owl-wrapper-outer img {
    height: 100%;
    width: 100%;
}

.general.mobile .banner-flexible-video-page-diamond iframe {
    height: calc(100vw * 675 / 1200) !important;
    height: -webkit-calc(100vw * 675 / 1200) !important;
    height: -moz-calc(100vw * 675 / 1200) !important;
}

.general .ty-price-slider__input-text {
    font-size: 13px !important;
    margin: 0 0 5px;
    padding: 4px !important;
    text-align: right;
    width: 35%;
}

.general .ty-range-slider__num {
    position: absolute;
    top: 21px;
    display: block;
    cursor: pointer;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.general .ty-range-slider__wrapper {
    margin-left: -1px;
}

.general .ty-range-slider__item {
    position: absolute;
    top: -4px;
    height: 7px;
}

.general .ty-range-slider__item:first-child {
    border-left: 1px solid #ccc;
    left: -1px !important;
}

.general .ty-range-slider__item:last-child {
    border-right: 1px solid #ccc;
    left: initial !important;
    right: 0;
}

.general .ty-range-slider__item:last-child span {
    text-align: right;
    right: 0;
}

.general .ty-range-slider {
    position: relative;
    margin: 15px 6px;
    height: 5px;
    border: none;
    background: #ccc;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.general .ty-range-slider.ui-state-disabled .ui-slider-handle {
    cursor: not-allowed;
}

.general .product_filter_selected {
    font-size: 14px;
    color: #282828;
    margin: 8px 0;
}

.general .product_filter_selected .cm-ajax.cm-ajax-full-render.cm-history {
    background: #ebebeb;
    font-weight: 500;
    padding: 4px 7px;
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.general .product_filter_selected .cm-ajax.cm-ajax-full-render.cm-history .ty-icon-cancel-circle {
    position: relative;
}

.general .product_filter_selected .cm-ajax.cm-ajax-full-render.cm-history .ty-icon-cancel-circle::before {
    content: " " !important;
    margin-left: 10px;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -771px -22px;
    width: 9px;
    height: 9px;
    display: inline-block;
    padding: 0;
}

.general .product_filter_selected .cm-ajax.cm-ajax-full-render.cm-history .ty-icon-cancel-circle:hover::before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.general .product_filter_selected strong {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 15px;
}

.general .ty-product-filters__variants {
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.4em;
    margin-bottom: 7px;
}

.general .ty-product-filters__wrapper {
    padding: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
}

.general .ty-product-filters__wrapper p {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 14px;
}

.general .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__search {
    display: none;
}

.general .ty-product-filters__reset-icon {
    left: -18px;
    opacity: 0.7;
    position: absolute;
    top: 3px;
}

.general .ty-product-filters {
    padding: 0;
    line-height: 140%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-product-filters .pnj4h-deliver {
    width: 50px;
}

.general .ty-product-filters li {
    padding: 0;
}

.general .ty-product-filters__switch {
    padding: 12px 0 12px 5px;
    cursor: pointer;
    height: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.general .ty-product-filters__switch-right,
.general .ty-product-filters__switch-down {
    float: right;
    font-size: 20px;
}

.general .open.ty-product-filters__switch .ty-product-filters__switch-down,
.general .ty-product-filters__switch-right {
    display: none;
}

.general .open.ty-product-filters__switch .ty-product-filters__switch-right,
.general .ty-product-filters__switch-down {
    position: relative;
    display: inline-block;
    top: 3px;
    right: 9px;
}

.general .ty-product-filters__title,
.general .cm-product-filters .ty-product-filters__reset-button {
    color: #282828;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: left;
}

.general .cm-product-filters .ty-product-filters__reset-button {
    display: block;
    text-align: left;
    float: none;
}

.general .cm-product-filters .ty-product-filters__reset-button .ty-product-filters__reset-icon {
    display: none;
}

.general .ty-product-filters__title .ty-icon-cancel-circle {
    position: relative;
    font-size: 14px;
    top: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

.general .ty-product-filters__title .ty-icon-cancel-circle:hover {
    color: #465f73;
}

.general .ty-product-filters__tools {
    display: inline-block;
    width: auto;
}

.general .ty-product-filters__tools .ty-product-filters__reset-button {
    font-size: 12px;
    color: #282828;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #fff;
    padding: 2px 8px;
}

.general .ty-product-filters__tools .ty-product-filters__reset-button:hover,
.general .ty-product-filters__tools .ty-product-filters__reset-button:focus,
.general .ty-product-filters__tools .ty-product-filters__reset-button:active {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.general .ty-product-filters__wrapper .ty-product-filters__switch-down::before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
}

.general .ty-product-filters__wrapper .ty-product-filters__switch-right::before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
    transform: rotate(-180deg);
}

.general .ty-range-slider .ui-slider-handle {
    top: -4px;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    background: #aaa;
    border-radius: 50%;
    border: 0px;
    cursor: col-resize;
    outline: 0 none;
    -ms-touch-action: none;
    touch-action: none;
}

.general .ty-range-slider .ui-slider-range {
    border: 0px;
    margin-top: 0;
    height: 5px;
}

.general .ty-price-slider {
    padding: 10px 0;
    margin: 20px 0 35px;
    color: #282828;
    text-align: center;
    text-transform: uppercase;
}

.general .ty-price-slider .ui-widget-header {
    background: #ccc;
}

.general .ty-price-slider .ty-price-slider__input-text {
    border-color: #ccc;
}

.general .cm-product-filters-checkbox-container.ty-price-slider {
    padding: 0 3px;
    font-size: 12px;
}

.general .cm-product-filters-checkbox-container.ty-price-slider span {
    font-size: 12px;
}

.general .cm-product-filters-checkbox-container.ty-price-slider:before {
    display: none;
}

.general .ty-product-filters__group {
    margin: 4px 3px;
    position: relative;
    padding: 0 0 0 4px;
    line-height: 27px;
}

.general .ty-product-filters__group label {
    position: relative;
    width: 100%;
    display: block;
    color: #282828;
    font-size: 12px;
}

.general .ty-product-filters__group .checkbox-material {
    float: right;
}

.general .ty-product-filters__group .checkbox-material .check {
    border: none;
}

.general .ty-product-filters__wrapper .ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__content ul li label a {
    position: relative;
    width: 100%;
    display: block;
    color: #282828;
    font-size: 12px;
}

.general .ty-product-filters__group label.disabled,
.general .ty-product-filters__group label.disabled>input {
    color: #a7a9ac;
}

.general .ty-product-filters__search-icon {
    top: 12px;
    right: 11px;
    cursor: pointer;
}

.general .ty-horizontal-product-filters {
    display: block;
}

.general .ty-horizontal-product-filters #filter_content_product_sortings {
    display: inline-block;
    float: right;
}

.general .ty-horizontal-product-filters #filter_content_product_sortings #content_product_sortings span,
.general .ty-horizontal-product-filters #filter_content_product_sortings .content_product_sortings span {
    display: block;
    padding-bottom: 10px;
    font-size: 14px;
}

.general .ty-horizontal-product-filters #filter_content_product_sortings #content_product_sortings .ty-sort-container,
.general .ty-horizontal-product-filters #filter_content_product_sortings .content_product_sortings .ty-sort-container {
    display: inline-block;
    padding: 0;
    background: none;
    width: auto;
    margin: 0;
}

.general .ty-horizontal-product-filters-dropdown .cm-popup-box.ty-horizontal-product-filters-dropdown__content.cm-horizontal-filters-content {
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
}

.general .ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper {
    border-radius: 4px;
}

.general .ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper .cm-ajax.cm-ajax-full-render.cm-history {
    display: none;
}

.general .ty-horizontal-product-filters-dropdown__icon::before {
    content: " " !important;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -155px -123px;
    width: 13px;
    height: 7px;
    display: inline-block;
    padding: 0;
}

.general .ty-product-filters__search {
    padding: 0;
}

.general .subcategories-icon {
    padding: 10px 0 5px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    width: 100%;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-display: flex;
    margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
    .general .subcategories-icon {
        justify-content: center;
    }
}

.general .subcategories-icon .subcategories-column a {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #003464;
}

.general .subcategories-icon .subcategories-column a span {
    font-size: 14px;
    color: #003464;
}

.general .subcategories-icon .subcategories-column:last-child {
    margin-right: 10px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-product-filters {
    padding: 5px 5px 10px 5px;
    margin: 0;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -moz-animation-fill-mode: both;
    -moz-animation-name: fadeIn;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-product-filters__switch-down {
    top: -2px;
    right: 3px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-product-filters__switch-right {
    top: -2px !important;
    right: 3px !important;
}

.general.mobile .mp-mobile-top-panel-tabs.tab-3 .ty-tabs__list .ty-tabs__item {
    width: 50%;
}

.general.mobile .mp-mobile-top-panel-tabs.tab-2 .ty-tabs__list .ty-tabs__item {
    width: 50%;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    background: #fff;
    margin: 0 0 10px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list {
    width: 100%;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item {
    margin: 0;
    float: left;
    padding: 0;
    border-bottom: none;
    border-right: 1px solid #ddd;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item:last-child {
    border-right: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item a {
    padding: 4px 0 4px;
    text-align: center;
    color: #282828;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 27px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item .outer-icon {
    float: right;
    margin-right: 12px;
    padding: 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.filter_selected a.ty-tabs__a {
    position: relative;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs .ty-tabs__list .ty-tabs__item.filter_selected a.ty-tabs__a::after {
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    content: " " !important;
    background-position: -764px -97px;
    width: 18px;
    height: 18px;
    display: inline-block;
    padding: 0;
    margin-bottom: -4px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content {
    padding: 0;
    width: 100%;
    max-height: 80%;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-wysiwyg-content.content-product-filters,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-wysiwyg-content.content-product-sortings {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    max-width: 500px;
    z-index: 10009;
    visibility: visible;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    -webkit-transition: all .5s ease-out;
    -moz-animation-duration: 0.5s;
    -moz-animation-fill-mode: both;
    -moz-animation-name: fadeInRight;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-wysiwyg-content.content-product-filters.fadeout,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-wysiwyg-content.content-product-sortings.fadeout {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeOutRight;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: fadeOutRight;
    -moz-animation-duration: 0.5s;
    -moz-animation-fill-mode: both;
    -moz-animation-name: fadeOutRight;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    visibility: hidden;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;
    z-index: 10009;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .content-product-sortings {
    background: #fff;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 10009;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .ty-product-filters__variants {
    max-height: unset !important;
    overflow-y: initial;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper {
    width: 100%;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters-content {
    overflow-y: auto;
    display: block;
    height: calc(100vh - 135px);
    height: -webkit-calc(100vh - 135px);
    height: -moz-calc(100vh - 135px);
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters-content .ty-product-filters__block:last-child {
    padding-bottom: 60px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group {
    display: inline-block;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label {
    border: 1px solid #e0e0e0;
    padding: 3px 6px;
    background: #fff;
    width: auto;
    border-radius: 4px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label a {
    font-size: 12px;
    color: #282828;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label span.checkbox-material span.check {
    background: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label span.checkbox-material span.check::before {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label.has-check {
    background: #ebebeb;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label.has-check span.checkbox-material {
    position: relative;
    padding-right: 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label.has-check span.checkbox-material::before {
    content: " " !important;
    margin-left: 10px;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -771px -22px;
    width: 9px;
    height: 9px;
    display: inline-block;
    padding: 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .cm-product-filters .ty-product-filters__wrapper .ty-product-filters .ty-product-filters__item-more ul.ty-product-filters__variants li.ty-product-filters__group label.has-check span.checkbox-material span.check {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title {
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    height: 60px;
    line-height: 60px;
    position: relative;
    margin-bottom: 20px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title span,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title span {
    font-size: 22px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title a.ty-product-sortings__close-button,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title a.ty-product-filters__apply-button,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title a.ty-product-sortings__close-button,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title a.ty-product-filters__apply-button {
    position: absolute;
    left: 0;
    top: 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title a.ty-product-sortings__close-button .ty-icon-cancel-circle::before,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .sortings-wrapper-title a.ty-product-filters__apply-button .ty-icon-cancel-circle::before,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title a.ty-product-sortings__close-button .ty-icon-cancel-circle::before,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content>div .filters-wrapper-title a.ty-product-filters__apply-button .ty-icon-cancel-circle::before {
    content: " " !important;
    margin-left: 10px;
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    background-position: -771px -22px;
    width: 9px;
    height: 9px;
    display: inline-block;
    padding: 0;
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__block .ty-product-filters__switch {
    border-bottom: none;
    padding: 6px 0 6px 5px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset_no_select,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset-button,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__apply-button {
    text-align: center;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0;
    line-height: 50px;
    font-weight: 700;
    border: 1px solid #000;
    width: 49.7%;
    width: calc(100% / 2 - 2px);
    width: -webkit-calc(100% / 2 - 2px);
    width: -moz-calc(100% / 2 - 2px);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset_no_select .ty-product-filters__apply-icon,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset-button .ty-product-filters__apply-icon,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__apply-button .ty-product-filters__apply-icon {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset_no_select {
    border-color: #e0e0e0;
    background: #fff;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__reset_no_select .ty-product-filters__reset-icon {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__apply-button {
    background: #000;
    color: #fff;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools ty-product-filters__reset-button:active,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools ty-product-filters__reset-button:focus,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__apply-button:active,
.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__tools .ty-product-filters__apply-button:focus {
    background: #000;
    color: #fff;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .ty-product-filters__wrapper {
    padding: 0 10px 0 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .ty-product-filters__wrapper .sub-category-filters {
    padding-left: 0;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .subcategory {
    padding: 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .subcategory .ty-product-filters__switch-down {
    box-sizing: border-box;
    line-height: 42px;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
    height: 40px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .subcategory .ty-menu__item-link {
    display: block;
    padding: 6px 0;
    position: relative;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .subcategory .ty-menu__item-link::before {
    content: "\f219";
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    padding-right: 5px;
    vertical-align: middle;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-categories-menu .subcategory .ty-menu__item-link span::before {
    content: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .ty-product-filters__switch.open span.ty-product-filters__title {
    font-weight: 700;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-filters .ty-product-filters__title {
    font-weight: normal;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-filters .ty-product-filters__title .cm-ajax.cm-ajax-full-render.cm-history {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-filters .ty-product-filters__title.filter-active {
    font-weight: 600;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-filters .ty-product-filters__group {
    margin: 6px 0;
    line-height: inherit;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-filters .ty-product-filters__group::before {
    content: none;
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container {
    margin: 0;
    background: #fff;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown {
    margin: 0;
    width: 100%;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__wrapper {
    text-transform: none;
    border: none;
    padding: 5px 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__wrapper i {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__wrapper::before {
    content: "\f22d";
    color: #bd8e26;
    font-size: 13px;
    padding-right: 10px;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__content {
    display: block !important;
    margin: 0;
    position: static;
    border: none;
    min-width: unset;
    padding-bottom: 5px;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__content li a {
    padding: 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown .ty-sort-dropdown__content li:last-child a {
    border-bottom: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown #sw_elm_sort_fields {
    min-width: auto;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown #sw_elm_sort_fields::before {
    display: none;
}

.general.mobile .mp-mobile-top-panel-tabs .ty-tabs__content .content-product-sortings .ty-sort-container .ty-sort-dropdown #sw_elm_sort_fields i.ty-sort-dropdown__icon.ty-icon-down-micro {
    display: inline-block !important;
    width: 35px;
    height: 29px;
    background-position: -622px -126px;
    float: right;
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -moz-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: -10px;
}

.general.mobile .mp-mobile-top-panel-tabs.scroll-filter-top {
    position: fixed;
    width: 100%;
    z-index: 11000;
    top: 0;
    left: 0;
}

.general.mobile .mp-mobile-top-panel-tabs.scroll-filter-top .ty-tabs {
    margin: 0;
}

.general.mobile .mp-mobile-top-panel-tabs.scroll-filter-top.show-filter {
    height: 100%;
}

.general.mobile .mp-mobile-top-panel-tabs.scroll-filter-top.show-filter .ty-tabs {
    margin: 0;
    display: none;
}

.general.mobile#product_features .side-grid-bg,
.general.mobile#product_features .side-grid-bg .cm-product-filters,
.general.mobile#product_features #pagination_contents #mobile_content_product_sortings {
    display: none;
}

.general.mobile#categories .grid-list .ty-price .ty-price-num,
.general.mobile.search .grid-list .ty-price .ty-price-num,
.general.mobile#product_features .grid-list .ty-price .ty-price-num {
    font-size: 16.5px;
}

.general.mobile#categories .cm-product-block-tabs .ty-tabs .ty-tabs__list .ty-tabs__a {
    min-height: 100%;
}

.general.mobile .subcategories-icon {
    margin-bottom: 5px;
}

.ty-scroller-discussion-list {
    margin-left: -10px;
    margin-right: -10px;
}

.ty-discussion-post__content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ty-discussion-post__content a {
    display: block;
    position: relative;
}

.ty-scroller-discussion-list__item {
    margin-left: 10px;
    margin-right: 10px;
}

.ty-discussion-post {
    position: relative;
    margin: 10px 0 15px 0;
    padding: 15px;
    border: 1px solid #e6ebf0;
    background-color: #e6ebf0;
    border-radius: 3px;
}

.ty-discussion-post__author {
    font-weight: bold;
}

.ty-discussion-post__date {
    float: right;
}

.ty-discussion-post__rating {
    font-size: 14px;
}

.ty-discussion-post__message {
    line-height: 1.5;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.ty-company-detail__top-links .ty-stars__icon {
    font-size: 21px;
}

.ty-discussion__rating-wrapper {
    margin-bottom: 10px;
}

.ty-discussion__rating-wrapper .ty-stars .ty-stars__icon {
    font-size: 12px;
    margin-right: 0px;
}

.ty-stars,
.ty-discussion__review-a,
.ty-discussion__review-write {
    display: inline-block;
    cursor: pointer;
}

.ty-stars__icon {
    vertical-align: middle;
    margin-left: 2px;
    font-size: 14px;
}

.ty-stars__icon:first-child {
    margin-left: 0;
}

.ty-stars a:hover {
    text-decoration: none;
}

.ty-product-list__rating {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0;
}

.ty-product-list__rating .ty-stars {
    margin-right: 0;
}

.grid-list__rating {
    text-align: center;
    display: none;
}

.ty-companies .ty-stars {
    display: block;
    margin: 5px 0 0;
}

.ty-rating {
    float: left;
    color: #465f73;
}

.ty-rating__label {
    display: inline-block;
}

.ty-rating:not(:checked)>.ty-rating__check {
    position: absolute;
    left: -9999px;
    clip: rect(0, 0, 0, 0);
}

.ty-rating:not(:checked)>.ty-rating__label {
    float: right;
    width: 19px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 100%;
    line-height: 1.2;
    margin-right: 2px;
}

.ty-rating:not(:checked)>.ty-rating__label:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 21px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f006";
}

.ty-rating:not(:checked)>.ty-rating__label:hover:before,
.ty-rating:not(:checked)>.ty-rating__label:hover~.ty-rating__label:before {
    content: "\f005";
}

.ty-rating>.ty-rating__check:checked~.ty-rating__label:before,
.ty-rating>.ty-rating__check:checked+.ty-rating__label:hover:before,
.ty-rating>.ty-rating__check:checked+.ty-rating__label:hover~.ty-rating__label:before,
.ty-rating>.ty-rating__check:checked~.ty-rating__label:hover:before,
.ty-rating>.ty-rating__check:checked~.ty-rating__label:hover~.ty-rating__label:before,
.ty-rating>.ty-rating__label:hover~.ty-rating__check:checked~.ty-rating__label:before {
    content: "\f005";
}

.ty-template-small__item-description .ty-stars {
    display: block;
}

#stores_system_map {
    height: 400px;
    width: 100%;
}

#stores_system_map .controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#stores_system_map #origin-input,
#stores_system_map #destination-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 10px;
    text-overflow: ellipsis;
    width: 330px;
}

#stores_system_map #origin-input:focus,
#stores_system_map #destination-input:focus {
    border-color: #4d90fe;
}

#stores_system_map #mode-selector {
    color: #fff;
    background-color: #eee;
    margin-left: 10px;
    padding: 5px 10px;
}

#stores_system_map #mode-selector label {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 200;
}

.general .ty-feature {
    margin: 30px 0px;
}

.general .ty-feature:before,
.general .ty-feature:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general .ty-feature:after {
    clear: both;
}

.general .ty-feature__image {
    float: left;
    margin: 0 25px 10px 0;
}

.general .ty-feature__description {
    line-height: 140%;
    overflow: hidden;
}

.general .ty-features-all__group {
    margin-bottom: 50px;
}

.general .ty-features-all__list-item {
    padding-bottom: 8px;
}

.general .ty-features-all__list-a {
    font-size: 110%;
}

.general .ty-features-list {
    padding: 3px 0;
}

.general .mp-tag-wrapper {
    position: absolute;
    z-index: 1;
}

.general .mp-tag-wrapper img {
    height: 35px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-center {
    right: 50%;
    top: 47%;
    transform: translate(50%);
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-top-left {
    top: 5px;
    left: 5px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-top-left img {
    height: 45px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-top-right {
    right: 5px;
    top: 5px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-bottom-left {
    bottom: 18px;
    left: 5px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-bottom-right {
    right: 5px;
    bottom: 18px;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-top-full-width {
    left: 0;
    top: 0;
    width: 100%;
}

.general .mp-tag-wrapper.mp-tag-wrapper-type-bottom-full-width {
    bottom: 8px;
    left: 0;
    width: 100%;
    max-height: 12px;
    font-size: 11px;
    color: #5a5a5a;
    font-style: italic;
    text-align: center;
}

.general .mp-tag-wrapper.overlay-product {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    text-align: center;
    top: 9px;
    width: 100%;
}

.general .product-image .mp-tag-wrapper.mp-tag-wrapper-type-bottom-full-width {
    font-size: 10px;
}

@media screen and (max-width: 413px) {
    .general .product-image .mp-tag-wrapper.mp-tag-wrapper-type-bottom-full-width {
        font-size: 8px;
    }
}

.general .mp-flexible-products-outer {
    position: relative;
}

.general .mp-flexible-products-outer .owl-carousel {
    width: 90%;
    margin: auto;
}

.general .mp-flexible-products-outer .product-item {
    text-align: center;
    margin: 0;
    position: relative;
    min-height: 200px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
}

.general .mp-flexible-products-outer .product-item .product-image {
    margin-bottom: 0;
    min-height: 200px;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}

.general .mp-flexible-products-outer .product-item .product-image>a img:not(.not-scale) {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transition: all .4s;
}

.general .mp-flexible-products-outer .product-item .product-image>a img:not(.not-scale):hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.general .mp-flexible-products-outer .product-item .product-delivery {
    min-height: 18px;
    text-align: left;
    padding: 0 10px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 18px;
}

.general .mp-flexible-products-outer .product-item .product-delivery img {
    width: 60px;
}

@media screen and (max-width: 767px) {
    .general .mp-flexible-products-outer .product-item .product-delivery img {
        width: 55px;
    }
}

.general .mp-flexible-products-outer .product-item>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.general .mp-flexible-products-outer .product-item:hover .mp-product-gif-wapper {
    display: block;
}

.general .mp-flexible-products-outer .product-item .list-button-hover {
    display: none;
    height: 30px;
    margin: 0;
    opacity: 1;
    position: relative;
    top: unset !important;
    padding: 5px 0;
}

.general .mp-flexible-products-outer .product-item .list-button-hover>div {
    border: none;
}

.general .mp-flexible-products-outer .product-item .list-button-hover>div.button-container .mp-buy-now-show {
    display: none;
}

.general .mp-flexible-products-outer .product-item .list-button-hover>div.button-container .ty-btn__add-to-cart {
    margin-right: 0;
}

.general .mp-flexible-products-outer .product-item .list-button-hover>div.mp-compare>a i {
    background-position: -16px -297px !important;
}

.general .mp-flexible-products-outer .product-item .product-title {
    height: 42px;
    white-space: normal;
    font-size: 14px;
    display: block;
    padding: 5px 5px 0 5px;
    text-align: center;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #282828;
}

.general .mp-flexible-products-outer .product-item .overlay-product {
    bottom: 10px;
}

.general .mp-flexible-products-outer .product-item .new-price {
    text-align: center;
}

.general .mp-flexible-products-outer .product-item .product-view-and-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 10px;
}

@media only screen and (max-width: 767px) {

    .general .mp-flexible-products-outer .product-item .product-view-and-rating .ty-left,
    .general .mp-flexible-products-outer .product-item .product-view-and-rating .ty-right {
        font-size: 11px;
    }

    .general .mp-flexible-products-outer .product-item .product-view-and-rating .ty-left .ty-stars__icon,
    .general .mp-flexible-products-outer .product-item .product-view-and-rating .ty-right .ty-stars__icon {
        font-size: 11px;
    }
}

.general .mp-flexible-products-outer .product-item .new-price,
.general .mp-flexible-products-outer .product-item .old-price {
    margin-top: 2px;
}

.general .mp-flexible-products-outer .product-item.product-item-special {
    background: #fff;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__line-empty {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #e0aa4c;
    height: 20px;
    border-radius: 5px;
    top: 0;
    box-sizing: border-box;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__wrapper {
    padding: 0 5px;
    box-sizing: border-box;
    margin-top: 5px;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__complement {
    position: absolute;
    width: 100%;
    background: #e0aa4c;
    border-radius: 4px;
    height: 19px;
    top: 0;
    right: 0;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__complement::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 7px;
    background: #fff;
    position: absolute;
    left: -3px;
    top: 0;
    border-radius: 50%;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__text {
    position: absolute;
    padding: 2px 5px;
    box-sizing: border-box;
    left: 0;
    border-radius: 30px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    height: 18px;
    bottom: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
}

.general .mp-flexible-products-outer .product-item .flash-sale-bar__text.finish-text {
    color: red;
}

@media screen and (max-width: 767px) {
    .general .mp-flexible-products-outer .product-item .flash-sale-bar__text {
        font-size: 12px;
    }
}

.general .mp-flexible-products-outer .ty-owl-controls {
    position: static;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons {
    display: block;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div {
    top: calc(100% / 2 - 50px);
    top: -webkit-calc(100% / 2 - 50px);
    top: -moz-calc(100% / 2 - 50px);
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.disabled {
    background: transparent;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.disabled::after,
.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.disabled::before {
    display: none !important;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-prev {
    left: 3.3%;
    position: absolute;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-prev::after {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 27px;
    background-position: -147px -151px;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-next {
    position: absolute;
    right: 3.3%;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-next::before {
    content: '';
    background-image: url("../imgs/mp-icon-sprite.png") !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 27px;
    background-position: -165px -151px;
}

.general .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div i {
    font-size: 25px;
    color: #ccc;
    display: none;
}

.general .mp-flexible-products-outer .owl-item:first-child .product-item::before {
    display: none;
    content: none;
}

.general .products-wrapper {
    margin-bottom: 5px;
}

.general .mp-flexible-products-outer:not(.grid-list) .product-item .product-image {
    height: 250px;
    width: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.general .mp-flexible-products-outer:not(.grid-list) .product-item .product-image>a {
    display: table-cell;
    vertical-align: middle;
}

.general .mp-flexbox-product .mp-product-item-wrapper .product-image,
.general .mp-flexbox-product .product-item .product-image,
.general .mp-flexible-products-outer .product-item .product-image {
    margin-left: auto;
    margin-right: auto;
}

.general .ty-price-update {
    width: 100%;
}

.general .grid-list:not(.mp-flexible-products-outer) {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.general .grid-list:not(.mp-flexible-products-outer) .ty-column4 {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

@media screen and (min-width: 1200px) {
    .general .grid-list:not(.mp-flexible-products-outer) .ty-column4 {
        width: calc((100% - 30px) / 4);
        width: -webkit-calc((100% - 30px) / 4);
        width: -moz-calc((100% - 30px) / 4);
    }

    .general .grid-list:not(.mp-flexible-products-outer) .ty-column4:nth-child(4n),
    .general .grid-list:not(.mp-flexible-products-outer) .ty-column4:last-child {
        margin-right: 0;
    }
}

.general .ty-pagination-container .grid-list .ajax-pagination-view-more {
    position: relative;
}

.general .ty-pagination-container .grid-list .ajax-pagination-view-more::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #fff;
    top: 0;
    left: -1px;
}

.general .ty-price {
    position: relative;
    display: inline-block;
}

.general .ty-price .ty-price-num {
    font-size: 16px;
    color: #c48c46;
    font-weight: 400;
}

.general .ty-grid-list__item {
    margin: 0px;
}

.general .ty-grid-list__item:before,
.general .ty-grid-list__item:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.general .ty-grid-list__item:after {
    clear: both;
}

.general .ty-grid-list__item-name {
    margin-top: 5px;
    margin-bottom: 2px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .ty-grid-list__item-name .product-title {
    color: #282828;
    font-size: 14px;
    line-height: 20px;
    height: 42px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
}

.general .ty-grid-list__item-name .product-title:hover {
    color: #282828;
}

.general .ty-grid-list__price {
    display: block;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    word-break: break-all;
    text-align: center;
    min-height: 55px;
}

.general .ty-grid-list__price>span {
    margin-bottom: 2px;
}

.general .ty-grid-list__price>span:last-child .ty-strike {
    position: relative;
}

.general .ty-grid-list__price .buymore-discountmore {
    font-size: 11px;
    color: #eb4d4e;
}

.general .ty-list-price {
    color: #9b9b9b;
    line-height: 100%;
    font-size: 15px;
    font-style: italic;
}

.general .product-discount {
    margin-left: 5px;
}

.general .product-discount * {
    font-weight: 400;
    font-size: 15px;
}

.general .ty-grid-list__image {
    background: transparent;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (min-width: 310px) and (max-width: 767px) {
    .general .ty-grid-list__image {
        min-height: 138px;
    }
}

.general .ty-grid-list__image a img:not(.not-scale) {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transition: all .4s;
}

.general .ty-grid-list__image a img:not(.not-scale):hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.general .ty-grid-list__image .product-delivery {
    min-height: 18px;
    text-align: left;
    padding: 0 10px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 18px;
}

.general .ty-grid-list__image .product-delivery img {
    width: 60px;
}

@media screen and (max-width: 767px) {
    .general .ty-grid-list__image .product-delivery img {
        width: 55px;
    }
}

.general .grid-list__rating {
    min-height: 24px;
    margin-top: -3px;
    float: left;
    display: none;
}

.mp-banner.balloon-banner {
    bottom: 0;
    left: 0;
    max-width: 370px;
    position: fixed;
    z-index: 103;
}

.mp-banner.balloon-banner .ty-banner__image-item a {
    display: block !important;
}

.mp-banner.balloon-banner .balloon-banner-header {
    position: relative;
    z-index: 12;
}

.mp-banner.balloon-banner .balloon-banner-header .banner-title {
    display: block;
    background-color: #bd8e26;
    height: 15px;
    padding: 5px 15px;
    min-width: 200px;
    opacity: 0.9;
    text-align: left;
    position: absolute;
    bottom: 0;
}

.mp-banner.balloon-banner .balloon-banner-header .banner-title a {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.mp-banner.balloon-banner .balloon-banner-header .button-open {
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    width: 210px;
    z-index: 12;
}

.mp-banner.balloon-banner .balloon-banner-header .button-open::after {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f0d8";
    color: #fff;
    vertical-align: top;
    position: absolute;
    right: 8px;
}

.mp-banner.balloon-banner .balloon-banner-header .button-close::after {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f0d7";
    background-color: #000;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    color: #fff;
    cursor: pointer;
}

.mp-banner.popup-banner {
    min-width: 280px;
    position: fixed;
    left: 50%;
    top: 50%;
    right: initial;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1002;
    overflow: visible;
    max-height: 100%;
}

.mp-banner.popup-banner .popup-banner-content {
    position: relative;
}

.mp-banner.popup-banner .popup-banner-content .button-close::after {
    display: block !important;
    padding: 2px 5px;
    position: absolute;
    z-index: 1003;
    cursor: pointer;
    color: #333;
    padding: 5px;
    right: 13px;
    background-color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 12px;
    border: 3px solid #333;
    content: '';
    top: 5px;
    background: url("../imgs/mp-icon-sprite.png") no-repeat #fff;
    background-position: -760px -32px;
}

.mp-banner.popup-banner .popup-banner-content .ty-banner__image-item img {
    max-height: calc(100vh - 3.75rem);
    max-height: -webkit-calc(100vh - 3.75rem);
    max-height: -moz-calc(100vh - 3.75rem);
    max-width: calc(100vw - 3.75rem);
    max-width: -webkit-calc(100vw - 3.75rem);
    max-width: -moz-calc(100vw - 3.75rem);
}

.ty-ajax-overlay.popup-banner-background {
    display: block !important;
    z-index: 1001;
}

.mp-banner.docking-banner {
    position: relative;
}

.mp-banner.docking-banner .banners.owl-carousel .owl-controls {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.mp-banner.docking-banner .style-close-banner::after {
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 5px;
    content: '\f00d';
    cursor: pointer;
    text-shadow: 0 1px 1px #eee;
}

.docking-footer-type {
    bottom: -3px !important;
    left: calc(-265%);
    left: -webkit-calc(-265%);
    left: -moz-calc(-265%);
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 630px;
}

.docking-footer-type .mp-banner.docking-banner img {
    width: 100%;
}

@media only screen and (min-width: 471px) and (max-width: 700px) {
    .banner-docking-header-inner .mp-banner.docking-banner .ty-banner__image-item {
        height: 45px;
    }

    .banner-docking-header-inner .mp-banner.docking-banner .ty-banner__image-item img {
        height: 100%;
        width: 100%;
    }
}

.general.mobile .tygh-content .mp-product-block .mp-floor-header,
.general.mobile .tygh-content .mp-product-block .mp-floor-header a {
    padding: 10px;
}

.general.mobile .tygh-content .mp-product-block .mp-floor-header a span {
    font-size: 11px;
}

.general.mobile .mp-tag-wrapper img {
    height: 25px;
}

.general.mobile .mp-tag-wrapper.mp-tag-wrapper-type-top-left img {
    height: 30px;
}

.general.mobile .mp-flexbox-product .product-item .product-image {
    height: 100%;
    width: 100%;
}

.general.mobile .mp-flexible-products-outer:not(.grid-list) .product-item {
    padding-bottom: 10px;
}

.general.mobile .grid-list:not(.mp-flexible-products-outer) {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1199px) {
    .general.mobile .grid-list:not(.mp-flexible-products-outer) .ty-column4 {
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {

    .general.mobile .grid-list:not(.mp-flexible-products-outer) .ty-column4:nth-child(2n),
    .general.mobile .grid-list:not(.mp-flexible-products-outer) .ty-column4:last-child {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .general.mobile .grid-list:not(.mp-flexible-products-outer) .ty-column4:nth-child(3n),
    .general.mobile .grid-list:not(.mp-flexible-products-outer) .ty-column4:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper,
    .general.mobile .mp-flexbox-product .product-item {
        width: 150px;
    }

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper .product-image,
    .general.mobile .mp-flexbox-product .product-item .product-image {
        height: 150px;
        width: 100%;
        min-height: 150px;
    }

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper .product-image .ty-no-image,
    .general.mobile .mp-flexbox-product .product-item .product-image .ty-no-image {
        min-width: 100% !important;
        min-height: 150px !important;
    }

    .general.mobile .group-floor .mp-flexbox-product {
        flex-flow: row wrap;
        webkit-flex-flow: row wrap;
    }

    .general.mobile .group-floor .mp-flexbox-product .product-item {
        width: calc((100% - 5px) / 2);
        width: -webkit-calc((100% - 5px) / 2);
        width: -moz-calc((100% - 5px) / 2);
        margin: 0 5px 5px 0;
    }

    .general.mobile .group-floor .mp-flexbox-product .product-item .product-container {
        min-height: 65px;
    }

    .general.mobile .group-floor .mp-flexbox-product .product-item .product-container .product-prices {
        min-height: 55px;
    }

    .general.mobile .group-floor .mp-flexbox-product .product-item .product-image {
        height: 100%;
        width: 100%;
    }

    .general.mobile .group-floor .mp-flexbox-product .product-item .product-image .ty-no-image {
        min-width: 100% !important;
    }

    .general.mobile .group-floor:not(.v1-group-floor) .mp-flexbox-product {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .general.mobile .group-floor:not(.v1-group-floor) .product-item:nth-child(2n) {
        margin-right: 0;
    }

    .general.mobile .group-floor:not(.v1-group-floor) .product-item .ty-discount-label__item {
        border-radius: initial;
    }

    .general.mobile .ty-column3,
    .general.mobile .ty-column4 {
        width: calc((100% - 5px) / 2);
        width: -webkit-calc((100% - 5px) / 2);
        width: -moz-calc((100% - 5px) / 2);
    }
}

@media screen and (max-width: 320px) {

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper,
    .general.mobile .mp-flexbox-product .product-item {
        width: 135px;
    }

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper .product-image,
    .general.mobile .mp-flexbox-product .product-item .product-image {
        height: 135px;
        width: 100%;
        min-height: 135px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .general.mobile .m-products-wrapper .ty-scroller-list__item,
    .general.mobile .mp-flexbox-product .mp-product-item-wrapper,
    .general.mobile .mp-flexbox-product .product-item {
        width: 150px;
    }

    .general.mobile .m-products-wrapper .ty-scroller-list__item .product-title,
    .general.mobile .mp-flexbox-product .mp-product-item-wrapper .product-title,
    .general.mobile .mp-flexbox-product .product-item .product-title {
        width: 100%;
    }

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper,
    .general.mobile .mp-flexbox-product .product-item {
        width: 225px;
    }

    .general.mobile .ty-column3,
    .general.mobile .ty-column4 {
        width: calc((100% - 10px) / 3);
        width: -webkit-calc((100% - 10px) / 3);
        width: -moz-calc((100% - 10px) / 3);
    }
}

@media screen and (min-width: 768px) {
    .general.mobile .mp-flexible-products-outer:not(.grid-list) .product-item:first-child {
        margin-left: 10px;
    }

    .general.mobile .mp-flexible-products-outer:not(.grid-list) .product-item:last-child:after {
        content: '';
        display: block;
        width: 10px;
        position: absolute;
        top: 0;
        right: -10px;
        height: 10px;
    }
}

@media screen and (min-width: 1024px) {
    .general.mobile .group-floor .flexible-products__center {
        justify-content: center;
    }
}

@media screen and (min-width: 1200px) {

    .general.mobile .mp-flexbox-product .mp-product-item-wrapper,
    .general.mobile .mp-flexbox-product .product-item {
        width: 275px !important;
    }
}

.general .break-word {
    word-break: break-word;
}

.general .carved-product-outer {
    display: inline-block;
    width: 100%;
}

.general .carved-product-outer input[type="text"]:-moz-placeholder,
.general .carved-product-outer textarea:-moz-placeholder,
.general .carved-product-outer input[type="password"]:-moz-placeholder {
    font-size: 14px;
    color: #333;
    opacity: 1;
}

.general .carved-product-outer input[type="text"]:-ms-input-placeholder,
.general .carved-product-outer textarea:-ms-input-placeholder,
.general .carved-product-outer input[type="password"]:-ms-input-placeholder {
    font-size: 14px;
    color: #333;
    opacity: 1;
}

.general .carved-product-outer input[type="text"]::-webkit-input-placeholder,
.general .carved-product-outer textarea::-webkit-input-placeholder,
.general .carved-product-outer input[type="password"]::-webkit-input-placeholder {
    font-size: 14px;
    color: #333;
    opacity: 1;
}

.general .carved-product-outer input[type="text"]::-moz-placeholder,
.general .carved-product-outer textarea::-moz-placeholder,
.general .carved-product-outer input[type="password"]::-moz-placeholder {
    font-size: 14px;
    color: #333;
    opacity: 1;
}

.general .carved-product-outer .carved-product-inner {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.general .carved-product-outer .carved-product-inner>div {
    flex: 0 0 auto;
}

.general .carved-product-outer .carved-product-inner .carved-img {
    width: calc(100% - 400px);
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    box-sizing: border-box;
}

.general .carved-product-outer .carved-product-inner .carved-img .img-content {
    padding: 0;
    position: relative;
    display: inline-block;
}

.general .carved-product-outer .carved-product-inner .carved-img .img-content label,
.general .carved-product-outer .carved-product-inner .carved-img .img-content .text-special {
    position: absolute;
}

.general .carved-product-outer .carved-product-inner .carved-setting {
    width: 300px;
    margin-left: 100px;
}

.general .side-name {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #ccc;
    font-weight: 400;
    font-size: 13px;
}

.general .carved-img-ring>div {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: center;
}

.general .carved-img-ring .side-name {
    width: 100%;
    text-align: center;
}

.general .carved-img-ring .side-name.side-left,
.general .carved-img-ring .side-name.side-right {
    bottom: -8px;
}

.general .carved-img-ring .side-name.side-front {
    bottom: 20px;
}

.general .carved-img-ring .ring-main {
    margin-bottom: 50px;
    position: relative;
}

.general .carved-img-ring .ring-main .text-special {
    top: 90px;
    left: 0;
    width: 525px;
}

.general .carved-img-ring .ring-main .text-special label {
    width: 100%;
    display: block;
    text-align: center;
}

.general .carved-img-ring .ring-main .text-special label,
.general .carved-img-ring .ring-main .text-special span {
    font-size: 30px;
    font-weight: 600;
}

.general .carved-img-ring .ring-sides>div {
    flex: 0 0 auto;
    text-align: center;
    margin-right: 50px;
    width: calc((100% - 50px) / 2);
    width: -webkit-calc((100% - 50px) / 2);
    width: -moz-calc((100% - 50px) / 2);
    position: relative;
}

.general .carved-img-ring .ring-sides>div:last-child {
    margin-right: 0;
}

.general .carved-img-ring .ring-sides>div .left .text-special,
.general .carved-img-ring .ring-sides>div .right .text-special {
    width: 298px;
}

.general .carved-img-ring .ring-sides>div .left .text-special label,
.general .carved-img-ring .ring-sides>div .right .text-special label {
    width: 100%;
    display: block;
    overflow: hidden;
}

.general .carved-img-ring .ring-sides>div .left .text-special label,
.general .carved-img-ring .ring-sides>div .left .text-special span,
.general .carved-img-ring .ring-sides>div .right .text-special label,
.general .carved-img-ring .ring-sides>div .right .text-special span {
    font-size: 19px;
    font-weight: 600;
}

.general .carved-img-ring .ring-sides>div .left .text-special {
    bottom: 58px;
    right: 2px;
}

.general .carved-img-ring .ring-sides>div .left .text-special label {
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    box-sizing: border-box;
}

.general .carved-img-ring .ring-sides>div .right .text-special {
    bottom: 58px;
    left: 2px;
}

.general .carved-img-ring .ring-sides>div .right .text-special label {
    text-align: left;
    padding-right: 3px;
    padding-left: 3px;
    box-sizing: border-box;
}

.general .carved-img-braclet {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.general .carved-img-braclet .img-content #id_BRACELET_TYPE {
    left: calc((100% - 400px) / 2);
    left: -webkit-calc((100% - 400px) / 2);
    left: -moz-calc((100% - 400px) / 2);
    top: 6px;
    text-align: center;
}

.general .carved-img-braclet .img-content #id_BRACELET_TYPE label {
    font-size: 32px;
    display: inline-block;
    width: 400px;
    font-weight: 600;
}

.general .carved-img-braclet .img-content #id_BRACELET_TYPE label span {
    font-size: 32px;
    font-weight: 600;
}

.general .carved-img-necklace {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    flex-flow: row wrap;
}

.general .carved-img-necklace>div {
    flex: 0 0 auto;
    text-align: center;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    padding: 8px 0;
    width: calc((100% - 10px) / 2);
    width: -webkit-calc((100% - 10px) / 2);
    width: -moz-calc((100% - 10px) / 2);
}

.general .carved-img-necklace>div:nth-child(2n) {
    margin-right: 0;
}

.general .carved-img-necklace>div img {
    max-height: 320px;
    width: 122px;
}

.general .carved-img-necklace label {
    width: 140px;
    font-weight: 400;
    text-align: left;
}

.general .carved-img-necklace .mat-trai label {
    bottom: 24%;
    right: 10%;
    transform: rotate(-74deg);
    min-height: 16px;
    max-height: 16px;
}

.general .carved-img-necklace .mat-phai label {
    bottom: 24%;
    left: 7%;
    transform: rotate(-107deg);
    min-height: 16px;
    max-height: 16px;
}

.general .carved-img-necklace .mat-truoc label,
.general .carved-img-necklace .mat-sau label {
    bottom: 29%;
    transform: rotate(-89deg);
    right: -3%;
}

.general .width-default {
    width: 300px;
}

.general .title-step {
    margin-bottom: 20px;
}

.general .title-step .title {
    color: #bd8e38;
    font-size: 23px;
    font-weight: 400;
}

.general .title-step.control-material .text {
    font-size: 18px;
    margin-left: 10px;
}

.general .title-step .box-single,
.general .title-step .box {
    border-radius: 5px;
    border-color: #d1d1d1;
}

.general .title-step .group-select {
    margin-top: 20px;
}

.general .title-step .group-select .guide-size,
.general .title-step .group-select .select-box-outer {
    position: relative;
}

.general .title-step .group-select .select-box-outer select {
    width: 100%;
    border-radius: 5px;
    border-color: #d1d1d1;
    height: 50px;
    padding-right: 30px;
    -webkit-appearance: none;
}

.general .title-step .group-select .select-box-outer::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 1px;
    right: 1px;
    width: 30px;
    height: 48px;
    background: #fff;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}

.general .title-step .group-select .select-box-outer:after {
    content: "\f0dd";
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    display: inline-block;
    top: 0;
    right: 15px;
    pointer-events: none;
    font-size: 30px;
    height: 100%;
    opacity: 0.7;
}

.general .title-step .group-select .guide-size {
    text-align: right;
    margin-top: 5px;
}

.general .title-step .group-select .guide-size a {
    text-decoration: underline;
}

.general .title-step .group-select .help-inline {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.general .title-step .group-select .help-inline * {
    font-size: 14px;
}

.general .title-step .box-single {
    margin-top: 20px;
    height: 50px;
    width: 100%;
}

.general .title-step .ty-control-group .help-inline {
    position: static;
    padding-left: 0;
}

.general .title-step .box-outer {
    position: relative;
}

.general .title-step .box-outer .announce {
    position: absolute;
    left: 0;
    bottom: 55px;
    z-index: 1;
    background-color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
}

.general .title-step .box-outer .announce span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

.general .title-step .box-outer .announce span::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    bottom: -3px;
    transform: rotate(45deg);
    z-index: -1;
}

.general .title-step.control-mes-necklace .title {
    margin-bottom: 20px;
}

.general .title-step.control-mes-necklace input {
    margin-bottom: 10px;
    width: 100%;
}

.general .title-step.control-mes-necklace .box-outer .announce {
    bottom: initial;
    top: -98px;
}

.general .choice-material {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    margin-top: 20px;
}

.general .choice-material .item-material {
    position: relative;
    flex: 0 0 auto;
}

.general .choice-material .item-material input {
    display: none;
}

.general .choice-material .item-material .checkmark {
    margin-right: 25px;
    width: 60px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.general .choice-material .item-material .checkmark>span {
    display: inline-block;
    width: 100%;
}

.general .choice-material .item-material .checkmark .color-material {
    border-radius: 50%;
    border: 2px solid transparent;
    box-sizing: border-box;
    height: 60px;
    overflow: hidden;
    padding: 1px;
}

.general .choice-material .item-material .checkmark .color-material .color-material-inner {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.general .choice-material .item-material .checkmark .name-material {
    margin-top: 5px;
}

.general .choice-material .item-material .white-lable .color-material-inner {
    background: #8e9093;
    background: -moz-linear-gradient(45deg, #8e9093 0%, #8f9194 12%, #eceded 37%, #eceded 48%, #eceded 59%, #a3a5a8 79%, #dfe0e1 100%);
    background: -webkit-linear-gradient(45deg, #8e9093 0%, #8f9194 12%, #eceded 37%, #eceded 48%, #eceded 59%, #a3a5a8 79%, #dfe0e1 100%);
    background: linear-gradient(45deg, #8e9093 0%, #8f9194 12%, #eceded 37%, #eceded 48%, #eceded 59%, #a3a5a8 79%, #dfe0e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e9093', endColorstr='#dfe0e1', GradientType=1);
}

.general .choice-material .item-material .gold-lable .color-material-inner {
    background: #aa7723;
    background: -moz-linear-gradient(45deg, #aa7723 0%, #bc8d37 12%, #e3ba60 36%, #edc66b 49%, #b17f2b 83%, #aa7723 100%);
    background: -webkit-linear-gradient(45deg, #aa7723 0%, #bc8d37 12%, #e3ba60 36%, #edc66b 49%, #b17f2b 83%, #aa7723 100%);
    background: linear-gradient(45deg, #aa7723 0%, #bc8d37 12%, #e3ba60 36%, #edc66b 49%, #b17f2b 83%, #aa7723 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa7723', endColorstr='#aa7723', GradientType=1);
}

.general .choice-material .item-material .rose-lable .color-material-inner {
    background: #b76e5b;
    background: -moz-linear-gradient(45deg, #b76e5b 0%, #df9271 20%, #ee9a77 36%, #febc9a 53%, #e99671 69%, #fba984 86%, #f29e7a 100%);
    background: -webkit-linear-gradient(45deg, #b76e5b 0%, #df9271 20%, #ee9a77 36%, #febc9a 53%, #e99671 69%, #fba984 86%, #f29e7a 100%);
    background: linear-gradient(45deg, #b76e5b 0%, #df9271 20%, #ee9a77 36%, #febc9a 53%, #e99671 69%, #fba984 86%, #f29e7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b76e5b', endColorstr='#f29e7a', GradientType=1);
}

.general .choice-material .item-material input:checked~.checkmark .color-material {
    border-color: #bd8e38;
}

.general .choice-material .item-material:hover input~.checkmark .color-material {
    border-color: #bd8e38;
}

.general .ty-product-block__button {
    text-align: center;
    margin-top: 30px;
}

.general .ty-product-block__button .ty-btn {
    background: #003569;
    border-color: #003569;
    width: 100%;
    padding: 0;
    border-radius: 7px;
    margin-right: 0;
}

.general .ty-product-block__button .ty-btn span {
    font-weight: 400;
}

.general .info-carved-product {
    padding: 10px 0 10px 40px;
    box-sizing: border-box;
}

.general .info-carved-product .name-product {
    color: #003468;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 23px;
}

.general .info-carved-product .line-through {
    border-bottom: 1px solid #07396c;
    padding: 10px 0 10px 30px;
    box-sizing: border-box;
}

.general .info-carved-product .line-through.total-price {
    border-bottom: none;
}

.general .info-carved-product .line-through.total-price .title-price,
.general .info-carved-product .line-through.total-price .price,
.general .info-carved-product .line-through.total-price .price * {
    color: #003468;
    font-weight: bold;
}

.general .info-carved-product .line-through .price {
    float: right;
}

.general .info-carved-product .line-through.detail-sides p {
    padding: 4px 0 0px 60px;
    box-sizing: border-box;
}

.general .info-carved-product .ty-product-block__button {
    margin-top: 5px;
    text-align: right;
}

.general .info-carved-product .ty-product-block__button .add-to-card-carved-product,
.general .info-carved-product .ty-product-block__button .product-empty {
    border: none;
    text-transform: uppercase;
    padding: 12px;
    min-width: 180px;
    box-sizing: border-box;
}

.general .info-carved-product .ty-product-block__button .add-to-card-carved-product:disabled,
.general .info-carved-product .ty-product-block__button .product-empty:disabled {
    background-color: #f0f0f0;
    color: #000;
    pointer-events: none;
}

.general .info-carved-product .ty-product-block__button .add-to-card-carved-product {
    background-color: #003468;
    color: #fff;
    max-height: 40px;
}

.general .info-carved-product .ty-product-block__button .product-empty {
    width: auto;
    max-height: 41px;
    line-height: 19px;
    background-color: red;
    margin-top: 50px;
    width: 300px;
    height: 50px;
    margin-left: 50px;
    border-radius: 50px;
    font-size: medium;
    font-weight: 500;
    color: white;
}

.general .infomation-carved-product p,
.general .tabs-description-outer p {
    line-height: 22px;
}

.general .infomation-carved-product ul li::before,
.general .tabs-description-outer ul li::before {
    content: "\f111";
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    font-size: 4px;
    top: -3px;
    margin-right: 7px;
}

.general .infomation-carved-product ul li ul,
.general .tabs-description-outer ul li ul {
    padding-left: 15px;
    box-sizing: border-box;
}

.general .infomation-carved-product ul li ul li::before,
.general .tabs-description-outer ul li ul li::before {
    content: '-';
    font-size: 12px;
}

.general .tabs-description-outer {
    padding: 20px 0 50px;
    margin-top: 40px;
    position: relative;
}

.general .tabs-description-outer .tabs-description {
    max-width: 1200px;
    margin: 0 auto;
}

.general .tabs-description-outer .tabs {
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.general .tabs-description-outer .tabs .item-tab {
    padding: 10px 25px;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .tabs-description-outer .tabs .item-tab span {
    font-size: 25px;
    color: #363636;
}

.general .tabs-description-outer .tabs .item-tab.active span {
    font-weight: bold;
}

.general .tabs-description-outer .tabs .item-tab::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 50%;
    background-color: #7c7c7c;
    position: absolute;
    top: 25%;
    right: 0;
}

.general .tabs-description-outer .tabs .item-tab:last-child::after {
    content: none;
}

.general .tabs-description-outer .content-tab {
    display: none;
}

.general .tabs-description-outer .content-tab.active {
    display: block;
}

.general .infomation-carved-product {
    margin: 60px auto 0px;
    display: flex;
    max-width: 1200px;
}

.general .image-carved-product {
    width: 500px;
    display: -ms- flexbox;
    display: -moz- flex;
    display: -webkit- flex;
    display: flex;
    align-items: center;
}

.general .image-carved-product .image-carved-product-inner {
    position: relative;
}

.general .image-carved-product .image-carved-product-inner .text {
    position: absolute;
}

.general .image-carved-product.img-NECKLACE_TYPE {
    height: 500px;
}

.general .image-carved-product.img-NECKLACE_TYPE .text {
    min-width: 190px;
}

.general .image-carved-product.img-NECKLACE_TYPE .text.text-result-1 {
    bottom: 48%;
    left: 11%;
    -webkit-transform: rotateZ(-93deg) skewX(-15deg);
    -moz-transform: rotateZ(-93deg) skewX(-15deg);
    -ms-transform: rotateZ(-93deg) skewX(-15deg);
    -o-transform: rotateZ(-93deg) skewX(-15deg);
    transform: rotateZ(-93deg) skewX(-15deg);
}

.general .image-carved-product.img-NECKLACE_TYPE .text.text-result-2 {
    bottom: 16%;
    left: 20%;
    -webkit-transform: rotateZ(5deg) skewX(11deg);
    -moz-transform: rotateZ(5deg) skewX(11deg);
    -ms-transform: rotateZ(5deg) skewX(11deg);
    -o-transform: rotateZ(5deg) skewX(11deg);
    transform: rotateZ(5deg) skewX(11deg);
}

.general .image-carved-product.img-NECKLACE_TYPE .text.text-result-3 {
    bottom: 21%;
    left: 21%;
    -webkit-transform: rotateX(-30deg) rotateZ(5deg) skewX(-18deg);
    -moz-transform: rotateX(-30deg) rotateZ(5deg) skewX(-18deg);
    -ms-transform: rotateX(-30deg) rotateZ(5deg) skewX(-18deg);
    -o-transform: rotateX(-30deg) rotateZ(5deg) skewX(-18deg);
    transform: rotateX(-30deg) rotateZ(5deg) skewX(-18deg);
    font-size: 12px;
}

.general .image-carved-product.img-NECKLACE_TYPE .text.text-result-4 {
    bottom: 49%;
    left: 15.7%;
    -webkit-transform: rotateZ(-91deg) skewX(45deg);
    -moz-transform: rotateZ(-91deg) skewX(45deg);
    -ms-transform: rotateZ(-91deg) skewX(45deg);
    -o-transform: rotateZ(-91deg) skewX(45deg);
    transform: rotateZ(-91deg) skewX(45deg);
    font-size: 10px;
}

.general .image-carved-product.img-BRACELET_TYPE {
    height: 400px;
}

.general .image-carved-product.img-BRACELET_TYPE .text-result-1 {
    width: 500px;
    left: 0;
    top: 6px;
    text-align: center;
}

.general .image-carved-product.img-BRACELET_TYPE .text-result-1 span {
    font-size: 24px;
    font-weight: bold;
}

.general .image-carved-product.img-RING_TYPE {
    height: 400px;
}

.general .image-carved-product.img-RING_TYPE .text-result-1 {
    width: 500px;
    left: 0;
    top: 37%;
    text-align: center;
}

.general .image-carved-product.img-RING_TYPE .text-result-1 span {
    font-size: 29px;
    font-weight: bold;
}

.general .product_carved_result {
    border-bottom: 1px solid #5d7d9d;
}

@media screen and (max-width: 1199px) {
    .general .lp-heart2heart-outer .choice-style-jewelry .content {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .content p {
        margin-top: 15px;
    }

    .general .lp-heart2heart-outer .info-collection .content {
        padding: 0 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .general .lp-heart2heart-outer .info-collection .content>p {
        width: 100%;
    }

    .general .make-it-yourself {
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 5px 40px;
        min-height: initial;
    }

    .general .make-it-yourself .main-title {
        width: 92%;
        left: 4%;
        top: -25px;
    }

    .general .make-it-yourself .main-title span {
        font-size: 18px;
        padding: 10px 6px;
        min-height: 30px;
        line-height: 30px;
    }

    .general .title-step {
        margin-bottom: 10px;
    }

    .general .title-step .title {
        font-size: 16px;
    }

    .general .title-step.control-material .text {
        font-size: 14px;
    }

    .general .title-step .box-single {
        margin-top: 10px;
        height: 40px;
    }

    .general .title-step .group-select {
        margin-top: 10px;
    }

    .general .title-step .group-select .select-box-outer::before {
        height: 38px;
    }

    .general .title-step .group-select .select-box-outer::after {
        font-size: 25px;
    }

    .general .title-step .group-select .select-box-outer select {
        height: 40px;
    }

    .general .title-step .group-select .guide-size a {
        font-size: 12px;
    }

    .general .choice-material {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .general .choice-material .item-material .checkmark {
        width: 50px;
        margin-right: 15px;
    }

    .general .choice-material .item-material .checkmark .color-material {
        height: 50px;
    }

    .general .tabs-description-outer {
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .general .tabs-description-outer .tabs {
        margin-bottom: 15px;
    }

    .general .tabs-description-outer .tabs .item-tab {
        padding: 5px 10px;
    }

    .general .tabs-description-outer .tabs .item-tab span {
        font-size: 17px;
    }

    .general .tabs-description-outer .content-tab * {
        font-size: 13px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace>div .side-front,
    .general .carved-product-outer .carved-product-inner .carved-img-necklace>div .left-side {
        left: initial;
        right: 5px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace>div img {
        max-height: 250px;
        width: 95px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace label {
        font-size: 12px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace .mat-trai label {
        bottom: 29%;
        right: -13%;
        transform: rotate(-73deg);
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace .mat-phai label {
        bottom: 29%;
        left: -14%;
        transform: rotate(-107deg);
    }

    .general .carved-product-outer .carved-product-inner .carved-img-necklace .mat-truoc label,
    .general .carved-product-outer .carved-product-inner .carved-img-necklace .mat-sau label {
        bottom: 35%;
        right: -19%;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main {
        margin-bottom: 20px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .img-content {
        max-width: 320px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special {
        top: 56px;
        left: 0;
        width: 300px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special label {
        width: 320px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special span {
        font-size: 19px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div {
        margin-right: 30px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div:last-child {
        margin-right: 0;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left .text-special,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right .text-special {
        width: 150px;
        bottom: 29px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left .text-special label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left .text-special span,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right .text-special label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right .text-special span {
        font-size: 10px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides .img-content {
        width: 150px;
    }

    .general .infomation-carved-product .info-carved-product .line-through {
        padding: 10px 0 10px 0;
    }

    .general .info-carved-product .name-product {
        font-size: 18px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .general .width-default {
        width: 100%;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry {
        margin: 0 auto;
        width: 300px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .content {
        padding: 0;
    }

    .general .lp-heart2heart-outer .info-collection .infor-content-outer {
        margin: 0 auto;
        width: 300px;
    }

    .general .lp-heart2heart-outer .info-collection .infor-content-outer .content {
        padding: 0;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .content {
        margin-bottom: 10px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .content p {
        font-size: 13px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs {
        flex-flow: row wrap;
        justify-content: center;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div {
        width: 100%;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:first-child {
        margin-right: 0;
        min-height: 385px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child {
        width: 100%;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child>.tabs-item {
        min-height: 80px;
        width: calc((100% - 10px) / 3);
        width: -webkit-calc((100% - 10px) / 3);
        width: -moz-calc((100% - 10px) / 3);
        margin-right: 5px;
        margin-top: 5px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child>.tabs-item .name {
        font-size: 13px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child>.tabs-item:last-child {
        margin-right: 0;
    }

    .general .lp-heart2heart-outer .info-collection .content p {
        font-size: 13px;
    }

    .general .lp-heart2heart-outer .info-collection .list-img {
        flex-flow: row wrap;
    }

    .general .lp-heart2heart-outer .info-collection .list-img .img-360,
    .general .lp-heart2heart-outer .info-collection .list-img .img-thumbnail {
        width: 100%;
        min-height: 300px;
    }

    .general .lp-heart2heart-outer .info-collection .list-img .img-360 {
        margin-right: 0;
    }

    .general .lp-heart2heart-outer .info-collection .list-img .img-thumbnail>div {
        margin-top: 10px;
        margin-bottom: 0;
        border-radius: 5px;
        min-height: 145px;
    }

    .general .lp-heart2heart-outer .info-collection .list-img .img-thumbnail>div img {
        border-radius: 5px;
    }

    .general .lp-heart2heart-outer .make-it-yourself {
        margin-top: 85px;
        padding-bottom: 20px;
    }

    .general .carved-product-outer .carved-product-inner {
        flex-flow: row wrap;
    }

    .general .carved-product-outer .carved-product-inner .carved-img,
    .general .carved-product-outer .carved-product-inner .carved-setting {
        width: 100%;
    }

    .general .carved-product-outer .carved-product-inner .carved-setting {
        margin-left: 0;
        margin-top: 30px;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .general .carved-product-outer .braclet-outer .img-content {
        max-width: 320px;
    }

    .general .carved-product-outer .braclet-outer .img-content #id_BRACELET_TYPE {
        top: 2px;
        left: 0;
    }

    .general .carved-product-outer .braclet-outer .img-content #id_BRACELET_TYPE label {
        width: 320px;
    }

    .general .carved-product-outer .braclet-outer .img-content #id_BRACELET_TYPE label,
    .general .carved-product-outer .braclet-outer .img-content #id_BRACELET_TYPE label span {
        font-size: 17px;
    }

    .general .infomation-carved-product {
        flex-flow: row wrap;
        margin-top: 30px;
    }

    .general .infomation-carved-product>div {
        width: 100%;
    }

    .general .infomation-carved-product .image-carved-product {
        text-align: center;
        margin: 0 auto;
        max-width: 320px;
        height: 320px;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text {
        font-size: 11px;
        text-align: left;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-1 {
        bottom: 58%;
        left: 0;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-2 {
        bottom: 14.5%;
        left: 21%;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-3 {
        bottom: 20%;
        left: 22%;
        font-size: 8px;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-4 {
        bottom: 60%;
        left: 4%;
        -webkit-transform: rotateY(-50deg) rotateZ(-94deg) skewX(45deg);
        -moz-transform: rotateY(-50deg) rotateZ(-94deg) skewX(45deg);
        -ms-transform: rotateY(-50deg) rotateZ(-94deg) skewX(45deg);
        -o-transform: rotateY(-50deg) rotateZ(-94deg) skewX(45deg);
        transform: rotateY(-50deg) rotateZ(-94deg) skewX(45deg);
    }

    .general .infomation-carved-product .image-carved-product.img-BRACELET_TYPE {
        height: 100px;
    }

    .general .infomation-carved-product .image-carved-product.img-BRACELET_TYPE .text-result-1 {
        width: 320px;
        top: 2px;
    }

    .general .infomation-carved-product .image-carved-product.img-BRACELET_TYPE .text-result-1 span {
        font-size: 17px;
    }

    .general .infomation-carved-product .image-carved-product.img-RING_TYPE {
        height: 150px;
    }

    .general .infomation-carved-product .image-carved-product.img-RING_TYPE .text-result-1 {
        width: 320px;
        top: 34%;
    }

    .general .infomation-carved-product .image-carved-product.img-RING_TYPE .text-result-1 span {
        font-size: 24px;
    }

    .general .infomation-carved-product .info-carved-product {
        padding: 20px 10px 0;
    }

    .general .infomation-carved-product .info-carved-product .line-through {
        padding: 10px 0 10px 0;
    }
}

@media screen and (max-width: 359px) {
    .general .tabs-description-outer .tabs .item-tab span {
        font-size: 14px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .img-content {
        max-width: 290px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special {
        top: 50px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special label {
        width: 290px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-main .text-special span {
        font-size: 18px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div {
        margin-right: 10px;
        width: calc((100% - 10px) / 2);
        width: -webkit-calc((100% - 10px) / 2);
        width: -moz-calc((100% - 10px) / 2);
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div:last-child {
        margin-right: 0;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left span,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right span {
        bottom: 28px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .left span,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right label,
    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides>div .right span {
        font-size: 10px;
    }

    .general .carved-product-outer .carved-product-inner .carved-img-ring .ring-sides .img-content {
        width: 100%;
    }

    .general .carved-product-outer .braclet-outer .img-content #id_BRACELET_TYPE label {
        width: 300px;
    }

    .general .infomation-carved-product .image-carved-product {
        max-width: 290px;
    }

    .general .infomation-carved-product .image-carved-product.img-RING_TYPE .text-result-1 {
        width: 290px;
        top: 37%;
    }

    .general .infomation-carved-product .image-carved-product.img-RING_TYPE .text-result-1 span {
        font-size: 21px;
    }

    .general .infomation-carved-product .image-carved-product.img-BRACELET_TYPE .text-result-1 {
        width: 290px;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text {
        font-size: 10px;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-1 {
        bottom: 61%;
        left: -8px;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-2 {
        bottom: 14%;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-3 {
        bottom: 19.5%;
    }

    .general .infomation-carved-product .image-carved-product.img-NECKLACE_TYPE .text.text-result-4 {
        bottom: 61%;
        left: 1%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:first-child {
        min-height: 385px;
        margin-right: 10px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child .tabs-item {
        margin-right: 10px;
        min-height: initial;
        width: calc((100% - 20px) / 3);
        width: -webkit-calc((100% - 20px) / 3);
        width: -moz-calc((100% - 20px) / 3);
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child .tabs-item .name {
        font-size: 13px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child .tabs-item .box-tab {
        min-height: 132px;
    }

    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child .tabs-item:last-child {
        margin-right: 0;
    }

    .general .info-collection .list-img {
        justify-content: space-between;
    }

    .general .info-collection .list-img .img-360 {
        min-height: initial;
        margin-right: 10px;
        width: calc(50.5% - 10px);
        width: -webkit-calc(50.5% - 10px);
        width: -moz-calc(50.5% - 10px);
    }

    .general .info-collection .list-img .img-thumbnail {
        width: 49%;
        min-height: 145px;
    }

    .general .info-collection .list-img .img-thumbnail>div {
        min-height: initial;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .general .lp-heart2heart-outer .choice-style-jewelry .tabs {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .general .info-collection .list-img {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .general .carved-product-outer .carved-product-inner .carved-setting {
        width: 350px;
        margin-left: 50px;
    }

    .general .carved-product-outer .carved-product-inner .braclet-outer .img-content {
        max-width: 340px;
    }

    .general .carved-product-outer .carved-product-inner .braclet-outer .img-content #id_BRACELET_TYPE {
        top: 2px;
        left: 0;
    }

    .general .carved-product-outer .carved-product-inner .braclet-outer .img-content #id_BRACELET_TYPE label {
        width: 340px;
    }

    .general .carved-product-outer .carved-product-inner .braclet-outer .img-content #id_BRACELET_TYPE label,
    .general .carved-product-outer .carved-product-inner .braclet-outer .img-content #id_BRACELET_TYPE label span {
        font-size: 18px;
    }

    .general .image-carved-product {
        flex: 0 0 410px;
        height: 410px;
    }

    .general .image-carved-product.img-NECKLACE_TYPE .text.text-result-1 {
        bottom: 52%;
        left: 6.8%;
    }

    .general .image-carved-product.img-NECKLACE_TYPE .text.text-result-2 {
        bottom: 15.5%;
        left: 20%;
        font-size: 13px;
    }

    .general .image-carved-product.img-NECKLACE_TYPE .text.text-result-3 {
        bottom: 20.5%;
    }

    .general .image-carved-product.img-NECKLACE_TYPE .text.text-result-4 {
        bottom: 53%;
        left: 11.5%;
    }

    .general .image-carved-product.img-BRACELET_TYPE .text-result-1 {
        width: 410px;
    }

    .general .image-carved-product.img-BRACELET_TYPE .text-result-1 span {
        font-size: 22px;
    }

    .general .image-carved-product.img-RING_TYPE {
        height: 400px;
    }

    .general .image-carved-product.img-RING_TYPE .text-result-1 {
        width: 410px;
        top: 37%;
    }

    .general .image-carved-product.img-RING_TYPE .text-result-1 span {
        font-size: 30px;
    }

    .general .info-carved-product {
        width: calc(100% - 410px);
        width: -webkit-calc(100% - 410px);
        width: -moz-calc(100% - 410px);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .general .lp-heart2heart-outer .choice-style-jewelry .tabs>div:last-child {
        width: calc(100% - 320px);
        width: -webkit-calc(100% - 320px);
        width: -moz-calc(100% - 320px);
    }

    .general .info-collection .list-img .img-360,
    .general .info-collection .list-img .img-thumbnail {
        min-height: initial;
    }

    .general .info-collection .list-img .img-thumbnail>div {
        min-height: 212px;
    }
}

@media screen and (min-width: 1200px) {
    .general .image-carved-product {
        flex: 0 0 auto;
    }

    .general .info-carved-product {
        width: calc(100% - 500px);
        width: -webkit-calc(100% - 500px);
        width: -moz-calc(100% - 500px);
    }
}

@media screen and (min-width: 768px) {
    .general .infomation-carved-product .info-carved-product {
        padding: 0 0 0 20px;
    }
}

.general#online_consultant .ty-pagination,
.general#online_consultant #mobile_content_product_sortings {
    display: none;
}

.general#online_consultant #products_list .mp-flexible-products-outer .product-item {
    margin: 5px;
}

.general#online_consultant #products_list .mp-flexible-products-outer .product-item .product-container {
    min-height: 78px;
    max-height: 78px;
}

.general#online_consultant #products_list .mp-flexible-products-outer .product-item .product-container .product-prices {
    min-height: 55px;
}

.general .flexible-products-slick.mp-flexible-products-outer .product-item .product-image {
    height: auto;
    width: auto;
}

.general .mp-group-promotion-page .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-prev {
    left: 28px;
}

.general .mp-group-promotion-page .mp-flexible-products-outer .ty-owl-controls .owl-controls .owl-buttons>div.owl-next {
    right: 28px;
}

.general.mobile#online_consultant #products_list .mp-flexible-products-outer .product-item {
    margin: 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general.mobile#online_consultant #products_list .mp-flexible-products-outer .product-item .product-image {
    height: auto;
    width: auto;
}

.general .mp-product-option-size-open {
    padding: 10px 0;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general .mp-product-option-size-open span {
    color: #555;
    cursor: pointer;
    font-size: 12px;
    font-style: italic;
}

.general .mp-product-option-size-open span::after {
    content: "\f107";
    padding-left: 5px;
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

@media only screen and (max-width: 767px) {
    .general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .mp-product-option-size-close {
        right: 0;
        top: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .general.mobile .mp-product-option-size-wrapper .mp-product-option-size-content .mp-product-option-size-close {
        right: 8%;
    }
}

h2.ty-mainbox-title {
    margin-top: 10px;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 155%;
    font-weight: normal;
    color: #000;
}

.tygh-top-panel .ty-select-block__a {
    padding: 7px 3px 4.5px 3px;
    height: 34px;
    box-sizing: border-box;
}

.tygh-top-panel .ty-flag {
    margin-top: 0px;
    margin-right: 0;
}

.tygh-top-panel .ty-select-block {
    top: 34px;
}

.tygh-top-panel .ty-select-block .ty-select-block__list-item {
    padding: 0;
}

.tygh-top-panel .ty-dropdown-box__content {
    margin-top: 0;
}

.tygh-top-panel input[type="text"],
.tygh-top-panel input[type="password"],
.tygh-top-panel textarea,
.tygh-top-panel select {
    font-size: 12px;
}

.tygh-top-panel .ty-btn-go,
.tygh-top-panel .ty-btn-go * {
    font-size: 22px;
}

.ty-dropdown-box__title:hover,
.ty-dropdown-box__title.open {
    background: #d2dde4;
    color: #2d3540;
}

.ty-dropdown-box__title:hover *,
.ty-dropdown-box__title:hover a,
.ty-dropdown-box__title:hover i,
.ty-dropdown-box__title.open *,
.ty-dropdown-box__title.open a,
.ty-dropdown-box__title.open i {
    color: initial;
}

.ty-dropdown-box__title.open {
    background: #9fb2c0;
}

.ty-dropdown-box__title i {
    margin-left: 3px;
}

.ty-dropdown-box__title i.ty-icon-moon-user {
    margin-right: 2px;
}

.ty-quick-menu-item__points:before,
.ty-quick-menu-item__gift:before {
    font-size: 11px;
}

.tygh-header p,
.tygh-header div,
.tygh-header li,
.tygh-header a {
    font-size: 13px;
}

.ty-search-block>form {
    padding-right: 35px;
}

.ty-search-magnifier {
    background: #ff5319;
    color: white;
    top: 0;
    height: 100%;
    right: 0;
    width: 35px;
}

input.ty-search-block__input {
    padding: 7px 8px 7px 8px;
    height: 35px;
    font-size: 12px;
}

.cm-hint {
    color: #8d8c8c;
}

.top-cart-content {
    background: none;
}

.top-cart-content .ty-dropdown-box {
    display: block;
}

.top-cart-content .ty-dropdown-box__title {
    padding: 0 13px 0 35px;
    border-width: 0;
}

.top-cart-content .ty-dropdown-box__title i {
    margin-left: 0;
}

.top-cart-content .ty-dropdown-box__title .ty-minicart__icon {
    background: #4fbe31;
    top: 0;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    margin-left: 0;
    line-height: 32px;
    color: white;
    text-align: center;
    font-size: 14px;
}

.top-cart-content .ty-dropdown-box__title .ty-minicart__icon:hover {
    background: #4fbe31;
}

.top-cart-content .ty-dropdown-box__title .ty-minicart__icon.empty {
    background: #9fb2c0;
}

.top-cart-content .ty-dropdown-box__title.open .ty-minicart-title {
    color: #2e3a47;
}

.top-cart-content .ty-icon-down-micro {
    color: #4fbe31;
    padding-left: 10px;
}

.top-cart-content .ty-icon-down-micro:before {
    content: "\e019";
    font-size: 1.2em;
}

.top-cart-content .ty-dropdown-box__title:hover,
.top-cart-content .ty-dropdown-box__title.open {
    background: none;
}

.top-cart-content .ty-dropdown-box__title:hover .ty-icon-down-micro,
.top-cart-content .ty-dropdown-box__title.open .ty-icon-down-micro {
    color: #4fbe31;
}

.ty-minicart-title {
    color: #2e3a47;
    padding-left: 6px;
}

.ty-minicart-title * {
    line-height: 100%;
}

.ty-minicart-title .ty-minicart-title__header {
    font-weight: bold;
}

.ty-minicart-title .ty-minicart-title__header+span {
    padding-top: 10px;
    padding-bottom: 7px;
}

.ty-estimation-buttons .ty-btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

.buttons-container.ty-cart-content__top-buttons .ty-btn,
.buttons-container.ty-cart-content__bottom-buttons .ty-btn {
    margin-top: 3px;
    margin-bottom: 3px;
}

@media screen and (max-width: 979px) {

    .buttons-container.ty-cart-content__top-buttons button.ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons button.ty-btn {
        width: 100%;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons .ty-btn {
        display: block;
        margin-left: 0;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons,
    .buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons {
        text-align: right;
    }

    .buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons .ty-btn,
    .buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons .ty-btn {
        margin-left: auto;
        margin-right: 0;
    }
}

.ty-menu__submenu-item-header {
    border-color: #dce3ea;
}

.homepage-banners .owl-theme {
    margin: 23px 0;
}

.homepage-banners .owl-theme .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.homepage-banners .owl-theme .owl-controls .owl-page span {
    margin: 9px 4px 9px 5px;
}

.homepage-banners .owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 1px 6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #2d3540;
    background: #2d3540;
    opacity: 1;
    filter: alpha(opacity=100);
}

.homepage-banners .owl-theme .owl-controls .owl-page.active span.owl-numbers {
    border-color: #4fbe31;
    background: #9fb2c0;
}

.ty-grid-list__item-name .product-title {
    line-height: 120%;
    color: #8d8c8c;
}

.ty-grid-list__item-name .product-title:hover {
    color: #4fbe31;
}

.ty-footer-menu * {
    font-size: 13px;
}

.ty-footer-menu .ty-footer-general__header {
    font-weight: bold;
    text-transform: uppercase;
    color: #4c535d;
}

.ty-footer-menu .ty-footer-general__header,
.ty-footer-menu .ty-footer-general__header * {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .ty-footer-menu .ty-footer-general__header {
        padding-top: 15px;
    }
}

.ty-footer-general__icon-open,
.ty-footer-general__icon-hide {
    color: #9a9ea3;
}

.ty-footer-general__body {
    line-height: 140%;
}

.ty-footer-general__body a:hover {
    color: #465f73;
}

@media (max-width: 767px) {
    .ty-footer-general__header {
        border-bottom: 1px solid #e1e1e1;
    }

    .ty-footer-general__icon-open,
    .ty-footer-general__icon-hide {
        color: #bfbfbf;
    }

    .ty-footer-general__body .ty-text-links__item,
    .ty-footer-general__body .ty-account-info__links li {
        border-bottom: none;
    }
}

.ty-footer-menu__item a:hover {
    color: #2d3540;
}

.footer-contacts .greeny {
    color: #4fbe31;
}

.footer-contacts p,
.footer-contacts li {
    color: #36383b !important;
}

.ty-logo-container {
    margin-top: 0;
}

.top-search {
    margin-top: 7px;
}

.top-cart-content {
    margin-top: 7px;
    margin: 7px 0;
}

@media (max-width: 480px) {
    .top-cart-content {
        margin: 20px 0 5px 0;
    }
}

.homepage-hotdeals {
    margin: 50px 0;
}

.main-content-grid {
    margin-bottom: 16px;
}

.ty-account-info__title {
    padding: 0px 3px;
}

.logged .ty-account-info__title,
.ty-dropdown-box__title a,
.ty-dropdown-box .ty-icon-down-micro,
.ty-select-block__a,
.ty-select-block__arrow {
    color: #2d3540;
}

.ty-dropdown-box .ty-icon-down-micro {
    top: 3px;
    font-size: 15px;
}

.ty-select-block__arrow {
    margin-left: 0px;
    line-height: 130%;
}

.top-languages .ty-select-block__a,
.top-currencies .ty-select-block__a {
    color: #9eb2c0;
}

.top-languages .ty-select-block__a:hover,
.top-languages .ty-select-block__a.open,
.top-languages .ty-select-block__a.open:hover,
.top-currencies .ty-select-block__a:hover,
.top-currencies .ty-select-block__a.open,
.top-currencies .ty-select-block__a.open:hover {
    color: #9eb2c0;
}

.top-languages .ty-select-block__a.open .ty-select-block__arrow,
.top-languages .ty-select-block__a.open:hover .ty-select-block__arrow,
.top-currencies .ty-select-block__a.open .ty-select-block__arrow,
.top-currencies .ty-select-block__a.open:hover .ty-select-block__arrow {
    color: #2d3540;
}

.top-languages+.top-currencies {
    margin-left: 17px;
}

.ty-text-links__item:last-child {
    margin-right: 0;
}

.top-quick-pages {
    margin: 9px 4px 0px 0px;
}

.top-quick-pages .ty-text-links {
    margin-right: 0;
}

.top-quick-links {
    margin: 6px 4px 0px 0px;
}

.top-quick-links .ty-text-links__item {
    position: relative;
}

.top-quick-links .ty-text-links__item a:hover {
    color: #4fbe31;
}

.top-quick-links .ty-quick-menu-item__points:before {
    color: #4fbe31;
}

.top-quick-links .ty-quick-menu-item__gift:before {
    color: #ff5319;
}

.ty-red {
    color: #f00;
}

.ty-blue {
    color: #4d89c7;
}

.ty-blue-light {
    color: #00afff;
}

.ty-blue-light2 {
    color: #009cff;
}

.ty-underline,
.ty-exception__links-a {
    text-decoration: underline;
}

.ty-underline:hover,
.ty-exception__links-a:hover {
    text-decoration: none;
}

.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a:hover {
    background-color: #4fbe31;
    color: white;
}

input.ty-search-block__input {
    border-color: #dce3ea;
}

.cm-hint {
    color: #8ca0b5;
}

.ty-mainbox-title {
    font-size: 22px;
}

.owl-carousel .owl-carousel {
    z-index: 0;
}

.owl-carousel.owl-theme .owl-controls {
    margin-top: 0;
}

.owl-carousel.owl-theme .owl-controls .owl-buttons div {
    margin: 5px 9px 5px 8px;
    padding: 0;
    background: none;
    font-family: Arial;
    font-size: 11px;
    text-transform: lowercase;
    color: #8d8c8c;
}

.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev:after {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f104";
    display: inline-block;
    height: 27px;
    width: 15px;
    line-height: 28px;
    margin-left: 7px;
    border: 1px solid #dce3ea;
}

.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    content: "\f105";
    display: inline-block;
    height: 27px;
    width: 15px;
    line-height: 28px;
    margin-right: 7px;
    border: 1px solid #dce3ea;
}

.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover:after,
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover:before {
    border-color: #4fbe31;
}

.ty-scroller-advanced .ty-scroller-list__item .owl-buttons .owl-prev:after {
    display: none !important;
}

.ty-scroller-advanced .ty-scroller-list__item .owl-buttons .owl-next:before {
    display: none !important;
}

.ty-news-sidebox__item {
    border-bottom: none;
    padding-bottom: 5px;
}

.ty-news-sidebox__item-date {
    display: inline-block;
    padding-right: 20px;
}

.ty-news-text-links__date {
    border-color: #dce3ea;
    color: #8d8c8c;
}

.ty-news-sidebox__button {
    padding: 0;
    background: none;
    color: #4fbe31;
    font-size: 13px;
}

.ty-news-sidebox__button:hover {
    color: #4fbe31;
}

.testimonials-block .discussion-testimonial-post {
    padding-bottom: 10px;
}

.testimonials-block .discussion-testimonial-post+.ty-right {
    text-align: left;
}

.testimonials-block .discussion-testimonial-post+.ty-right a {
    color: #4fbe31;
}

.footer-stay-connected {
    background: #26323e;
    background: #2d3d4a;
}

.subscribe-fees {
    margin: 14px 0;
}

.subscribe-fees .ty-wysiwyg-content {
    padding-left: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.subscribe-fees .ty-wysiwyg-content:before {
    content: "\e02f";
    font-family: glyphs;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    margin: -15px 0 0;
    color: white;
    font-size: 3em;
}

.subscribe-fees h3 {
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 6px;
}

.subscribe-fees p {
    color: white;
    padding: 0;
    line-height: 1.5em;
}

h3.ty-social-link__title {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 38px;
}

@media screen and (max-width: 767px) {
    h3.ty-social-link__title {
        margin-top: 0;
    }
}

.tygh-footer .ty-mainbox-title {
    color: #465f73;
}

.bottom-copyright {
    font-size: 13px;
}

.ty-btn {
    padding: 6px 7px;
    text-transform: uppercase;
}

.ty-btn.ty-btn__text {
    padding: 0;
}

.ty-btn-go {
    box-sizing: border-box;
}

.ty-price-num {
    font-size: 16px;
}

.ty-sort-dropdown__content li {
    padding: 0;
}

.ty-sort-container__views-a.active:hover {
    color: #ff5319;
}

@media screen and (max-width: 700px) {
    .some_class {
        margin-left: 13px;
    }
}

.ty-wysiwyg-content h1.ty-main-title {
    color: #040404 !important;
}

.ty-wysiwyg-content h1.ty-main-title2 {
    color: #040404 !important;
}

.ty-wysiwyg-content h3.ty-main-title2 {
    color: #040404 !important;
}

.ty-cr-phone-number-link .ty-cr-link a {
    font-size: 12px;
    color: #4fbe31 !important;
    text-decoration: underline;
}

.ty-cr-phone-number-link .ty-cr-link a:hover {
    text-decoration: none;
}

.ty-cr-phone-number-link .ty-cr-phone {
    font-size: 19px;
    color: #2e3a47 !important;
}

.ty-cr-phone-number-link .ty-cr-phone-prefix {
    color: #6d86a1;
}

.ty-cr-phone-number-link .ty-cr-work {
    display: inline-block;
    padding-top: 5px;
    color: #8d8c8c !important;
}

.ty-cr-phone-number-link .ty-cr-work-hours {
    color: #6d86a1;
}

.ty-cr-content-grid:before,
.ty-cr-content-grid:after {
    display: table;
    content: "";
    line-height: 0;
    width: 100%;
}

.ty-cr-content-grid:after {
    clear: both;
}

.ty-cr-phone-number-link {
    margin: 0;
    text-align: left;
}

.ty-cr-phone-number-link * {
    font-family: Arial;
}

@media screen and (max-width: 767px) {
    .ty-cr-phone-number-link {
        margin: 0 auto 15px;
        max-width: 100%;
        padding: 0;
    }
}

.ty-cr-phone-number-link .ty-cr-link {
    float: left;
    margin-right: -110px;
}

@media screen and (max-width: 767px) {
    .ty-cr-phone-number-link .ty-cr-link {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

.ty-cr-phone-number-link .ty-cr-phone {
    font-size: 19px;
}

.ty-cr-phone-number-link .ty-cr-phone-prefix {
    font-weight: normal;
}

.ty-cr-phone-number-link .ty-cr-work {
    margin-left: 5px;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.ty-cr-phone-number-link .ty-cr-work-hours {
    padding-top: 4px;
    font-size: 11px;
    color: #6d86a1;
}

@media (max-width: 1100px) {
    .ty-cr-phone-number-link>span.ty-cr-work {
        font-size: 10px;
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .ty-cr-content-grid .ty-cr-phone-number-link {
        float: none;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .ty-top-grid_float {
        float: left !important;
        width: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .ty-cr-content-grid {
        margin-top: 0px;
    }

    .ty-cr-phone-number-link span.ty-cr-work {
        display: block;
    }

    .ty-cr-phone-number-link .ty-cr-link {
        margin-top: -2px;
    }
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UfY6323mHUZFJMgTvxaG2iE.eot);
    src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(//fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/s/ptsans/v8/HxndcvKFXWMbmSKW3biIqQ.eot);
    src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/HxndcvKFXWMbmSKW3biIqQ.eot) format('embedded-opentype'), url(//fonts.gstatic.com/s/ptsans/v8/yrzXiAvgeQQdopyG8QSg8Q.woff) format('woff');
}

.ty-wysiwyg-content .ty-cr-phone-number-link {
    padding-left: 0;
}

.top-logo {
    margin-top: 3px;
}

.ty-search-magnifier {
    text-align: center;
}

.widget.top-cart-content {
    background: none;
    margin: 0;
}

.widget.top-cart-content .ty-minicart-title__header {
    display: none;
}

.widget.top-cart-content .ty-dropdown-box {
    display: block;
}

.widget.top-cart-content .ty-dropdown-box__title {
    padding: 0 13px 0 35px;
    border-width: 0;
}

.widget.top-cart-content .ty-dropdown-box__title i {
    margin-left: 0;
}

.widget.top-cart-content .ty-dropdown-box__title .ty-minicart__icon {
    background: none;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    margin-left: 0;
    line-height: 32px;
    color: gray;
    text-align: center;
    font-size: 14px;
}

.widget.top-cart-content .ty-dropdown-box__title .ty-minicart__icon:hover {
    background: none;
}

.widget.top-cart-content .ty-dropdown-box__title .ty-minicart__icon.empty {
    background: none;
}

.widget.top-cart-content .ty-dropdown-box__title {
    height: 34px;
    padding-left: 25px;
    padding-top: 2px;
}

.widget.top-cart-content .ty-dropdown-box__title.open .ty-minicart-title {
    color: #2e3a47;
    height: 34px;
}

.widget.top-cart-content .ty-icon-down-micro {
    color: #4fbe31;
    padding-left: 10px;
}

.widget.top-cart-content .ty-icon-down-micro:before {
    content: "\e019";
    font-size: 1.2em;
}

.widget.top-cart-content .ty-dropdown-box__title:hover .ty-icon-down-micro,
.widget.top-cart-content .ty-dropdown-box__title.open .ty-icon-down-micro {
    color: #4fbe31;
}

.widget.top-currencies {
    margin-left: 0;
}

.widget .ty-select-block__arrow {
    line-height: 100%;
}

@media (max-width: 767px) {
    .footer-menu-shop .ty-text-links-btn {
        display: none !important;
    }

    .footer-menu-create-orders .ty-text-links-btn {
        display: none !important;
    }
}

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

[class*="ty-icon-"]:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
}

.ty-quick-menu-item__points:before,
.ty-quick-menu-item__gift:before,
.ty-icon-moon-facebook,
.ty-icon-moon-twitter,
.ty-icon-moon-mail,
.ty-icon-moon-vk,
.ty-icon-moon-heart,
.ty-icon-moon-percent,
.ty-icon-moon-user,
.ty-icon-moon-commerce {
    font-family: fontawesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.ty-icon-moon-commerce:before {
    content: "\e900";
}

.ty-icon-moon-facebook:before {
    content: "\e169";
}

.ty-icon-moon-twitter:before {
    content: "\e16d";
}

.ty-icon-moon-user:before {
    content: "\f007";
}

.ty-icon-moon-mail:before {
    content: "\f003";
}

.ty-icon-moon-vk:before {
    content: "\e602";
}

.ty-icon-moon-heart:before {
    content: "\e603";
}

.ty-icon-moon-percent:before {
    content: "\e604";
}

.ty-quick-menu-item__points:before {
    content: "\e604";
}

.ty-quick-menu-item__gift:before {
    content: "\e603";
}

.ty-social-link {
    vertical-align: middle;
}

.ty-social-link [class*="ty-icon-moon-"] {
    margin-right: 8px;
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 18px;
}

.ty-social-link [class*="ty-icon-moon-"]:hover {
    color: #fff;
    border-color: #4fbe31;
}

.ty-social-link .ty-icon-moon-vk {
    padding: 8px;
    font-size: 12px;
}

.ty-social-link:last-child i {
    margin-right: 0;
}

.ty-social-link-block {
    margin: 25px 15px 25px 0;
}

@media screen and (max-width: 1120px) {
    .ty-social-link-block {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 22px;
        text-align: center;
    }
}

h3.ty-social-link__title {
    font-size: 16px !important;
    font-family: 'PT Sans';
    font-weight: bold;
    text-transform: uppercase;
    line-height: 38px;
}

@media screen and (max-width: 979px) {
    h3.ty-social-link__title {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    h3.ty-social-link__title {
        margin-top: 0;
    }
}

.ty-social-link {
    top: 0;
    margin-right: 0;
}

.ty-banners-free-ship {
    margin-top: 25px;
}

.ty-banners-free-ship .ty-banner__image-wrapper {
    margin: 0;
}

.ty-banners-pickup {
    margin-top: 5.5%;
    margin-bottom: 23px;
}

.ty-banners-pickup .ty-banner__image-wrapper {
    margin: 0;
}

@media (min-width: 481px) and (max-width: 767px) {

    .ty-banners-free-ship,
    .ty-banners-pickup {
        width: 48.5%;
        margin-top: 0px;
        float: left;
    }

    .ty-banners-free-ship {
        margin-right: 3%;
    }
}

.ty-discussion-post__content {
    margin-top: 18px;
    margin-bottom: 0;
}

.ty-discussion-post__author {
    margin-left: 0;
}

.ty-discussion-post__author,
.ty-discussion-post__date,
.ty-discussion-post__message {
    margin-left: 0;
}

.homepage-reviews .ty-discussion-post {
    margin: 22px 0 26px 0;
}

.ty-discussion-post {
    padding: 12px 15px;
}

.ty-footer-form-block {
    margin-top: 25px;
}

.ty-footer-form-block .ty-footer-form-block__title {
    font-size: 16px !important;
    font-family: 'PT Sans';
    font-weight: bold;
    text-transform: uppercase;
    line-height: 38px;
}

.ty-footer-form-block.ty-footer-newsletters-block .ty-footer-form-block__title {
    display: none;
}

@media screen and (max-width: 1120px) {
    .footer-stay-connected .ty-grid {
        width: 100%;
        margin-left: 0;
    }

    .footer-stay-connected .ty-grid .ty-float-left {
        float: none;
    }

    .footer-stay-connected .ty-grid .ty-footer-form-block {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .footer-stay-connected .ty-grid .ty-footer-form-block .ty-footer-form-block__title {
        margin-bottom: 3px;
    }
}

form[name="subscribe_form"] .ty-footer-form-block__form {
    width: auto;
    display: inline-block;
    vertical-align: top;
}

form[name="subscribe_form"] .ty-footer-form-block__form h1,
form[name="subscribe_form"] .ty-footer-form-block__form h2,
form[name="subscribe_form"] .ty-footer-form-block__form h3,
form[name="subscribe_form"] .ty-footer-form-block__form h4,
form[name="subscribe_form"] .ty-footer-form-block__form h5,
form[name="subscribe_form"] .ty-footer-form-block__form h6 {
    margin: 0;
}

form[name="subscribe_form"] .ty-footer-form-block__form .ty-block {
    font-size: 13px;
    line-height: 120%;
    text-transform: none;
}

form[name="subscribe_form"] .ty-footer-form-block__form h3 {
    font-size: 16px;
    font-family: 'Open Sans';
    line-height: normal;
}

form[name="subscribe_form"] .ty-footer-form-block__form h3 .ty-block {
    margin-top: 5px;
    font-weight: normal;
}

form[name="subscribe_form"] .ty-footer-form-block__form.with-side {
    position: relative;
    padding-left: 55px;
    padding-right: 2%;
    width: 36.5%;
    text-align: left !important;
}

form[name="subscribe_form"] .ty-footer-form-block__form.with-side i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
}

@media screen and (max-width: 960px) {
    form[name="subscribe_form"] .ty-footer-form-block__form.with-side {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0;
    }
}

@media screen and (max-width: 700px) {
    form[name="subscribe_form"] .ty-footer-form-block__form.with-side {
        width: 70%;
    }
}

form[name="subscribe_form"] .ty-footer-form-block__form+.ty-footer-form-block__form {
    width: 53.5%;
}

@media screen and (max-width: 960px) {
    form[name="subscribe_form"] .ty-footer-form-block__form+.ty-footer-form-block__form {
        display: block;
        margin-right: auto !important;
        margin-left: auto !important;
        width: 53.5%;
    }
}

@media screen and (max-width: 766px) {
    form[name="subscribe_form"] .ty-footer-form-block__form+.ty-footer-form-block__form {
        width: 85%;
    }
}

@media screen and (max-width: 600px) {
    form[name="subscribe_form"] .ty-footer-form-block__form+.ty-footer-form-block__form {
        width: 100%;
    }
}

form[name="subscribe_form"] .ty-footer-form-block__form input .cm-hint {
    color: #8d8c8c;
}

form[name="subscribe_form"] .ty-footer-form-block__form input+.ty-btn-go {
    height: 34px;
}

form[name="subscribe_form"] .ty-footer-form-block__form input+.ty-btn-go .ty-btn-go__icon {
    top: 7px;
}

form[name="subscribe_form"] .ty-footer-form-block__form>div {
    vertical-align: top;
    display: inline-block;
}

.ty-btn__subscribe {
    background: #4fbe31;
    color: #fff;
}

.ty-btn__subscribe:hover {
    color: #fff;
}

.ty-btn__subscribe.ty-btn__text {
    color: #4fbe31;
}

@media (max-width: 480px) {
    .top-menu-grid {
        padding-top: 15px;
    }

    .top-cart-content {
        width: 100%;
        margin: 0px 0px;
        margin-top: 15px;
    }

    .top-cart-content .ty-dropdown-box {
        text-align: center;
    }

    .top-cart-content .ty-block {
        text-align: left;
    }
}

@media (min-width: 480px) and (max-width: 667px) {
    .row-fluid div.search-block-grid {
        width: 60%;
        float: left;
    }

    .top-search {
        margin-right: 2%;
    }

    .row-fluid div.cart-content-grid {
        width: 39%;
        float: left;
        margin-top: 7px;
    }

    .top-cart-content {
        float: left;
        margin: 0px 0px;
    }

    .top-menu-grid {
        padding-top: 20px;
    }
}

@media (min-width: 667px) and (max-width: 767px) {
    .top-menu-grid {
        padding-top: 20px;
    }

    .row-fluid div.search-block-grid {
        width: 70%;
        float: left;
    }

    .top-search {
        margin-right: 2%;
    }

    .row-fluid div.cart-content-grid {
        width: 29%;
        float: left;
        margin-top: 7px;
    }

    .top-cart-content {
        float: left;
        margin: 0px 0px;
    }
}

.owl-carousel.ty-scroller-list.grid-list {
    padding: 0;
    border-width: 0;
    background: none transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.owl-carousel.ty-scroller-list.grid-list .owl-wrapper-outer {
    background: none transparent;
}

.ty-scroller-advanced .owl-theme {
    margin: 0 0 10px 0;
}

.ty-scroller-advanced .owl-theme .owl-wrapper-outer {
    padding: 10px 0;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .ty-scroller-list__item.ty-column4 {
    display: block;
    width: auto;
}

.owl-theme .ty-grid-list__item .owl-controls {
    height: 0;
}

.owl-theme .ty-grid-list__item .owl-controls .owl-buttons {
    height: 0;
}

.owl-theme .ty-grid-list__item .owl-controls .owl-buttons div {
    padding: 0;
    margin: 0;
    color: #2e3a47;
    filter: alpha(opacity=100);
    opacity: 1;
    background: none;
}

.owl-theme .ty-grid-list__item .owl-controls .owl-buttons .owl-prev:after,
.owl-theme .ty-grid-list__item .owl-controls .owl-buttons .owl-next:before {
    display: none;
}

.ty-grid-list__item .owl-wrapper-outer {
    padding: 0;
}

.homepage-banners .owl-theme .owl-wrapper-outer {
    padding: 0;
}

.mainbox-container .owl-theme {
    margin-top: -10px;
}

.ty-scroller-advanced .ty-grid-list__item {
    margin: 0px 10px 1px 10px;
}

.ty-scroller-advanced .ty-scroller-list__item .ty-quick-view-button,
.ty-scroller-advanced .ty-scroller-list__item:hover .ty-quick-view-button {
    text-align: left;
}

.ty-quick-view-button {
    z-index: 1;
}

.ty-scroller-advanced .ty-scroller-list__item {
    padding-top: 0px;
}

.ty-scroller-advanced .owl-wrapper-outer {
    padding-top: 0px;
}

.ty-news-text-links {
    padding-left: 12px;
    margin: 30px 0 29px;
}

.ty-news-text-links__item {
    margin-bottom: 16px;
}

.ty-news-text-links__date {
    padding: 0px 1px;
    margin-right: 5px;
}

.ty-news-text-links__a {
    padding-top: 1px;
}

@media screen and (min-width: 767px) {
    .ty-footer-menu {
        padding-top: 20px;
    }
}

.tygh-footer .ty-mainbox-title {
    font-size: 16px;
    padding: 6px 0;
    margin: 0;
}

.tygh-footer .ty-mainbox-body .ty-text-links {
    margin-top: 10px;
}

.tygh-footer .ty-mainbox-body .ty-text-links__item {
    padding: 2px 0;
    margin: 0 0 8px;
    line-height: 1.4;
}

.tygh-footer .ty-mainbox-body .ty-text-links__item a {
    color: #9a9ea3;
}

@media (min-width: 768px) and (max-width: 979px) {
    .ty-footer-menu__items {
        display: block !important;
    }
}

.ty-payment-icons {
    margin: 6px 0;
}

.ty-payment-rus-icons .ty-payment-icons__item.webmoney {
    background-position: 0px -67px;
    width: 86px;
}

.ty-payment-rus-icons .ty-payment-icons__item.yandex {
    background-position: 0px -128px;
    width: 60px;
}

.ty-payment-rus-icons .ty-payment-icons__item.qiwi {
    background-position: 0px -97px;
    width: 84px;
}

.ty-payment-rus-icons .ty-payment-icons__item.mastercard {
    background-position: 0px -35px;
    width: 40px;
}

.ty-payment-rus-icons .ty-payment-icons__item.visa {
    background-position: 0px 0px;
    width: 40px;
}

.ty-payment-rus-icons .ty-payment-icons__item.paypal {
    background-position: 0px -160px;
}

.ty-discussion-post__content .ty-discussion-post {
    margin: 16px 0 0;
}

.ty-banners-free-ship {
    margin-top: 25px;
}

.ty-banners-free-ship .ty-banner__image-wrapper {
    margin: 0;
}

.ty-banners-pickup {
    margin-top: 5.5%;
    margin-bottom: 23px;
}

.ty-banners-pickup .ty-banner__image-wrapper {
    margin: 0;
}

@media (min-width: 481px) and (max-width: 767px) {

    .ty-banners-free-ship,
    .ty-banners-pickup {
        width: 48.5%;
        margin-top: 0px;
        float: left;
    }

    .ty-banners-free-ship {
        margin-right: 3%;
    }
}

.footer-contacts p,
.footer-contacts li {
    color: #36383b;
}

@media (max-width: 980px) {
    .ty-list-container .ty-page-company__info-block {
        padding-top: 30px;
    }
}

.ty-menu-item__sale .ty-menu__item-link {
    color: #fe7400 !important;
    font-weight: bold;
}

@media (min-width: 1151px) {
    .ty-menu-item__products {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1150px) {

    .ty-menu-item__sport,
    .ty-menu-item__office {
        display: none !important;
    }
}

@media (max-width: 930px) {
    .ty-menu-item__media {
        display: none !important;
    }
}

@media (max-width: 795px) {
    .ty-menu-item__apparel {
        display: none !important;
    }
}

@media (min-width: 900px) {
    .ty-quick-menu-item__bonuses {
        display: none !important;
    }
}

@media (max-width: 900px) {

    .ty-quick-menu-item__points,
    .ty-quick-menu-item__gift {
        display: none !important;
    }
}

@media (min-width: 1166px) {
    .ty-quick-menu-item__place-order {
        display: none !important;
    }
}

@media (max-width: 1167px) {

    .ty-quick-menu__return,
    .ty-quick-menu__contacts,
    .ty-quick-menu__delivery,
    .ty-quick-menu__pickup {
        display: none !important;
    }
}

.ty-text-links_show_inline .ty-level-0:hover .ty-text-links {
    min-width: 170px;
}

.ty-footer-menu .ty-footer-general__header {
    position: relative;
    margin: 0;
    padding-top: 2px;
}

@media screen and (max-width: 767px) {
    .ty-footer-menu .ty-footer-general__header {
        padding-top: 15px;
    }
}

.ty-footer-general__icon-open,
.ty-footer-general__icon-hide {
    display: none;
    color: #9a9ea3;
}

.ty-footer-general__body {
    margin: 0;
    margin-top: 8px;
}

.ty-footer-general__body li {
    margin-bottom: 6px;
}

@media (max-width: 767px) {

    .ty-footer-general__icon-open,
    .ty-footer-general__icon-hide {
        position: absolute;
        top: 12px;
        right: 0;
        font-size: 40px;
        cursor: pointer;
    }

    .ty-footer-general__icon-open {
        display: block;
    }

    .ty-footer-general__header.open .ty-footer-general__icon-hide {
        display: block;
    }

    .ty-footer-general__header.open .ty-footer-general__icon-open {
        display: none;
    }

    .ty-footer-general__body {
        margin-top: 0;
        padding-bottom: 0px;
        display: none;
    }

    .ty-footer-general__body .ty-text-links__item,
    .ty-footer-general__body .ty-account-info__links li {
        padding: 8px 0px 8px 0px;
        padding-left: 20px;
    }

    .footer-contacts li {
        padding-left: 20px;
    }
}

.ty-text-links__item {
    margin-right: 11px;
}

@media (min-width: 1224px) {
    .ty-footer-general__body {
        display: block !important;
    }
}

.bottom-copyright {
    margin-top: 6px;
}

.ty-discount-label {
    -webkit-transform: translate3d(0, 0, 0);
}

.ty-product-block__button .ty-btn {
    margin-right: 15px;
}

.ty-product-block__button .button-container {
    z-index: 1;
}