/* Header/footer rules copied from infant-premium: Bootstrap 3.3.7 (MIT), style.css, mobile.css.
   Selectors are scoped to .infant-chrome; original values, media queries and assets are retained. */
.infant-chrome {
   font-family: sans-serif;
   text-size-adjust: 100%;
}

.infant-chrome {
   margin: 0px;
}

.infant-chrome footer,
.infant-chrome header {
   display: block;
}

.infant-chrome [hidden] {
   display: none;
}

.infant-chrome a {
   background-color: transparent;
}

.infant-chrome a:active,
.infant-chrome a:hover {
   outline: 0px;
}

.infant-chrome strong {
   font-weight: 700;
}

.infant-chrome img {
   border: 0px;
}

.infant-chrome button,
.infant-chrome input {
   margin: 0px;
   font: inherit;
   color: inherit;
}

.infant-chrome button {
   overflow: visible;
}

.infant-chrome button {
   text-transform: none;
}

.infant-chrome button,
.infant-chrome input[type="button"],
.infant-chrome input[type="reset"],
.infant-chrome input[type="submit"] {
   appearance: button;
   cursor: pointer;
}

.infant-chrome button[disabled],
.infant-chrome input[disabled] {
   cursor: default;
}

.infant-chrome input {
   line-height: normal;
}

.infant-chrome input[type="checkbox"],
.infant-chrome input[type="radio"] {
   box-sizing: border-box;
   padding: 0px;
}

.infant-chrome input[type="number"]::-webkit-inner-spin-button,
.infant-chrome input[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

.infant-chrome input[type="search"] {
   box-sizing: content-box;
   appearance: textfield;
}

.infant-chrome input[type="search"]::-webkit-search-cancel-button,
.infant-chrome input[type="search"]::-webkit-search-decoration {
   appearance: none;
}

@media print {

   .infant-chrome *,
   .infant-chrome ::after,
   .infant-chrome ::before {
      color: rgb(0, 0, 0) !important;
      text-shadow: none !important;
      background: 0px 0px !important;
      box-shadow: none !important;
   }

   .infant-chrome a,
   .infant-chrome a:visited {
      text-decoration: underline;
   }

   .infant-chrome a[href]::after {
      content: " ("attr(href) ")";
   }

   .infant-chrome a[href^="javascript:"]::after,
   .infant-chrome a[href^="#"]::after {
      content: "";
   }

   .infant-chrome img {
      break-inside: avoid;
   }

   .infant-chrome img {
      max-width: 100% !important;
   }

   .infant-chrome p {
      orphans: 3;
      widows: 3;
   }
}

.infant-chrome * {
   box-sizing: border-box;
}

.infant-chrome ::after,
.infant-chrome ::before {
   box-sizing: border-box;
}

.infant-chrome {
   font-size: 10px;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.infant-chrome {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.42857;
   color: rgb(51, 51, 51);
   background-color: rgb(255, 255, 255);
}

.infant-chrome button,
.infant-chrome input {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

.infant-chrome a {
   color: rgb(51, 122, 183);
   text-decoration: none;
}

.infant-chrome a:focus,
.infant-chrome a:hover {
   color: rgb(35, 82, 124);
   text-decoration: underline;
}

.infant-chrome a:focus {
   outline: -webkit-focus-ring-color auto 5px;
   outline-offset: -2px;
}

.infant-chrome img {
   vertical-align: middle;
}

.infant-chrome [role="button"] {
   cursor: pointer;
}

.infant-chrome p {
   margin: 0px 0px 10px;
}

.infant-chrome ul {
   margin-top: 0px;
   margin-bottom: 10px;
}

.infant-chrome ul ul {
   margin-bottom: 0px;
}

.infant-chrome .container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}



.infant-chrome label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: 700;
}

.infant-chrome input[type="search"] {
   box-sizing: border-box;
}

.infant-chrome input[type="checkbox"],
.infant-chrome input[type="radio"] {
   margin: 4px 0px 0px;
   line-height: normal;
}

.infant-chrome input[type="file"] {
   display: block;
}

.infant-chrome input[type="range"] {
   display: block;
   width: 100%;
}

.infant-chrome input[type="file"]:focus,
.infant-chrome input[type="checkbox"]:focus,
.infant-chrome input[type="radio"]:focus {
   outline: -webkit-focus-ring-color auto 5px;
   outline-offset: -2px;
}

.infant-chrome input[type="search"] {
   appearance: none;
}

.infant-chrome input[type="checkbox"][disabled],
.infant-chrome input[type="radio"][disabled] {
   cursor: not-allowed;
}

.infant-chrome .container::after,
.infant-chrome .container::before {
   display: table;
   content: " ";
}

.infant-chrome .container::after {
   clear: both;
}





.infant-chrome {
   scroll-behavior: smooth;
}

.infant-chrome {
   font-family: Montserrat-Regular;
   font-size: 14px;
   font-weight: 400;
   color: rgb(0, 0, 0);
   line-height: 1.4;
}

.infant-chrome ul,
.infant-chrome li {
   list-style-type: none;
}

.infant-chrome img {
   max-width: 100%;
   width: auto;
   vertical-align: middle;
   height: auto;
   object-fit: cover;
   object-position: center center;
}

.infant-chrome a:hover {
   text-decoration: none;
}

.infant-chrome #modal_top {
   background-color: rgb(9, 149, 130);
   padding: 22px 0px;
   position: relative;
   top: 0px;
   left: 0px;
   opacity: 1;
   transition: 0.3s ease-in-out;
   color: rgb(255, 255, 255);
}

