/**================== ROOT ==================**/
:root {
    --cl-main: #0C163A;
    --cl-hover-main: #BF9352;
    --cl-light-main: #FFF5F6;
    --cl-mega-menu: rgba(192, 35, 64, 0.1);
    --cl-black: #000000;
    --cl-white: #ffffff;
    --cl-gray: #fafafa;
    --cl-light-gray: #dddddd;
    --cl-dark-gray: #cdcdcd;
    --cl-sp-gray: #f7f7f7;
    --cl-light-red: #C60000;
    --cl-dark-red: #990a00;
    --cl-red: #c72528;
    --cl-yl: #BF9352;
    --cl-green: #009739;
    --cl-blue: #0C163A;
    --cl-light-blue: #dbedf9;
    --cl-orange: #D29728;
    --cl-light-orange: #BF9352;
    --font-aws: FontAwesome;
    --font-main: 'Plus Jakarta Sans', sans-serif !important;
    --ratio-16-9: calc(9 / 16 * 100%);
    --ratio-4-3: calc(3 / 4 * 100%);
    --ratio-3-4: calc(4 / 3 * 100%);
    --ratio-9-16: calc(16 / 9 * 100%);
    --ratio-1-1: 100%;
    --transition-duration: 1s;
    --transition-delay-one: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.1),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.2);
    --transition-delay-two: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.22),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.32);
    --transition-delay-three: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.28),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.38);
    --transition-delay-four: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.34),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.44);
    --transition-delay-five: transform var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.4),
    opacity var(--transition-duration) cubic-bezier(.165, .84, .44, 1) calc(var(--transition-duration) * 0.5);
    --appear-animation: translateY(3.75rem);
    --active-appear-animation: translateY(0);
}

.appear-delay-1 {
    transition: var(--transition-delay-one);
}

.appear-delay-2 {
    transition: var(--transition-delay-two);
}

.appear-delay-3 {
    transition: var(--transition-delay-three);
}

.appear-delay-4 {
    transition: var(--transition-delay-four);
}

.appear-delay-5 {
    transition: var(--transition-delay-five);
}

.CR-show-mb {
    display: none !important;
}

/**================== FONTS ==================**/
/*@font-face {*/
/*    font-family: 'Fahkwang';*/
/*    src: url('../fonts/Fahkwang-Regular.eot');*/
/*    src: url('../fonts/Fahkwang-Regular.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Fahkwang-Regular.woff2') format('woff2'),*/
/*    url('../fonts/Fahkwang-Regular.woff') format('woff'),*/
/*    url('../fonts/Fahkwang-Regular.ttf') format('truetype'),*/
/*    url('../fonts/Fahkwang-Regular.svg#Fahkwang-Regular') format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Fahkwang';*/
/*    src: url('../fonts/Fahkwang-Medium.eot');*/
/*    src: url('../fonts/Fahkwang-Medium.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Fahkwang-Medium.woff2') format('woff2'),*/
/*    url('../fonts/Fahkwang-Medium.woff') format('woff'),*/
/*    url('../fonts/Fahkwang-Medium.ttf') format('truetype'),*/
/*    url('../fonts/Fahkwang-Medium.svg#Fahkwang-Medium') format('svg');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Fahkwang';*/
/*    src: url('../fonts/Fahkwang-Bold.eot');*/
/*    src: url('../fonts/Fahkwang-Bold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Fahkwang-Bold.woff2') format('woff2'),*/
/*    url('../fonts/Fahkwang-Bold.woff') format('woff'),*/
/*    url('../fonts/Fahkwang-Bold.ttf') format('truetype'),*/
/*    url('../fonts/Fahkwang-Bold.svg#Fahkwang-Bold') format('svg');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/**================== BUTTON STYLE ==================**/
.CR-btn-style {
    height: 2.5rem /* 40/16 */;
    padding: 0 1.125rem /* 18/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    border-radius: 2em;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    border: 2px solid;
    text-transform: capitalize;
}

.CR-btn-style i {
    margin-left: 0.5rem;
}

.CR-btn-style.black:hover {
    background: var(--cl-black);
    color: var(--cl-white);
}

.CR-btn-style.black {
    color: var(--cl-black);
    border-color: var(--cl-black);
}

.CR-btn-style.white:hover {
    background: var(--cl-white);
    color: var(--cl-black);
}

.CR-btn-style.white {
    color: var(--cl-white);
    border-color: var(--cl-white);
}

/**================== BANNER PRODUCT TERMS ==================**/

.CR-banner-list-pd-terms {
    padding: 0 6%;
}

.CR-banner-list-pd-terms .list {
    margin: 0;
}

.CR-banner-list-pd-terms .item {
    width: 20%;
    padding: 0 0.1875rem /* 3/16 */;
}

.CR-banner-list-pd-terms .item .wrap {
    position: relative;
    padding-bottom: var(--ratio-9-16);
}

.CR-banner-list-pd-terms .item .view {
    z-index: 2;
}

.CR-banner-list-pd-terms .item img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
}

.CR-banner-list-pd-terms .item .view,
.CR-banner-list-pd-terms .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.CR-banner-list-pd-terms .item .wrap:hover span {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-banner-list-pd-terms .item span {
    position: absolute;
    bottom: 0.375rem /* 6/16 */;
    left: 0;
    right: 0;
    background: var(--cl-white);
    color: var(--cl-black);
    padding: 0.9375rem /* 15/16 */ 1.25rem /* 20/16 */;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    font-weight: 500;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    text-align: center;
}

/**================== HEADER ==================**/
.admin-bar #CR-header {
    top: 32px;
}

#CR-header {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 8888;
    box-shadow: -1px 4px 29px transparent;
    text-align: center;
    color: var(--cl-white);
}

#CR-header:hover,
#CR-header.CR-fixed {
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

#CR-header .CR-top-header {
    padding: 0.625rem  /* 10/16 */ 0;
    background: #f2f2f2;
}

#CR-header .lang-head--box {
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    border-left: 1px solid var(--cl-black);
}

#CR-header .lang-head--box a {
    text-transform: uppercase;
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    color: var(--cl-main);
}

#CR-header .support--box i,
#CR-header .slogan--box i {
    display: none;
}

#CR-header .support--box {
    padding-left: 0.5rem;
    margin-left: 1rem;
    border-left: 1px solid var(--cl-black);
}

#CR-header .slogan--box a,
#CR-header .support--box a {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-black);
}

#CR-header .support--box a:hover {
    color: var(--cl-light-orange);
}

#CR-header .logo--box svg {
    width: auto;
    height: 2.5rem  /* 40/16 */;
    object-fit: contain;
}

#CR-header .search--box {
    position: relative;
}

#CR-header .search--box .CR-open-search-head-btn {
    font-size: 1.125rem  /* 18/16 */;
    color: var(--cl-black);
}

#CR-header .search--box.active .form-search--box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

#CR-header .search--box .form-search--box {
    position: absolute;
    top: calc(100% + 0.625rem /* 10/16 */);
    width: 15.625rem /* 250/16 */;
    z-index: 2;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-header .search--box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: none;
    border-bottom: 1px solid #D9D9D8;
    background: var(--cl-white);
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#CR-header .search--box input,
#CR-header .search--box button {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent;
}

#CR-header .search--box input::placeholder {
    color: var(--cl-dark-gray);
}

#CR-header .search--box input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.875rem  /* 30/16 */;
    padding: 0 0 0 0.625rem /* 10/16 */;
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-header .search--box button {
    width: 2.5rem /* 40/16 */;
}

#CR-header .search--box button svg {
    width: auto;
    height: 1rem;
    display: block;
}

#CR-header .CR-open-favorite-head-btn {
    position: relative;
    background: transparent;
    font-size: 1rem  /* 16/16 */;
    color: var(--cl-black);
}

#CR-header .favorite--box .total-favorite {
    position: absolute;
    border-radius: 0.25rem  /* 4/16 */;
    color: var(--cl-white);
    background: var(--cl-main);
    width: 0.9375rem  /* 15/16 */;
    height: 0.9375rem  /* 15/16 */;
    font-size: 0.5rem;
    line-height: normal;
    font-weight: 500;
    transform: unset;
    padding: 0;
    top: -0.5rem;
    right: -0.5rem;
    opacity: 1;
}

#CR-header .CR-main-header {
    background: var(--cl-white);
    padding: 0;
}

#CR-header .CR-main-header .CR-effect-menu > .item-with-arrow-box > a,
#CR-header .CR-main-header .CR-effect-menu > a {
    animation-name: flicker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: #ff0000 !important;
}

#CR-header .CR-main-header .menu-item--box:not(.logo--box) {
    text-align: center;
}

#CR-header .CR-main-header .menu-item--box > div > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.9375rem /* 15/16 */;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li {
    padding: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li > .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem  /* 16/16 */;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    text-decoration: none;
    padding: 2.1875rem  /* 35/16 */ 0.625rem  /* 10/16 */;
    white-space: nowrap;
    color: var(--cl-black);
    position: relative;
    text-transform: capitalize;
}

#CR-header .CR-main-header .menu-item--box li {
    position: relative;
}

#CR-header .CR-main-header .menu-item--box li .arrow {
    margin-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.25rem;
    line-height: normal;
    display: none;
}

#CR-header .CR-main-header .menu-item--box li .arrow i {
    color: var(--cl-main);
}

#CR-header .CR-main-header .menu-item--box .sub-menu .menu-item-has-children:hover > .sub-menu {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

#CR-header .CR-main-header .menu-item--box .sub-menu .sub-menu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    top: 0;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li .arrow i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#CR-header .CR-main-header .menu-item--box .sub-menu {
    background: var(--cl-white);
    border: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    -o-transition: -o-transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    -webkit-transition: opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    transition: opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end;
    transition: transform .5s ease, opacity .6s ease, max-height .6s step-end, max-width .6s step-end, padding .6s step-end, -webkit-transform .5s ease;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    padding: 0 0 1.25rem /* 20/16 */;
    width: 15rem /* 240/16 */;
}

#CR-header .CR-main-header .menu-item--box .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform .5s ease, opacity .2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li {
    width: 100%;
}

#CR-header .CR-main-header .menu-item--box .sub-menu li a {
    text-align: left;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    padding: 0.625rem /* 10/16 */ 1.875rem /* 30/16 */;
    color: var(--cl-black);
    position: relative;
    display: block;
}

#CR-header .CR-main-header .menu-item--box .current-menu-item .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent > a,
#CR-header .CR-main-header .menu-item--box .sub-menu .current-menu-item a {
    font-weight: 700;
}

#CR-header .CR-main-header .menu-item--box .current-menu-item .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-menu-item > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current-product_cat-parent > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box .current_page_parent > a,
#CR-header .CR-main-header .menu-item--box .sub-menu .current-menu-item a,
#CR-header .CR-main-header .menu-item--box .sub-menu li a:hover {
    color: var(--cl-blue) !important;
    animation-name: unset;
}

#CR-header .CR-main-header .menu-item--box .current-menu-ancestor:not(.CR-top-parent-menu-item) > a,
#CR-header .CR-main-header .menu-item--box .active:not(.CR-top-parent-menu-item) > a,
#CR-header .CR-main-header .menu-item--box > div > ul > .current-menu-item {
    font-weight: 700;
    color: var(--cl-blue) !important;
}

#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > .item-with-arrow-box > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover > a,
#CR-header .CR-main-header .menu-item--box > div > ul > li:hover,
#CR-header .CR-main-header .menu-item--box a:hover {
    color: var(--cl-blue) !important;
}

/**================== FOOTER ==================**/
#CR-footer {
    background: var(--cl-sp-gray);
}

#CR-footer .main-title {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    margin-bottom: 0.625rem /* 10/16 */;
    padding-bottom: 1rem /* 16/16 */;
    text-transform: uppercase;
}

#CR-footer .main-title:after {
    content: '';
    display: block;
    background: var(--cl-light-orange);
    width: 2.5rem /* 40/16 */;
    height: 0.125rem /* 2/16 */;
    position: absolute;
    bottom: 0;
    left: 0;
}

#CR-footer .CR-main-footer {
    padding: 0;
}

#CR-footer .CR-main-footer .container > .row:first-child {
    padding: 2.5rem /* 40/16 */ 0 1.25rem /* 20/16 */;
}

#CR-footer .menu-box .menu-item-box {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-footer .menu-item.active a,
#CR-footer a:hover {
    color: var(--cl-hover-main);
}

#CR-footer a,
#CR-footer p {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
}

#CR-footer li:not(:last-child) {
    margin-bottom: 0;
}

#CR-footer .logo-box img {
    width: auto;
    max-width: 100%;
    height: 2.8125rem /* 45/16 */;
    -o-object-fit: contain;
    object-fit: contain;
}

#CR-footer .CR-style-default-content * {
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
}

#CR-footer .CR-style-default-content b,
#CR-footer .CR-style-default-content strong {
    font-weight: 700 !important;
    color: #555555;
}

#CR-footer .CR-style-default-content p {
    margin-bottom: 0.5rem;
}

#CR-footer .CR-style-default-content a {
    color: #0000ff;
}

#CR-footer .CR-style-default-content a:before,
#CR-footer .CR-style-default-content a:after {
    display: none;
}

#CR-footer .certificate--box .item:not(:last-child) {
    margin-bottom: 0.9375rem /* 15/16 */;
}

#CR-footer .certificate--box .item img {
    width: auto;
    height: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    margin: 0;
}

#CR-footer .socials--box {
    margin: 1rem /* 16/16 */ 0 0;
}

#CR-footer .socials--box b {
    font-weight: 700;
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
}

#CR-footer .socials--box ul {
    margin: 0.5rem 0 0;
}

#CR-footer .socials--box li:not(:last-child) {
    margin: 0 1.5625rem /* 25/16 */ 0 0;
}

#CR-footer .socials--box a {
    font-size: 1.25rem /* 20/16 */;
    color: #535353;
}

#CR-footer .socials--box a:hover {
    color: var(--cl-hover-main);
}

#CR-footer .copyright {
    text-align: center;
    padding: 1.25rem /* 20/16 */ 0;
    position: relative;
}

#CR-footer .copyright:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ebebeb;
    width: 60%;
    height: 2px;
}

#CR-footer .copyright p {
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
    color: #888888;
}

#CR-footer .toggle-menu-item-cont--mb {
    display: none;
}

/**================== HOME PAGE ==================**/
#CR-home-page {
    padding-bottom: 5rem /* 80/16 */;
}

#CR-home-page .heading-title-line {
    position: relative;
    z-index: 2;
    margin-bottom: 2.1875rem /* 35/16 */;
}

#CR-home-page .heading-title-line .heading-title {
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    padding: 0 0.75rem /* 12/16 */;
    background: var(--cl-white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

#CR-home-page .heading-title-line:before {
    content: '';
    background: var(--cl-dark-gray);
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: -1;
}

