@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
a:hover, a:focus {
    color: #000;
}
/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }

  .row-fluid .cell_1662970524483-vertical-alignment {
    width: auto;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/
body {
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),
    url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
    background-color: #fff;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    line-height: 21px;
    letter-spacing: normal;
    opacity: 1!important;
    visibility: visible!important;
}
html,body,p,li,sapn,a{
    font-size: 13px;
  color: #3c3c3c;
}
a.cta_button {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5rem;font-family: inherit;font-weight: 500;line-height: 1.2;color: inherit;}
img {max-width: 100%;}
.fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{margin:0;padding:0;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul {margin: 0;padding: 0;}
.fa-heart-o:before {content: "\f08a";}
.fa-angle-left:before {content: "\f104";}
.fa-angle-right:before {content: "\f105";}
.fa-angle-right:before {content: "\f105";}

.content-wrapper {margin: 0 auto; padding: 0 1rem; max-width: 1240px;}
/* header */
.header.header-with-navigation {filter: none; padding: 0; background-color: #fff;}
.header-top-row {padding: 16px 0 10px;}

.header p {padding: 0;margin: 0;position: relative;font-size:13px;}
.header form {background-color: #fafafa; border-bottom: 1px solid #e7e7e7; position: relative; max-width: 160px; margin-right: 2px; margin-left: auto;font-size:13px;line-height:21px;}
.header form input {background-color: transparent !important; border: 0; height: 30px; padding: 0 12px; color: #323232;}
.header form button {background: transparent; padding: 0; border: 0; position: absolute; height: 30px; width: 36px; display: flex; align-items: center; justify-content: center; top: 0; right: 0; }
#hs_cos_wrapper_widget_1639051134840_ p {display: flex;align-items: center;justify-content: end;}
#hs_cos_wrapper_module_16627255428423_ p {display: flex;align-items: center;justify-content: end;}
.hs_cos_wrapper_type_logo a img{max-width:100%;}
.cell_1639051659489-row-0-padding .row-fluid {justify-content: flex-end;}
.header .row-fluid-wrapper.row-number-5 p a {font-size: 13px; color: #232323;}
span.cartCount {background-color: #06bfe2; color: #323232; min-width: 23px; min-height: 23px; text-align: center; padding: 2px 0 0 1px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 2; font-weight: 500; display: inline-block; margin-left: 5px;}
.dnd-row.cell_1639051659489-row-1-vertical-alignment .row-fluid {justify-content: space-between;align-items: flex-end;}
.header p svg {vertical-align: bottom;width: 22px;height: 23px;margin-right: 5px;}
#hs_cos_wrapper_widget_1639051699061 .hs_cos_wrapper_type_rich_text {display: flex;align-items: center;justify-content: flex-end;}
#hs_cos_wrapper_module_16627257970428 .hs_cos_wrapper_type_rich_text {display: flex;align-items: center;justify-content: flex-end;padding-top: 15px;}
.user-login {padding-left: 32px; font-size: 13px; color: #323232; line-height: 1;}
#hs_cos_wrapper_widget_1639051699061_ p{padding-bottom:7px;}
#hs_cos_wrapper_module_16627257970428_ p{padding-bottom:7px;}
#hs_cos_wrapper_widget_1639051699061_  .user-login p {padding-top: 3px;}
#hs_cos_wrapper_module_16627257970428_  .user-login p {padding-top: 3px;}
.cell_16391123894252-vertical-alignment .span6.widget-span.dnd-column {padding: 0;margin:0;text-align:right;}
.hs-search-field__bar button svg {height: 16px !important; width: 16px;}
/* Nav */
.header a .fa-heart-o {font-size: 23px;margin-right:4px;}

.header-bottom-row {background: #232323; position: relative;}
.header__row-1, .header__row-2 {align-items: center; display: flex; justify-content: flex-end; width: 100%;}
.span5.cell_16391124153852-vertical-alignment {padding: 0;}
.span5.cell_16391124153852-vertical-alignment a{color:#323232}

@media (min-width: 1200px){
  .small-header .header-bottom-row {position: fixed;left: 0;right: 0;top: 0;z-index: 99;}
  .header .span4 .row-fluid .span6 {width: 47.717949%;}
  .stiky-header-shopping-cart {position: relative;min-height: 47px;border-left: 1px solid rgba(255,255,255,0.15);width: 50px;display: flex !important;align-items: center;justify-content: center;}
  .hs_cos_wrapper_type_logo a {display: block; max-width: 175px; padding-left:5px; margin-left: 6px;}
  .header-bottom-row-0-padding.row-number-1.dnd-section .row-fluid {justify-content: center;}
  .header .cell_1639201214233-row-0-vertical-alignment .row-fluid {justify-content: unset !important;}
  .header__row-1, .header__row-2 {justify-content: center;}
  .header.header-with-navigation .site-nav {padding: 0; margin: 0;}
  .site-nav .menu-lv-1:first-child {margin-left: 0;}
  .site-nav .menu-lv-1:last-child {margin-right: 0;}
  .site-nav .menu-lv-1>a>span:not(.icon-dropdown) {position: relative;}
  .site-nav .menu-lv-1>a span:before {background-color: #fff;}
  .site-nav .menu-lv-1>a>span:not(.icon-dropdown):before {position: absolute; left: 0; width: 0; bottom: -2px; height: 1px; content: ''; display: block; -webkit-transition: width .3s ease; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; visibility: hidden; }
  .site-nav .menu-lv-1:hover>a>span:not(.icon-dropdown):before {width: 100%;visibility: visible;}
  .site-nav .mega-menu>.sub-menu-mobile {position: absolute; left: 0; right: 0; z-index: 999; padding: 18px 0; max-height: 82vh; overflow-x: hidden; overflow-y: auto; opacity: 0; visibility: hidden; pointer-events: none; -moz-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: transform .35s linear; -moz-transition: transform .35s linear; -ms-transition: transform .35s linear; -o-transition: transform .35s linear; transition: transform .35s linear; -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,.1); -moz-box-shadow: 0 3px 3px -3px rgba(0,0,0,.1); box-shadow: 0 3px 3px -3px rgba(0,0,0,.1); }
  .site-nav .mega-menu:hover>.sub-menu-mobile {opacity: 1; visibility: visible; pointer-events: auto; -moz-transform: translateY(-1px); -o-transform: translateY(-1px); -ms-transform: translateY(-1px); -webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 3px 3px -3px rgba(0,0,0,.1);}
  .site-nav .icon-dropdown, .site-nav .menu-mb-title {display: none;}
  .site-nav .sub-menu-mobile {width: 337px;}
  .site-nav .sub-menu-mobile {width: 100%;text-align: left;background-color: #fff;}
  .header-bottom-row .cell_1639116316409-vertical-alignment {display: none !important;}
}

.stiky-header-shopping-cart .cartCount {margin: 0;position: absolute;top: 5px;right: 1px;}
.header .cta_button {background: transparent; color: #323232; font-weight: normal; padding: 0; line-height: 21px; width: auto; font-size: 13px; display: inline-block; letter-spacing: 0; vertical-align: middle; position: relative;}
.header .cta_button:before {position: absolute; left: 0; width: 0; bottom: -2px; height: 1px; content: ''; display: block; background: #323232; -webkit-transition: width .3s ease; -moz-transition: width .3s ease; -ms-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; visibility: hidden;}
.header .cta_button:hover:before {width: 100%; visibility: visible;}
ul.site-nav>li>a {position: relative; display: block; color: #fff; line-height: 1.65em; letter-spacing: .05em; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 13px 0 11px;}
.site-nav .menu-mb-title {letter-spacing: .05em; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 13px 20px 11px; position: relative; text-align: center; cursor: pointer;}
.site-nav .icon-dropdown {width: 20px; font-size: 19px; position: absolute; top: 50%; transform: translateY(-50%);}
.site-nav .menu-mb-title .icon-dropdown {left: 20px;text-align: left;}
.mega-banner {display: grid;grid-template-columns: repeat(2, 1fr);gap:5px;}
.mega-banner .mega-col img {width: 100%;}
.container, .page-center {max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}

@media (min-width: 1200px){
  .header-bottom-row-0-padding .span2 .span6.dnd-column {padding: 0;}
  .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
  .col-12 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .col-12 {padding-left: 15px;padding-right: 15px;}
  .site-nav-dropdown .col-xl-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
  .hide_pc {display: none !important;}
}
@media (min-width: 1200px){
  .site-nav-dropdown .col-xl-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
  .site-nav .mega-menu .menu-lv-2 {margin-bottom: 18px;}
}
.site-nav li a {position: relative;display: inline-block;color: #3c3c3c;}
.site-nav .menu-lv-2>a {padding: 13px 20px 11px;}
.site-nav .mega-menu .menu-lv-2>a {text-transform: uppercase;font-weight: 600;color: #323232;display:block;}

@media (min-width: 1200px){
  .site-nav .mega-menu .menu-lv-2 a {padding: 6px 0 4px;}
  .site-nav .mega-menu .menu-lv-2 .site-nav-dropdown {margin: 0;padding: 0;}
  .site-nav .menu-lv-3>a {font-size: 12px;}
  .site-nav .menu-lv-3>a span:before {background-color: #9b32b6;}
  .site-nav .mega-menu .menu-lv-3>a span{position:relative;}
  .site-nav .mega-menu .menu-lv-3>a span:before {position: absolute; left: 0; width: 0; bottom: -2px; height: 1px; content: ''; display: block; -webkit-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out; visibility: hidden;}
  .site-nav .mega-menu.with-mega-menu .menu-lv-3>a:hover span:before {width: 100%; visibility: visible;}
  .site-nav .menu-lv-3>a:hover, .site-nav .no-mega-menu .menu-lv-2>a:hover {color: #9b32b6;}
  .site-nav .menu-lv-1 {display: inline-block;margin-left: 20px;margin-right: 20px;}
  .site-nav .no-mega-menu {position: relative;}
  .site-nav .no-mega-menu .sub-menu-mobile {-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,.1); box-shadow: 0 0 2px 1px rgba(0,0,0,.1);}
  .site-nav .no-mega-menu .sub-menu-mobile {display: none; position: absolute; left: 0; z-index: 10; min-width: 225px;}
  .site-nav .no-mega-menu .sub-menu-mobile {overflow: unset;}
  .site-nav .no-mega-menu:hover .sub-menu-mobile {display: block; padding-top: 0;}
  .site-nav .no-mega-menu .sub-menu-mobile li {padding: 0 20px;}
  .site-nav .no-mega-menu li>a {padding: 10px 0 8px; line-height: 1.75em;}
  .site-nav .no-mega-menu li+li>a {border-top: 1px solid #ebebeb;}
  .site-nav .no-mega-menu a.menu__moblie.menu_mobile_m2 {display: none;}
  .stiky-header-user svg:first-child {display: none;}
  .input-search-sticky-header form svg{stroke:#fff;}

  /*  sub menu column  */
  .site-nav-dropdown .col-xl-7 .menu-lv-2.inner.dropdown {max-width: 33.33%;flex: 0 0 33.33%;}
  .site-nav li.dropdown.mega-menu:nth-child(3) .sub-menu-mobile .site-nav-dropdown  .col-xl-7 {max-width: 100%;flex: 0 0 100%;}
  .site-nav li.dropdown.mega-menu:nth-child(3) .sub-menu-mobile .site-nav-dropdown  .col-xl-7 .row .col-xl-5{max-width: 20%;flex: 0 0 20%;}

  .header .stiky-header-user {display: none;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .span3, .header-bottom-row-0-vertical-alignment>.row-fluid .span2 {display: none !important;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_1662970751779-vertical-alignment {display: none !important;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_16629705148352-vertical-alignment {display: none !important;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_1662970514834-vertical-alignment {display: none !important;}
  .small-header .header-bottom-row-0-vertical-alignment>.row-fluid .span2 {position: absolute;right: 0;margin: 0;padding: 0;width: auto;bottom:0;}
  .small-header .header-bottom-row-0-vertical-alignment>.row-fluid .cell_16629705148352-vertical-alignment {position: absolute;right: 0;margin: 0;padding: 0;width: auto;bottom:0;}
  .small-header .header-bottom-row-0-vertical-alignment>.row-fluid .span2 {display: flex !important;flex-direction: row !important;}
  .small-header .header-bottom-row-0-vertical-alignment>.row-fluid .cell_16629705148352-vertical-alignment {display: flex !important;flex-direction: row !important;}
  .open-search .seach-bar-in-sticky.open {position: fixed; top: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 5; left: 0; right: 0; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .open-search .search-inner {max-width: 553px; width: 100%; background-color: #fff; height: 39px; display: flex; align-items: center;}
  .open-search .seach-bar-in-sticky.open .cross-btn {color: #fff; margin-bottom: 35px; }
  .sticky-srch-btn img {width: 20px;}

  .small-header .header .stiky-header-shopping-cart,
  .small-header .header .hs-search-field.input-search-sticky-header {display: flex !important;opacity: 1;visibility: visible;}
  .header .row-depth-1.row-number-4 .span11.widget-span {padding: 0;width: auto;height: auto;}
  .stiky-header-shopping-cart img {width: 22px;height: 23px;}
  .header .row-depth-1.row-number-4 .span1.dnd-column {padding: 0;}

}
.stiky-header-shopping-cart,
.hs-search-field.input-search-sticky-header {display: block !important;opacity: 0;visibility: hidden;transition: all .5s ease-in-out;}
.sticky-srch-btn {height: 48px; width: 50px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(255,255,255,0.15); }
.header-bottom-row-1-force-full-width-section .span4.dnd-column {position: absolute; top: 0; right: 0; left: auto; width: auto; margin: 0; padding: 0;}
.header .input-search-sticky-header {display: block !important;}
.input-search-sticky-header form {background: transparent;margin: 0;border-bottom: 0;}
.header-bottom-row-1-force-full-width-section .cell_1639133208856-vertical-alignment.span4.dnd-column {right: 50px;}
.row-fluid-wrapper.row-number-1 .span12.dnd-column {padding: 0;}


@media (max-width: 1199px){
  .mega-banner {padding: 30px;}
  .translate-overlay:before {content: "";position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);z-index: 9;}
  img{max-width:100%}
  .header-top-row {display: none;}
  .header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle {cursor: pointer; margin: 0; position: relative;}
  .header-bottom-row {background-color: #fff; box-shadow: 0 3px 3px -3px rgb(0 0 0 / 12%); }
  .header__navigation--toggle {margin: 0; background-image: url(https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/header-nav/menu-icon.png); background-size: cover; height: 25px; width: 25px; }
  .header__close--toggle {background-image: url(https://8595996.fs1.hubspotusercontent-na1.net/hubfs/8595996/2021_images/header-nav/cloes-1.svg); background-repeat: no-repeat;}

  .header__close--toggle.show {display: block; position: fixed; right: 0px; z-index: 9999; background-color: #06bfe2; width: 40px; height: 40px; background-size: 24px; background-position: center center;top: 0;}
  .header__close--toggle.show {display: block;}
  .header__navigation, .header__search, .header__language-switcher {width: 100%; overflow-y: scroll; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; -ms-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; position: fixed; top: 0; bottom: 0; background: transparent !important; right: 100%; height: 1000vh; z-index: 999;} .header__navigation.open, .header__search.open,
  .header__language-switcher.open {-moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%);}


  .header-navigation-main {background: #fff;height: 100vh;width: calc(100% - 40px);overflow: auto;padding-bottom: 30px;}
  .site-nav {padding: 0;margin: 0;}
  .site-nav .menu-lv-1 {border-bottom: 1px solid #ebebeb;}
  .site-nav li {position: relative;}
  .site-nav .menu-lv-1>a {color: #232323;padding: 13px 20px 11px;}
  .site-nav li a .icon-dropdown {opacity: .4;right: 6px;}
  .site-nav .sub-menu-mobile {width: -moz-calc(100vw - 40px); width: -webkit-calc(100vw - 40px); width: -ms-calc(100vw - 40px); width: calc(100vw - 40px);}
  .site-nav li a .icon-dropdown {pointer-events: none;}
  .site-nav .sub-menu-mobile {position: fixed; left: 0; top: 0; bottom: 0; padding-bottom: 60px; height: 100vh; overflow-y: auto; background-color: #fff; z-index: 100; -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
  .site-nav .no-mega-menu .active-menu>.sub-menu-mobile, .site-nav>.mega-menu.active-menu>.sub-menu-mobile {-moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none;}
  .site-nav .menu-mb-title {border-bottom: 1px solid #ebebeb;color: #232323;background-color: #f8f8f8;}
  .container, .page-center {padding-left: 10px;padding-right: 10px;}
  .site-nav .menu-lv-2 {border-bottom: 1px solid #ebebeb;}
  .site-nav .mega-menu .menu-lv-2 {padding: 0;}
  .site-nav-dropdown.style_2 .container {padding: 0;}
  .stiky-header-user svg,
  .stiky-header-user svg path {fill: #000;}
  .stiky-header-shopping-cart, .hs-search-field.input-search-sticky-header {opacity: 1;visibility: visible;}
  .stiky-header-shopping-cart img,
  .sticky-srch-btn img {filter: invert(1) brightness(0);}
  .stiky-header-user {display: flex !important;align-items: center;justify-content: center;}

  .row-fluid .hs_cos_wrapper span#hs_cos_wrapper_widget_1639201256679_ {display: flex;align-items: center;}
  .row-fluid .hs_cos_wrapper span#hs_cos_wrapper_widget_1662970751778_ {display: flex;align-items: center;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .span7, .header-bottom-row-0-vertical-alignment>.row-fluid .span3 {width: auto;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_1662970751779-vertical-alignment {width: auto;margin-left: 0;padding-left: 0;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_1662970514834-vertical-alignment {width: auto;}
  .sticky-srch-btn img {width: 20px;}
  .header__row-2 {justify-content: flex-start;padding: 1.05rem 0;margin-right: 32px;}
  .hs_cos_wrapper_type_logo a {max-width: 65px;width: 100%;display: block;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .span2 {flex-direction: row !important;margin-left: auto;}
  .header-bottom-row-0-vertical-alignment>.row-fluid .cell_16629705148352-vertical-alignment {flex-direction: row !important;margin-left: auto;}
  .header-bottom-row-0-vertical-alignment>.row-fluid {justify-content: unset;display:flex;align-items: center;}
  .header-bottom-row .span2.dnd-column, .header-bottom-row .span2.dnd-column * {margin: 0;padding: 0;}
  .header-bottom-row .span2.dnd-column{margin-left:auto;}
  .header-bottom-row .span2.dnd-column div{width:auto;}
  .header-bottom-row .span2.dnd-column img {width: 20px;height: 20px;}
  .header-bottom-row .cell_1662970751779-vertical-alignment img {width: 20px;height: 20px;}
  .header-bottom-row .span2.dnd-column .stiky-header-shopping-cart,
  .header-bottom-row .span2.dnd-column .stiky-header-user {margin-left: 24px;}
  .header-bottom-row .span2.dnd-column .row-fluid {display: flex;align-items: center;}
  .stiky-header-shopping-cart .cartCount {top: -5px;right: -5px;font-size: 10px;line-height: 16px;min-width:16px;min-height:10px;}

  .site-nav .dropdown.no-mega-menu.active-menu .menu-lv-2.inner.dropdown .sub-menu-mobile, .site-nav .mega-menu .menu-lv-2.active-menu .sub-menu-mobile {
    -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
    .site-nav .menu-lv-2 .site-nav-dropdown {margin: 13px 0;}
  .site-nav .menu-lv-3>a {padding: 8px 20px 6px;font-size: 13px;}
  .site-nav .no-mega-menu .sub-menu-mobile.style_2 .sub-menu-mobile .site-nav-dropdown {margin: 0;}
  .site-nav .no-mega-menu .menu-lv-3 {border-bottom: 1px solid #ebebeb;}
  .site-nav .no-mega-menu .menu-lv-3 a {padding: 13px 20px 11px;}
  .site-nav .no-mega-menu .sub-menu-mobile.style_2 ul.hide_pc.row a {text-transform: none; font-weight: normal; color: #323232; font-size: 13px; padding-left: 25px; padding-right: 0;}
  .no-mega-menu .sub-menu-mobile .menu__moblie { display: none;}
  .site-nav .no-mega-menu .sub-menu-mobile.style_2>.menu-mb-title {display: block;position: absolute;z-index: 999;left: 0;right: 0;}
  .mobile-tel-and-registration {display: block !important;}
  .user-login {padding: 20px 20px 10px;}
  .user-login p{margin-bottom:5px;}
  .mobile-tel {display:flex;align-items:center;padding:0px 20px;}
  .header a .fa-heart-o {font-size: 20px;margin-right: 5px;vertical-align: bottom;}

  /*  search mobile  */
  .seach-bar-in-sticky.open {position:fixed;left:0;right: 0;background: #fafafa;z-index: 99;top: 52px;}
  .seach-bar-in-sticky.open input.hs-search-field__input {padding: 20px;}
  .header-bottom-row .seach-bar-in-sticky.open .cross-btn {position: fixed;top: 15px;right: 100px;}
  .header form button {height: 40px;width: 40px;}
  .header-navigation-main ul.site-nav li.menu-lv-1.item:hover > a{background: #f8f8f8;color: #06bfe2;}
  .header .header-navigation-main ul.site-nav .mega-menu .dropdown.active-menu > a.menu__moblie,
  .header .header-navigation-main ul.site-nav .mega-menu .dropdown:hover > a.menu__moblie{color: #9b32b6;background: #fff;}

}
@media only screen and (min-width: 480px) and (max-width: 1199px){
.header-navigation-main {max-width: 330px;}
  .site-nav .sub-menu-mobile {width: 330px;}
  .header__close--toggle.show {right: auto;left: 330px;}
}
.site-nav-dropdown .col-xl-7 .menu-lv-2.inner.dropdown > .menu__moblie:hover {color: #06bfe2;}