.infant-chrome .modail_top {
   text-align: center;
   padding: 0px 3%;
}

.infant-chrome .modal_top_btn {
   font-size: 13px;
   display: inline-block;
   text-align: center;
   margin: 0px auto;
   background-color: rgb(238, 29, 35);
   color: rgb(255, 255, 255);
   padding: 10px 35px;
   border-radius: 30px;
   font-family: Montserrat-Bold;
   cursor: pointer;
   position: relative;
   transition: 0.3s ease-in-out;
   height: auto;
   border: 1px solid rgb(238, 29, 35);
}

.infant-chrome .modal_top_btn:hover {
   background-color: rgb(255, 255, 255);
   color: rgb(238, 29, 35);
   transition: 0.3s ease-in-out;
}

.infant-chrome .modal_hide {
   display: none;
   opacity: 0;
   transition: 0.3s ease-in-out;
}

.infant-chrome header#header {
   position: relative;
   width: 100%;
   height: auto;
   z-index: 999;
}

.infant-chrome .header_top {
   position: relative;
   width: 100%;
   background-color: rgb(255, 248, 240);
   color: rgb(255, 255, 255);
   padding: 25px 0px;
}

.infant-chrome .header_top_wrap {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

.infant-chrome .header {
   position: relative;
   width: 100%;
   height: auto;
   background-color: rgb(255, 255, 255);
   transition: 0.5s ease-in-out;
   box-shadow: rgb(236, 28, 36) 0px 7px 28px -16px;
}

.infant-chrome .header.active_header {
   box-shadow: rgb(236, 28, 36) 0px 0px 10px 0px;
   transition: 0.5s ease-in-out;
   top: 0px;
   z-index: 9999;
   position: fixed !important;
}

.infant-chrome .header.active_header .header_logo img {
   width: 120px;
   transition: 0.5s ease-in-out;
}

.infant-chrome .header_logo img {
   width: 190px;
}

.infant-chrome .contact_info_img img {
   width: 28px;
   height: 28px;
   margin-right: 20px;
}

.infant-chrome .header_contact_info {
   display: flex;
   align-items: center;
   justify-content: end;
   margin-bottom: 10px;
}

.infant-chrome .top_right_wrap {
   display: flex;
   align-items: center;
   justify-content: end;
}

.infant-chrome .header_top_right {
   text-align: right;
}

.infant-chrome .contact_info_text {
   font-size: 20px;
   font-family: Montserrat-Bold;
   color: rgb(236, 28, 36);
}

.infant-chrome .contact_info_text a {
   font-size: 20px;
   font-family: Montserrat-Bold;
   color: rgb(236, 28, 36);
}

.infant-chrome .header-search {
   position: relative;
}

.infant-chrome .header-search form {
   display: flex;
   align-items: center;
}

.infant-chrome .header-search form label {
   margin-bottom: 0px;
}

.infant-chrome .header-search-form input,
.infant-chrome .header-search-form button {
   background-color: rgb(255, 255, 255);
   height: 33px;
   color: rgb(0, 0, 0);
   outline: none;
}

.infant-chrome .header-search-form input {
   border-radius: 20px;
   width: 250px;
}

.infant-chrome .header-search-form input {
   border: 1px solid rgb(255, 255, 255);
   font-size: 16px;
   padding-left: 10px;
   padding-right: 40px;
   position: relative;
}

.infant-chrome .header-search-form button {
   height: 32.5px;
   cursor: pointer;
   border: none;
   background-color: rgb(236, 28, 36);
   color: rgb(255, 255, 255);
   font-size: 12px;
   font-family: Montserrat-Bold;
   padding: 7px 15px;
   margin-left: -25px;
   z-index: 99;
   border-radius: 20px;
}

.infant-chrome .wrap-menu_mobile,
.infant-chrome .wrap-header-icon {
   display: none;
}

.infant-chrome .wrap-header-right {
   position: relative;
   margin: auto 0px;
}

.infant-chrome .wrap-menu ul li a {
   font-family: Montserrat-Bold !important;
}

.infant-chrome .wrap-menu ul li a:hover {
   border-bottom: 3px solid rgb(236, 28, 36) !important;
}

.infant-chrome .wrap-menu ul ul li a:hover {
   border-bottom: unset !important;
}

.infant-chrome .gian_hang {
   margin: 5px 10px 5px 0px;
   position: relative;
}

.infant-chrome .gian_hang .gian_hang_btn {
   background-color: rgb(236, 28, 36);
   color: rgb(255, 255, 255);
   font-size: 13px;
   font-family: Montserrat-Bold;
   padding: 7px 18px;
   border-radius: 20px;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.infant-chrome .gian_hang .gian_hang_btn img {
   width: 12px;
   height: auto;
   margin-right: 8px;
}

.infant-chrome .gian_hang .btn-sub-wrp {
   position: absolute;
   width: 100%;
   z-index: 99;
   top: 30px;
   left: 0px;
}

.infant-chrome .mb {
   display: none;
}

.infant-chrome .menu>li {
   position: relative;
   display: inline-block;
}

.infant-chrome #sub-menu>li>a {
   text-decoration: none;
   padding: 8px 12px;
   text-transform: none;
   border-bottom: 1px solid rgb(221, 221, 221);
   display: block;
}

.infant-chrome #sub-menu>li:last-child a {
   border-bottom: 1px solid transparent;
}