#CR-home-page .banner--sec .item {
    position: relative;
    width: 100%;
}

#CR-home-page .banner--sec .item img {
    width: 100%;
    height: auto;
    -webkit-animation: myMove 10s linear infinite;
    animation: myMove 10s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
}

#CR-home-page .banner--sec .item.slick-active img {
    -webkit-animation: Slick-FastSwipeIn 1s both;
    animation: Slick-FastSwipeIn 1s both;
}

@-webkit-keyframes myMove {
    from {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    to {
        -webkit-transform: matrix(1.8, 0, 0, 1.9, 0, 0);
        transform: matrix(1.8, 0, 0, 1.9, 0, 0);
    }
}

@keyframes myMove {
    from {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
    to {
        -webkit-transform: matrix(1.8, 0, 0, 1.9, 0, 0);
        transform: matrix(1.8, 0, 0, 1.9, 0, 0);
    }
}

@-webkit-keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(18.75rem);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(18.75rem);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(18.75rem);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(18.75rem);
    }
}

@keyframes Slick-FastSwipeIn {
    0% {
        -webkit-transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
        transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
    }
    100% {
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
        transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
    }
}

#CR-home-page .pd-terms--sec {
    margin-bottom: 2.8125rem /* 45/16 */;
    padding-bottom: 1.25rem /* 20/16 */;
    position: relative;
}

#CR-home-page .pd-terms--sec:after {
    content: '';
    background: var(--cl-dark-gray);
    height: 1px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#CR-home-page .pd-term--sec {
    padding: 2.5rem /* 40/16 */ 0 1.25rem /* 20/16 */;
}

#CR-home-page .pd-term--sec .heading-title-line .heading-title {
    font-size: 1.0625rem /* 17/16 */;
    font-weight: 700;
}

#CR-home-page .pd-term--sec .sub-banner--box {
    margin: 2.1875rem /* 35/16 */ -0.3125rem /* -5/16 */ -0.3125rem /* -5/16 */;
}

#CR-home-page .pd-term--sec .sub-banner--box .item {
    width: 50%;
    padding: 0.3125rem /* 5/16 */;
}

#CR-home-page .pd-term--sec .sub-banner--box .item .wrap {
    position: relative;
    /*padding-bottom: var(--ratio-16-9);*/
}

#CR-home-page .pd-term--sec .sub-banner--box .item img {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: auto;
    /*height: 100%;*/
    /*object-position: center;*/
    /*object-fit: cover;*/
}

#CR-home-page .pd-term--sec .sub-banner--box .item:nth-child(even) .CR-btn-style {
    right: unset;
    left: 9%;
}

#CR-home-page .pd-term--sec .sub-banner--box .CR-btn-style {
    position: absolute;
    top: 75%;
    height: 1.875rem /* 30/16 */;
    right: 9%;
}

#CR-home-page .pd-term--sec .view-more--box {
    text-align: center;
}

#CR-home-page .pd-term--sec .view-more--box .CR-btn-style {
    margin: 0 auto;
}

#CR-home-page .pd-term--sec.pd-term-type-one--sec .banner--box img {
    width: 100%;
    height: auto;
}

#CR-home-page .pd-term--sec.pd-term-type-one--sec .view-more--box {
    margin-top: 2.5rem /* 40/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-one--sec .content--box {
    margin: 2.1875rem  /* 35/16 */ 0 0;
}

#CR-home-page .pd-term--sec.pd-term-type-one--sec .list--box:not(.slick-initialized) {
    margin: 0 -0.3125rem /* -5/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-one--sec .CR-custom-arrow-full {
    display: none !important;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec.reverse .main--box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .main--box {
    margin: 0 -0.3125rem  /* -5/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box,
#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box {
    width: 50%;
    padding: 0 0.3125rem  /* 5/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box {
    overflow: hidden;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box .banner-cont--box {
    position: relative;
    width: 100%;
    padding-bottom: var(--ratio-1-1);
    overflow: hidden;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box:hover .view-more--box {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .view-more--box {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    top: 85%;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .view-more--box .CR-btn-style {
    height: 2.8125rem /* 45/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .list--box.d-lex {
    margin: -0.3125rem /* -5/16 */ 0;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .CR-item-product {
    width: 50%;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .CR-item-product .cont {
    display: none !important;
}

#CR-home-page .pd-term--sec .slick-list .slick-active .thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#CR-home-page .pd-term--sec .slick-list .thumb {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: 0.75s ease-in-out;
    -o-transition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .sub-item {
    width: 100%;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .list--box {
    margin: -0.3125rem  /* -5/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .list--box .sub-item {
    margin: 0;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box {
    width: 100%;
    height: 100%;
    background: #fdf4f5;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .sub-content--box {
    width: 80%;
    margin: 0 auto;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .title {
    font-size: 1.5rem  /* 24/16 */;
    line-height: normal;
    color: #7a7a7a;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .desc {
    font-size: 0.8125rem  /* 13/16 */;
    line-height: 1.375rem  /* 22/16 */;
    font-weight: 400;
    word-wrap: break-word;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns {
    margin: 3.75rem  /* 60/16 */ 0 0;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns a:not(:last-child) {
    margin-bottom: 2.1875rem  /* 35/16 */;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns a:hover {
    background: var(--cl-white);
    color: var(--cl-black);
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns a {
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
    height: 2.1875rem /* 35/16 */;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    border-radius: 3.125rem /* 50/16 */;
    padding: 0 1.25rem /* 20/16 */;
    color: var(--cl-white);
    border: 1px solid var(--cl-black);
    background: var(--cl-main);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns a i {
    display: none;
}

#CR-home-page .policy--dec {
    padding: 2.8125rem /* 45/16 */ 0;
}

#CR-home-page .policy--dec .list {
    margin: -0.625rem /* -10/16 */ -1.875rem /* -30/16 */;
}

#CR-home-page .policy--dec .list .item {
    width: 25%;
    padding: 0.625rem /* 10/16 */ 1.875rem /* 30/16 */;
}

#CR-home-page .policy--dec .list .item .wrap {
    position: relative;
}

#CR-home-page .policy--dec .list .item .icon {
    font-size: 1.875rem /* 30/16 */;
    text-align: center;
    width: 3.5rem /* 56/16 */;
    height: 3.5rem /* 56/16 */;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-home-page .policy--dec .list .item .title {
    font-size: 0.875rem /* 14/16 */;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 0 0 1rem /* 16/16 */;
}

#CR-home-page .policy--dec .list .item .desc {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.375rem /* 22/16 */;
    font-weight: 400;
    text-align: center;
}

#CR-home-page .partner--dec .list {
    margin: -0.625rem /* -10/16 */;
}

#CR-home-page .partner--dec .list .item {
    width: 20%;
    padding: 0.625rem /* 10/16 */;
}

#CR-home-page .partner--dec .list .item .logo {
    position: relative;
    width: 100%;
    height: 6.25rem /* 100/16 */;
}

#CR-home-page .partner--dec .list .item img {
    width: auto;
    max-width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
}


/**================== ABOUT PAGE ==================**/
#CR-about-page {
    background: var(--cl-white);
}

#CR-about-page .CR-custom-heading {
    position: relative;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 3.125rem /* 50/16 */;
    overflow: hidden;
    color: var(--cl-black);
    font-size: 2.8125rem /* 45/16 */;
    font-weight: 400;
}

#CR-about-page .CR-custom-heading .line {
    position: relative;
    background: var(--cl-white);
    display: block;
    z-index: 1;
}

#CR-about-page .CR-custom-heading .line:before {
    content: '';
    background: var(--cl-main);
    position: absolute;
    height: 1px;
    width: 12.5rem /* 200/16 */;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

#CR-about-page .CR-custom-heading .line svg {
    width: auto;
    height: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    padding: 0 0.5rem;
}

#CR-about-page .banner--sec img {
    width: 100%;
    height: auto;
}

#CR-about-page .intro--sec .video--box {
    position: relative;
    padding-bottom: var(--ratio-4-3);
    border-radius: 1.25rem /* 20/16 */;
    overflow: hidden;
}

#CR-about-page .intro--sec .video--box img,
#CR-about-page .intro--sec .video--box .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#CR-about-page .intro--sec .video--box .view {
    z-index: 1;
}

#CR-about-page .intro--sec .video--box .view svg {
    width: auto;
    height: 30%;
}

#CR-about-page .intro--sec .desc {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 400;
    line-height: 1.875rem /* 30/16 */;
    margin: 0;
    height: 100%;
}

#CR-about-page .mission--sec {
    padding: 3.75rem /* 60/16 */ 0 5rem /* 80/16 */;
}

#CR-about-page .mission--sec .box {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 6.25rem /* 100/16 */ 5rem /* 80/16 */;
    border-radius: 0.625rem /* 10/16 */;
    overflow: hidden;
}

#CR-about-page .mission--sec .heading-title {
    font-size: 1.5625rem /* 25/16 */;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 3.125rem /* 50/16 */;
    text-align: center;
}

#CR-about-page .mission--sec .desc {
    font-size: 1.3125rem /* 21/16 */;
    font-weight: 400;
    line-height: 2.5rem /* 40/16 */;
    margin-bottom: 0;
    text-align: center;
}

#CR-about-page .why--sec {

}

#CR-about-page .why--sec .icons--box .list {
    margin: -1.25rem /* -20/16 */;
}

#CR-about-page .why--sec .icons--box .item {
    width: 25%;
    padding: 1.25rem /* 20/16 */;
}

#CR-about-page .why--sec .icons--box .item .icon {
    text-align: center;
    width: 8.125rem /* 130/16 */;
    height: 8.125rem /* 130/16 */;
    border-radius: 50%;
    border: 2px solid var(--cl-main);
    margin: 0 auto 1.875rem /* 30/16 */;
}

#CR-about-page .why--sec .icons--box .item .icon img {
    width: auto;
    height: 90%;
    object-fit: contain;
}

#CR-about-page .why--sec .icons--box .item .desc {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 400;
    line-height: 2.125rem /* 34/16 */;
    text-align: center;
    margin: 0 auto;
}

#CR-about-page .why--sec .list--box {
    padding: 6.25rem /* 100/16 */ 0 1.5625rem /* 25/16 */;
}

#CR-about-page .why--sec .list--box .item:not(:last-child) {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-about-page .why--sec .list--box .item .wrap > div {
    width: 50%;
}

#CR-about-page .why--sec .list--box .item:nth-child(even) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#CR-about-page .why--sec .list--box .item .info {
    padding: 1.875rem /* 30/16 */ 5.625rem /* 90/16 */ 0 0;
}

#CR-about-page .why--sec .list--box .item:nth-child(even) .info {
    padding: 1.875rem /* 30/16 */ 0 0 5.625rem /* 90/16 */;
}

#CR-about-page .why--sec .list--box .item .heading-title {
    font-size: 1.75rem /* 28/16 */;
    font-weight: 500;
    line-height: 2.5rem /* 40/16 */;
    text-transform: uppercase;
    margin-bottom: 2.5rem /* 40/16 */;
}

#CR-about-page .why--sec .list--box .item .desc {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 400;
    line-height: 2.1875rem /* 35/16 */;
    margin: 0;
}

#CR-about-page .why--sec .list--box .item .thumb {
    position: relative;
    /*height: 23.75rem  !* 380/16 *!;*/
    padding-bottom: var(--ratio-4-3);
    border-radius: 5rem /* 80/16 */ 0;
    overflow: hidden;
    border-left: 0.625rem /* 10/16 */ solid var(--cl-main);
}

#CR-about-page .why--sec .list--box .item .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#CR-about-page .store--sec {
    padding: 5rem /* 80/16 */ 0 0;
}

#CR-about-page .store--sec .contact--box {
    width: 90%;
    margin: 0 auto;
}

#CR-about-page .store--sec .contact--box .list {
    margin: -2.8125rem /* -45/16 */;
}

#CR-about-page .store--sec .contact--box .item {
    width: 33.33%;
    margin: 0;
    padding: 2.8125rem /* 45/16 */;
}

#CR-about-page .store--sec .contact--box .item .wrap {
    border-radius: 0.9375rem /* 15/16 */;
    background-color: var(--cl-main);
    padding: 2.5rem /* 40/16 */;
    width: 100%;
    height: 100%;
}

#CR-about-page .store--sec .contact--box .item .heading-title {
    color: var(--cl-light-orange);
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

#CR-about-page .store--sec .contact--box .item .heading-title i {
    margin-right: 1rem;
    font-size: 20px;
}

#CR-about-page .store--sec .contact--box .item a {
    color: var(--cl-white);
    font-size: 1.0625rem /* 17/16 */;
    font-weight: 400;
    line-height: 1.875rem /* 30/16 */;
    margin: 0.9375rem /* 15/16 */ 0 0 0;
    text-align: center;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-about-page .store--sec .map--box {
    padding: 2.8125rem /* 45/16 */ 0 3.75rem /* 60/16 */;
}

#CR-about-page .store--sec .map--box .acf-map {
    height: 37.5rem /* 600/16 */;
}

#CR-about-page .store--sec .gallery--box {
    padding: 6.25rem /* 100/16 */ 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#CR-about-page .store--sec .gallery--box .list {
    margin: 0 -0.625rem /* -10/16 */;
}

#CR-about-page .store--sec .gallery--box .item {
    width: 33.33%;
    padding: 0 0.625rem /* 10/16 */;
}

#CR-about-page .store--sec .gallery--box .item .wrap {
    position: relative;
    padding-bottom: var(--ratio-3-4);
    overflow: hidden;
    border-radius: 0.9375rem /* 15/16 */;
}

#CR-about-page .store--sec .gallery--box .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#CR-about-page .consult--box {
    padding: 1.875rem /* 30/16 */ 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#CR-about-page .consult--box .heading-title {
    color: var(--cl-main);
    font-size: 2.1875rem /* 35/16 */;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 1.25rem /* 20/16 */ 0;
}

#CR-about-page .consult--box .heading-title i {
    margin-right: 0.9375rem /* 15/16 */;
}

#CR-about-page .consult--box .CR-form-def ul {
    margin: 0 -0.625rem /* -10/16 */;
}

#CR-about-page .consult--box .CR-form-def .def-form-field {
    width: 33.33%;
    padding: 0 0.625rem /* 10/16 */;
    margin: 0;
}

#CR-about-page .consult--box .CR-form-def .gr-def-form-btn {
    margin: 0 !important;
    width: 50%;
}

#CR-about-page .consult--box .CR-form-def input::placeholder {
    color: var(--cl-white);
}

#CR-about-page .consult--box .CR-form-def input {
    height: 3.4375rem /* 55/16 */ !important;
    border-radius: 1.75rem /* 28/16 */ !important;
}

