/*!
Theme Name: sticky
Theme URI: https://sticky.vn
Author: Sticky.vn
Author URI: https://sticky.vn
Description: Website duoc thiet ke boi Sticky.vn
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sticky-kankyo
*/

/* Global Css */

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeue.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeue";
    src: url("assets/fonts/HelveticaNeue-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'HelveticaNeue', sans-serif !important;
    font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'HelveticaNeue', sans-serif !important;
    font-weight: 500;
}

.text_case_mainvisual_title01 {
    font-family: 'HelveticaNeue', sans-serif !important;
    font-weight: 500;
}

/* Header  */

/* .header .container {
    padding: 0 15px;
    width: 1240px;
    position: relative;
} */

.header_navi {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .header_navi ul.menu {
    display: flex; 
    justify-content: center;
    align-items: center;
}

.header .header_navi ul.menu li.header-navi-logo {
    order: 1;
    margin: 0 40px;
}

.header .header_navi ul.menu li.header-navi-logo::before {
    content: none;
}

.header .header_navi ul.menu li.menu-item:nth-of-type(n+5) {
    order: 2;
}

.header .header_navi ul.menu li.menu-item:nth-child(5)::before {
    content: none;
}

/* .header_navi ul li + li:before {
    margin: 0 4px;
} */

/* .header .header_navi .header_navi_ec {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
} */

.header .header_navi .header_navi_ec a {
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

/* End Header */

/* Hero Module Home */

.top_mainvisual_navi ul li.top_mainvisual_navi_logo {
    order: 1;
}

.top_mainvisual_navi ul li.menu-item:nth-of-type(n+5) {
    order: 2;
}

.top_mainvisual_navi .container {
    width: 1240px;
    padding: 0 15px;
}

/* .top_mainvisual_navi .container {
    width: 1240px;
    padding: 0 15px;
}

.top_mainvisual_navi ul li.menu-item::before {
    margin: 0 4px;
} */

.top_mainvisual_navi ul li.menu-item:nth-child(5)::before {
    content: none;
}

/* .top_mainvisual_navi .top_mainvisual_navi_ec {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
} */

.top_mainvisual_navi .menu-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_mainvisual_navi .top_mainvisual_navi_ec {
    margin-left: 40px;
}

.top_mainvisual_navi .top_mainvisual_navi_ec a {
    display: block;
    padding: 10px;
    color: #fff;
    line-height: 1;
    background: #ff9800;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

/* End Hero Module Home */

/* Top About */

.top_concept_service ul {
    justify-content: center;
}

.top_concept_service .button_link01.is_small img.emoji {
    font-size: 10px;
}

/* End Top About */

/* Top Content Image */

.top-content-image .box_white01.is_over {
    margin-left: -80px;
    margin-right: 0;
}

.top-content-image .row_reverse .box_white01.is_over {
    margin-left: 0;
    margin-right: -80px;
}

.top-content-image .box_white01 .box_cream01 ul {
    list-style-type: disc;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: 2em;
}

.top-content-image .box_white01 .box_cream01 ul li {
    width: 45%;
    margin-right: 1.2em;
}

/* End Top Content Image */

/* Huong dan kinh doanh */

.service_tech_content .service_tech_link .button_link01 {
    width: auto;
}

.service_tech_content .box-content .list_tag01 li {
    width: auto;
    padding: 0 5px;
}

.section-business-guide .align-end {
    align-items: flex-end;
}

/* End Huong dan kinh doanh */

/* Muoi tam thuong mai */

.box-head h3::before {
    content: "";
    flex: 1;
    display: block;
    height: 1px;
    margin-right: 1em;
    background: #333;
}

.box-head .line {
    display: flex;
    align-items: center;
    font-size: 24px;
    font-size: 2.4rem;
}

.box-head .list_bath_type_color span {
    text-align: center;
    margin: 0 5px;
}

.box-cosmetics .list_pb_cosme .cosme01 img {
    width: 320px;
}

.box-cosmetics .list_pb_cosme .cosme05 img {
    width: 390px;
}

.box-cosmetics .list_pb_cosme .cosme06 img {
    width: 226px;
}

.text_case_mainvisual_title01 {
    writing-mode: unset;
    margin-left: 16px;
}

.case_type [class^="case_type_"], .case_type [class*="case_type_"] {
    width: auto;
    padding: 10px;
}

.section-company-profile .list_company_outline tr td:first-child{
    width: 180px;
}

.section-history-company .list_company_history tr td:first-child{
    width: 250px;
}

.section-partner .box-content p {
    margin-bottom: 40px;
}
.table_contact_form .mwform-radio-field.horizontal-item {
    width: 100%;
}
.table_contact_form br {
    display: none;
}

.table_contact_form input[type="text"],
.table_contact_form textarea {
    width: 100%;
}

.table_contact_form .wpcf7-form-control-wrap.radio-job .wpcf7-radio,
.table_contact_form .wpcf7-form-control-wrap.checkbox-product .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}
.table_contact_form input[type="checkbox"],
.table_contact_form input[type="radio"] {
    margin-right: 8px;
}
/* End Muoi tam thuong mai */

.section-case .box-content h2 {
    font-size: 2.6rem;
    letter-spacing: .1em;
    line-height: 1.4;
}

.section-soup-collection .container {
    width: 1200px;
    margin: 0 auto;
}

.list_pb_series li img {
    height: 180px;
}

.list_pb_type li img {
    height: 200px;
}

.text_pb_cosme_point02 {
    font-family: 'HelveticaNeue', sans-serif
}

.top-about .top_concept_content01 p,
.top-about .top_concept_content02 p {
    text-align: justify;
}

.top-content-image .box_white01 p {
    text-align: justify;
}

.section-business-guide .box-content p {
    text-align: justify;
}

.section-spa-system-about .box-content p {
    text-align: justify;
}

.section-spa-system-about .box_orange01 p {
    text-align: justify;
}

.feedback-customer p {
    text-align: justify;
}

.section-about-product-spa p {
    text-align: justify;
}

.section-business-bath-about .box-content p {
    text-align: justify;
}

.section-business-bath-about .box_orange01 p {
    text-align: justify;
}

.section-soup-collection .box-footer .bath_type_lead p {
    text-align: justify;
}

.section-about-salts-cosmetics .box-dec p {
    text-align: justify;
}

.section-about-salts-cosmetics .box_orange01 p {
    text-align: justify;
}

.section-product-use-application .box_pb_exsample .box-content {
    text-align: justify;
}

.section-content-image p {
    text-align: justify;
}

.section-case .box-content p {
    text-align: justify;
}

.section-product-guide .products_item_content p {
    text-align: justify;
}

.pagenavi .page-numbers {
    padding: 8px 16px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.pagenavi .page-numbers.current {
    background-color: #ff9800;
    color: #FFF;
}

.top-blog a p img {
   height: 180px;
}

/* Responsive */

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

    body {
        word-break: normal;
    }

    .header .container {
        width: 90%;
    }
    .top_mainvisual_navi .container {
      width: 90%;
    }
    .header_navi {
        display: none;
    }
    .header .header_navi ul.menu li.header-navi-logo {
        display: none;
    }
    .header .header_navi ul.menu {
        display: block;
    }
    .header .header_navi .header_navi_ec {
        position: relative;
        margin-left: 0;
        margin-top: 32px;
        right: 0;
    }

    .header_navi ul li a {
        padding: 15px 1vw;
    }

    .header_navi ul li ul.sub-menu li a {
        padding-left: 15px;
        white-space: pre-wrap;
    }
    .top_mainvisual_navi .top_mainvisual_navi_ec {
        display: none;
    }
    .top-content-image .row_reverse .box_white01.is_over,
    .top-content-image .box_white01.is_over {
        margin: 0;
    }
    .top_concept_content01 {
        padding: 0 10px;
    }
    .top_concept_image {
        margin: 0;
    }

    .header {
        overflow: auto;
    }
    .section-business-guide .box-content p {
        padding: 0 10px;
    }
    .col_space_20 {
        padding: 0 10px;
        padding-top: 10px;
    }
    .col_space_30 {
        padding: 0 10px;
        padding-top: 10px;
    }
    .table_contact_form td {
        padding: 0 0 14px 0;
    }
    .top-content-image .box_white01 .box_cream01 ul li {
        width: 100%;
    }

    .section-soup-collection .container {
        width: 90%;
    }
    .top-blog a p img {
        height: auto;
    }
}

@media screen and (max-width: 575px) {
    .section-history-company .list_company_history tr td:first-child {
        width: 50%;
    }
    
}