.infant-chrome #sub-menu {
   display: none;
   position: absolute;
   top: 100%;
   width: 245px;
   left: 0px;
   list-style: none;
   padding: 0px;
   margin: 5px 0px 0px;
   background: rgb(255, 255, 255);
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.33) 0px 2px 5px;
}

.infant-chrome .menu-item-has-children>a::after {
   content: "▼";
   font-size: 12px;
   margin-left: 5px;
   display: inline-block;
   transition: transform 0.3s;
}

/* .infant-chrome .menu-item-has-children:hover>#sub-menu {
   display: block;
} */

.infant-chrome .menu-item-has-children>a::after {
   content: "▼";
   font-size: 12px;
   margin-left: 5px;
   display: inline-block;
   transition: transform 0.3s;
}

.infant-chrome .menu {
   padding-left: 0px;
   margin: 0px;
}

.infant-chrome .menu li a {
   line-height: 56px;
   height: 56px;
   padding: 0px 15px;
   vertical-align: baseline;
   width: auto;
   display: block;
   color: rgb(236, 28, 36);
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   background: rgba(0, 0, 0, 0);
   border: 0px;
   border-radius: 0px;
   font-size: 16px;
   outline: none;
   font-family: Montserrat-Bold !important;
}

.infant-chrome #sub-menu {
   z-index: 999;
   position: absolute;
   width: 270px;
   max-width: none;
   padding: 0px;
   border: 0px;
   background: rgba(236, 28, 36, 0.596);
   border-radius: 0px;
   margin: 0px;
}