#CR-about-page .consult--box .CR-form-def input:not([type=submit]) {
    background-color: rgba(122, 89, 64, 0.4);
    color: var(--cl-white);
    padding: 0 1.875rem /* 30/16 */;
}

/**================== SUPPORT PAGE ==================**/
#CR-support-page {
    padding: 0 0 3.125rem /* 50/16 */;
}

/**================== RECRUITMENT PAGE ==================**/
#CR-recruitment-page {
    padding-bottom: 0;
}

#CR-recruitment-page .intro--sec .content {
    padding: 8.125rem /* 130/16 */ 0 8.75rem /* 140/16 */;
}

#CR-recruitment-page .intro--sec .heading-title {
    font-size: 2.8125rem /* 45/16 */;
    line-height: normal;
    font-weight: 500;
    margin: 0;
}

#CR-recruitment-page .intro--sec .desc {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.3125rem /* 21/16 */;
    font-weight: 400;
    margin: 1.5625rem /* 25/16 */ 0 0;
}

#CR-recruitment-page .intro-slider--sec {

}

#CR-recruitment-page .intro-slider--sec .content--box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 33.75rem /* 540/16 */ 0 13.125rem /* 210/16 */;
    position: relative;
    z-index: 1;
}

#CR-recruitment-page .intro-slider--sec .content--box:before {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1e5a4100), to(var(--cl-main)));
    background-image: -o-linear-gradient(top, #1e5a4100 0%, var(--cl-main) 100%);
    background-image: linear-gradient(to bottom, #1e5a4100 0%, var(--cl-main) 100%);
    z-index: -1;
}

#CR-recruitment-page .intro-slider--sec .content--box * {
    color: var(--cl-white);
}

#CR-recruitment-page .intro-slider--sec .content--box .heading-title {
    font-size: 2.8125rem /* 45/16 */;
    line-height: normal;
    font-weight: 500;
}

#CR-recruitment-page .intro-slider--sec .content--box .desc {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.25rem /* 20/16 */;
    font-weight: 400;
}

#CR-recruitment-page .intro-slider--sec .slider--box {
    margin-top: -9.375rem /* -150/16 */;
    position: relative;
    z-index: 3;
}

#CR-recruitment-page .intro-slider--sec .CR-custom-arrow-full.left {
    left: -1.25rem /* -20/16 */;
}

#CR-recruitment-page .intro-slider--sec .CR-custom-arrow-full.right {
    right: -1.25rem /* -20/16 */;
}

#CR-recruitment-page .intro-slider--sec .CR-custom-arrow-full {
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--cl-main);
    opacity: 1;
}

#CR-recruitment-page .intro-slider--sec .CR-custom-arrow-full svg {
    fill: var(--cl-white);
}

#CR-recruitment-page .intro-slider--sec .slider--box .list {
    display: flex;
}

#CR-recruitment-page .intro-slider--sec .slider--box .list .slick-list {
    border-radius: 1.25rem /* 20/16 */;
    -webkit-box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
}

#CR-recruitment-page .intro-slider--sec .slider--box .item {
    width: 25%;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    padding: 7.5rem /* 120/16 */ 2.5rem /* 40/16 */ 2.5rem /* 40/16 */;
    height: 28.125rem /* 450/16 */;
    color: var(--cl-white);
    z-index: 2;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:hover {
    color: var(--cl-black);
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:hover:before {
    top: 100%;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:hover:after {
    bottom: 0;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:after,
#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:before {
    content: '';
    position: absolute;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:after {
    background-color: var(--cl-white);
    bottom: 100%;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .wrap:before {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .title {
    font-size: 1.875rem /* 30/16 */;
    font-weight: 500;
    line-height: 1.75rem /* 28/16 */;
    margin-bottom: 1.25rem /* 20/16 */;
    position: relative;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5rem /* 56/16 */;
    height: 3.5rem /* 56/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .cont-box {
    position: relative;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .cont-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2.5rem /* -40/16 */;
    background: var(--cl-main);
    width: 0.3125rem /* 5/16 */;
    height: 3.125rem /* 50/16 */;
}

#CR-recruitment-page .intro-slider--sec .slider--box .item .desc {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.25rem /* 20/16 */;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 6.25rem /* 100/16 */;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-recruitment-page .job-position--sec {
    padding: 8.125rem /* 130/16 */ 0;
}

#CR-recruitment-page .job-position--sec .heading-title {
    font-size: 3.125rem /* 50/16 */;
    line-height: normal;
    margin: 0 auto 2.5rem /* 40/16 */;
    display: block;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

#CR-recruitment-page .job-position--sec .list-box {
    border-radius: 1.25rem /* 20/16 */;
    overflow: hidden;
    -webkit-box-shadow: 0 6px 25px rgb(0 0 0 / 8%);
    box-shadow: 0 6px 25px rgb(0 0 0 / 8%);
    background-color: var(--cl-white);
}

.CR-recruitment-col-box li {
    padding: 0 0.9375rem /* 15/16 */;
}

.CR-recruitment-col-box li:nth-child(1) {
    width: 10%;
}

.CR-recruitment-col-box li:nth-child(2) {
    width: 25%;
}

.CR-recruitment-col-box li:nth-child(4),
.CR-recruitment-col-box li:nth-child(3),
.CR-recruitment-col-box li:nth-child(5),
.CR-recruitment-col-box li:last-child {
    width: 16.25%;
}

.CR-recruitment-col-box li * {
    color: var(--cl-black);
    font-size: 0.9375rem /* 15/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.CR-recruitment-list-heading {
    background: var(--cl-light-gray);
}

.CR-recruitment-list-heading li p {
    color: var(--cl-black);
    font-size: 0.9375rem /* 15/16 */;
    font-weight: 700;
    line-height: normal;
    padding: 0.3125rem;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.5rem /* 56/16 */;
}

.CR-item-recruitment {
    width: 100%;
    -webkit-box-shadow: 0 3px 10px transparent;
    box-shadow: 0 3px 10px transparent;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
}

.CR-item-recruitment:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}

.CR-item-recruitment:after {
    content: '';
    background: var(--cl-white);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.CR-item-recruitment:hover {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.CR-item-recruitment .CR-recruitment-col-box li {
    padding-top: 1.5625rem /* 25/16 */;
    padding-bottom: 1.5625rem /* 25/16 */;
}

.CR-item-recruitment .CR-recruitment-col-box li * {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.CR-item-recruitment .CR-recruitment-col-box li:nth-child(2) * {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.CR-item-recruitment .CR-recruitment-col-box li:first-child p {
    font-size: 2.5rem /* 40/16 */;
    font-weight: 700;
    color: var(--cl-dark-gray);
}

.CR-item-recruitment ul {
    padding: 0;
    background: #FBFBFB;
}

.CR-item-recruitment ul li {
    padding: 0.9375rem /* 15/16 */;
}

.CR-item-recruitment a {
    display: block;
    width: 100%;
}

.CR-item-recruitment a:hover {
    color: var(--cl-main) !important;
}

.CR-item-recruitment .btn-view:hover {
    color: var(--cl-white) !important;
}

.CR-item-recruitment .btn-view {
    width: 100%;
    height: 2.5rem /* 40/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--cl-white) !important;
    font-size: 0.8125rem /* 13/16 */ !important;
    background: var(--cl-main);
    line-height: normal;
    font-weight: 400;
    padding: 0 1rem /* 16/16 */;
    border-radius: 1.25rem /* 20/16 */;
    text-transform: uppercase;
}

.CR-item-recruitment .label {
    display: none;
}

/**================== RECRUITMENT DETAIL PAGE ==================**/
#CR-recruitment-detail-page {
    padding-bottom: 3.125rem /* 50/16 */;
}

#CR-recruitment-detail-page .top--sec {
    padding: 5rem /* 80/16 */ 0 2.5rem /* 40/16 */;
}

#CR-recruitment-detail-page .top--sec .row {
    border-radius: 1.5625rem /* 25/16 */;
    overflow: hidden;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.07);
    background-color: var(--cl-white);
}

#CR-recruitment-detail-page .top--sec .left {
    padding: 3.125rem /* 50/16 */ 0 3.125rem /* 50/16 */ 3.125rem /* 50/16 */ !important;
}

#CR-recruitment-detail-page .top--sec .right {
    background: var(--cl-main);
    padding: 3.125rem /* 50/16 */ 2.125rem /* 34/16 */ 1.875rem /* 30/16 */ !important;
}

#CR-recruitment-detail-page .top--sec .right * {
    color: var(--cl-white) !important;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-recruitment-detail-page .top--sec .heading-title {
    display: block;
    font-size: 1.5625rem /* 25/16 */;
    font-weight: 700;
    line-height: 1.875rem /* 30/16 */;
    padding-bottom: 1.5625rem /* 25/16 */ !important;
    margin-bottom: 2.5rem /* 40/16 */;
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

#CR-recruitment-detail-page .top--sec ul {
    margin: -0.5rem;
}

#CR-recruitment-detail-page .top--sec li {
    width: 50%;
    padding: 0.5rem;
}

#CR-recruitment-detail-page .top--sec li *
#CR-recruitment-detail-page .top--sec li {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-recruitment-detail-page .top--sec li b {
    font-weight: 700 !important;
    margin-right: 2.1875rem /* 35/16 */;
}

#CR-recruitment-detail-page .top--sec li b:after {
    content: ':';
}

#CR-recruitment-detail-page .top--sec .right .item {
    position: relative;
    padding-left: 1.25rem /* 20/16 */;
}

#CR-recruitment-detail-page .top--sec .right .item svg {
    position: absolute;
    top: 0.3125rem /* 5/16 */;
    left: 0;
    width: 0.625rem /* 10/16 */;
    height: auto;
    fill: var(--cl-white);
}

#CR-recruitment-detail-page .top--sec .right .item:not(:last-child) {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-recruitment-detail-page .top--sec .right .title {
    text-transform: uppercase;
    font-weight: 700 !important;
}

#CR-recruitment-detail-page .bottom--sec {

}

#CR-recruitment-detail-page .sidebar--box {
    position: sticky;
    top: 0;
    transition: 1s ease-in-out;
}

#CR-recruitment-detail-page .sidebar--box .row--box {
    padding: 2.5rem /* 40/16 */ 2.125rem /* 34/16 */;
    border-radius: 0.9375rem /* 15/16 */;
    background-color: #f7f7f7;
}

#CR-recruitment-detail-page .sidebar--box .row--box:not(:last-child) {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-recruitment-detail-page .sidebar--box .row--box .heading-title {
    font-size: 0.9375rem /* 15/16 */;
    line-height: normal;
    font-weight: 700;
    display: block;
    margin-bottom: 1.25rem /* 20/16 */;
    text-transform: uppercase;
    position: relative;
}

#CR-recruitment-detail-page .sidebar--box .row--box .heading-title:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -2.125rem /* -34/16 */;
    background: var(--cl-main);
    width: 0.1875rem /* 3/16 */;
    height: 100%;
}

#CR-recruitment-detail-page .sidebar--box .row--box.contact--box a {
    font-weight: 400 !important;
}

#CR-recruitment-detail-page .sidebar--box .row--box.contact--box p,
#CR-recruitment-detail-page .sidebar--box .row--box.contact--box a {
    font-size: 0.9375rem /* 15/16 */;
    line-height: normal;
    font-weight: 700;
    color: var(--cl-black) !important;
}

#CR-recruitment-detail-page .sidebar--box .CR-empty-result {
    padding: 1.875rem /* 30/16 */ 0;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
}

#CR-recruitment-detail-page .info--box {
    width: calc(100% - 3.75rem /* 60/16 */);
}

#CR-recruitment-detail-page .info--box .row--box:first-child {
    padding-top: 0;
}

#CR-recruitment-detail-page .info--box .row--box {
    padding: 2.5rem /* 40/16 */ 0;
}

#CR-recruitment-detail-page .info--box .row--box:not(:last-child) {
    border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}

#CR-recruitment-detail-page .info--box .row--box .title {
    font-size: 0.9375rem /* 15/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cl-black);
    width: 30%;
    min-width: 30%;
}

#CR-recruitment-detail-page .info--box .row--box .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.25rem /* 20/16 */;
}

#CR-recruitment-detail-page .info--box .form--box {
    padding-bottom: 0 !important;
}

#CR-recruitment-detail-page .form--box a:hover {
    background: var(--cl-light-main);
    color: var(--cl-main);
}

#CR-recruitment-detail-page .form--box a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3.125rem /* 50/16 */;
    height: 2.5rem /* 40/16 */;
    background: var(--cl-main);
    border: 1px solid var(--cl-main);
    color: var(--cl-white);
    border-radius: 1.25rem /* 20/16 */;
}

#CR-recruitment-detail-page .CR-cf7-box {
    padding: 2.5rem /* 40/16 */;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.07);
    background-color: var(--cl-white);
    margin: 1.25rem /* 20/16 */ 0 0;
}

#CR-recruitment-detail-page .CR-cf7-box input[name="position-contact-recruitment"] {
    pointer-events: none;
}

.CR-item-recruitment-related:first-child {
    padding-top: 0;
}

.CR-item-recruitment-related {
    padding: 0.9375rem /* 15/16 */ 0;
}

.CR-item-recruitment-related:not(:last-child) {
    border-bottom: 1px solid rgba(183, 183, 183, 0.3);
}

.CR-item-recruitment-related .wrap {
    position: relative;
    padding: 0;
}

.CR-item-recruitment-related .wrap:hover .title {
    color: var(--cl-main);
}

.CR-item-recruitment-related .title {
    font-style: normal;
    font-weight: 500;
    font-size: 0.8125rem /* 13/16 */;
    text-transform: capitalize;
    margin-bottom: 0.3125rem /* 5/16 */;
    color: var(--cl-black);
}

.CR-item-recruitment-related .date {
    font-style: normal;
    font-weight: 400;
    font-size: 0.8125rem /* 13/16 */;
    line-height: normal;
    color: var(--cl-black);
}

/**================== NEWS PAGE ==================**/
#CR-news-page {
    padding-bottom: 4.0625rem /* 65/16 */;
}

#CR-news-page .heading-title {
    font-size: 1.125rem /* 18/16 */;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    color: var(--cl-black);
    text-transform: uppercase;
    position: relative;
    display: block;
    margin: 0 0 1.25rem /* 20/16 */;
    padding: 0.4375rem /* 7/16 */ 0;
}

#CR-news-page .heading-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #D6D6D6;
}

#CR-news-page .banner--box {
    margin-bottom: 1.875rem /* 30/16 */;
}

#CR-news-page .banner--box img {
    width: 100%;
    height: auto;
}

#CR-news-page .tabs--box {
    border-top: 1px solid var(--cl-black);
    padding: 1.875rem /* 30/16 */ 0 0;
    margin: 2.5rem /* 40/16 */ 0 0;
}

