select,
input,
button,
a.action {
    font-family: 'DB Heavent X Regular', Arial, sans-serif !important;
}

strong,
h1,
h2,
h3,
h4,
b,
legend,
th {
    font-family: 'DB Heavent X Medium';
}

:root {
    --primary-color: #193E74;
    --text-color: #193E74;
    --background-color: #F0F0F0;
}

.active {
    display: block;
}

.hide {
    background-color: transparent !important;
}

.show {
    display: block;
}

.page-wrapper .block-search {
    position: relative;
    width: 530px;
    z-index: 99;
}

.page-wrapper .page-header {
    height: 110px;
    background-color: #FFFFFF;
}

.page-wrapper .page-header .header.content {
    max-width: 1212px;
    width: 1212px;
    height: 110px;
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.page-wrapper .page-header .header.content .ammenu-logo {
    position: relative;
    bottom: 14px;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block {
    position: absolute;
    width: 531px;
    height: 38px;
    left: 24%;
    right: 35%;
    top: 20%;
    bottom: 58.03%;
    background: #FFFFFF;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper {
    width: 100%;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-input::placeholder,
.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-input::-webkit-input-placeholder {
    color: #999;
    font-size: 18px;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper input {
    border-radius: 5px;
    padding: 18px 20px;
    border: 1px solid #E0E0E0;
    height: 38.63px;
    position: relative;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-button {
    background-color: #193E74;
    width: 53.75px;
    height: 38.63px;
    border-radius: 0px 5px 5px 0px;
    opacity: 1;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-button.-icon {
    background-size: 18px;
    color: #ffffff;
}

.page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-button.-loupe {
    left: 478px;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language {
    position: absolute;
    right: 21.27%;
    top: 28%;
    bottom: 59.43%;
    font-size: 22px;
    line-height: 26px;
    color: #193E74;
    width: 63px;
    height: 47px;
    margin-right: 0 !important;
    text-align: right;
    direction: rtl;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    display: none;
    width: 65px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #fff;
    position: relative;
    left: 10px;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .switcher-option a {
    font-weight: 400;
    color: #828282;
    padding-right: 2.5rem;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .switcher-option a:hover {
    color: #193E74;
    padding-right: 2.5rem;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger strong {
    padding-right: 1rem;
}

.page-wrapper .page-header .header.content .switcher.language.switcher-language .switcher-options:hover .switcher-dropdown {
    display: block;
}

.page-wrapper .page-header .header.content .switcher-language:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    color: #193E74;
    font-size: 1.5rem;
    top: 0;
    right: -4px;
}

.page-wrapper .page-header .header.content .item.link.compare {
    list-style: none;
    position: absolute;
    left: 80.4%;
    right: 21.49%;
    top: 20%;
    bottom: 52.51%;
    background: #F2F2F2;
    width: 47px;
    height: 47px;
    border-radius: 50%;
}

.page-wrapper .page-header .header.content .item.link.compare a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%, -38%);
    font-size: 18px;
}

.page-wrapper .page-header .header.content .item.link.compare a .counter.qty {
    background: #EE2028;
    color: #ffffff;
    height: 15.8px;
    line-height: 18px;
    border-radius: 2px;
    display: inline-block;
    min-width: 15.8px;
    overflow: hidden;
    text-align: center;
    white-space: normal;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    top: -18px;
    right: -5px;
}

.page-wrapper .page-header .header.content .item.link.compare a:nth-child(1):before {
    content: url('../images/icons/compare.svg');
}

.page-wrapper .page-header .header.content .item.link.compare:hover {
    background-color: #193E74;
}

.page-wrapper .page-header .header.content .item.link.compare:hover a::before {
    content: url(../images/icons/compare2.png);
}

.page-wrapper .page-header .header.content .item.link.compare:hover .counter.qty {
    top: -5px;
    right: 5px;
}

.page-wrapper .page-header .header.content .link-icon.wishlist {
    position: absolute;
    left: 85.27%;
    right: 17.62%;
    top: 20%;
    bottom: 52.51%;
    background: #F2F2F2;
    height: 47px;
    width: 47px;
    border-radius: 50%;
    list-style: none;
    background-image: url('../images/icons/wishlist.svg');
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
}

.page-wrapper .page-header .header.content .link-icon.wishlist a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 18px;
}

.page-wrapper .page-header .header.content .link-icon.wishlist a .counter::after {
    content: none;
}

.page-wrapper .page-header .header.content .link-icon.wishlist a .counter::before {
    content: none;
}

.page-wrapper .page-header .header.content .link-icon.wishlist:hover {
    background-color: #193E74;
    background-image: url('../images/icons/wishlist2.png');
    background-repeat: no-repeat;
    background-position: center;
}

.page-wrapper .page-header .header.content .link-icon.wishlist .counter {
    color: #FFFFFF;
    background: #EE2028 !important;
    height: 15.8px;
    min-width: 15.8px;
    line-height: 17px;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    top: 5.5px;
    right: 6px;
    text-align: center;
}

.page-wrapper .page-header .header.content .minicart-wrapper {
    position: absolute;
    left: 90.12%;
    right: 13.77%;
    top: 20%;
    bottom: 52.51%;
    background: #F2F2F2;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin: 0;
    background-image: url('../images/icons/mini-cart.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.page-wrapper .page-header .header.content .minicart-wrapper:hover {
    background-color: #193E74;
    background-image: url('../images/icons/cart2.png');
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart {
    width: 44px;
    height: 44px;
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart .counter.qty {
    background: #EE2028 !important;
    margin: 0;
    height: 15.4px;
    min-width: 15.4px;
    padding: 0;
    line-height: 17px;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 7px;
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart .counter-number {
    text-shadow: none;
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart::before {
    content: '';
}

.page-wrapper .page-header .header.content .minicart-wrapper .action.showcart.active::before {
    content: '';
}

.page-wrapper .page-header .header.content .account-icon {
    position: absolute;
    left: 94.96%;
    right: 9.93%;
    top: 20%;
    bottom: 52.51%;
    background: #F2F2F2;
    width: 47px;
    height: 47px;
    list-style: none;
    border-radius: 50%;
}

.page-wrapper .page-header .header.content .account-icon .link-icon.my-account-link a:nth-child(1) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-44%, -42%);
    font-size: 18px;
}

.page-wrapper .page-header .header.content .account-icon .link-icon.my-account-link a span {
    display: none;
}

.page-wrapper .page-header .header.content .account-icon .link-icon.my-account-link a:nth-child(1):before {
    content: url('../images/icons/account.svg');
}

.page-wrapper .page-header .header.content .account-icon:hover {
    background-color: #193E74;
}

.page-wrapper .page-header .header.content .account-icon:hover a::before {
    content: url('../images/icons/accout2.png') !important;
}

.page-wrapper .page-header .header.content .account-container {
    position: absolute;
    left: 97.5%;
    right: 9.93%;
    top: 37.49%;
    bottom: 52.51%;
    width: 47px;
    height: 47px;
    list-style: none;
    border-radius: 50%;
}

.page-wrapper .page-header .header.content .account-container .customer-welcome .customer-name .action.switch:after {
    content: "" !important;
}

.page-wrapper .page-header .header.content .account-container .customer-welcome .customer-menu {
    display: block;
}

.page-wrapper .page-header .header.content .account-container .customer-welcome .customer-menu ul {
    min-width: 135px;
    height: fit-content;
    margin-top: 0;
    border: 0;
}

.page-wrapper .page-header .header.content .account-container .customer-welcome .customer-menu ul li {
    font-size: 18px;
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #f2f2f2;
}

.page-wrapper .page-header .header.content .account-container .customer-welcome .customer-menu ul li a {
    display: block;
    padding: 5px 8px;
    margin-left: 1rem;
    color: #828282;
}

.page-wrapper .page-header .header.content .account-container .action.switch {
    width: 0;
    height: 0;
}

.ammenu-menu-wrapper {
    margin-bottom: 0;
}

.ammenu-menu-wrapper .ammenu-category-tree .ammenu-title {
    display: flex !important;
    align-items: center;
}

.ammenu-menu-wrapper .ammenu-icon-block {
    height: 40px;
    width: 60px;
    border: 1px solid #f2f2f2;
}

.popular-search>p,
ul {
    display: inline-block;
}

.popular-search {
    position: absolute;
    top: 48px;
    left: 18px;
    max-width: 475px;
    height: 40px;
    overflow: hidden;
}

.popular-search .popular-title {
    font-size: 15px;
}

.popular-search ul {
    list-style-type: none;
    padding-left: 10px;
    margin: 0;
}

.popular-search ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.popular-search ul li a {
    color: #ffffff;
    padding: 2px 10px;
    background-color: var(--primary-color);
    margin-right: 10px;
    border-radius: 20px;
    font-size: 14px;
}

.popular-search ul li a:hover {
    cursor: pointer;
    text-decoration: none;
}

.ammenu-nav-sections.-topmenu .ammenu-items.-root>.ammenu-item:hover>.ammenu-link {
    text-decoration: underline;
}

.ammenu-nav-sections.-topmenu .ammenu-items.-root>.ammenu-item>.ammenu-link {
    font-size: 1.4rem;
    padding: 7px 14px;
    position: relative;
}

.amsearch-button.-loupe {
    background-image: url('../images/icons/glass.svg') !important;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #ammenu-header-container .header.content .minicart-wrapper .block-minicart::before {
        right: 44px;
    }

    #ammenu-header-container .header.content .minicart-wrapper .block-minicart::after {
        right: 43px;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        overflow-x: hidden;
    }

    .ammenu-menu-wrapper .ammenu-icon-block {
        border: 0 !important;
    }

    .page-main .block {
        width: 100% !important;
    }

    .main>div:nth-child(2) .carousel-container {
        width: 100% !important;
    }

    .customer-welcome .customer-menu {
        display: none !important;
    }

    #ammenu-header-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: auto;
    }

    #ammenu-header-container .header.content {
        width: 100%;
        margin: auto;
        height: fit-content;
        padding: 5px 0;
    }

    #ammenu-header-container .header.content .account-container {
        display: none;
    }

    #ammenu-header-container .header.content .minicart-wrapper {
        background-color: #fff;
        background-image: unset;
        order: 1;
        position: unset;
        background: transparent;
        width: auto;
        height: fit-content;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart {
        width: auto;
        display: flex;
        align-items: center;
        height: fit-content;
        position: relative;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart::before {
        content: url(../images/icons/mini-cart2.svg);
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #f2f2f2;
        text-align: center;
        line-height: 10px;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart span {
        position: relative;
        overflow: unset;
        margin: 0;
        clip: unset;
        width: fit-content;
        padding: 0 5px;
        height: auto;
        font-size: 12px;
        color: #837F7F;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart .counter.qty {
        width: 15px;
        height: 15px;
        padding: 0;
        position: absolute;
        right: 3px;
        top: -8px;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart .counter.qty .counter-number {
        color: #fff;
    }

    #ammenu-header-container .header.content .minicart-wrapper .action.showcart .counter.qty .counter-label {
        display: none;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block {
        position: relative;
        left: revert;
        right: revert;
        top: revert;
        bottom: revert;
        order: 4;
        padding: 0;
        width: 95%;
        margin: 8px auto;
        height: 25px;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block::before {
        display: none;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block .amsearch-form-block {
        height: 100%;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block .amsearch-input-wrapper {
        height: 100%;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block .amsearch-input-wrapper input {
        padding: 0 10px;
        height: 100%;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block .amsearch-input-wrapper input::placeholder {
        font-size: 12px;
        color: #ABA3A3;
    }

    #ammenu-header-container .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-button.-loupe {
        left: unset;
        top: 0;
        right: 0;
        height: 100%;
        width: 38px;
        background-size: unset;
    }

    #ammenu-header-container .header.content .account-icon {
        position: relative;
        left: revert;
        top: revert;
        bottom: revert;
        right: revert;
        order: 2;
        width: auto;
        height: auto;
        background: transparent;
    }

    #ammenu-header-container .header.content .account-icon .my-account-link a {
        display: flex;
        align-items: center;
    }

    #ammenu-header-container .header.content .account-icon .my-account-link a span {
        display: block;
        font-size: 12px;
        color: #837F7F;
        width: fit-content;
        padding: 0 0 0 5px;
        text-align: center;
    }

    #ammenu-header-container .header.content .account-icon .my-account-link a:nth-child(1) {
        position: unset;
        transform: none;
    }

    #ammenu-header-container .header.content .account-icon .my-account-link a:nth-child(1)::before {
        content: url(../images/icons/account2.svg);
        display: block;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        background: #f2f2f2;
    }

    #ammenu-header-container .header.content .ammenu-logo {
        position: unset;
        height: revert;
        margin: 0;
        margin-right: 30px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language {
        position: relative;
        right: revert;
        top: revert;
        bottom: revert;
        height: revert;
        order: 3;
        width: fit-content;
        margin-left: 3px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-trigger strong {
        padding: 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options {
        display: flex;
        direction: ltr;
        align-items: center;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger {
        height: fit-content;
        margin: 0 3px 0 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger .view-th span {
        display: none;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger .view-th::before {
        content: url(../images/icons/thailand.svg);
        display: block;
        height: 23px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger .view-en span {
        display: none;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-trigger .view-en::before {
        content: url(../images/icons/united.svg);
        display: block;
        height: 23px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown {
        display: block;
        width: fit-content;
        left: revert;
        padding: 0;
        border: 0;
        margin: 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .switcher-option {
        height: fit-content;
        margin: 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-en a {
        padding-right: 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-en a::before {
        content: url(../images/icons/united.svg);
        display: block;
        height: 23px;
        line-height: 10px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-en a span {
        display: none;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-th a {
        padding-right: 0;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-th a::before {
        content: url(../images/icons/thailand.svg);
        display: block;
        height: 23px;
        line-height: 10px;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language .switcher-options .switcher-dropdown .view-th a span {
        display: none;
    }

    #ammenu-header-container .header.content .switcher.language.switcher-language::after {
        display: none;
    }

    #ammenu-header-container .amsearch-wrapper-block.icon-search::before {
        background-image: url('../images/icons/glass2.svg') !important;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        position: absolute;
        top: -7.1rem;
        left: 107.3%;
        background-position: center;
    }

    #ammenu-header-container button.ammenu-button.-hamburger.-trigger {
        position: absolute;
        top: 35%;
        left: 12.5%;
        transform: translate(-50%, -50%);
    }

    #ammenu-header-container li.item.link.compare,
    #ammenu-header-container .link-icon.wishlist {
        display: none;
    }

    .ammenuprem-mobile-content {
        margin-left: 50px !important;
        padding: 0 !important;
    }

    .ammenuprem-mobile-content .pagebuilder-column {
        width: 100% !important;
    }

    .ammenu-nav-sections.-sidebar.-opened {
        background: white !important;
        width: 100%;
    }

    .ammenu-nav-sections.-sidebar.-opened .ammenu-tabs-list {
        height: 6.875vh;
        padding: 0;
        margin: 0;
        width: 54px;
    }

    .ammenu-nav-sections.-sidebar.-opened .ammenu-menu-title {
        display: none;
    }

    .ammenu-nav-sections.-sidebar.-opened .ammenu-menu-wrapper .ammenu-menu-overlay {
        background-color: none;
    }

    .ammenu-nav-sections.-sidebar.-opened button.ammenu-button.-active {
        color: #193e74 !important;
        background: #fff !important;
        width: 27vw;
    }

    .ammenu-nav-sections.-sidebar.-opened button.ammenu-button {
        background: #ccc !important;
        height: 6.875vh;
        color: #4f4f4f !important;
        font-family: 'DB Heavent X Medium' !important;
        border-radius: 0;
        width: 27vw;
    }

    .ammenu-nav-sections.-sidebar.-opened .brand__menu .brand__list {
        padding: 0;
    }

    .ammenu-nav-sections.-sidebar.-opened .ammenu-items {
        width: 100%;
    }

    .ammenu-nav-sections.-sidebar.-opened .ammenu-items .ammenu-item .ammenu-text-block {
        color: #4f4f4f !important;
        font-size: 20px;
        line-height: 24px;
        font-family: 'DB Heavent X Medium' !important;
    }

    .ammenu-nav-sections.-mobile.-accordion .ammenu-items.-root>.ammenu-item:not(:last-child):not(.-active)>.ammenu-link {
        border-bottom: 1px solid #f2f2f2 !important;
        width: 57.67vw;
    }

    .ammenu-items.-root.-accordion svg {
        width: 0.3225em;
    }

    .page-wrapper .page-header {
        border-bottom: 0 !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }

    .popular-search {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #ammenu-header-container .header.content .minicart-wrapper {
        margin-left: auto;
    }
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
    #ammenu-header-container .header.content .minicart-wrapper {
        width: 20%;
    }
}

@media only screen and (max-width: 1024px) and (max-width: 375px) {
    #ammenu-header-container .header.content .account-icon {
        width: 18%;
    }
}

@media only screen and (max-width: 1024px) and (max-width: 767px) {
    #ammenu-header-container .header.content .ammenu-logo {
        width: 40%;
    }
}

@media only screen and (max-width: 1024px) and (max-width: 375px) {
    #ammenu-header-container .header.content .ammenu-logo {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    #ammenu-header-container .header.content .switcher.language.switcher-language {
        margin-right: 1em !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    .page-wrapper .page-header .header.content {
        width: 100% !important;
    }

    .page-wrapper .page-header .header.content .amsearch-wrapper-block {
        width: 45%;
    }

    .page-wrapper .page-header .header.content .amsearch-wrapper-block .amsearch-input-wrapper .amsearch-button.-loupe {
        left: 90% !important;
    }

    .page-wrapper .ammenu-nav-sections.-topmenu:not(.-hamburger) .ammenu-main-container .ammenu-items.-root {
        width: 100%;
    }
}