/* Latin */
@font-face {
    font-family: 'Mattone150';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Mattone150.eot');
    src: url('../fonts/Mattone150.eot') format('embedded-opentype'),
        url('../fonts/Mattone150.woff2') format('woff2'),
        url('../fonts/Mattone150.woff') format('woff'),
        url('../fonts/Mattone150.ttf') format('truetype'),
        url('../fonts/Mattone150.svg#Mattone150') format('svg');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Thai */
@font-face {
    font-family: 'Mattone150';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/PromptSemiBold.eot');
    src: url('../fonts/PromptSemiBold.eot') format('embedded-opentype'),
        url('../fonts/PromptSemiBold.woff2') format('woff2'),
        url('../fonts/PromptSemiBold.woff') format('woff'),
        url('../fonts/PromptSemiBold.ttf') format('truetype'),
        url('../fonts/PromptSemiBold.svg#PromptSemiBold') format('svg');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* Latin */
@font-face {
    font-family: 'MontserratMedium';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/MontserratMedium.eot');
    src: url('../fonts/MontserratMedium.eot') format('embedded-opentype'),
        url('../fonts/MontserratMedium.woff2') format('woff2'),
        url('../fonts/MontserratMedium.woff') format('woff'),
        url('../fonts/MontserratMedium.ttf') format('truetype'),
        url('../fonts/MontserratMedium.svg#MontserratMedium') format('svg');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Thai */
@font-face {
    font-family: 'MontserratMedium';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/PromptLight.eot');
    src: url('../fonts/PromptLight.eot') format('embedded-opentype'),
        url('../fonts/PromptLight.woff2') format('woff2'),
        url('../fonts/PromptLight.woff') format('woff'),
        url('../fonts/PromptLight.ttf') format('truetype'),
        url('../fonts/PromptLight.svg#PromptLight') format('svg');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* Latin */
@font-face {
    font-family: 'MontserratMediumItalic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/MontserratMediumItalic.eot');
    src: url('../fonts/MontserratMediumItalic.eot') format('embedded-opentype'),
        url('../fonts/MontserratMediumItalic.woff2') format('woff2'),
        url('../fonts/MontserratMediumItalic.woff') format('woff'),
        url('../fonts/MontserratMediumItalic.ttf') format('truetype'),
        url('../fonts/MontserratMediumItalic.svg#MontserratMediumItalic') format('svg');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Thai */
@font-face {
    font-family: 'MontserratMediumItalic';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/PromptLightItalic.eot');
    src: url('../fonts/PromptLightItalic.eot') format('embedded-opentype'),
        url('../fonts/PromptLightItalic.woff2') format('woff2'),
        url('../fonts/PromptLightItalic.woff') format('woff'),
        url('../fonts/PromptLightItalic.ttf') format('truetype'),
        url('../fonts/PromptLightItalic.svg#PromptLightItalic') format('svg');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

body,
address,
p,
ul,
ol,
.message.success {
    font-family: 'MontserratMedium' !important;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-family: 'Mattone150' !important;
}

.page-wrapper .aw-rbslider-container {
    margin-bottom: 0;
}

.header .cdz-navigation {
    padding: 10px 0;
}

.header .cdz-navigation .cdz-horizontal-menu .groupmenu {
    display: flex;
    justify-content: space-between;
}

body .post-list-style09 .post-title .post-item-link {
    font-family: 'MontserratMedium';
}

body .product-item-name .product-item-link,
body .product-item-link,
body .product.name a {
    font-family: 'MontserratMedium';
}

body.customer-account-login .page-title-wrapper .page-title,
body.customer-account-create .page-title-wrapper .page-title {
    display: none;
}

.customer-account-login .customer-new {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
}

.customer-account-login .customer-new .create {
    color: #DC042C;
}

body .breadcrumbs .items {
    font-family: 'MontserratMedium';
}

body.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .minicart-items .product-image-container {
    width: auto !important;
    height: auto !important;
}

body.checkout-onepage-success .account .column.main .block:not(.widget),
body.checkout-onepage-success .account .order-details-items.ordered,
body.checkout-onepage-success .checkout-success .success-messages {
    text-align: left;
}

body.checkout-onepage-success .account .column.main .block:not(.widget) .box-title {
    text-transform: uppercase;
}

body.checkout-onepage-success .page-main .block.block-order-details .order-date {
    border: none;
}

body.customer-account-create .create-account-form .block-title {
    text-align: center;
    text-transform: uppercase;
}

div#remember-me-box {
    display: none;
}

legend.legend.customer-attributes {
    display: none;
}

.product-item .price-box .price-label {
    display: none;
}

body.checkout-index-index .amcheckout-step-container .amcheckout-title>.amcheckout-icon,
body.checkout-index-index .amcheckout-step-container .amcheckout-title>.amcheckout-icon:before {
    border-color: #000000;
}

.banner-style08 .groupbanner-text h2 {
    margin-top: 10px;
}

.banner-style08 .slide-caption .button-link {
    width: 30%;
    text-align: center;
    margin: 0 5px;
}

.banner-style08 .groupbanner-text .group-info {
    padding-top: 10px;
    padding-bottom: 30px;
}

.instagram-wrapper {
    margin-bottom: 25px;
}

.product-info-main .price-box .price-label {
    display: none !important;
}

.modal-popup #opc-new-shipping-address {
    padding-top: 15px;
}

.catalog-product-view .product-info-main .swatch-opt .footwear_size_us_vans_unisex:after {
    content: "* Standard US Size";
    color: red;
    padding-top: 5px;
    display: block;
}
.catalog-product-view .product-info-main .swatch-opt .footwear_size_uk:after {
    content: "* Standard UK Size";
    color: red;
    padding-top: 5px;
    display: block;
}
.catalog-product-view .product-info-main .swatch-opt .one_size:after {
    content: "* กรุณาเลือกไซส์";
    color: red;
    padding-top: 5px;
    display: block;
}
.actions-toolbar .action.primary:hover {
    color: #FFFFFF;
    background-color: #DC042C;
    border-color: #DC042C;
}
.customer-account-create .form-create-account .actions-toolbar>.primary .action {
    line-height: 30px;
}
body .products-grid .product-item div[class^="swatch-opt-"] {
    min-height: 54px;
}
body .price-slider-container .input-wrap .control,
body .block.filter .filter-options .filter-options-content .price-slider-container .input-wrap input {
    width: 100px;
}
body .swatch-attribute-options .swatch-option-link-layered .swatch-option {
    font-size: 10px;
    font-weight: unset;
}
body .block.filter .filter-options .filter-options-item .filter-options-title,
body .sidebar .items.filter-checkbox li label {
    font-size: 12px;
}
body .sidebar .block:not(.account-nav).filter .filter-content .block-subtitle {
    display: none;
}
body .sidebar .block:not(.account-nav) .block-title strong,
body .sidebar .block:not(.account-nav) .title strong {
    font-size: 16px;
}
body .product-item .swatch-option {
    font-weight: unset;
    font-size: 10px;
    float: none;
    display: inline-block;
}
body.account .column.main .order-details-items {
    margin-bottom: 15px;
}
body .amcheckout-step-container .amcheckout-summary-container .product-item-details .options .content {
    display: block !important;
}
.amcheckout-summary-container .minicart-items .product .toggle {
    display: none;
}
.amcheckout-step-container .amcheckout-summary-container .product-item-details .options {
    text-align: left;
}
.swatch-more {
    font-size: 10px;
    position: relative;
}
.order-details-items .table-order-items tr>.name>.product-item-name {
    word-break: break-word;
    overflow-wrap: break-word;
}
.sales-order-history #my-orders-table .product-image-photo {
    margin: 0;
}
.ui-datepicker {
    width: 300px;
}
.page-main .post-list-style01 .post-top .post-img:hover img {
    transform: scale(1.1, 1.1);
}
.blog-post-view .post-view .post-top,
.blog-post-view .post-view .post-content,
.blog-post-view img {
    text-align: center;
}
.blog-post-view .post-view .post-content .post-description {
    text-align: left;
}
.blog-post-view .post-view iframe {
    width: 100%;
}
.amcheckout-step-container .amcheckout-shipping-address .billing-address-same-as-shipping-block>label>span:after {
    content: "(UnCheck, เพื่อกรอกข้อมูลสำหรับออกใบกำกับภาษี)";
    display: block;
    font-size: 12px;
    color: #e02b27;
}
body .product-list-style-15 .product-item .product-item-description {
    min-height: 20px;
}
body .product-item .price-box .special-price,
body .product-item .price-box .old-price,
body .product-item .price-box .normal-price {
    vertical-align: middle;
}
body.product-item .old-price {
    margin-right: 0;
}
body .product-item .old-price .price {
    font-size: 12px;
}
.cms-index-index .columns .banner-style08 a.button-link:active,
.cms-index-index .columns .banner-style08 a.button-link:focus,
.cms-index-index .columns .banner-style08 a.button-link:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.products-grid .product-item .product-item-info .product-item-top {
    position: relative;
}
.products-grid .product-item .product-item-info .product-image-wrapper {
    position: unset;
}
body.catalog-product-view .fotorama-item.fotorama--fullscreen .amlabel-position-wrapper[class*="amlabel-position-top-right"] {
    right: 10% !important;
    top: 10px !important;
}
body.cms-index-index .cdz-product>.amlabel-position-wrapper {
    display: none !important;
}
.account .column.main .block:not(.widget) .block-content .box .box-content {
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word;
}
.account .column.main .block:not(.widget) .block-content .box {
    width: 48%;
}
.products-grid .product-item .product-item-info .product-image-wrapper {
    position: relative;
}
#cookie-status {
    display: none;
}
a.action.primary, .action.primary {
    text-align: center;
}
body.account .form-address-edit .field-city_id {
    display: block;
}
body.account .form-address-edit .field-city_name, 
body.account .form-address-edit .city {
    display: none;
}
.cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu > .item.open .groupmenu-drop {
    justify-content: space-between;
}
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.item {
    flex-basis: 50%;
}
.cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu .item.level0.tab-vertical > .groupmenu-drop.slidedown, .cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu .item.level0.tab-vertical.open > .groupmenu-drop.slidedown {
    display: flex;
}
body a {
    text-decoration: none;
}
.cms-index-index .brand-slider-wrapper .owl-nav > div {
    top: calc(50% - 11px);
    padding: 0 3px;
}
.cms-index-index .brand-slider-wrapper .owl-nav .owl-next {
    right: 0;
    left: auto;
}
.cms-index-index .brand-slider-wrapper .owl-nav .owl-prev {
    left: 0;
    right: auto;
}

@media only screen and (min-width: 1900px) {
    .cms-index-index .aw-rbslider-container {
        max-height: 768px;
    }
}

@media only screen and (min-width: 768px) {
    body.customer-account-login .login-container {
        width: 70%;
        border-radius: 10px;
    }

    body.customer-account-login .customer-login-banner {
        float: left;
        width: 50%;
        border-radius: 10px;
    }

    body.customer-account-login .login-container .block-customer-login {
        width: 50%;
        padding: 10% 20px;
    }

    body.customer-account-create .create-account-banner,
    body.customer-account-create .form.create.account {
        float: left;
        width: 50%;
        min-width: auto;
        border-radius: 10px;
    }

    body.customer-account-create .form-create-account {
        border: none;
        margin: 0 auto;
    }

    body.customer-account-create .create-account-form {
        border-radius: 10px;
        width: 75%;
        margin: 0 auto;
        display: block;
        border: 1px solid #ebebeb;
    }

    body.customer-account-create .create-account-form:after {
        content: "";
        float: none;
        clear: both;
        display: block;
    }

    body.customer-account-login .customer-login-banner img,
    body.customer-account-create .create-account-banner img {
        border-radius: 10px 0 0 10px;
        width: 100%;
    }

    .page-header .store-contact a {
        line-height: 30px;
    }

    .product-list-style-13 .product-item-details {
        min-height: 105px;
    }

    body.page-products .products-grid.ctst .product-items .item.product-item {
        width: 25%;
    }

    body.page-products .products-grid.ctst .product-items .item.product-item {
        margin-right: 0;
    }

    body .product-item .price-box .special-price,
    body .product-item .price-box .old-price,
    body .product-item .price-box .normal-price {
        line-height: 40px;
    }
    body.catalog-product-view .fotorama-item .amlabel-position-wrapper[class*="amlabel-position-top-right"] {
        right: 90px !important;
    }
    
    body.cms-index-index .tabs-style-03 ul.abs-dropdown>li {
        cursor: pointer;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link {
        padding: 0;
        margin-top: 25px;
        list-style: none;
        text-align: center;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link .item.active {
        background: #999;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link .item {
        display: inline-block;
        margin: 0 5px;
        position: relative;
        transition: all 500ms ease;
        backface-visibility: hidden;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link .item.active a {
        color: #fff;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link .item .tab-title {
        text-transform: uppercase;
        font-size: 14px;
        position: relative;
        z-index: 1;
        padding: 5px 10px;
        display: block;
        transition: all 500ms ease;
        backface-visibility: hidden;
        color: #000;
    }
    body.cms-index-index .tabs-style-03 .box-cate-link .item.active a {
        color: #fff;
    }
}

/* #################### CSS Mobile #################### */
@media only screen and (max-width: 767px) {
    .banner-style08 .slide-caption .button-link {
        width: 40%;
    }

    .banner-style08 .slide-caption.slide-top-left {
        left: auto !important;
        right: auto !important;
    }

    .page-wrapper .page-header {
        background: #000000;
    }

    .page-wrapper .page-header .sticky-menu,
    .page-wrapper .page-header .sticky-menu.active {
        background: #FFFFFF;
    }

    .page-wrapper .page-header .nav-toggle:before,
    .page-wrapper .page-header .nav-toggle>span:before,
    .page-wrapper .page-header .nav-toggle>span:after {
        background: #000000;
    }

    .header-search-wrap .header-search .search-toggle:before {
        color: #000000;
    }

    .mb-bottom-toolbar .btn-cart .info-wrap {
        top: auto;
        bottom: 10px;
    }

    .product-list-style-14 .cdz-block-title {
        margin-top: 20px;
    }

    .mb-bottom-toolbar .item .fa-shopping-cart:before {
        height: 20px;
    }

    .page-footer .footer-box.follw-us p.h5:after {
        display: none;
    }

    body .qs-modal.product-options-modal .quickshop-main,
    body .qs-modal.product-options-modal .quickshop-media {
        width: 100%;
        float: none;
        clear: both;
    }

    body .qs-modal .page-title-wrapper .page-title {
        font-size: 16px;
    }

    .quickshop-main .product-info-main .price-box .price-wrapper .price {
        font-size: 24px;
    }

    body .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
        background: #eeeeee;
    }

    body .page-header .action.showcart .counter.qty,
    .mb-bottom-toolbar .menu-items .btn-cart .info-wrap {
        font-size: 10px;
        border-radius: 3px;
        -ms-transform: skewX(-15deg);
        /* IE 9 */
        -webkit-transform: skewX(-15deg);
        /* Safari */
        transform: skewX(-15deg);
        /* Standard syntax */
        background-color: #DC042C;
    }

    body .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
        border-radius: 3px;
    }

    .product-item-info .swatch-attribute-options {
        position: relative;
    }

    .product-item .price-box {
        min-height: 45px;
    }

    body .instagram-wrapper .cdz-block-title .b-title {
        word-break: break-word;
        white-space: pre-wrap;
    }

    .banner-style12.content {
        padding: 0;
    }

    .banner-style12.content .text {
        padding: 0;
    }

    .banner-style12.content .item-content {
        padding: 10px;
    }

    .product-item .price-box .price {
        font-size: 14px;
    }

    .mb-bottom-toolbar .item .fa-brand:before {
        content: '';
        background-image: url(../images/brand.png);
        width: 50px;
        height: 25px;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        background-size: 100%;
        background-position: center;
    }

    .mb-bottom-toolbar .item .fa-home:before {
        content: '';
        background-image: url(../images/home.png);
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        background-size: 100%;
        background-position: center;
    }

    .mb-bottom-toolbar .item .fa-navicon:before {
        content: '';
        background-image: url(../images/nav.png);
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: bottom;
        background-size: 100%;
        background-position: center;
    }

    body.sales-order-view .order-actions-toolbar>.actions {
        position: relative;
        transform: none;
    }

    body.sales-order-view .order-status-shipment {
        right: auto;
        left: auto;
    }

    body.sales-order-view span.status-shipment {
        width: auto;
        left: 0;
    }

    .customer-account-index .orders-recent td.col,
    .customer-account-index .orders-recent td.col a span {
        font-size: 12px;
    }

    body.sales-order-history table.data.table.table-order-items.new.history thead>tr>th.col.actions {
        width: 100% !important;
    }

    body.sales-order-history table.data.table.table-order-items.new.history thead>tr>th {
        width: auto;
    }

    body.sales-order-history table.data.table.table-order-items.new.history tr>td.col.name {
        width: 100% !important;
    }

    body.sales-order-history table.data.table.table-order-items.new.history tr>td {
        margin: 0;
    }

    body .page-header {
        margin-bottom: 0;
    }

    .mb-bottom-toolbar .menu-items .fa {
        font-size: 20px;
    }

    body.catalog-product-view .fotorama-item.fotorama--fullscreen .amlabel-position-wrapper[class*="amlabel-position-top-right"] {
        right: 5% !important;
        top: 90px !important;
    }

    body.cms-lotsthailand-home-page .tabs-style-03 .tab-content {
        padding-top:25px
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle {
        text-align: center;
        display: inline-block !important;
        width: auto;
        background: green;
        margin: 0 auto;
        position: relative;
        padding: 5px 30px 5px 20px;
        text-transform: uppercase;
        font-weight: 600;
        min-width: 120px;
        left: calc( (100% - 120px)/2 );
        color: #fff;
        background: #999
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle:before {
        width: 100%;
        height: 100%;
        border: 1px solid #999;
        content: "";
        position: absolute;
        top: -2px;
        left: 2px;
        transition: all 500ms ease;
        backface-visibility: hidden
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle:after {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f107';
        font-size: 14px;
        vertical-align: middle;
        position: absolute;
        margin: 0 5px
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle.open:after {
        transform: rotate(180deg)
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle:focus,
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle:active,
    body.cms-lotsthailand-home-page .tabs-style-03 .mobile-toggle:hover {
        color: #fff
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .box-cate-link {
        padding: 0;
        list-style: none;
        z-index: 2;
        background: #fff;
        padding: 15px 0px 0;
        text-align: center;
        margin-bottom: 10px
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .box-cate-link li {
        display: inline-block
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .box-cate-link li a {
        color: #454545;
        display: block;
        padding: 5px 10px
    }
    body.cms-lotsthailand-home-page .tabs-style-03 .box-cate-link li.active {
        border-bottom: 3px double #999
    }
    body.cms-index-index .tabs-style-03 .mobile-toggle {
        left: 0;
    }
    body.cms-index-index .tabs-style-03 .cdz-block-content {
        text-align: center;
    }
    body.cms-index-index .page-wrapper .aw-rbslider-container {
        max-height: 300px;
    }
}