#CR-news-page #CR-news-tab .nav-link:not(.active):hover {
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

#CR-news-page #CR-news-tab .nav-link {
    font-size: 1rem /* 16/16 */;
    font-weight: 700;
    line-height: normal;
    color: #767676;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 1.25rem /* 20/16 */ 1.5625rem /* 25/16 */;
    outline: none !important;
    box-shadow: none !important;
}

#CR-news-page #CR-news-tab .nav-link.active {
    color: var(--cl-light-orange);
}

#CR-news-page #CR-news-tab-content {
    padding: 1.25rem /* 20/16 */;
    border: 1px solid #d5d8dc;
    border-top: none;
}

#CR-news-page #CR-news-tab-content .btn-term {
    font-weight: 400;
    color: var(--cl-hover-main);
    background-color: var(--cl-white);
    border: 1px solid var(--cl-hover-main);
    border-radius: 1.5625rem /* 25/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9375rem /* 15/16 */;
    padding: 0.75rem /* 12/16 */ 1.625rem /* 26/16 */;
    text-transform: uppercase;
    margin: 1.25rem /* 20/16 */ auto 0.625rem /* 10/16 */;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

#CR-news-page .featured--box {

}

#CR-news-page .featured--box .CR-item-news .wrap {
    padding: 0;
    background: transparent;
}

#CR-news-page .featured--box .CR-item-news .view-btn,
#CR-news-page .featured--box .CR-item-news .desc {
    display: none !important;
}

#CR-news-page .featured--box .CR-item-news .title {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.25rem /* 20/16 */;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 3.75rem /* 60/16 */;
    color: #54595f;
}

#CR-news-page .featured--box .CR-item-news .cont {
    padding-left: 0.9375rem /* 15/16 */;
}

#CR-news-page .featured--box .CR-item-news .date {
    font-size: 0.75rem /* 12/16 */;
    color: var(--cl-light-orange);
}

#CR-news-page .featured--box .CR-item-news .view {
    width: 42%;
}

#CR-news-page .featured--box .left--box {
    padding-right: 1.25rem /* 20/16 */;
}

#CR-news-page .featured--box .left--box .CR-item-news .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#CR-news-page .featured--box .left--box .CR-item-news .view,
#CR-news-page .featured--box .left--box .CR-item-news .cont {
    width: 100%;
}

#CR-news-page .featured--box .left--box .CR-item-news .cont {
    padding: 1.25rem /* 20/16 */ 0 0;
}

#CR-news-page .featured--box .left--box .CR-item-news .title {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.5rem /* 24/16 */;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    max-height: 1.5rem /* 24/16 */;
    text-transform: uppercase;
}

#CR-news-page .featured--box .left--box .CR-item-news .date {
    color: #adadad;
}

.CR-item-news:not(:last-child) {
    margin-bottom: 0.625rem /* 10/16 */;
}

.CR-item-news .wrap {
    position: relative;
    padding: 0.625rem /* 10/16 */;
    background-color: #F8F8F8;
}

.CR-item-news .view {
    width: 38%;
}

.CR-item-news .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.CR-item-news .thumb {
    position: relative;
    padding-top: var(--ratio-4-3);
    width: 100%;
}

.CR-item-news .thumb img {
    object-fit: cover;
}

.CR-item-news .cont {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.875rem /* 30/16 */;
}

.CR-item-news .title {
    font-size: 1.25rem /* 20/16 */;
    line-height: 1.6875rem /* 27/16 */;
    font-weight: 700;
    color: var(--cl-light-orange);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.375rem /* 54/16 */;
    margin-bottom: 0.625rem /* 10/16 */;
}

.CR-item-news .date {
    font-size: 0.6875rem /* 11/16 */;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 0.8125rem /* 13/16 */;
    color: #adadad;
}

.CR-item-news .desc {
    font-size: 0.8125rem /* 13/16 */;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 0.8125rem /* 13/16 */;
}

.CR-item-news .view-btn {
    color: var(--cl-light-orange);
    font-weight: 500;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    text-transform: capitalize;
}

/**================== NEWS TERM PAGE ==================**/
#CR-news-term-page {
    padding: 0.9375rem /* 15/16 */ 0;
}

#CR-news-term-page .CR-news-list {
    margin: -1.09375rem /* -17.5/16 */;
}

#CR-news-term-page .list--box .CR-load-more-wrap {
    text-align: center;
}

#CR-news-term-page .list--box .CR-load-more-wrap .CR-load-more-btn {
    margin: 0 auto;
}

#CR-news-term-page .CR-item-news {
    width: 50%;
    padding: 1.09375rem /* 17.5/16 */;
}

#CR-news-term-page .CR-item-news .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background: transparent;
}

#CR-news-term-page .CR-item-news .view,
#CR-news-term-page .CR-item-news .cont {
    width: 100%;
}

#CR-news-term-page .CR-item-news .date,
#CR-news-term-page .CR-item-news .desc {
    display: none !important;
}

#CR-news-term-page .CR-item-news .cont {
    padding: 1.25rem /* 20/16 */ 0 0;
}

#CR-news-term-page .CR-item-news .title {
    color: var(--cl-main);
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.5rem /* 24/16 */;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 3rem /* 48/16 */;
}

#CR-news-term-page .side-bar--box {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: sticky;
    top: 0;
}

#CR-news-term-page .side-bar--box .heading-title {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 700;
    color: var(--cl-main);
    line-height: normal;
    text-align: center;
    display: block;
    margin: 0 auto 1.25rem /* 20/16 */;
    text-transform: capitalize;
}

#CR-news-term-page .side-bar--box > div:not(:last-child) {
    margin-bottom: 1.25rem /* 20/16 */;
}

#CR-news-term-page .side-bar--box .custom-link--box li:not(:last-child) {
    margin-bottom: 0.5rem;
}

#CR-news-term-page .side-bar--box .custom-link--box a i {
    color: var(--cl-light-orange);
    margin-right: 0.3125rem /* 5/16 */;
    font-size: 1rem /* 16/16 */;
}

#CR-news-term-page .side-bar--box .custom-link--box a:hover {
    color: var(--cl-hover-main);
}

#CR-news-term-page .side-bar--box .custom-link--box a {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-main);
}

#CR-news-term-page .side-bar--box .connect--box .list {
    gap: 0.3125rem /* 5/16 */;
}

#CR-news-term-page .side-bar--box .connect--box a:hover {
    transform: scale(1.2);
    transition-timing-function: cubic-bezier(0.47, 2.02, .31, -.36);
}

#CR-news-term-page .side-bar--box .connect--box a {
    width: 3.125rem /* 50/16 */;
    height: 3.125rem /* 50/16 */;
    background: black;
    color: var(--cl-white);
    border-radius: 10%;
    font-size: 1.25rem /* 20/16 */;
    transition-duration: .5s;
}

/**================== NEWS DETAIL PAGE ==================**/
#CR-news-detail-page {
    padding: 0 0 1rem /* 16/16 */;
}

#CR-news-detail-page .terms-pd-box {
    padding: 0;
    margin: 0.625rem /* 10/16 */ 0 2.5rem /* 40/16 */;
}

.CR-item-pd-term-slider {
    width: 16.6667%;
}

.CR-item-pd-term-slider .wrap {
    position: relative;
    padding: 0;
    width: 100%;
}

.CR-item-pd-term-slider .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.CR-item-pd-term-slider .thumb {
    padding-top: var(--ratio-1-1);
    width: 100%;
}

.CR-item-pd-term-slider img {
    width: auto;
    max-width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#CR-news-detail-page .slider--box {
    margin: 3.125rem /* 50/16 */ 0 0;
}

#CR-news-detail-page .main--box .heading-title {
    font-weight: 700;
    font-size: 1.375rem /* 22/16 */;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 1rem /* 16/16 */;
}

#CR-news-detail-page .share--box {
    padding-top: 1.875rem /* 30/16 */;
    margin: 2.8125rem /* 45/16 */ 0 0;
    border-top: 1px solid #efefef;
}

#CR-news-detail-page .share--box ul {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

#CR-news-detail-page .share--box li:not(:last-child) {
    margin-right: 0.3125rem /* 5/16 */ !important;
}

#CR-news-detail-page .share--box a {
    width: 2.5rem /* 40/16 */;
    height: 2.5rem /* 40/16 */;
    border-radius: 50%;
    border: 1px solid #888888;
    color: #888888;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125rem /* 18/16 */;
}

#CR-news-detail-page .share--box a:hover {
    background: var(--cl-main);
    color: var(--cl-white);
    border-color: var(--cl-main);
}

#CR-news-detail-page .share--box a span {
    display: none;
}

#CR-news-detail-page .side-bar--box {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: sticky;
    top: 0;
}

#CR-news-detail-page .side-bar--box .heading-title {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 700;
    color: var(--cl-black);
    line-height: normal;
    text-align: left;
    display: block;
    margin: 0 auto 1.25rem /* 20/16 */;
    text-transform: capitalize;
}

#CR-news-detail-page .side-bar--box > div:not(:last-child) {
    margin-bottom: 1.25rem /* 20/16 */;
}

#CR-news-detail-page .side-bar--box .custom-link--box li:not(:last-child) {
    margin-bottom: 0.5rem;
}

#CR-news-detail-page .side-bar--box .custom-link--box a i {
    color: var(--cl-light-orange);
    margin-right: 0.3125rem /* 5/16 */;
    font-size: 1rem /* 16/16 */;
}

#CR-news-detail-page .side-bar--box .custom-link--box a:hover {
    color: var(--cl-hover-main);
}

#CR-news-detail-page .side-bar--box .custom-link--box a {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-main);
}

#CR-news-detail-page .side-bar--box .CR-item-news .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background: transparent;
    border-radius: 0.625rem /* 10/16 */;
    overflow: hidden;
}

#CR-news-detail-page .side-bar--box .CR-item-news .thumb {
    padding-top: calc(0.65 * 100%);
}

#CR-news-detail-page .side-bar--box .CR-item-news .view,
#CR-news-detail-page .side-bar--box .CR-item-news .cont {
    width: 100%;
}

#CR-news-detail-page .side-bar--box .CR-item-news .view-btn,
#CR-news-detail-page .side-bar--box .CR-item-news .date,
#CR-news-detail-page .side-bar--box .CR-item-news .desc {
    display: none !important;
}

#CR-news-detail-page .side-bar--box .CR-item-news .cont {
    padding: 0.625rem /* 10/16 */ 0 0;
}

#CR-news-detail-page .side-bar--box .CR-item-news .title {
    color: var(--cl-main);
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.25rem /* 20/16 */;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 2.5rem /* 40/16 */;
    margin-bottom: 0;
}

#CR-news-detail-page .slider--box .list {
    margin: 0 -1.0625rem /* -17/16 */;
}

#CR-news-detail-page .slider--box .CR-item-news {
    width: 25%;
    padding: 1.09375rem /* 17.5/16 */;
}

#CR-news-detail-page .slider--box .CR-item-news .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    background: transparent;
}

#CR-news-detail-page .slider--box .CR-item-news .view,
#CR-news-detail-page .slider--box .CR-item-news .cont {
    width: 100%;
}

#CR-news-detail-page .slider--box .CR-item-news .date,
#CR-news-detail-page .slider--box .CR-item-news .desc {
    display: none !important;
}

#CR-news-detail-page .slider--box .CR-item-news .cont {
    padding: 1.25rem /* 20/16 */ 0 0;
}

#CR-news-detail-page .slider--box .CR-item-news .title {
    color: var(--cl-black);
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.5rem /* 24/16 */;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 3rem /* 48/16 */;
}

/**================== CONTACT PAGE ==================**/
#CR-contact-page {
    padding-bottom: 5rem /* 80/16 */;
}

#CR-contact-page .CR-form-contact-row {
    padding: 6.25rem /* 100/16 */ 0 5rem /* 80/16 */;
}

#CR-contact-page .form--box {
    padding-right: 11.875rem /* 190/16 */;
}

#CR-contact-page .form--box .main-title {
    font-size: 3.125rem /* 50/16 */;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 2.5rem /* 40/16 */;
}

#CR-contact-page .video--box {
    position: relative;
}

#CR-contact-page .video--box img {
    width: 100%;
    height: auto;
}

#CR-contact-page .video--box .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#CR-contact-page .video--box .view svg {
    width: auto;
    height: 30%;
}

#CR-contact-page .image--box img {
    width: 100%;
    height: auto;
}

#CR-contact-page .info--box {
    padding: 4.0625rem /* 65/16 */ 11.25rem /* 180/16 */ 0 1.875rem /* 30/16 */;
}

#CR-contact-page .info--box .desc {
    font-size: 0.875rem /* 14/16 */;
    line-height: 1.3125rem /* 21/16 */;
    font-weight: 400;
}

#CR-contact-page .info--box .hotline:after {
    content: '';
    background: var(--cl-black);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#CR-contact-page .info--box .hotline {
    font-size: 3.125rem /* 50/16 */;
    line-height: normal;
    margin-top: 1.875rem /* 30/16 */;
    display: inline-block;
    position: relative;
    padding-bottom: 0.5rem;
    color: var(--cl-black);
    font-weight: 400;
}

#CR-contact-page .info--box .list {
    margin: 2.8125rem /* 45/16 */ 0 0;
}

#CR-contact-page .info--box .list li * {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-black);
}

#CR-contact-page .info--box .list li:not(:last-child) {
    margin-bottom: 0.625rem /* 10/16 */;
}

#CR-contact-page .info--box .list a:hover {
    color: var(--cl-hover-main);
}

#CR-contact-page .info--box .list a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#CR-contact-page .info--box .list b {
    min-width: 12.5rem /* 200/16 */;
    width: 12.5rem /* 200/16 */;
}

/**================== POPUP ALL PAGE ==================**/
#CR-popup-all-page .box {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    width: 80%;
    max-width: 27.5rem /* 440/16 */;
    max-height: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: unset;
    backdrop-filter: unset !important;
}

#CR-popup-all-page .box a {
    outline: none !important;
}

#CR-popup-all-page .CR-pop-all-page-img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: auto;
}

#CR-popup-all-page .CR-close-popup-btn svg {
    width: auto;
    height: 50%;
}

#CR-popup-all-page .CR-close-popup-btn {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.875rem /* 30/16 */;
    height: 1.875rem /* 30/16 */;
    background: var(--cl-white);
    position: absolute;
    top: -0.9375rem /* -15/16 */;
    right: -0.9375rem /* -15/16 */;
    z-index: 2;
}

/**================== DIAMOND PAGE ==================**/
#CR-diamond-page {
    padding-bottom: 3.125rem  /* 50/16 */;
}

#CR-diamond-page .label-filter {
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 0.625rem /* 10/16 */;
}

#CR-diamond-page .filter--box {
    margin: 0 -0.9375rem /* -15/16 */;
}