.infant-chrome .menu li a:focus {
   border-bottom: 3px solid rgb(236, 28, 36);
}

.infant-chrome ul#sub-menu li {
   height: 35px;
}

.infant-chrome ul#sub-menu li a {
   display: block;
   background: rgb(255, 255, 255);
   color: rgb(236, 28, 36);
   font-family: Montserrat-Bold;
   font-size: 14px;
   font-weight: 400;
   padding: 0px 10px;
   line-height: 35px;
   height: 35px;
   border: 0px;
   text-align: left;
   text-decoration: none;
   text-transform: none;
   vertical-align: baseline;
}

.infant-chrome ul#sub-menu li a:hover {
   background: rgba(236, 28, 36, 0.596);
   font-weight: 400;
   text-decoration: none;
   color: rgb(255, 255, 255);
}

.infant-chrome .btn-sub-wrp {
   background: rgb(244, 61, 83);
   border-radius: 10px;
   width: 80%;
   margin: 10px auto 0px;
   padding: 10px;
   position: relative;
   display: none;
   min-height: 104px;
}

.infant-chrome .btn-sub-wrp::before {
   position: absolute;
   content: "";
   display: block;
   width: 15px;
   height: 15px;
   transform: translateY(-50%) rotate(45deg) skew(10deg, 10deg);
   background: rgb(244, 61, 83);
   top: 5px;
   left: calc(50% - 7.5px);
}

.infant-chrome .btn-sub-buy {
   background: center center / contain no-repeat rgb(255, 255, 255);
   padding: 2px;
   border-radius: 8px;
   line-height: 18px;
   display: block;
   margin-bottom: 8px;
   height: 38px;
   position: relative;
}

.infant-chrome .btn-sub-buy.shopee {
   background-image: url("../images/btn-shopee.png");
}

.infant-chrome .btn-sub-buy.lazada {
   background-image: url("../images/btn-lazada.png");
}

.infant-chrome .btn-sub-buy:last-child {
   margin-bottom: 0px;
}

.infant-chrome footer#footer {
   background-color: rgb(236, 28, 36);
   padding: 55px 0px 60px;
}

.infant-chrome .footer_logo img {
   width: 240px;
   height: auto;
   filter: brightness(0) invert(1);
   margin-bottom: 30px;
}

.infant-chrome .footer_wrapper {
   display: flex;
   justify-content: space-between;
   color: rgb(255, 255, 255);
}

.infant-chrome a.footer_menu_item {
   font-size: 20px;
   font-family: Montserrat-Bold;
   color: rgb(255, 255, 255);
   padding: 0px 40px;
   text-transform: uppercase;
}

.infant-chrome a.footer_menu_item:last-child {
   padding: 0px 0px 0px 40px;
}

.infant-chrome a.footer_menu_item:first-child {
   padding: 0px 40px 0px 0px;
}

.infant-chrome .footer_info {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
}

.infant-chrome .footer_social_network a img {
   width: 30px;
   height: 30px;
   margin-left: 5px;
}

.infant-chrome .footer_social_network img {
   width: 110px;
   margin-left: 5px;
}

.infant-chrome .footer_info_title {
   font-size: 20px;
   font-family: Montserrat-Bold;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.infant-chrome .footer_info_content,
.infant-chrome .footer_info_content a {
   color: rgb(255, 255, 255);
}





/* Match the source page's inherited defaults without styling the Kids content. */
.infant-chrome {
   font-family: 'Montserrat-Regular';
   font-size: 14px;
   font-weight: 400;
   line-height: 1.4;
   color: #000;
   -webkit-font-smoothing: auto;
   text-align: left;
}

.infant-chrome p {
   text-wrap: wrap;
}

.infant-chrome .gian_hang.shop-open .btn-sub-wrp {
   display: block;
}

/* Fill the gap above the popup so the pointer can reach either shop link. */
.infant-chrome .gian_hang .btn-sub-wrp::after {
   content: "";
   position: absolute;
   top: -12px;
   left: 0;
   right: 0;
   height: 12px;
}

.infant-chrome .gian_hang .btn-sub-wrp[hidden] {
   display: none !important;
}

/* .infant-chrome .menu-item-has-children:focus-within>#sub-menu {
   display: block;
} */