#CR-diamond-page .filter--box > div {
    padding-left: 0.9375rem /* 15/16 */ !important;
    padding-right: 0.9375rem /* 15/16 */ !important;
}

#CR-diamond-page .filter--box .heading-title {
    font-size: 1.1875rem /* 19/16 */;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

#CR-diamond-page .filter--box .sort--box {
    min-width: 10.3125rem  /* 165/16 */
}

#CR-diamond-page .filter--box .top--box {
    position: relative;
    margin: 0 0 0.625rem /* 10/16 */;
    padding: 0.9375rem /* 15/16 */ 0;
}

#CR-diamond-page .filter--box .top--box:before {
    content: '';
    height: 1px;
    background: var(--cl-black);
    position: absolute;
    bottom: 0;
    left: 0.9375rem /* 15/16 */;
    right: 0.9375rem /* 15/16 */;
}

#CR-diamond-page .filter--box .top--box:after {
    content: '';
    width: 4.375rem /* 70/16 */;
    height: 0.25rem /* 4/16 */;
    background: var(--cl-main);
    position: absolute;
    bottom: -0.125rem /* -2/16 */;
}

#CR-diamond-page .filter--box .left--box {
    width: 25%;
}

#CR-diamond-page .filter--box .right--box {
    width: 75%;
}

#CR-diamond-page .filter--box .bottom--box {
    padding: 1.5625rem /* 25/16 */ 0;
}

#CR-diamond-page .item-filter:not(:last-child) {
    margin-bottom: 1rem  /* 16/16 */;
}

#CR-diamond-page .filter--box .item-shape li {
    width: 18%;
    padding: 0.125rem  /* 2/16 */ 0.25rem  /* 4/16 */;
}

#CR-diamond-page .filter--box .item-shape a{
    width: 100%;
    padding-bottom: var(--ratio-1-1);
    position: relative;
    border: 1px solid var(--cl-dark-gray);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 50%;
}

#CR-diamond-page .filter--box .item-shape a img{
    height: 70%;
    width: auto;
    max-width: 70%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#CR-diamond-page .filter--box .item-shape a:hover span {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

#CR-diamond-page .filter--box .item-shape a.active {
    border-color: var(--cl-main);
}

#CR-diamond-page .filter--box .item-shape a span{
    position: absolute;
    padding: 0.25rem 0.5rem;
    border-radius: 0.1875rem /* 3/16 */;
    font-size: 0.75rem  /* 12/16 */;
    line-height: normal;
    font-weight: 400;
    background: var(--cl-black);
    color: var(--cl-white);
    left: 50%;
    bottom: calc(100% + 0.65rem);
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    z-index: 2;
}

#CR-diamond-page .filter--box .item-shape a span:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 0.375rem /* 6/16 */ 0.375rem /* 6/16 */ 0 0.375rem /* 6/16 */;
    border-color: var(--cl-black) transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
}

#CR-diamond-page .suggestion--box ul,
#CR-diamond-page .filter--box .right--box ul {
    gap: 0.625rem  /* 10/16 */;
}

#CR-diamond-page .suggestion--box .CR-action-filter-diamond.active,
#CR-diamond-page .filter--box .right--box .CR-action-filter-diamond.active {
    border-color: var(--cl-main);
    background: var(--cl-main);
    color: var(--cl-white);
}

#CR-diamond-page .suggestion--box .CR-action-filter-diamond,
#CR-diamond-page .filter--box .right--box .CR-action-filter-diamond {
    padding: 0 1.5rem;
    height: 2.1875rem  /* 35/16 */;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    border-radius: 0.25rem;
    border: 1px solid var(--cl-light-gray);
    color: var(--cl-black);
}

#CR-diamond-page .filter--box .CR-reset-filter-diamond i {
    margin-right: 0.5rem;
}

#CR-diamond-page .filter--box .CR-reset-filter-diamond {
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    color: var(--cl-black);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#CR-diamond-page .filter--box .CR-run-filter-diamond {
    background: var(--cl-main);
    border: none;
    border-radius: 0.125rem  /* 2/16 */;
    color: var(--cl-white);
    font-size: 0.875rem  /* 14/16 */;
    font-weight: 400;
    height: 2.8125rem  /* 45/16 */;
    line-height: normal;
    padding: 0 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    margin: 0 0 0 1rem;
}

#CR-diamond-page .suggestion--box {
    position: relative;
    padding: 0.9375rem /* 15/16 */ 0;
    border-top: 1px solid var(--cl-black);
}

#CR-diamond-page .suggestion--box:after {
    content: '';
    width: 4.375rem /* 70/16 */;
    height: 0.25rem /* 4/16 */;
    background: var(--cl-main);
    position: absolute;
    top: -0.125rem /* -2/16 */;
}

.CR-diamonds-list--box {
    position: relative;
}

.CR-diamonds-list-heading {
    background-color: var(--cl-white);
    position: sticky;
    top: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border: 1px solid #efefef;
}

.CR-diamonds-list-heading * {
    color: var(--cl-black);
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-weight: 700;
    word-break: break-word;
}

.CR-diamonds-list-heading p {
    text-align: center;
    margin: 0 auto;
    font-size: 0.875rem /* 14/16 */;
    font-weight: 700;
    text-transform: capitalize;
}

.CR-diamonds-list-heading .CR-diamonds-col-box li {
    padding: 0.9375rem /* 15/16 */ 0.75rem  /* 12/16 */;
}

.CR-diamonds-list-content .list {
    border-top: none !important;
    border: 1px solid #efefef;
}
.CR-diamonds-col-box li:not(:last-child) {
    border-right: 1px solid #efefef;
}

.CR-diamonds-col-box li:nth-child(1),
.CR-diamonds-col-box li:nth-child(3),
.CR-diamonds-col-box li:nth-child(5),
.CR-diamonds-col-box li:nth-child(10){
    width: 7%;
}

.CR-diamonds-col-box li:nth-child(2) {
    width: 11.5%;
}

.CR-diamonds-col-box li:nth-child(4) {
    width: 10%;
}

.CR-diamonds-col-box li:nth-child(8) {
    width: 14.5%;
}

.CR-diamonds-col-box li:nth-child(6),
.CR-diamonds-col-box li:nth-child(7),
.CR-diamonds-col-box li:nth-child(9) {
    width: 12%;
}

.CR-diamonds-col-box li {
    padding: 0.75rem 0.3125rem /* 5/16 */;
}

.CR-item-diamond {
    width: 100%;
}

.CR-item-diamond:nth-child(odd) {
    background: var(--cl-sp-gray);
}

.CR-item-diamond .CR-diamonds-col-box li {
    border-bottom: 1px solid #efefef;
}

.CR-item-diamond * {
    color: var(--cl-black);
    font-size: 0.875rem /* 14/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: center;
    word-break: break-word;
}

.CR-item-diamond .CR-woo-prices * {
    margin: 0;
}

.CR-item-diamond .CR-woo-prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.CR-item-diamond .label {
    display: none;
}

.CR-item-diamond img {
    width: auto;
    max-width: 90%;
    height: 3.4375rem /* 55/16 */;
    -o-object-fit: contain;
    object-fit: contain;
}

.CR-item-diamond .detail--box a {
    text-transform: capitalize;
}

.CR-item-diamond .shape--box a {
    pointer-events: none;
    color: var(--cl-black);
    font-weight: 400;
    text-transform: capitalize;
}

.CR-item-diamond a {
    color: var(--cl-dark-red);
    font-weight: 700;
    text-transform: uppercase;
}

/**================== PRODUCTS PAGE ==================**/
#CR-products-page {

}

#CR-products-page .banner--box {
    padding: 0.625rem  /* 10/16 */;
}

#CR-products-page .banner--box img {
    width: 100%;
    height: auto;
}

#CR-products-page .heading--box {
    margin: 0.9375rem  /* 15/16 */ 0 0;
}

#CR-products-page .heading--box .heading-title--box {
    font-size: 1.375rem  /* 22/16 */;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
}

#CR-products-page .heading--box .heading-title--box:after {
    content: '';
    background: #bfbfbf;
    width: 7%;
    height: 0.125rem /* 2/16 */;
    margin: 1.25rem  /* 20/16 */ auto;
    display: block;
}

#CR-products-page .filter--box .list {
    padding: 0.625rem  /* 10/16 */ 1.25rem  /* 20/16 */ 1.25rem  /* 20/16 */;
    gap: 1rem  /* 16/16 */;
}

#CR-products-page .filter--box .CR-chosen-item .chosen-drop {
    min-width: 12.5rem  /* 200/16 */;
}

#CR-products-page .custom-terms--box .CR-banner-list-pd-terms {
    padding: 1.25rem  /* 20/16 */ 0;
}

#CR-products-page .CR-pds-list {
    margin: -0.3125rem  /* -5/16 */;
}

#CR-products-page .terms--box {
    padding-bottom: 5rem  /* 80/16 */;
}

#CR-products-page .terms--box .item-term-row:not(:last-child) {
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-products-page .terms--box .item-term-row .term-name {
    font-size: 1.4375rem  /* 23/16 */;
    text-align: center;
    font-weight: 500;
    line-height: normal;
    display: block;
    color: var(--cl-main);
    margin: 0 auto;
    text-transform: capitalize;
}

#CR-products-page .terms--box .item-term-row .term-banner {
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-products-page .terms--box .item-term-row .term-banner img {
    width: 100%;
    height: auto;
}

#CR-products-page .terms--box .item-term-row .term-pds {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-products-page .terms--box .item-term-row .term-btn {
    margin: 1.25rem  /* 20/16 */ 0 0;
    text-align: center;
}

#CR-products-page .terms--box .item-term-row .term-btn .CR-btn-style:hover {
    border-color: var(--cl-light-orange);
    color: var(--cl-light-orange);
}

#CR-products-page .terms--box .item-term-row .term-btn .CR-btn-style {
    border-color: var(--cl-main);
    color: var(--cl-main);
    height: 2.5rem  /* 40/16 */;
    padding: 0 1.25rem  /* 20/16 */;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 0.9375rem  /* 15/16 */;
    border-width: 1px;
}

.CR-item-product {
    width: 25%;
    padding: 0.3125rem  /* 5/16 */;
}

.CR-item-product .wrap {
    position: relative;
}

.CR-item-product .thumb {
    position: relative;
    padding-bottom: var(--ratio-1-1);
    filter: brightness(98.5%);
}

.CR-item-product .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: auto;
    max-width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.CR-item-product .wrap:hover .thumb.has-hover-thumb img.main-thumbnail,
.CR-item-product .thumb img.hover-thumbnail {
    opacity: 0;
}

.CR-item-product .thumb img.main-thumbnail,
.CR-item-product .wrap:hover .thumb img.hover-thumbnail {
    opacity: 1;
}

.CR-item-product .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 1.25rem  /* 20/16 */;
    left: 1.25rem  /* 20/16 */;
    z-index: 2;
}

.CR-item-product .tags li:not(:last-child) {
    margin-right: 0.5rem;
}

.CR-item-product .tag {
    font-size: .625rem;
    height: 1.375rem /* 22/16 */;
    padding: 0 0.625rem /* 10/16 */;
    border-radius: 3.75rem /* 60/16 */;
    font-weight: 400;
    color: var(--cl-white);
    background-color: var(--cl-main);
    text-transform: capitalize;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.CR-item-product .cont {
    padding: 1.25rem  /* 20/16 */ 0.5rem;
    text-align: center;
}

.CR-item-product .wrap:hover .title {
    color: var(--cl-light-orange);
}

.CR-item-product .title {
    font-size: 0.875rem  /* 14/16 */;
    line-height: 1.375rem  /* 22/16 */;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--cl-black);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.375rem  /* 22/16 */;
    max-height: 1.375rem  /* 22/16 */;
}

.CR-item-product .sku {
    text-align: center;
    font-size: 0.75rem /* 12/16 */;
    line-height: normal;
    font-weight: 400;
    color: var(--cl-main);
    display: block;
    padding: 0.5rem 0;
}

.CR-item-product .CR-btn-style:hover {
    background: #4d4d4e;
}

.CR-item-product .wrap:hover .CR-btn-style {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.CR-item-product .CR-btn-style {
    position: absolute;
    bottom: 1.25rem  /* 20/16 */;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    border-color: var(--cl-dark-gray);
    border-width: 1px;
    text-transform: uppercase;
    height: 2.5rem  /* 40/16 */;
    padding: 0 2.1875rem  /* 35/16 */;
    font-size: 0.875rem  /* 14/16 */;
    opacity: 0;
}

.CR-item-product .CR-remove-favorite-btn {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 1.25rem /* 20/16 */;
    right: 1.25rem /* 20/16 */;
    z-index: 2;
    width: 1.875rem  /* 30/16 */;
    height: 1.875rem  /* 30/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    font-size: 0.875rem  /* 14/16 */;
    background: var(--cl-red);
    color: var(--cl-white);
}

/**================== PRODUCT DETAIL PAGE ==================**/
#CR-single-product-page {

}

#CR-single-product-page .CR-single-product-top .main-box {
    padding: 3.125rem  /* 50/16 */ 0 0;
}

#CR-single-product-page .CR-custom-meta-pd {

}

#CR-single-product-page .CR-custom-meta-pd .sub-title {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-single-product-page .CR-variations-box .detail-variation .label--box .label label,
#CR-single-product-page .CR-custom-meta-pd .line-item * {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-single-product-page .CR-custom-meta-pd .line-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.625rem  /* 10/16 */;
}

#CR-single-product-page .CR-variations-box {
    margin-bottom: 1.875rem  /* 30/16 */;
}

#CR-single-product-page .CR-variations-box .detail-variation {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#CR-single-product-page .CR-variations-box .detail-variation:not(:last-child) {
    margin-bottom: 0.625rem  /* 10/16 */;
}

#CR-single-product-page .CR-variations-box .detail-variation .label--box .label .view {
    display: none;
}

#CR-single-product-page .CR-variations-box .tawcvs-swatches {
    margin: -0.25rem  /* -4/16 */;
    padding: 0;
}

#CR-single-product-page .CR-variations-box .hrSwatch {
    background-color: transparent !important;
    border: none !important;
    width: auto;
    height: auto !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0.25rem  /* 4/16 */ !important;
}

#CR-single-product-page .CR-variations-box .hrSwatch.swatch-color .hrDown {
    width: 1.875rem  /* 30/16 */;
    height: 1.875rem  /* 30/16 */;
    position: relative;
}

#CR-single-product-page .CR-variations-box .hrSwatch.swatch-color .hrDown:after {
    content: '';
    background-image: url("../images/hinh-color.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#CR-single-product-page .CR-variations-box .hrSwatch.selected .hrDown {
    border-color: var(--cl-light-orange);
}

#CR-single-product-page .CR-variations-box .hrDown {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem /* 14/16 */;
    line-height: normal;
    background-color: var(--cl-white);
    color: var(--cl-black);
    border: 1px solid var(--cl-dark-gray);
}

#CR-single-product-page .CR-variations-box .hrImg,
#CR-single-product-page .CR-variations-box .hrDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 1.875rem  /* 30/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 0.625rem  /* 10/16 */ ;
    padding-right: 0.625rem  /* 10/16 */ ;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

#CR-single-product-page .single-variation-wrap .woocommerce-variation-description,
#CR-single-product-page .single-variation-wrap .woocommerce-variation-price,
#CR-single-product-page .single-variation-wrap .woocommerce-variation-availability,
#CR-single-product-page .tawcvs-swatches .swatch-color.selected:before,
#CR-single-product-page .CR-price-product #CR-main-price.hide {
    display: none !important;
}

#CR-single-product-page .CR-custom-meta-pd .main-title {
    font-size: 1.4375rem  /* 23/16 */;
    line-height: normal;
    font-weight: 400;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box {
    margin-bottom: 1.25rem  /* 20/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box.special .CR-woo-prices {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices * {
    font-size: 2.1875rem  /* 35/16 */;
    font-weight: 400;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices del {
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices del,
#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices del span,
#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices del span * {
    font-size: 1rem  /* 16/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .sub-title,
#CR-single-product-page .CR-custom-meta-pd .CR-custom-qty-box {
    display: none !important;
}

#CR-single-product-page .CR-custom-meta-pd .CR-add-cart-pd-box {
    margin: 0.625rem  /* 10/16 */ 0 1.25rem  /* 20/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .hide--box {
    display: none;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .fake--box .item:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.25rem  /* 20/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .fake--box .item:last-child {
    width: 3.75rem  /* 60/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .fake--box a {
    width: 100%;
    height: 3.125rem  /* 50/16 */;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .CR-single-pd-favorite-btn {
    border: 1px solid var(--cl-light-gray);
    color: var(--cl-dark-gray);
    font-size: 1.25rem  /* 20/16 */;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .CR-single-pd-favorite-btn.active {
    background: var(--cl-light-orange) !important;
    border-color: var(--cl-light-orange) !important;
    color: var(--cl-white) !important;
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .CR-single-pd-consult-btn:hover {
    background: var(--cl-light-orange);
}

#CR-single-product-page .CR-custom-meta-pd .CR-custom-add-cart-box .CR-single-pd-consult-btn {
    background: var(--cl-main);
    color: var(--cl-white);
    font-size: 1.25rem  /* 20/16 */;
    text-transform: uppercase;
}

#CR-single-product-page .CR-custom-meta-pd .note-box {
    margin: 1.25rem  /* 20/16 */ 0 0;
    color: var(--cl-main);
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-style: italic;
    font-weight: 400;
}

#CR-single-product-page .CR-single-product-bottom {
    padding: 3.75rem  /* 60/16 */ 0 0;
}

#CR-single-product-page .CR-single-product-bottom .box {
    padding: 0 10%;
}

#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content p,
#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content li,
#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content strong,
#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content b {
    font-size: 1rem  /* 16/16 */;
}

#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content a:hover {
    color: var(--cl-main);
}

#CR-single-product-page .CR-single-product-bottom .desc-box.CR-style-default-content a {
    color: var(--cl-hover-main);
    letter-spacing: normal;
    line-height: normal;
    font-weight: 400;
    position: relative;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box {
    margin: 1.25rem  /* 20/16 */ 0 0;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-item {
    background: none;
    border: none;
    background: var(--cl-white);
    border-radius: 0;
    border-top: 1px solid var(--cl-light-gray) !important;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-item:last-child {
    border-bottom: 1px solid var(--cl-light-gray) !important;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button:hover {
    color: var(--cl-light-orange);
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button {
    color: var(--cl-main);
    text-align: left;
    border-radius: 0 !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: none !important;
    padding: 1.25rem  /* 20/16 */ 3.75rem  /* 60/16 */ 1.25rem  /* 20/16 */ 0;
    font-size: 1.5rem  /* 24/16 */;
    font-weight: 400;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button .num-head {
    display: none;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button:not(.collapsed)::after {
    content: "\f106";
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button::after {
    font-family: var(--font-aws);
    width: auto;
    height: auto;
    content: "\f107";
    background-image: unset !important;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    color: var(--cl-light-orange);
    font-size: 0.875rem  /* 14/16 */;
}

#CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-body {
    padding: 0 0 2.5rem  /* 40/16 */;
    font-size: 1rem /* 16/16 */;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box {
    margin: 3.75rem  /* 60/16 */ 0 0;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .heading-title {
    font-size: 1.625rem /* 26/16 */;
    line-height: normal;
    font-weight: 400;
    margin: 0 auto 1.25rem  /* 20/16 */;
    text-align: center;
    display: block;
    color: var(--cl-main);
    text-transform: uppercase;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .list {
    margin: -0.625rem  /* -10/16 */;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item {
    width: 33.33%;
    padding: 0.625rem  /* 10/16 */;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item .wrap {
    position: relative;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item .icon {
    text-align: center;
    margin-bottom: 0.5rem;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item .icon img{
    width: auto;
    height: 3.4375rem  /* 55/16 */;
    margin: 0 auto;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item .cont * {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    text-align: center;
}

#CR-single-product-page .CR-single-product-bottom .policy-pd-box .item .btn-view {
    color: var(--cl-light-orange);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5rem;
    margin: 0.5rem 0 0;
}

#CR-single-product-page .CR-single-product-sliders {
    padding: 3.75rem  /* 60/16 */ 0 4.375rem  /* 70/16 */;
}

#CR-single-product-page .CR-single-product-sliders .heading-title {
    font-size: 1.625rem  /* 26/16 */;
    line-height: normal;
    font-weight: 700;
    margin: 0.625rem  /* 10/16 */ auto 1.25rem  /* 20/16 */;
    text-align: center;
    display: block;
    color: var(--cl-main);
    text-transform: uppercase;
}

#CR-single-product-page .CR-single-product-sliders .list {

}

#CR-single-product-page #CR-popup-product-consult.active .bg {
    right: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#CR-single-product-page #CR-popup-product-consult .bg {
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    backdrop-filter: blur(5px);
}

.admin-bar #CR-single-product-page #CR-popup-product-consult .box {
    padding-top: 3.75rem  /* 60/16 */;
}

#CR-single-product-page #CR-popup-product-consult.active .box {
    right: 0;
    opacity: 1;
}

#CR-single-product-page #CR-popup-product-consult .box {
    width: 26.25rem /* 420/16 */;
    background: var(--cl-white);
    position: fixed;
    top: 0;
    bottom: 0;
    right: -26.25rem /* -420/16 */;
    z-index: 99999999;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 1.25rem  /* 20/16 */;
    opacity: 0;
}

#CR-single-product-page #CR-popup-product-consult .box .heading {
    font-size: 2rem  /* 32/16 */;
    line-height: normal;
    font-weight: 400;
    text-transform: uppercase;
}

#CR-single-product-page #CR-popup-product-consult .box .sub-heading {
    color: var(--cl-light-orange);
    font-weight: 400;
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
}

#CR-single-product-page #CR-popup-product-consult .box .thumbnail {
    position: relative;
    padding-bottom: var(--ratio-4-3);
    margin: 0.5rem 0;
}

#CR-single-product-page #CR-popup-product-consult .box .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#CR-single-product-page #CR-popup-product-consult .box .desc {
    color: var(--cl-black);
    font-weight: 400;
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
}

#CR-single-product-page #CR-popup-product-consult .box .form--box {
    margin: 1.25rem  /* 20/16 */ 0 0;
}

.admin-bar #CR-single-product-page #CR-popup-product-consult .CR-close-popup-btn {
    top: 2.5rem  /* 40/16 */;
}

#CR-single-product-page #CR-popup-product-consult .CR-close-popup-btn {
    position: absolute;
    top: 0.625rem  /* 10/16 */;
    right: 0.625rem  /* 10/16 */;
}

/**================== FAVOURITE PAGE ==================**/
#CR-favourite-page .heading--box .heading-title {
    font-size: 1.375rem /* 22/16 */;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
}

#CR-favourite-page .heading--box .heading-title:after {
    content: '';
    background: #bfbfbf;
    width: 7%;
    height: 0.125rem /* 2/16 */;
    margin: 1.25rem /* 20/16 */ auto 2.5rem  /* 40/16 */;
    display: block;
}

#CR-favourite-page .heading--box .desc {
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    font-weight: 400;
    text-align: center;
}

#CR-favourite-page .intro--box,
#CR-favourite-page .list--box {
    padding: 2.5rem  /* 40/16 */ 0 0;
}

#CR-favourite-page .CR-pds-list {
    margin: -0.3125rem /* -5/16 */;
}

#CR-favourite-page .list--box .CR-item-product .CR-remove-favorite-btn {
    opacity: 1;
    pointer-events: auto;
}

#CR-favourite-page .suggestion--box {
    padding: 2.5rem  /* 40/16 */ 0;
}

/**================== SEARCH PAGE ==================**/
.CR-search-products-page .heading--box .heading-title {
    font-size: 1.375rem /* 22/16 */;
    line-height: normal;
    font-weight: 500;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
}

.CR-search-products-page .heading--box .heading-title:after {
    content: '';
    background: #bfbfbf;
    width: 7%;
    height: 0.125rem /* 2/16 */;
    margin: 1.25rem /* 20/16 */ auto 2.5rem  /* 40/16 */;
    display: block;
}

/**================== SPECIAL CONTACT PAGE ==================**/
#CR-special-contact-page {
    padding-bottom: 1.875rem  /* 30/16 */;
}

#CR-special-contact-page .heading-title {
    font-size: 1.125rem  /* 18/16 */;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 1.5625rem  /* 25/16 */;
    text-transform: uppercase;
}

#CR-special-contact-page .banner--box {
    text-align: center;
}

#CR-special-contact-page .banner--box img {
    max-width: 100%;
    width: auto;
    height: auto;
}

#CR-special-contact-page .main--title {
    padding: 1.5625rem  /* 25/16 */ 0 0;
    margin: 0 auto 3.125rem  /* 50/16 */;
    text-align: center;
    font-size: 1.4375rem  /* 23/16 */;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
}

#CR-special-contact-page .left--box {
    padding-right: 1.25rem  /* 20/16 */;
}

#CR-special-contact-page .right--box {
    padding-left: 1.25rem  /* 20/16 */;
}

#CR-special-contact-page .contact--box .CR-style-default-content a{
    color: #0000ff;
}

#CR-special-contact-page .contact--box .CR-style-default-content li::marker{
    color: #7a7a7a;
}

#CR-special-contact-page .form--box {
    margin: 2.5rem  /* 40/16 */ 0 0;
}

#CR-special-contact-page .form--box .desc {
    font-size: 0.875rem  /* 14/16 */;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 1.5625rem  /* 25/16 */;
    display: block;
}

#CR-special-contact-page .form--box .CR-form-def .gr-def-form-btn {
    margin-top: 0;
}

#CR-special-contact-page .branch--box .item:not(:last-child) {
    margin-bottom: 1.875rem  /* 30/16 */;
}

#CR-special-contact-page .branch--box .heading-title {
    margin-bottom: 2.5rem  /* 40/16 */;
}

#CR-special-contact-page .branch--box .acf-map {
    height: auto;
    padding-bottom: var(--ratio-16-9);
}

/**================== PROMOTION PAGE ==================**/
#CR-promotion-page .intro--sec {
    padding: 1.875rem  /* 30/16 */ 0;
}

#CR-promotion-page .intro--sec .heading-title {
    margin-bottom: 0;
    font-size: 1.875rem  /* 30/16 */;
    line-height: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: var(--cl-light-orange);
}

#CR-promotion-page .intro--sec .desc {
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    font-weight: 400;
    text-align: center;
}

#CR-promotion-page .consultation--sec {
    background: #F8F3EF;
    padding: 3.125rem  /* 50/16 */ 0;
}

#CR-promotion-page .consultation--sec .heading-title {
    margin-bottom: 0.625rem  /* 10/16 */;
    font-size: 1.875rem  /* 30/16 */;
    line-height: normal;
    font-weight: 400;
    text-align: center;
}

#CR-promotion-page .consultation--sec .desc {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
    text-align: center;
}

#CR-promotion-page .consultation--sec .form--box {
    width: 50%;
    margin: 0 auto;
}

#CR-promotion-page .consultation--sec .line {
    position: relative;
    background: #F8F3EF;
    display: block;
    z-index: 1;
    text-align: center;
    margin: 0.625rem  /* 10/16 */ 0 1.25rem  /* 20/16 */;
}

#CR-promotion-page .consultation--sec .line svg {
    width: auto;
    height: 1.875rem /* 30/16 */;
    background: #F8F3EF;
    padding: 0 0.5rem;
}

#CR-promotion-page .consultation--sec .line:before {
    content: '';
    background: var(--cl-light-orange);
    position: absolute;
    height: 1px;
    width: 100%;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

#CR-promotion-page .consultation--sec .CR-form-def .gr-def-form-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

#CR-promotion-page .list-thumb--sec {
    padding: 0 0 5rem  /* 80/16 */;
}

#CR-promotion-page .list-thumb--sec .item-row {
    margin: -0.625rem  /* -10/16 */;
}

#CR-promotion-page .list-thumb--sec .item-row:not(:last-child) {
    margin-bottom: 1.875rem  /* 30/16 */ !important;
}

#CR-promotion-page .list-thumb--sec .item-row:nth-child(even) .CR-item-promotion:last-child,
.CR-item-promotion:first-child {
    width: 50%;
}

#CR-promotion-page .list-thumb--sec .item-row:nth-child(even) .CR-item-promotion,
.CR-item-promotion {
    padding: 0.625rem  /* 10/16 */;
    width: 25%;
}

.CR-item-promotion .wrap {
    position: relative;
}

.CR-item-promotion .view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#CR-promotion-page .list-thumb--sec .item-row:nth-child(even) .CR-item-promotion:last-child .thumb,
#CR-promotion-page .list-thumb--sec .item-row:nth-child(odd) .CR-item-promotion:first-child .thumb {
    aspect-ratio: 3/1.45;
}

.CR-item-promotion .thumb {
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.CR-item-promotion .wrap:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.CR-item-promotion .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.75s ease-in-out;
    -o-transition: 0.75s ease-in-out;
    transition: 0.75s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.CR-item-promotion .cont {

}

.CR-item-promotion .wrap:hover .title {
    color: var(--cl-light-orange);
}

.CR-item-promotion .title {
    font-size: 1.25rem  /* 20/16 */;
    line-height: normal;
    font-weight: 700;
    margin: 0.625rem  /* 10/16 */ 0 0.3125rem  /* 5/16 */;
    text-transform: uppercase;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.CR-item-promotion .desc {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    font-weight: 400;
}

.CR-item-promotion .desc b {
    color: var(--cl-red);
}

#CR-promotion-page .list--sec {
    padding-bottom: 3.75rem  /* 60/16 */;
}

#CR-promotion-page .list--sec .item-pds--row {
    padding-top: 3.75rem  /* 60/16 */;
}

#CR-promotion-page .list--sec .heading-title {
    font-size: 1.875rem  /* 30/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

#CR-promotion-page .list--sec .CR-view-promotion-btn:hover {
    color: var(--cl-light-orange);
}

#CR-promotion-page .list--sec .CR-view-promotion-btn {
    font-size: 1rem  /* 16/16 */;
    line-height: normal;
    color: var(--cl-black);
}

#CR-promotion-page .list--sec .CR-view-promotion-btn i {
    margin-left: 0.5rem;
}

#CR-promotion-page .list--sec .banner--box {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-promotion-page .list--sec .banner--box img {
    width: 100%;
    height: auto;
}

#CR-promotion-page .list--sec .CR-pds-list {
    margin-top: 1.25rem  /* 20/16 */;
}

#CR-promotion-page .list--sec .CR-btn-style {
    border-color: var(--cl-main);
    color: var(--cl-main);
    height: 2.5rem /* 40/16 */;
    padding: 0 1.25rem /* 20/16 */;
    margin: 1.875rem  /* 30/16 */ auto 0;
    text-transform: uppercase;
    font-size: 0.9375rem /* 15/16 */;
    border-width: 1px;
}

#CR-promotion-page .list--sec .CR-btn-style:hover {
    border-color: var(--cl-light-orange);
    color: var(--cl-light-orange);
}

#CR-promotion-page .list--sec .CR-btn-style i {
    display: none;
}

#CR-popup-promotion.CR-popup-default-wrap .box {
    max-width: 53.75rem /* 860/16 */;
    border-radius: 0.3125rem  /* 5/16 */;
    padding: 0;
}

#CR-popup-promotion .CR-close-popup-btn {
    position: absolute;
    top: 0.625rem  /* 10/16 */;
    right: 0.625rem  /* 10/16 */;
    z-index: 2;
}

#CR-popup-promotion .form--box {
    position: relative;
    padding: 1.5625rem  /* 25/16 */ 20%;
}

#CR-popup-promotion .form--box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

#CR-popup-promotion .form--box .form-title {
    font-size: 1rem /* 16/16 */;
    line-height: normal;
    margin-bottom: 1.875rem /* 30/16 */;
    font-weight: 400;
    position: relative;
}

#CR-popup-promotion .form--box .CR-form-def .gr-def-form-btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

#CR-popup-promotion .form--box .CR-chosen-item .chosen-drop .chosen-results {
    max-height: 9.375rem  /* 150/16 */;
}

#CR-popup-promotion .info--box {
    padding: 2.5rem  /* 40/16 */ 3.125rem  /* 50/16 */;
}

#CR-popup-promotion .info--box .heading-title {
    font-size: 1.875rem  /* 30/16 */;
    line-height: normal;
    font-weight: 500;
    color: var(--cl-main);
}

#CR-popup-promotion .info--box .desc {
    font-size: 0.875rem  /* 14/16 */;
    line-height: 1.25rem  /* 20/16 */;
    font-weight: 400;
}

#CR-promotion-page .suggestion--sec {
    padding-bottom: 1.875rem  /* 30/16 */;
}

#CR-promotion-page .suggestion--sec .heading-title {
    font-size: 1.875rem /* 30/16 */;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem  /* 20/16 */;
}

#CR-promotion-page .suggestion--sec .CR-item-product .cont {
    display: none;
}

/**================== RESPONSIVE ==================**/
@media (min-width: 1025px) {
    html {
        font-size: 0.75rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 0.8rem;
    }
}

@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px !important;
    }

    html {
        font-size: 1rem;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1440px) {
    body .CR-container {
        padding: 0 1rem /* 16/16 */;
    }

    #CR-home-page .custom-banner--dec {
        padding: 0 2%;
    }
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 0.95rem;
    }

    .CR-main-wrap {
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 992px) {
    .CR-show-mb {
        display: block !important;
    }

    .CR-hide-mb,
    #CR-header .CR-top-header .socials--box .CR-socials-list-acf,
    #CR-header .form-search--box {
        display: none !important;
    }

    body .CR-container {
        padding: 0 0.9375rem /* 15/16 */;
    }

    .CR-breadcrumb * {
        min-width: max-content;
    }

    .CR-breadcrumb {
        overflow-y: hidden;
    }

    .CR-sticky-icons {
        left: 0.5rem;
        bottom: 0.5rem;
    }

    #CR-header .lang-head--box {
        margin-left: 1rem;
    }

    #CR-header .CR-top-header {
        padding: 0.625rem  /* 10/16 */ 0.9375rem  /* 15/16 */;
    }

    #CR-header .CR-main-header {
        padding: 0.9375rem  /* 15/16 */ 0;
    }

    #CR-header .CR-main-header .logo--box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #CR-header .favorite-support--box {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    #CR-header .CR-open-favorite-head-btn {
        font-size: 1.2rem;
    }

    #CR-header .toggle-menu-head--box svg {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
    }

    #CR-header .toggle-menu-head--box svg path {
        fill: none !important;
        stroke-width: 0.3125rem  /* 5/16 */;
        stroke: var(--cl-black);
        stroke-linecap: var(--cl-black);
        stroke-linejoin: var(--cl-black);
    }

    #CR-header .CR-top-header .socials--box {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    #CR-header .CR-top-header .search--box {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .admin-bar #CR-header .CR-main-nav-mb--box {
        padding-top: 46px;
    }

    #CR-header .CR-main-nav-mb--box {
        position: fixed;
        top: 0;
        bottom: 0;
        opacity: 1;
        z-index: 9999;
        width: 28.125rem  /* 450/16 */;
        left: -28.125rem  /* 450/16 */;
        max-width: 95%;
        -webkit-box-shadow: 0 0 150px #0000001a;
        box-shadow: 0 0 150px #0000001a;
        transition: transform .25s cubic-bezier(.165, .84, .44, 1);
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .appear-animation {
        opacity: 0;
        transform: var(--appear-animation);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box {
        transition-duration: .45s;
        transform: translate(28.125rem  /* 450/16 */);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box .appear-animation {
        opacity: 1;
        transform: var(--active-appear-animation);
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--bg {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
    }

    #CR-header .CR-main-nav-mb--bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: rgb(0 0 0 / 40%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        backdrop-filter: blur(5px);
    }

    #CR-header .CR-main-nav-mb .nav-mb--head {
        padding: 0 1rem /* 16/16 */;
    }

    #CR-header .CR-main-nav-mb .nav-mb--content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 1rem /* 16/16 */;
    }

    #CR-header .CR-main-nav-mb .nav-mb--head .inner--box {
        height: auto;
        padding: 0;
        border-bottom: 1px solid var(--cl-sp-gray);
    }

    #CR-header .CR-main-nav-mb .nav-mb--head .inner--box a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        color: var(--cl-black);
        font-size: 0.875rem  /* 14/16 */;
        line-height: normal;
        font-weight: 400;
        width: 100%;
        padding: 0.625rem  /* 10/16 */ 0;
    }

    #CR-header .CR-main-nav-mb .nav-mb--head .inner--box svg {
        width: 1.875rem /* 30/16 */;
        height: 1.875rem /* 30/16 */;
        fill: var(--cl-white);
        stroke: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb .nav-cont--list {
        padding: 0 0 5rem  /* 80/16 */;
    }

    #CR-header .main-merged-menu .CR-sub-menu > li,
    #CR-header .main-merged-menu > ul > li {
        position: relative;
    }

    #CR-header .main-merged-menu .item-with-arrow-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #CR-header .main-merged-menu > ul > li > a,
    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box a {
        font-size: 0.875rem  /* 14/16 */;
        letter-spacing: normal;
        word-break: break-word;
        line-height: normal;
        font-weight: 400;
        text-transform: uppercase;
        color: #999999;
        padding: 0.9375rem /* 15/16 */ 0;
        display: block;
        flex: 1;
        text-align: left;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow {
        position: relative;
        min-width:2.5rem  /* 40/16 */;
        width: 2.5rem  /* 40/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        padding: 0.75rem /* 12/16 */ 0;
        color: var(--cl-black);
        font-size: 0.75rem  /* 12/16 */;
    }

    #CR-header .main-merged-menu > ul > li > .item-with-arrow-box .arrow:before {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 0;
        width: 1px;
        top: 0.75rem /* 12/16 */;
        bottom: 0.75rem /* 12/16 */;
    }

    #CR-header .main-merged-menu .sub-menu-wrapper {
        display: none;
    }

    #CR-header .main-merged-menu .CR-sub-menu > li:not(:last-child):after,
    #CR-header .main-merged-menu > ul > li:after {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        bottom: 0;
    }

    #CR-header .main-merged-menu .sub-menu-wrapper .CR-sub-menu {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        transition: transform .3s cubic-bezier(.25, .46, .45, .94);
        padding-left: 0.625rem  /* 10/16 */;
    }

    #CR-header .menu-item.nav-active > .sub-menu-wrapper > .CR-sub-menu {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    }

    #CR-header .main-merged-menu a {
        font-size: 0.875rem  /* 14/16 */;
        line-height: normal;
        font-weight: 400;
        color: #999999;
    }

    #CR-header .main-merged-menu .current-menu-item .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-menu-item > a,
    #CR-header .main-merged-menu .current-product_cat-parent .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current-product_cat-parent > a,
    #CR-header .main-merged-menu .current_page_parent .item-with-arrow-box > a,
    #CR-header .main-merged-menu .current_page_parent > a,
    #CR-header .main-merged-menu .sub-menu .current-menu-item a {
        font-weight: 700;
        color: var(--cl-main);
    }

    #CR-header .main-merged-menu .CR-sub-menu > li:first-child:before {
        content: '';
        background: var(--cl-light-gray);
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        top: 0;
    }

    #CR-header .main-merged-menu .CR-sub-menu > li > a,
    #CR-header .main-merged-menu .CR-sub-menu > li > .item-with-arrow-box a {
        padding: 0.75rem /* 12/16 */ 0;
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: left;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search {
        padding: 0.625rem  /* 10/16 */ 0;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 2.1875rem  /* 35/16 */;
        border-radius: 1.375rem  /* 22/16 */;
        border: 1px solid rgb(51 51 51 / 10%);
        background: var(--cl-sp-gray);
        overflow: hidden;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search input::placeholder {
        font-style: italic;
        color: #9e9e9e;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search input {
        height: 100%;
        border: none !important;
        outline: none !important;
        color: var(--cl-black);
        font-size: 0.875rem  /* 14/16 */;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 0 1.25rem /* 20/16 */ 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background: transparent;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search button {
        height: 100%;
        width: 2.1875rem  /* 35/16 */;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: transparent;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--search button svg {
        stroke: var(--cl-dark-gray);
        width: auto;
        height: 45%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--socials {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0.9375rem /* 15/16 */;
        background: var(--cl-white);
    }

    #CR-header .CR-main-nav-mb--box .nav-cont--socials .CR-socials-list-acf {
        margin: 0 -0.625rem  /* -10/16 */;
    }

    #CR-footer .logo-box {
        margin-bottom: 1.125rem  /* 18/16 */;
    }

    #CR-home-page .policy--dec .list .item {
        width: 50%;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .view-more--box {
        top: unset;
        bottom: 1.875rem  /* 30/16 */;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box .view-more--box {
        opacity: 1;
        -webkit-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }

    .CR-banner-list-pd-terms.custom-banner--dec {
        padding: 0 calc(var(--bs-gutter-x) * .5) !important;
    }

    .CR-banner-list-pd-terms.custom-banner--dec .item {
        width: 100%;
        padding: 0.1875rem /* 3/16 */ 0;
    }

    .CR-banner-list-pd-terms.custom-banner--dec .item .wrap span {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .CR-item-product .CR-btn-style {
        max-width: 100%;
        font-size: 0.75rem  /* 12/16 */;
    }

    #CR-products-page .filter--box .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        margin: -0.5rem;
        gap: unset;
    }

    #CR-products-page .filter--box .list .item {
        width: 50%;
        padding: 0.5rem;
    }

    #CR-recruitment-page .intro--sec .content {
        padding: 5rem  /* 80/16 */ 0;
    }
    #CR-recruitment-page .intro--sec .heading-title {
        font-size: 2.1875rem  /* 35/16 */;
    }

    #CR-recruitment-page .job-position--sec .heading-title {
        font-size: 1.875rem  /* 30/16 */;
    }

    #CR-recruitment-page .intro-slider--sec .content--box {
        padding: 12.5rem  /* 200/16 */ 0;
    }

    #CR-recruitment-page .intro-slider--sec .slider--box {
        padding: 0 1rem;
    }

    .CR-recruitment-list-heading {
        display: none;
    }

    .CR-item-recruitment {
        padding: 0.5rem;
        background: #e9e7e7;
        border-radius: 0.3125rem /* 5/16 */;
        overflow: hidden;
    }

    .CR-item-recruitment ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .CR-item-recruitment ul li {
        width: 100% !important;
        padding: 0.9375rem /* 15/16 */ !important;
    }

    body .CR-item-recruitment .CR-recruitment-col-box li * {
        font-size: 0.8125rem /* 13/16 */ !important;
    }

    body .CR-item-recruitment .label {
        font-size: 0.8125rem /* 13/16 */ !important;
        font-weight: 700 !important;
        color: var(--cl-white) !important;
        text-transform: uppercase;
        width: 50%;
        background: var(--cl-main);
        padding: 0.25rem;
        border-radius: 0.3125rem /* 5/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-right: 1rem;
    }

    .CR-item-recruitment .CR-recruitment-col-box li p,
    .CR-item-recruitment .CR-recruitment-col-box li a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center !important;
        line-height: normal !important;
        padding: 0 1rem;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .CR-item-recruitment:not(:last-child) {
        margin-bottom: 1rem;
    }

    #CR-recruitment-page .job-position--sec .list-box {
        border-radius: 0;
    }

    #CR-recruitment-page .job-position--sec {
        padding-bottom: 4.375rem  /* 70/16 */;
    }

    #CR-recruitment-detail-page .top--sec li b {
        margin-right: 0.5rem;
    }

    #CR-recruitment-detail-page .info--box {
        width: 100%;
    }

    #CR-recruitment-detail-page .top--sec .left {
        padding: 1.875rem  /* 30/16 */ !important;
    }

    #CR-recruitment-detail-page .CR-cf7-box {
        padding: 1rem;
    }

    #CR-recruitment-detail-page .top--sec {
        padding: 2.5rem 0;
    }

    #CR-contact-page .form--box .main-title {
        font-size: 1.875rem  /* 30/16 */;
    }

    #CR-contact-page .info--box .hotline {
        font-size: 2.1875rem  /* 35/16 */;
    }

    #CR-contact-page .form--box {
        padding-right: 0;
    }

    #CR-contact-page .info--box {
        padding: 0;
    }

    #CR-contact-page .CR-form-contact-row {
        padding: 2.5rem  /* 40/16 */ 0;
    }

    #CR-contact-page {
        padding-bottom: 2.5rem  /* 40/16 */;
    }

    #CR-about-page .CR-custom-heading {
        font-size: 1.5625rem  /* 25/16 */;
    }

    #CR-about-page .intro--sec .video--box {
        margin-top: 1.875rem  /* 30/16 */;
    }

    #CR-about-page .mission--sec .heading-title {
        font-size: 1.25rem  /* 20/16 */;
        margin-bottom: 1.25rem  /* 20/16 */;
    }

    #CR-about-page .mission--sec .desc {
        font-size: 0.9375rem  /* 15/16 */;
        line-height: 1.5625rem  /* 25/16 */;
    }

    #CR-about-page .mission--sec .box {
        padding: 1.875rem  /* 30/16 */;
    }

    #CR-about-page .why--sec .icons--box .item {
        width: 50%;
    }

    #CR-about-page .why--sec .list--box .item .wrap > div {
        width: 100%;
    }

    #CR-about-page .why--sec .list--box .item .info {
        padding: 1.25rem  /* 20/16 */ 0 !important;
    }

    #CR-about-page .why--sec .list--box .item .heading-title {
        font-size: 1.25rem  /* 20/16 */;
        line-height: normal;
        margin-bottom: 0.9375rem  /* 15/16 */;
    }

    #CR-about-page .why--sec .list--box {
        padding-top: 1.5625rem  /* 25/16 */;
    }

    #CR-about-page .why--sec .list--box .item .thumb {
        padding-bottom: var(--ratio-4-3);
    }

    #CR-about-page .store--sec {
        padding-top: 2.5rem  /* 40/16 */;
    }

    #CR-about-page .store--sec .contact--box .list {
        margin: -0.5rem 0;
    }

    #CR-about-page .store--sec .contact--box .item {
        width: 100%;
        margin: 0;
        padding: 0.5rem 0;
    }

    #CR-about-page .store--sec .contact--box {
        width: 100%;
    }

    #CR-about-page .store--sec .map--box .acf-map {
        height: auto;
        padding-bottom: var(--ratio-16-9);
    }

    #CR-about-page .store--sec .gallery--box {
        padding: 2.5rem  /* 40/16 */ 0 3.75rem  /* 60/16 */;
    }

    #CR-about-page .store--sec .gallery--box .CR-custom-dots .slick-dots {
        bottom: 0;
        margin: 1.25rem  /* 20/16 */ 0 0;
        position: relative;
    }

    #CR-about-page .consult--box .heading-title {
        font-size: 1.5625rem  /* 25/16 */;
        margin-bottom: 0.625rem  /* 10/16 */;
    }

    #CR-about-page .consult--box .CR-form-def .def-form-field {
        width: 100%;
        padding: 0.625rem  /* 10/16 */ 0;
    }

    #CR-about-page .consult--box .CR-form-def .gr-def-form-btn {
        margin: 0 auto !important;
    }

    #CR-news-detail-page .share--box {
        padding: 1.875rem  /* 30/16 */ 0;
    }

    #CR-news-detail-page .share--box ul {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    #CR-news-detail-page .slider--box .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-news-detail-page .slider--box {
        border-top: 1px solid var(--cl-dark-gray);
    }

    #CR-news-detail-page .side-bar--box .CR-item-news {
        width: 100% !important;
    }

    .CR-item-news {
        width: 50% !important;
    }

    .CR-item-news .thumb {
        padding-top: var(--ratio-16-9);
    }

    #CR-news-term-page .side-bar--box {
        padding: 1.875rem  /* 30/16 */ 0;
    }

    #CR-news-page .featured--box .left--box {
        padding-right: 0;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child,
    #CR-news-page .featured--box .left--box .CR-item-news {
        margin-bottom: 1.25rem  /* 20/16 */;
        width: 100% !important;
    }

    #CR-news-page #CR-news-tab-content .list--box,
    #CR-news-page .featured--box .right--box .list--box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem  /* -10/16 */;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news,
    #CR-news-page .featured--box .right--box .list--box .CR-item-news {
        padding: 0 0.625rem  /* 10/16 */;
    }

    #CR-news-page #CR-news-tab-content {
        padding: 0;
        border: none !important;
    }

    #CR-news-page #CR-news-tab-content.tab-content .tab-pane {
        display: block !important;
        opacity: 1;
        padding-bottom: 1.25rem  /* 20/16 */;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .wrap {
        padding: 0;
        background: transparent;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .view {
        width: 42%;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child .view {
        width: 100%;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child .wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child .cont {
        padding: 1.25rem /* 20/16 */ 0 0;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child .title {
        color: var(--cl-black);
        font-size: 1.125rem /* 18/16 */;
        line-height: 1.5rem /* 24/16 */;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        max-height: 1.5rem /* 24/16 */;
        text-transform: uppercase;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news:first-child .date {
        color: #adadad;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .view-btn,
    #CR-news-page #CR-news-tab-content .CR-item-news .desc {
        display: none !important;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .title {
        font-size: 0.875rem /* 14/16 */;
        line-height: 1.25rem /* 20/16 */;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        max-height: 3.75rem /* 60/16 */;
        color: #54595f;
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .date {
        font-size: 0.75rem /* 12/16 */;
        color: var(--cl-light-orange);
    }

    #CR-news-page #CR-news-tab-content .CR-item-news .cont {
        padding-left: 0.9375rem /* 15/16 */;
    }

    .CR-slider-gallery-product .CR-slider-gallery-product-main {
        padding-left: 0.625rem  /* 10/16 */;
        padding-right: 0;
    }

    #CR-single-product-page .CR-custom-meta-pd .CR-price-pd-box .CR-woo-prices * {
        font-size: 1.5rem  /* 24/16 */;
    }

    #CR-single-product-page .CR-single-product-bottom .box {
        padding: 0;
    }

    #CR-single-product-page .CR-single-product-bottom .faqs-box .accordion-button {
        font-size: 1rem  /* 16/16 */;
    }

    #CR-single-product-page .CR-single-product-sliders .heading-title {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-single-product-page .CR-custom-meta-pd {
        margin: 2.5rem  /* 40/16 */ 0 0;
    }

    .CR-slider-gallery-product .CR-slider-gallery-product-for {
        pointer-events: none !important;
    }

    .CR-slider-gallery-product .CR-slider-gallery-product-nav .CR-custom-arrow-full {
        height: auto;
        aspect-ratio: unset;
    }

    #CR-single-product-page .CR-custom-meta-pd .note-box {
        text-align: center;
    }

    #CR-single-product-page .CR-single-product-bottom .policy-pd-box .heading-title {
        font-size: 1.125rem  /* 18/16 */;
    }

    #CR-single-product-page .CR-single-product-bottom .policy-pd-box .item {
        width: 100%;
    }

    #CR-single-product-page #CR-popup-product-consult .box .heading {
        font-size: 1.5rem;
    }

    #CR-single-product-page #CR-popup-product-consult .box .thumbnail {
        padding-bottom: var(--ratio-16-9);
    }

    #CR-diamond-page .filter--box > div {
        width: 100% !important;
    }

    #CR-diamond-page .filter--box .left--box {
        margin-bottom: 1rem !important;
    }

    #CR-diamond-page .filter--box .item-shape li {
        max-width: 3.125rem  /* 50/16 */;
    }

    #CR-diamond-page .filter--box .bottom--box {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem  /* 20/16 */;
    }

    #CR-diamond-page .filter--box .CR-run-filter-diamond {
        margin: 0;
        width: 100%;
    }

    #CR-diamond-page .filter--box .heading-title {
        max-width: 50%;
    }

    .CR-diamonds-list-heading {
        display: none;
    }

    .CR-item-diamond:not(:last-child) {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--cl-sp-gray);
    }

    .CR-item-diamond .CR-diamonds-col-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .CR-item-diamond * {
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
        text-align: left;
    }

    .CR-item-diamond .CR-diamonds-col-box li {
        border: none !important;
        width: 50%;
        padding: 0.625rem  /* 10/16 */;
    }

    .CR-item-diamond .CR-diamonds-col-box li > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .CR-item-diamond .label {
        display: block;
        font-weight: 700;
        margin: 0 0 0.65rem;
    }

    .CR-item-diamond .certification--box a,
    .CR-item-diamond .detail--box a {
        width: 100%;
        height: 1.875rem  /* 30/16 */;
        font-size: 0.8125rem  /* 13/16 */;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        border: 1px solid;
        border-radius: 0.3125rem  /* 5/16 */;
    }

    #CR-special-contact-page .right--box,
    #CR-special-contact-page .left--box {
        padding: 0 !important;
    }

    #CR-special-contact-page .branch--box {
        margin: 3.75rem  /* 60/16 */ 0 1.25rem  /* 20/16 */;
    }

    #CR-special-contact-page .main--box {
        padding: 0 1.25rem  /* 20/16 */;
    }

    #CR-special-contact-page .branch--box .acf-map {
        padding-bottom: var(--ratio-1-1);
    }

    #CR-home-page .pd-term--sec.pd-term-type-one--sec .CR-custom-dots .slick-dots {
        position: relative;
        bottom: 0;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box {
        margin: 0.625rem  /* 10/16 */ 0 0;
    }

    #CR-promotion-page .list-thumb--sec .item-row:nth-child(even) .CR-item-promotion:last-child,
    #CR-promotion-page .list-thumb--sec .item-row:nth-child(odd) .CR-item-promotion:first-child {
        width: 100% !important;
    }

    .CR-item-promotion {
        width: 50% !important;
    }

    .CR-item-promotion .cont * {
        text-align: center;
    }

    .CR-item-promotion .title {
        font-size: 1.0625rem  /* 17/16 */;
    }

    .CR-item-promotion .desc {
        font-size: 0.9375rem  /* 15/16 */;
    }

    #CR-popup-promotion .info--box .heading-title,
    #CR-promotion-page .suggestion--sec .heading-title,
    #CR-promotion-page .list--sec .heading-title,
    #CR-promotion-page .consultation--sec .heading-title,
    #CR-promotion-page .intro--sec .heading-title {
        font-size: 1.5rem  /* 24/16 */;
    }

    #CR-promotion-page .consultation--sec .desc,
    #CR-promotion-page .intro--sec .desc {
        font-size: 1rem  /* 16/16 */;
    }

    #CR-promotion-page .consultation--sec .form--box {
        width: 100%;
    }

    #CR-popup-promotion .info--box,
    #CR-popup-promotion .form--box {
        padding: 1.5625rem  /* 25/16 */;
    }

    #CR-popup-promotion.CR-popup-default-wrap .box {
        max-width: 95vw;
    }
}

@media only screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
        height: 46px;
        min-width: 240px;
        border-radius: 0;
    }

    #CR-header.CRis_admin {
        top: 46px !important;
    }

    .admin-bar #CR-single-product-page #CR-popup-product-consult .box {
        padding-top: 56px;
    }

    .admin-bar #CR-single-product-page #CR-popup-product-consult .CR-close-popup-btn {
        top: 56px;
    }
}

@media only screen and (max-width: 768px) {

    #CR-home-page .custom-banner--dec .item {
        width: 100%;
        padding: 0.1875rem /* 3/16 */ 0;
    }

    #CR-home-page .policy--dec .list {
        margin-left: 0;
        margin-right: 0;
    }

    #CR-home-page .policy--dec .list .item {
        padding-right: 0;
        padding-left: 0;
    }

    #CR-home-page .policy--dec .list .item,
    #CR-home-page .pd-term--sec.pd-term-type-two--sec .banner--box,
    #CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box,
    #CR-home-page .pd-term--sec .sub-banner--box .item {
        width: 100%;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box {
        height: auto;
        aspect-ratio: 1/1;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 3.75rem  /* 60/16 */;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns {
        margin: 1.875rem  /* 30/16 */ 0 0;
    }

    #CR-home-page .pd-term--sec.pd-term-type-two--sec .content--box .custom-content--box .btns a:not(:last-child) {
        margin-bottom: 0.625rem  /* 10/16 */;
    }

    .CR-item-product {
        width: 50%;
    }

    #CR-recruitment-detail-page .top--sec li {
        width: 100%;
    }

    #CR-recruitment-detail-page .info--box .row--box .title {
        width: 100%;
        min-width: 100%;
    }

    #CR-recruitment-detail-page .info--box .row--box .content {
        padding-left: 0;
    }

    .CR-item-news {
        width: 100% !important;
    }

    .CR-slider-gallery-product .CR-slider-gallery-product-nav .CR-custom-arrow-full.left {
        top: -0.9375rem  /* -15/16 */;
    }

    .CR-slider-gallery-product .CR-slider-gallery-product-nav .CR-custom-arrow-full.right {
        bottom: -0.9375rem  /* -15/16 */;
    }
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 0.95rem;
    }

    #CR-header .CR-main-nav-mb--box {
        width: 20rem  /* 320/16 */;
        left: -20rem  /* -320/16 */;
    }

    #CR-header .CR-main-nav-mb.active .CR-main-nav-mb--box {
        -webkit-transform: translate(20rem);
        -ms-transform: translate(20rem);
        transform: translate(20rem);
    }

    #CR-contact-page .video--box {
        margin: 3.125rem  /* 50/16 */ 0 0;
    }

    #CR-contact-page .image--box {
        margin-bottom: 3.125rem  /* 50/16 */;
    }

    #CR-contact-page .info--box .list b {
        min-width: 6.25rem  /* 100/16 */;
        width: 6.25rem  /* 100/16 */;
    }

    #CR-about-page .why--sec .icons--box .item {
        width: 100%;
    }

    .CR-item-product .CR-woo-prices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .CR-item-product .CR-woo-prices del {
        margin-right: 0;
    }
}

@media only screen and (max-width: 454px) {
    #CR-single-product-page #CR-popup-product-consult .box {
        width: 100vw;
        right: -100vw;
    }

    .CR-woo-prices {
        font-size: 0.75rem /* 12/16 */;
    }

    #CR-home-page .pd-term--sec.pd-term-type-one--sec .content--box .CR-woo-prices,
    #CR-home-page .pd-term--sec.pd-term-type-one--sec .content--box .CR-woo-prices * {
        font-size: 0.6875rem  /* 11/16 */;
    }
}