@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Set global box-sizing
	========================================================================== */
*, ::after, ::before {
  box-sizing: border-box;
}

/* 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 {
  max-width: 100%;
  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;
}

/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

.b-header_nav ol, ul {
  list-style: none;
}

.l-body-page[data-action=Product-Show] .b-header_nav ol, .l-body-page[data-action=Product-Show] ul,
.l-body-page[data-action=Product-GlobaleShow] .b-header_nav ol,
.l-body-page[data-action=Product-GlobaleShow] ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  scroll-behavior: smooth;
}

@media screen and (min-width: 768px) {
  .hide-for-not-phones {
    display: none;
  }
}

.g-select {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

.g-select-wrap {
  position: relative;
}

.g-select-arrow {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  color: #c4d5e8;
  text-align: center;
  vertical-align: middle;
}
.g-select-arrow::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #c4d5e8;
  border-bottom: none;
}
.g-select-arrow::after {
  content: " ";
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
  border-bottom: none;
}

/*md

# Text
Category: Typography/Plain Text

```html
	<p class="t-text-1">Regular text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text-2">Regular text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text-3">Regular text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-bold">Bold text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-title_bold">Bold text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-italic">Italic text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-underline">Underlined text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-uppercase">Uppercased text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-error">Error text: Lorem ipsum dolor sit amet.</p>
```

```html_example
	<div style="padding: 15px 0;  display: flex; flex-direction: column; align-items: center">
		<p class="t-text-1">Regular text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text-2">Regular text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text-3">Regular text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-bold">Bold text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-title_bold">Bold text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-italic">Italic text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-underline">Underlined text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-uppercase">Uppercased text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-error">Error text: Lorem ipsum dolor sit amet.</p>
	</div>
```

You can use ```t-text_align-center``` class to center text and ```t-text_align-right``` class to align it to right

```html
	<p class="t-text t-text_align-center">Regular text: Lorem ipsum dolor sit amet.</p>
	<p class="t-text t-text_align-right">Regular text: Lorem ipsum dolor sit amet.</p>
```

```html_example
	<div style="padding: 15px 0">
		<p class="t-text t-text_align-center">Regular text: Lorem ipsum dolor sit amet.</p> </br>
		<p class="t-text t-text_align-right">Regular text: Lorem ipsum dolor sit amet.</p>
	</div>
```
*/
.t-text-1 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  color: #041E42;
}
@media screen and (max-width: 767px) {
  .t-text-1 {
    font-size: 14px;
    line-height: 20px;
  }
}

.t-text-2 {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
}
.t-text-2_opacity {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  opacity: 0.5;
}

.t-text-3 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

.t-text {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
}

.t-bold {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
}

.t-italic {
  font-style: italic;
}

.t-underline {
  text-decoration: underline;
}

.t-bold-underline {
  border-bottom: 2px solid currentColor;
}

.t-uppercase {
  text-transform: uppercase;
}

.t-error {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #de0000 !important;
}

.t-text_align-center {
  text-align: center;
}

.t-text_align-right {
  text-align: right;
}

.t-text_color {
  color: #041E42;
}

.t-text_gill-sans {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
}

.t-text_gill-sans-bold {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
}

.t-text_minion {
  font-family: "MinionW05-Display";
  font-weight: 400;
}

.t-text-paragraph {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #041E42;
}

/*md

# Titles

```html
	<div class="t-title-1">Title 1</div>
	<div class="t-title-2">Title 1</div>
	<div class="t-title-3">Title 1</div>
	<div class="t-title-4">Title 1</div>
```

Here is all titles you can use inside your content assets.

Additionaly you can add ```m-center``` class to center align title's text

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div class="t-title-1">Title 1</div>
	</div>

	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div class="t-title-2">Title 2</div>
	</div>

	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div class="t-title-3">Title 3</div>
	</div>

	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div class="t-title-4">Title 4</div>
	</div>
```
*/
.t-title-1 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 36px !important;
  line-height: 60px !important;
  letter-spacing: 5px !important;
  color: #041E42;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .t-title-1 {
    font-size: 24px;
    line-height: 30px;
  }
}

.t-title-2 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  color: #041E42;
}
@media screen and (max-width: 767px) {
  .t-title-2 {
    font-size: 20px;
    line-height: 26px;
  }
}

.t-title-3 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #041E42;
}
@media screen and (max-width: 767px) {
  .t-title-3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.t-title-4 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #041E42;
}
@media screen and (max-width: 767px) {
  .t-title-4 {
    font-size: 14px;
    line-height: 18px;
  }
}

.t-title-1.m-center,
.t-title-2.m-center,
.t-title-3.m-center,
.t-title-4.m-center {
  text-align: center;
}

/*md

# Links

```html
	<a href="#" class="t-link">Regular link: Lorem ipsum dolor sit amet</a>
	<a href="#" class="t-link_bold">Bold link: Lorem ipsum dolor sit amet</a>
	<a href="#" class="t-link_uppercased">Uppercased link: Lorem ipsum dolor sit amet</a>
	<a href="#" class="t-link_underlined">Underlined link: Lorem ipsum dolor sit amet</a>
```

## Default link

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<a href="#" class="t-link">Regular link: Lorem ipsum dolor sit amet</a>
	</div>
```

## Product link

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<a href="#" class="t-link_bold">Bold link: Lorem ipsum dolor sit amet</a>
	</div>
```

## Category link

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<a href="#" class="t-link_uppercased">Uppercased link: Lorem ipsum dolor sit amet</a>
	</div>
```

## Text link

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<a href="#" class="t-link_underlined">Underlined link: Lorem ipsum dolor sit amet</a>
	</div>
```

*/
a {
  color: inherit;
  font-size: inherit;
  text-decoration: initial;
}
a:hover {
  text-decoration: underline;
}

.t-link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
}
.t-link:hover {
  text-decoration: underline;
}

.t-link_bold {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
}
.t-link_bold:hover {
  text-decoration: underline;
}

.t-link_uppercased {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
}
@media (hover: hover) {
  .t-link_uppercased {
    margin-top: 2px;
    border-bottom: 2px solid transparent;
  }
  .t-link_uppercased:hover {
    border-bottom-color: #c4d5e8;
    text-decoration: none;
  }
}

.t-link_underlined {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}
.t-link_underlined:hover {
  text-decoration: none;
}

/*md

# Lists

```html
	<ul class="t-unordered-list">
		<li>Item 1</li>
		<li>Item 2
			<ul>
				<li>Item 2.1</li>
			</ul>
		</li>
		<li>Item 3
			<ul>
				<li>Item 3.1</li>
			</ul>
		</li>
	</ul>
	<ol class="t-ordered-list">
		<li>Item 1</li>
		<li>Item 2
			<ol>
				<li>Item 2.1</li>
			</ol>
		</li>
		<li>Item 3
			<ol>
				<li>Item 3.1</li>
			</ol>
		</li>
	</ol>
	<ul class="t-unordered-list t-twocol-list">
		<li>Item 1</li>
		<li>Item 2</li>
		<li>Item 3</li>
		<li>Item 4</li>
	</ul>
```

# Unordered list

```html_example
	<ul class="t-unordered-list">
		<li>Item 1</li>
		<li>Item 2
			<ul>
				<li>Item 2.1</li>
			</ul>
		</li>
		<li>Item 3
			<ul>
				<li>Item 3.1</li>
			</ul>
		</li>
	</ul>
```

# Ordered list

```html_example
	<ol class="t-ordered-list">
		<li>Item 1</li>
		<li>Item 2
			<ol>
				<li>Item 2.1</li>
			</ol>
		</li>
		<li>Item 3
			<ol>
				<li>Item 3.1</li>
			</ol>
		</li>
	</ol>
```
# Unordered two columns list

```html_example
	<ul class="t-unordered-list t-twocol-list">
		<li>Item 1</li>
		<li>Item 2</li>
		<li>Item 3</li>
		<li>Item 4</li>
	</ul>
```

*/
.t-unordered-list {
  list-style: none;
  margin: 25px 0;
}
.t-unordered-list li {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  padding: 0 0 28px 15px;
  position: relative;
}
.t-unordered-list li::before {
  position: absolute;
}
.t-unordered-list ul,
.t-unordered-list ol {
  margin: 0 0 0 20px;
}
.t-unordered-list ul li,
.t-unordered-list ol li {
  margin: 10px 0 0;
}
.t-unordered-list li::before {
  content: "";
  width: 4px;
  height: 2px;
  background-color: #000;
  opacity: 0.5;
  left: 0;
  top: 8px;
}

.t-ordered-list {
  list-style: none;
  margin: 25px 0;
  counter-reset: list1;
}
.t-ordered-list li {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  padding: 0 0 28px 15px;
  position: relative;
}
.t-ordered-list li::before {
  position: absolute;
}
.t-ordered-list ul,
.t-ordered-list ol {
  margin: 0 0 0 20px;
}
.t-ordered-list ul li,
.t-ordered-list ol li {
  margin: 10px 0 0;
}
.t-ordered-list li::before {
  content: counter(list1) ". ";
  counter-increment: list1;
  left: 2px;
  top: 0;
}
.t-ordered-list ol {
  counter-reset: list2;
}
.t-ordered-list ol li::before {
  content: counter(list2) ". ";
  counter-increment: list2;
}

@media screen and (min-width: 768px) {
  .t-twocol-list {
    column-count: 2;
  }
}

button:focus,
input:focus,
select:focus,
a:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.m-acc-on button,
.m-acc-on input,
.m-acc-on select,
.m-acc-on a,
.m-acc-on textarea {
  transition: box-shadow 0.15s ease-in-out;
}
.m-acc-on button:focus,
.m-acc-on input:focus,
.m-acc-on select:focus,
.m-acc-on a:focus,
.m-acc-on textarea:focus {
  box-shadow: 0 0 4px 1px #c4d5e8 !important;
}
.m-acc-on button.is-invalid:focus,
.m-acc-on input.is-invalid:focus,
.m-acc-on select.is-invalid:focus,
.m-acc-on a.is-invalid:focus,
.m-acc-on textarea.is-invalid:focus {
  box-shadow: 0 0 2px 0 #de0000 !important;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.selectric .label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  padding-left: 10px;
  line-height: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 20px 0 0;
  color: #041E42;
}

.selectric .button {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  color: #c4d5e8;
  text-align: center;
  font: 0/0 a;
  position: absolute;
  right: 0;
}

.selectric .button:before,
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #303030;
  border-bottom: none;
}

.selectric .button:after {
  top: -4px;
  border-top-color: #fff;
  border-bottom: none;
}

.selectric-open {
  z-index: 98;
}

.selectric-open .selectric .button:before,
.selectric-open .selectric .button:after {
  border: 5px solid transparent;
  border-bottom-color: #0b2171;
  border-top: none;
}

.selectric-open .selectric .button:after {
  border-bottom-color: #fff;
  border-top: none;
  top: 4px;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  background: #fff;
  border: 1px solid #000;
  z-index: -1;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
  padding: 0 0 10px;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
  padding-top: 0;
  padding-bottom: 40px;
  margin-bottom: -34px;
}

.selectric-above .selectric-items .selectric-scroll {
  padding: 11px 0;
}

.selectric-items ul, .selectric-items li {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  line-height: inherit;
  list-style: none;
  padding: 0;
  margin: 0;
}

.selectric-items ul {
  padding: 0 20px;
}

.selectric-items li {
  display: block;
  padding: 9px 0;
  color: #041E42;
  cursor: pointer;
}

.selectric-items li.selected {
  text-decoration: underline;
}

.selectric-items li.highlighted {
  text-decoration: underline;
}

.selectric-items li:hover {
  text-decoration: underline;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group {
  border-top: 1px dashed #c4d5e8;
  padding: 9px 0;
}

.selectric-items .selectric-group:first-child {
  padding-top: 0;
  border: none;
}

.selectric-items .selectric-group .selectric-group-label {
  display: none;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-select_dropdown .selected {
  display: none;
}

.h-invalid .selectric .button::before {
  border-top-color: #de0000;
}

/*md

# Inputs

```html
	<form>
		<div class="g-input">
			<input class="g-input-input" type="text" placeholder="Enter your email address">
		</div>
	</form>
```

## Default

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form style="width: 50%">
			<div class="g-input">
				<input class="g-input-input" type="text" placeholder="Enter your email address">
			</div>
		</form>
	</div>
```

## Error

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form style="width: 50%">
			<div class="g-input">
				<input class="g-input-input m-error" type="text" placeholder="Enter your email address" required>
			</div>
			<div class="g-input-error_message">Please enter a valid email address</div>
		</form>
	</div>
```

*/
.g-input-input {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 5px 0;
  background-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #c4d5e8;
  border-radius: 0;
}
.g-input-input:-ms-input-placeholder {
  color: #a3a3a3;
}
.g-input-input::placeholder {
  color: #a3a3a3;
}
.g-input-input[type=search], .g-input-input[type=search]::-webkit-search-decoration, .g-input-input[type=search]::-webkit-search-cancel-button, .g-input-input[type=search]::-webkit-search-results-button, .g-input-input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.g-input-input[type=number] {
  -moz-appearance: textfield;
}
.g-input-input[type=number]::-webkit-outer-spin-button, .g-input-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.g-input-input:hover, .g-input-input:focus {
  border-bottom-color: #0b2171;
  outline: none;
  box-shadow: none;
}
.g-input-input.m-textarea {
  resize: none;
  height: 60px;
}
.g-input-input.is-invalid, .g-input-input.m-error {
  border-color: #de0000;
}
.g-input-input.is-invalid:hover, .g-input-input.is-invalid:focus, .g-input-input.m-error:hover, .g-input-input.m-error:focus {
  border-color: #de0000;
}
.g-input-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.g-input-input::-ms-clear {
  display: none;
}

.g-input-error_message {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  display: block;
  margin: 10px 0 0;
  text-align: left;
  color: #de0000;
}

/*md

# Checkbox

You must save the presented sequence of elements

```html
	<form>
		<div class="g-checkbox">
			<input class="g-checkbox-input" type="checkbox" id="checkbox-1">
			<label class="g-checkbox-label" for="checkbox-1"><span>By signing up</span></label>
		</div>
	</form>
```


## Default

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form>
			<div class="g-checkbox">
				<input class="g-checkbox-input" type="checkbox" id="checkbox-1">
				<label class="g-checkbox-label" for="checkbox-1"><span>By signing up, you agree to our Privacy.</span></label>
			</div>
		</form>
	</div>
```

## Error checkbox

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form>
			<div class="g-checkbox">
				<input class="g-checkbox-input m-error" type="checkbox" id="checkbox-2" required>
				<label class="g-checkbox-label" for="checkbox-2"><span>By signing up, you agree to our Privacy.</span></label>
			</div>
			<div class="g-checkbox-error_message">Please accept Privacy and Cookie Policies before subscription</div>
		</form>
	</div>
```
*/
.g-checkbox {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: block;
}
.g-checkbox:hover .g-checkbox-label::after {
  border: 2px solid #0b2171;
}
.g-checkbox-input[required] ~ .g-checkbox-label span {
  position: relative;
  padding-left: 8px;
}
.g-checkbox-input[required] ~ .g-checkbox-label span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.g-checkbox-input[required] ~ .g-checkbox-label span {
  position: relative;
  padding-left: 8px;
}
.g-checkbox-input[required] ~ .g-checkbox-label span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.g-checkbox-input.m-error ~ .g-checkbox-label::after, .g-checkbox-input.is-invalid ~ .g-checkbox-label::after {
  border-color: #de0000;
}
.g-checkbox-input:checked ~ .g-checkbox-label::after {
  background-color: #0b2171;
  border-color: #0b2171;
}
.g-checkbox-input:checked ~ .g-checkbox-label::before {
  display: block;
}
.m-acc-on .g-checkbox-input:focus ~ .g-checkbox-label::after {
  box-shadow: 0 0 4px 1px #c4d5e8 !important;
}
.m-acc-on .g-checkbox-input.is-invalid:focus ~ .g-checkbox-label::after {
  box-shadow: 0 0 2px 0 #de0000 !important;
}
.g-checkbox-input {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  max-height: 1px !important;
  max-width: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
}
.g-checkbox-label {
  cursor: pointer;
}
.g-checkbox-label a {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}
.g-checkbox-label a:hover {
  text-decoration: none;
}
.g-checkbox-label::after, .g-checkbox-label::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
}
.g-checkbox-label::after {
  left: 0;
  top: 2px;
  z-index: 1;
  height: 14px;
  width: 14px;
  border: 2px solid #c4d5e8;
}
.g-checkbox-label::before {
  z-index: 2;
  left: 3px;
  top: 5px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-color: #fff;
  transform: rotate(-45deg);
  display: none;
}

.g-checkbox-error_message {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  display: block;
  margin: 10px 0 0;
  text-align: left;
  color: #de0000;
}

/*md

# Search

```html
	<form>
		<div class="b-search-input_row">
			<input class="g-input-search" type="text" placeholder="Search">
			<button type="submit" class="g-input-search_button"></button>
		</div>
	</form>
```

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form style="width: 100%">
			<div class="b-search-input_row">
				<input class="g-input-search" type="text" placeholder="Search">
				<button type="submit" class="g-input-search_button"></button>
			</div>
		</form>
	</div>
```
*/
.g-input-search {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 5px 0;
  background-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #c4d5e8;
  border-radius: 0;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  padding: 8px 15px 8px 0;
  outline-offset: 0;
  -webkit-appearance: none;
}
.g-input-search:-ms-input-placeholder {
  color: #a3a3a3;
}
.g-input-search::placeholder {
  color: #a3a3a3;
}
.g-input-search[type=search], .g-input-search[type=search]::-webkit-search-decoration, .g-input-search[type=search]::-webkit-search-cancel-button, .g-input-search[type=search]::-webkit-search-results-button, .g-input-search[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.g-input-search[type=number] {
  -moz-appearance: textfield;
}
.g-input-search[type=number]::-webkit-outer-spin-button, .g-input-search[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.g-input-search:hover, .g-input-search:focus {
  border-bottom-color: #0b2171;
  outline: none;
  box-shadow: none;
}
.g-input-search.m-textarea {
  resize: none;
  height: 60px;
}
.g-input-search.is-invalid, .g-input-search.m-error {
  border-color: #de0000;
}
.g-input-search.is-invalid:hover, .g-input-search.is-invalid:focus, .g-input-search.m-error:hover, .g-input-search.m-error:focus {
  border-color: #de0000;
}
.g-input-search:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.g-input-search::-ms-clear {
  display: none;
}

.g-input-search_button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 14px;
  margin: auto 0;
  padding: 0;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.g-input-search_button::before {
  content: "\E90E";
  font-size: 14px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.g-input-search_button:focus {
  outline: none;
  box-shadow: none;
}

/*md

# Radio button

You must save the presented sequence of elements

```html
	<form>
		<div class="g-radio">
			<input class="g-radio-input" type="radio" id="radio-1">
			<label class="g-radio-label" for="radio-1">Bottom Right</label>
		</div>
	</form>
```


## Default

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<form style="width: 100%">
			<div style="padding: 15px 0;  display: flex; justify-content: space-around">
				<div class="g-radio">
					<input class="g-radio-input" name="radio" type="radio" id="radio-1">
					<label class="g-radio-label" for="radio-1">Bottom Right</label>
				</div>
				<div class="g-radio">
					<input class="g-radio-input" name="radio" type="radio" id="radio-2">
					<label class="g-radio-label" for="radio-2">Bottom Right</label>
				</div>
				<div class="g-radio">
					<input class="g-radio-input" name="radio" type="radio" id="radio-3">
					<label class="g-radio-label" for="radio-3">Bottom Right</label>
				</div>
				<div class="g-radio">
					<input class="g-radio-input" name="radio" type="radio" id="radio-4">
					<label class="g-radio-label" for="radio-4">Bottom Right</label>
				</div>
			</div>
		</form>
	</div>
```

*/
.g-radio {
  position: relative;
  display: inline-block;
}
.m-acc-on .g-radio-input:focus ~ .g-radio-label::after {
  box-shadow: 0 0 3px 3px #c4d5e8 !important;
}
.g-radio-input:checked ~ .g-radio-label {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 13px;
}
.g-radio-input:checked ~ .g-radio-label::after {
  border-color: #0b2171;
}
.g-radio-input:checked ~ .g-radio-label::before {
  display: block;
}
.g-radio-input:invalid ~ .g-radio-label::after, .g-radio-input.m-error ~ .g-radio-label::after {
  border-color: #de0000;
}
.g-radio-input {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  max-height: 1px !important;
  max-width: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
}
.g-radio-label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  cursor: pointer;
  padding-left: 25px;
}
.g-radio-label::after, .g-radio-label::before {
  content: "";
  position: absolute;
  bottom: 0;
  margin: auto 0;
  z-index: 1;
  border-radius: 50%;
  box-sizing: border-box;
}
.g-radio-label::after {
  left: 0;
  top: 0;
  height: 16px;
  width: 16px;
  border: 2px solid #c4d5e8;
}
.g-radio-label::before {
  left: 5px;
  top: 0;
  height: 6px;
  width: 6px;
  background-color: #0b2171;
  display: none;
}
.g-radio-label:hover::after {
  border: 2px solid #0b2171;
}

/*md

# Buttons
If you need it could be added to different types of HTML-elements

```html
	<a href="#" class="g-button_primary">button (on a)</a>
	<button class="g-button_primary">button (on button)</button>
	<span class="g-button_primary">button (on span)</span>
	<form>
		<input class="g-button_primary" type="submit" value="submit (on input)">
		<input class="g-button_primary" type="submit" value="submit (on input disable)" disabled>
	</form>

```


# Primary button

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<a href="#" class="g-button_primary">button (on a)</a>
		<span class="g-button_primary">button (on span)</span>
		<button class="g-button_primary">button (on button)</button>
		<button class="g-button_primary" disabled>button (disable)</button>
	</div>
```

# Secondary button

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<a href="#" class="g-button_secondary">button (on a)</a>
		<span class="g-button_secondary">button (on span)</span>
		<button class="g-button_secondary">button (on button)</button>
		<button class="g-button_secondary" disabled>button (disable)</button>
	</div>
```

# Third button

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<a href="#" class="g-button_third">button (on a)</a>
		<span class="g-button_third">button (on span)</span>
		<button class="g-button_third">button (on button)</button>
		<button class="g-button_third" disabled>button (disable)</button>
	</div>
```

# Third button (inversion)

```html_example
	<div style="background-color: #000; padding: 15px 0;  display: flex; justify-content: space-around">
		<a href="#" class="g-button_third_inv">button (on a)</a>
		<span class="g-button_third_inv">button (on span)</span>
		<button class="g-button_third_inv">button (on button)</button>
		<button class="g-button_third_inv" disabled>button (disable)</button>
	<div>
```

# Input button

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<form>
			<input class="g-button_submit" type="submit" value="submit (on input)">
		</form>
		<span class="g-button_submit">button (on span)</span>
		<button class="g-button_submit" type="submit" form="your_form">submit (on button)</button>
		<button class="g-button_submit" type="submit" form="your_form" disabled>submit (on button disable)</button>
	</div>
```
*/
.g-button_primary {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #041E42;
}
.g-button_primary:focus {
  outline: none;
}
.g-button_primary.disabled, .g-button_primary.m-disabled, .g-button_primary:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.g-button_primary:hover, .g-button_primary:active, .g-button_primary:focus {
  text-decoration: none;
}
.g-button_primary:not(:disabled):active {
  background-color: #0b2171;
}
.m-acc-on .g-button_primary:not(:disabled):focus {
  box-shadow: 0 0 5px 3px #c4d5e8 !important;
}
.g-button_primary:not(:disabled):hover {
  color: #fff;
}
@media (hover: hover) {
  .g-button_primary:not(:disabled):hover {
    background-color: #0b2171;
  }
}

.g-button_secondary {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  border: 1px solid #000;
  padding-top: 9px;
  padding-bottom: 9px;
}
.g-button_secondary:focus {
  outline: none;
}
.g-button_secondary.disabled, .g-button_secondary.m-disabled, .g-button_secondary:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.g-button_secondary:hover, .g-button_secondary:active, .g-button_secondary:focus {
  text-decoration: none;
}
.g-button_secondary:not(:disabled):active {
  color: #fff;
  background-color: #0b2171;
  border-color: #0b2171;
}
@media (hover: hover) {
  .g-button_secondary:not(:disabled):hover {
    color: #fff;
    background-color: #0b2171;
    border-color: #0b2171;
  }
}

.g-button_third {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
}
.g-button_third:focus {
  outline: none;
}
.g-button_third.disabled, .g-button_third.m-disabled, .g-button_third:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.g-button_third:hover, .g-button_third:active, .g-button_third:focus {
  text-decoration: none;
}
.g-button_third:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .g-button_third:not(:disabled):hover {
    border-color: #0b2171;
  }
}

.g-button_third_inv {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  color: #fff;
  border-color: #fff;
}
.g-button_third_inv:focus {
  outline: none;
}
.g-button_third_inv.disabled, .g-button_third_inv.m-disabled, .g-button_third_inv:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.g-button_third_inv:hover, .g-button_third_inv:active, .g-button_third_inv:focus {
  text-decoration: none;
}
.g-button_third_inv:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .g-button_third_inv:not(:disabled):hover {
    border-color: #0b2171;
  }
}
.g-button_third_inv:not(:disabled):active {
  opacity: 0.7;
  border-color: #fff;
}
@media (hover: hover) {
  .g-button_third_inv:not(:disabled):hover {
    opacity: 0.7;
    border-color: #fff;
  }
}

.g-button_submit {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  padding: 10px;
  min-height: auto;
}
.g-button_submit:focus {
  outline: none;
}
.g-button_submit.disabled, .g-button_submit.m-disabled, .g-button_submit:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.g-button_submit:hover, .g-button_submit:active, .g-button_submit:focus {
  text-decoration: none;
}
.g-button_submit:not(:disabled):active {
  opacity: 0.7;
}
@media (hover: hover) {
  .g-button_submit:not(:disabled):hover {
    opacity: 0.7;
  }
}

/*md

# Accordion

You must save the presented sequence of elements

```html
	<div class="g-accordion">
		<div class="g-accordion-item">
			<button class="g-accordion-item_header collapsed"
					type="button"
					data-toggle="collapse"
					data-target="#acc1"
					aria-expanded="false"
					aria-controls="acc1">
			   header text
			</button>
			<div class="g-accordion-content collapse" id="acc1">
				Content
			</div>
		</div>
	</div>
```

Additionaly you can add ```m-disable-lg```, ```m-disable-md```, ```m-disable-sm``` classes to disable accordion functionality on different devices

## Default

```html_example
	<div class="g-accordion" id="accordion-parent">
		<div class="g-accordion-item">
			<button class="g-accordion-item_header"
					type="button"
					data-toggle="collapse"
					data-target="#acc1"
					aria-expanded="false"
					aria-controls="acc1">
			   Defaults
			</button>
			<div class="g-accordion-content collapse show"
			id="acc1"
			data-parent="#accordion-parent">
				<p class="t-text-2">If you are looking for something to wear as the weather warms up, this tunic will be perfect.</p>
			</div>
		</div>
		<div class="g-accordion-item">
			<button class="g-accordion-item_header collapsed"
					type="button"
					data-toggle="collapse"
					data-target="#acc2"
					aria-expanded="false"
					aria-controls="acc2">
			   Delivery
			</button>
			<div class="g-accordion-content collapse" id="acc2" data-parent="#accordion-parent">
				<p class="t-text-2">If you are looking for something to wear as the weather warms up, this tunic will be perfect.</p>
			</div>
		</div>
		<div class="g-accordion-item">
			<button class="g-accordion-item_header collapsed"
					type="button"
					data-toggle="collapse"
					data-target="#acc3"
					aria-expanded="false"
					aria-controls="acc3">
			   Returns
			</button>
			<div class="g-accordion-content collapse" id="acc3" data-parent="#accordion-parent">
				<p class="t-text-2">If you are looking for something to wear as the weather warms up, this tunic will be perfect.</p>
			</div>
		</div>
	</div>
```

*/
.g-accordion-item {
  margin-bottom: 20px;
}
.g-accordion-item_header {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #041E42;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border: none;
  padding-left: 0;
  padding-right: 20px;
}
.g-accordion-item_header:focus {
  outline: none;
}
.g-accordion-item_header::after {
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIj4gICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDE0djJIMFYweiIvPjwvc3ZnPg==") no-repeat center;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.g-accordion-item_header.collapsed::after {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+ICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDhIOHY2SDZWOEgwVjZoNlYwaDJ2Nmg2djJ6Ii8+PC9zdmc+");
}
.g-accordion-content {
  padding-top: 15px;
}
.g-accordion-content.collapse {
  display: none;
}
.g-accordion-content.show {
  display: block;
}

@media screen and (min-width: 1024px) {
  .m-disable-lg .g-accordion-item_header {
    pointer-events: none;
    -ms-touch-action: none;
        touch-action: none;
    cursor: auto;
  }
  .m-disable-lg .g-accordion-item_header::after {
    display: none !important;
  }
  .m-disable-lg .g-accordion-content {
    padding-top: 0;
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .m-disable-md .g-accordion-item_header {
    pointer-events: none;
    -ms-touch-action: none;
        touch-action: none;
    cursor: auto;
  }
  .m-disable-md .g-accordion-item_header::after {
    display: none !important;
  }
  .m-disable-md .g-accordion-content {
    padding-top: 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .m-disable-sm .g-accordion-item_header {
    pointer-events: none;
    -ms-touch-action: none;
        touch-action: none;
    cursor: auto;
  }
  .m-disable-sm .g-accordion-item_header::after {
    display: none !important;
  }
  .m-disable-sm .g-accordion-content {
    padding-top: 0;
    display: block;
  }
}

#detailsItem, #collectionItem, #productcareItem, #deliveryandreturnsItem, #optionalSectionItem, .b-material-body {
  padding: 0px 43px 0px 0px !important;
}

.b-material-body {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .l-body-page[data-action=Product-Show] .desk_none .g-accordion-item_header,
  .l-body-page[data-action=Product-ShowInCategory] .desk_none .g-accordion-item_header,
  .l-body-page[data-action=Product-GlobaleShow] .desk_none .g-accordion-item_header {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-transform: none;
    color: #041E42;
    padding-left: 0px;
    width: 100%;
    text-align: left;
    border: none;
  }
  .l-body-page[data-action=Product-Show] .desk_none .g-accordion-content,
  .l-body-page[data-action=Product-ShowInCategory] .desk_none .g-accordion-content,
  .l-body-page[data-action=Product-GlobaleShow] .desk_none .g-accordion-content {
    margin-top: 7px;
    font-family: "MinionW05-Display";
    font-weight: 400;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.06em;
    color: #505050;
  }
}

/*md

# Input row

You must save the presented sequence of elements

```html
	<form>
		<div class="b-input_row m-required">
			<label class="b-input_row-label">Phone
				<span class="b-input_row-label_simple">(only numbers)</span>
			</label>
			<input type="text" class="b-input_row-input">
			<p class="b-input_row-hint_message">Example: +44 7911 123456</p>
			<p class="b-input_row-error_message">The field phone is required</p>
		</div>
	</form>
```

# Default fields

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row">
			<label class="b-input_row-label">First Name</label>
			<input type="text" class="b-input_row-input">
		</div>
		<div class="b-input_row">
			<label class="b-input_row-label">Last Name</label>
			<input type="text" class="b-input_row-input">
		</div>
		<div class="b-input_row">
			<label class="b-input_row-label">Email</label>
			<input type="text" class="b-input_row-input">
		</div>
	</div>
```

# Default field with hint label

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row">
			<label class="b-input_row-label">Name
				<span class="b-input_row-label_simple">(first name)</span>
			</label>
			<input type="text" class="b-input_row-input">
		</div>
	</div>
```

# Required field

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row m-required">
			<label class="b-input_row-label">Last Name</label>
			<input type="text" class="b-input_row-input">
			<p class="b-input_row-error_message"></p>
		</div>
	</div>
```

# Footnote field

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row">
			<label class="b-input_row-label">Phone</label>
			<input type="text" class="b-input_row-input">
			<p class="b-input_row-hint_message">Example: +44 7911 123456</p>
		</div>
	</div>
```

# Error field

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row m-required">
			<label class="b-input_row-label">Address</label>
			<input type="text" class="b-input_row-input m-error">
			<p class="b-input_row-error_message">The field address is required</p>
		</div>
	</div>
```

# Half width field

```html_example
	<div style="padding: 15px 0 0 0; max-width: 400px;">
		<div class="b-input_row">
			<label class="b-input_row-label">Email</label>
			<input type="text" class="b-input_row-input m-half_width">
		</div>
	</div>
```

*/
.l-body-page[data-action=Product-Show] .b-input_row,
.l-body-page[data-action=Product-ShowInCategory] .b-input_row,
.l-body-page[data-action=Product-GlobaleShow] .b-input_row {
  margin-bottom: 12px;
}

.b-input_row {
  margin-bottom: 40px;
}
.b-input_row-label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
}
.b-input_row-label + .selectric-js-custom_select {
  margin-top: 13px;
}
.b-input_row-label_simple {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-weight: 400;
}
.b-input_row.m-required .b-input_row-label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.b-input_row.m-required .b-input_row-label + .selectric-js-custom_select {
  margin-top: 13px;
}
.b-input_row.m-required .b-input_row-label::before {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 4px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.b-input_row-input {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 5px 0;
  background-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #c4d5e8;
  border-radius: 0;
}
.b-input_row-input:-ms-input-placeholder {
  color: #a3a3a3;
}
.b-input_row-input::placeholder {
  color: #a3a3a3;
}
.b-input_row-input[type=search], .b-input_row-input[type=search]::-webkit-search-decoration, .b-input_row-input[type=search]::-webkit-search-cancel-button, .b-input_row-input[type=search]::-webkit-search-results-button, .b-input_row-input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.b-input_row-input[type=number] {
  -moz-appearance: textfield;
}
.b-input_row-input[type=number]::-webkit-outer-spin-button, .b-input_row-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.b-input_row-input:hover, .b-input_row-input:focus {
  border-bottom-color: #0b2171;
  outline: none;
  box-shadow: none;
}
.b-input_row-input.m-textarea {
  resize: none;
  height: 60px;
}
.b-input_row-input.is-invalid, .b-input_row-input.m-error {
  border-color: #de0000;
}
.b-input_row-input.is-invalid:hover, .b-input_row-input.is-invalid:focus, .b-input_row-input.m-error:hover, .b-input_row-input.m-error:focus {
  border-color: #de0000;
}
.b-input_row-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.b-input_row-input::-ms-clear {
  display: none;
}
@media screen and (min-width: 768px) {
  .b-input_row-input.m-half_width {
    width: 50%;
  }
}
.b-input_row-error_message:not(:empty) {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  display: block;
  margin: 10px 0 0;
  text-align: left;
  color: #de0000;
}
.b-input_row-hint_message {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  margin-top: 5px;
  color: #a3a3a3;
}
.b-input_row-error_message:not(:empty) + .b-input_row-hint_message {
  margin-top: 5px;
}

.b-input_checkbox {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: block;
}
.b-input_checkbox:hover .b-input_checkbox-label::after {
  border: 2px solid #0b2171;
}
.b-input_checkbox-input[required] ~ .b-input_checkbox-label span {
  position: relative;
  padding-left: 8px;
}
.b-input_checkbox-input[required] ~ .b-input_checkbox-label span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.b-input_checkbox-input[required] ~ .b-input_checkbox-label span {
  position: relative;
  padding-left: 8px;
}
.b-input_checkbox-input[required] ~ .b-input_checkbox-label span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
.b-input_checkbox-input.m-error ~ .b-input_checkbox-label::after, .b-input_checkbox-input.is-invalid ~ .b-input_checkbox-label::after {
  border-color: #de0000;
}
.b-input_checkbox-input:checked ~ .b-input_checkbox-label::after {
  background-color: #0b2171;
  border-color: #0b2171;
}
.b-input_checkbox-input:checked ~ .b-input_checkbox-label::before {
  display: block;
}
.m-acc-on .b-input_checkbox-input:focus ~ .b-input_checkbox-label::after {
  box-shadow: 0 0 4px 1px #c4d5e8 !important;
}
.m-acc-on .b-input_checkbox-input.is-invalid:focus ~ .b-input_checkbox-label::after {
  box-shadow: 0 0 2px 0 #de0000 !important;
}
.b-input_checkbox-input {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  max-height: 1px !important;
  max-width: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
}
.b-input_checkbox-label {
  cursor: pointer;
}
.b-input_checkbox-label a {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
}
.b-input_checkbox-label a:hover {
  text-decoration: none;
}
.b-input_checkbox-label::after, .b-input_checkbox-label::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
}
.b-input_checkbox-label::after {
  left: 0;
  top: 2px;
  z-index: 1;
  height: 14px;
  width: 14px;
  border: 2px solid #c4d5e8;
}
.b-input_checkbox-label::before {
  z-index: 2;
  left: 3px;
  top: 5px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-color: #fff;
  transform: rotate(-45deg);
  display: none;
}
.b-input_checkbox_label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
}
.b-input_checkbox + .b-input_checkbox {
  margin-top: 25px;
}

.b-button_row {
  margin-top: 40px;
}
.b-button_row-btn_primary {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #041E42;
}
.b-button_row-btn_primary:focus {
  outline: none;
}
.b-button_row-btn_primary.disabled, .b-button_row-btn_primary.m-disabled, .b-button_row-btn_primary:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-button_row-btn_primary:hover, .b-button_row-btn_primary:active, .b-button_row-btn_primary:focus {
  text-decoration: none;
}
.b-button_row-btn_primary:not(:disabled):active {
  background-color: #0b2171;
}
.m-acc-on .b-button_row-btn_primary:not(:disabled):focus {
  box-shadow: 0 0 5px 3px #c4d5e8 !important;
}
.b-button_row-btn_primary:not(:disabled):hover {
  color: #fff;
}
@media (hover: hover) {
  .b-button_row-btn_primary:not(:disabled):hover {
    background-color: #0b2171;
  }
}
.b-button_row-btn_secondary {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  border: 1px solid #000;
  padding-top: 9px;
  padding-bottom: 9px;
}
.b-button_row-btn_secondary:focus {
  outline: none;
}
.b-button_row-btn_secondary.disabled, .b-button_row-btn_secondary.m-disabled, .b-button_row-btn_secondary:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-button_row-btn_secondary:hover, .b-button_row-btn_secondary:active, .b-button_row-btn_secondary:focus {
  text-decoration: none;
}
.b-button_row-btn_secondary:not(:disabled):active {
  color: #fff;
  background-color: #0b2171;
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-button_row-btn_secondary:not(:disabled):hover {
    color: #fff;
    background-color: #0b2171;
    border-color: #0b2171;
  }
}
.b-button_row-btn_full {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .b-button_row-btn_mobile_full {
    width: 100%;
  }
}
.b-button_row-btn_half {
  -ms-flex: 1 1;
      flex: 1 1;
  padding-left: 5px;
  padding-right: 5px;
}
.b-button_row-btn_half + .b-button_row-btn_half {
  margin-left: 10px;
}
.b-button_row-container {
  display: -ms-flexbox;
  display: flex;
}

.payment-form .alert-danger {
  font-family: "GillSansMTW05-Medium";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin: 0 0 13px;
  text-align: left;
  color: #de0000;
}

.b-input_code {
  display: none;
}

.tooltip {
  position: absolute;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 230px;
  height: 230px;
  overflow: scroll;
  background-color: #F5F5F5;
  color: #041E42;
  text-align: center;
  border: 2px solid #aaa;
  padding: 10px;
  position: absolute;
  z-index: 9999;
  margin-top: 22px;
  margin-left: -235px;
}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 88%;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #aaa transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*md

# Table

You must save the presented sequence of elements

```html
	<div class="g-table">
		<div class="g-table-row h-table_header">
			<div class="g-table-item">Header1</div>
			<div class="g-table-item">Header2</div>
			<div class="g-table-item">Header3</div>
			<div class="g-table-item">Header4</div>
		</div>
		<div class="g-table-row">
			<div class="g-table-item">row1 col1</div>
			<div class="g-table-item">row1 col2</div>
			<div class="g-table-item">row1 col3</div>
			<div class="g-table-item">row1 col4</div>
		</div>
		<div class="g-table-row">
			<div class="g-table-item">row2 col1</div>
			<div class="g-table-item">row2 col2</div>
			<div class="g-table-item">row2 col3</div>
			<div class="g-table-item">row2 col4</div>
		</div>
	</div>
```

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div class="g-table">
		    <div class="g-table-row h-table_header">
		        <div class="g-table-item h-cell-2">
		            <div class="g-table-row">
		                <span class="g-table-text">Destination</span>
		            </div>
		        </div>
		        <div class="g-table-item h-table_container">
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5"><span class="g-table-text">Delivery Service</span></div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">Price</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">Timings</span></div>
		            </div>
		        </div>
		    </div>

		    <div class="g-table-row">
		        <div class="g-table-item h-cell-2">
		            <div class="g-table-row">
		                <span class="g-table-text">UK</span>
		            </div>
		        </div>
		        <div class="g-table-item h-table_container">
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Standard</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">Free*</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">1-2 business days</span></div>
		            </div>
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Express (excludes personalised items)</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">£8</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">Now offering next day delivery Monday-Saturday (for orders placed before 2.00pm)</span></div>
		            </div>
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Collect in store for personalised leather items</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">Free*</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">**Next business day collection</span></div>
		            </div>
		        </div>
		    </div>

		    <div class="g-table-row">
		        <div class="g-table-item h-cell-2">
		            <div class="g-table-row">
		                <span class="g-table-text">Europe</span>
		            </div>
		        </div>
		        <div class="g-table-item h-table_container">
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Standard</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">Free*</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">5 business days</span></div>
		            </div>
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Express (excludes personalised items)</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">£25</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">2-3 business days</span></div>
		            </div>
		        </div>
		    </div>

		    <div class="g-table-row">
		        <div class="g-table-item h-cell-2">
		            <div class="g-table-row">
		                <span class="g-table-text">Rest of the World</span>
		            </div>
		        </div>
		        <div class="g-table-item h-table_container">
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Standard</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">Free*</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">9 business days</span></div>
		            </div>
		            <div class="g-table-row">
		                <div class="g-table-item h-cell-5">
		                    <span class="g-table-text">Express (excludes personalised items)</span>
		                </div>
		                <div class="g-table-item h-cell-2 h-hide-only-phones"><span class="g-table-text">£40</span></div>
		                <div class="g-table-item h-cell-5 h-hide-only-phones"><span class="g-table-text">3-5 business days</span></div>
		            </div>
		        </div>
		    </div>
		</div>
	</div>
```
*/
.g-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 40px;
}
.g-table-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}
.g-table-row.h-table_header .g-table-item {
  border: none;
}
.g-table-row.h-table_header .g-table-text {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
}
.g-table > .g-table-row:not(.h-table_header) > .g-table-item:first-child {
  border-left: 1px solid #f0f0f0;
}
.g-table > .g-table-row:first-child {
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 767px) {
  .g-table > .g-table-row > .g-table-item {
    width: 50%;
  }
}
.g-table-item {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex: 1;
      flex: 1;
  border-right: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
  .g-table-item.h-cell-2 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .g-table-item.h-cell-5 {
    -ms-flex: 1 1 41.6666666667%;
        flex: 1 1 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
.g-table-item.h-table_header, .g-table-item.h-table_container {
  border: none;
}
@media screen and (max-width: 767px) {
  .g-table-item.h-table_header {
    width: 100%;
  }
}
.g-table-item .g-table-row:last-child {
  border-bottom: none;
}
.g-table-text {
  display: block;
  margin: 15px;
}
.g-table-text + .g-table-text {
  margin-top: 0;
}

#virtualshopping {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
}
#virtualshopping .selectric-items .selectric-scroll > ul > li:before {
  content: none;
}
#virtualshopping .b-virtualshopping-firstname {
  -ms-flex-order: 1;
      order: 1;
}
#virtualshopping .b-virtualshopping-lastname {
  -ms-flex-order: 3;
      order: 3;
}
#virtualshopping .b-virtualshopping-email {
  -ms-flex-order: 2;
      order: 2;
}
#virtualshopping .b-virtualshopping-phone {
  -ms-flex-order: 4;
      order: 4;
}
#virtualshopping .b-virtualshopping-productOfIntrest {
  -ms-flex-order: 5;
      order: 5;
}
#virtualshopping .b-virtualshopping-country {
  -ms-flex-order: 10;
      order: 10;
  position: relative;
  bottom: 83px;
}
#virtualshopping .b-virtualshopping-msgbox {
  -ms-flex-order: 6;
      order: 6;
}
#virtualshopping .b-virtualshopping-subscription {
  -ms-flex-order: 10;
      order: 10;
}
#virtualshopping .b-virtualshopping-privacy {
  -ms-flex-order: 10;
      order: 10;
}
#virtualshopping .b-virtualshopping-submit {
  -ms-flex-order: 10;
      order: 10;
  max-width: 42%;
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  text-align: right;
}
#virtualshopping .b-contacts-recaptcha-error {
  -ms-flex-order: 11;
      order: 11;
}
#virtualshopping .boxMargin {
  margin-left: 20px;
}
#virtualshopping .boxWidth {
  width: 50%;
}
#virtualshopping .b-virtualshopping-country_first_col {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 25%;
}
#virtualshopping .b-virtualshopping-country_second_col {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 85%;
}
#virtualshopping .b-virtualshopping-country_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
#virtualshopping .b-virtualshopping-textarea {
  background-color: #f0f0f0 !important;
  border-color: transparent !important;
  padding: 5px;
}
#virtualshopping .b-title {
  width: 35%;
}
#virtualshopping .js-form-group {
  -ms-flex: 1 1 39%;
      flex: 1 1 39%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 100px;
}
#virtualshopping .b-contact_us-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
}
#virtualshopping .b-contact_us-col {
  padding-right: 115px;
  max-width: 46%;
}
#virtualshopping .js-form-group.g-checkbox.required {
  max-width: 60%;
  margin-bottom: 30px;
  margin-top: 50px;
}
#virtualshopping .g-checkbox {
  max-width: 63%;
}
#virtualshopping form#virtualshopping {
  max-width: 100%;
  width: 100%;
  margin-top: 30px;
}
#virtualshopping a.li_link:hover {
  text-decoration: underline;
}
#virtualshopping a.li_link {
  text-decoration: none;
}
#virtualshopping a {
  color: black;
}
@media only screen and (max-width: 1024px) {
  #virtualshopping .boxMargin {
    margin-left: 25px;
  }
  #virtualshopping .js-form-group {
    -ms-flex: 1 1 39%;
        flex: 1 1 39%;
    margin: 20px 32px;
  }
  #virtualshopping .b-contact_us-col {
    padding-right: 50px;
    max-width: 100%;
  }
  #virtualshopping .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #virtualshopping .g-checkbox {
    max-width: 100%;
  }
  #virtualshopping .b-virtualshopping-submit {
    max-width: 47%;
  }
}
@media only screen and (max-width: 992px) {
  #virtualshopping .b-contact_us-col {
    padding-right: 30px;
    max-width: 100%;
  }
  #virtualshopping .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #virtualshopping .g-checkbox {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #virtualshopping {
    padding: 0 30px;
  }
  #virtualshopping .b-virtualshopping-firstname {
    -ms-flex-order: 1;
        order: 1;
  }
  #virtualshopping .b-virtualshopping-lastname {
    -ms-flex-order: 3;
        order: 3;
  }
  #virtualshopping .b-virtualshopping-email {
    -ms-flex-order: 2;
        order: 2;
  }
  #virtualshopping .b-virtualshopping-phone {
    -ms-flex-order: 4;
        order: 4;
  }
  #virtualshopping .b-virtualshopping-productOfIntrest {
    -ms-flex-order: 6;
        order: 6;
  }
  #virtualshopping .b-virtualshopping-country {
    -ms-flex-order: 9;
        order: 9;
    bottom: 0;
  }
  #virtualshopping .b-virtualshopping-msgbox {
    -ms-flex-order: 10;
        order: 10;
  }
  #virtualshopping .b-virtualshopping-subscription {
    -ms-flex-order: 9;
        order: 9;
  }
  #virtualshopping .b-virtualshopping-privacy {
    -ms-flex-order: 7;
        order: 7;
  }
  #virtualshopping .b-virtualshopping-submit {
    -ms-flex-order: 10;
        order: 10;
    margin-top: 0px;
    bottom: 0px;
    text-align: center;
    position: relative;
    left: 95px;
  }
  #virtualshopping .b-contacts-recaptcha-error {
    -ms-flex-order: 10;
        order: 10;
  }
  #virtualshopping .b-contact_us-row {
    display: -ms-flexbox;
    display: flex;
  }
  #virtualshopping .b-title {
    width: 55%;
  }
  #virtualshopping .boxWidth {
    width: 100%;
    bottom: 0;
  }
  #virtualshopping .boxMargin {
    margin-left: 0px;
  }
  #virtualshopping .b-contact_us-col {
    padding-right: unset;
    max-width: 100%;
  }
  #virtualshopping .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #virtualshopping .g-checkbox {
    max-width: 100%;
  }
  #virtualshopping .js-form-group {
    margin: 20px 0px;
  }
  #virtualshopping .contactus_submit {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #virtualshopping .b-virtualshopping-submit {
    max-width: 46%;
  }
}

#giftenqury {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 64px;
}
#giftenqury .b-mandatory {
  font-style: italic;
}
#giftenqury .selectric-items .selectric-scroll > ul > li:before {
  content: none;
}
#giftenqury .boxMargin {
  margin-left: 20px;
}
#giftenqury .boxWidth {
  width: 70%;
  padding-left: 1.5%;
}
#giftenqury .b-giftenqury-country_first_col {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 25%;
  color: gray;
}
#giftenqury .b-giftenqury-country_second_col {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 85%;
}
#giftenqury .b-giftenqury-country_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
#giftenqury .b-giftenqury-textarea {
  background-color: #f0f0f0 !important;
  border-color: transparent !important;
  padding: 5px;
}
#giftenqury .b-title {
  width: 35%;
}
#giftenqury .js-form-group {
  -ms-flex: 1 1 23%;
      flex: 1 1 23%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 50px;
}
#giftenqury .b-contact_us-row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
}
#giftenqury .b-contact_us-col {
  padding-right: 115px;
  max-width: 46%;
}
#giftenqury .js-form-group.g-checkbox.required {
  max-width: 60%;
  margin-bottom: 30px;
  margin-top: 50px;
}
#giftenqury .g-checkbox {
  max-width: 63%;
}
#giftenqury form#giftenqury {
  max-width: 100%;
  width: 100%;
  margin-top: 30px;
}
#giftenqury a.li_link:hover {
  text-decoration: underline;
}
#giftenqury a.li_link {
  text-decoration: none;
}
#giftenqury a {
  color: black;
}
#giftenqury .b-input_row-input {
  border-width: 1px;
  border-color: black;
  padding: 7px 0 15px 7px;
}
#giftenqury .container {
  float: left;
  margin: 10px;
}
#giftenqury .right {
  float: left;
  margin: 15px 50px 0 0 !important;
}
#giftenqury .checkbox {
  width: 20px;
  position: relative;
}
#giftenqury .checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  border-radius: 50px;
  border: 1px solid black;
}
#giftenqury .checkbox label:after {
  content: "";
  position: absolute;
  top: 1.5px;
  left: 2.5px;
  border: 7px solid #c4d5e8;
  border-radius: 50px;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#giftenqury .checkbox label:hover::after {
  opacity: 0.3;
}
#giftenqury .checkbox input[type=checkbox] {
  visibility: hidden;
}
#giftenqury .checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
#giftenqury .g-button_primary {
  width: 250px;
  background-color: #c4d5e8;
  color: black;
  margin-bottom: 20px;
}
#giftenqury .selectric .button:before {
  position: unset !important;
  border-top-color: #000000 !important;
  border: 8px solid transparent;
}
#giftenqury .selectric .button:after {
  position: unset !important;
  border: none !important;
}
#giftenqury .selectric .button {
  padding-top: 8px !important;
  position: absolute;
  right: -10%;
}
#giftenqury .selectric-items {
  width: 126% !important;
}
#giftenqury .b-giftenqury-interest {
  margin-left: -7px;
}
#giftenqury h2.b-title_group-title {
  text-align: left !important;
}
#giftenqury .b-input_row-input.checkbox {
  margin: 5px 0px !important;
}
#giftenqury .checkbox {
  visibility: unset !important;
}
@media only screen and (max-width: 1024px) {
  #giftenqury .boxMargin {
    margin-left: 25px;
  }
  #giftenqury .js-form-group {
    -ms-flex: 1 1 39%;
        flex: 1 1 39%;
    margin: 20px 32px;
  }
  #giftenqury .b-contact_us-col {
    padding-right: 50px;
    max-width: 100%;
  }
  #giftenqury .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #giftenqury .g-checkbox {
    max-width: 100%;
  }
  #giftenqury .b-giftenqury-submit {
    max-width: 47%;
  }
}
@media only screen and (max-width: 992px) {
  #giftenqury .b-contact_us-col {
    padding-right: 30px;
    max-width: 100%;
  }
  #giftenqury .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #giftenqury .g-checkbox {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #giftenqury {
    padding: 0 30px;
  }
  #giftenqury .b-contact_us-row {
    display: -ms-flexbox;
    display: flex;
  }
  #giftenqury .b-title {
    width: 100%;
  }
  #giftenqury .boxWidth {
    width: 100%;
    bottom: 0;
  }
  #giftenqury .boxMargin {
    margin-left: 0px;
  }
  #giftenqury .b-contact_us-col {
    padding-right: unset;
    max-width: 100%;
  }
  #giftenqury .js-form-group.g-checkbox.required {
    max-width: 100%;
    margin-bottom: 30px;
  }
  #giftenqury .g-checkbox {
    max-width: 100%;
  }
  #giftenqury .js-form-group {
    margin: 20px 0px;
  }
  #giftenqury .contactus_submit {
    margin-right: 0px;
  }
  #giftenqury .right {
    float: none !important;
  }
}
@media only screen and (max-width: 768px) {
  #giftenqury {
    scroll-margin: 100px !important;
  }
  #giftenqury .b-giftenqury-submit {
    max-width: 46%;
  }
  #giftenqury .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
        grid-template-columns: auto;
  }
  #giftenqury .b-getintouchfootnote {
    padding: 0 !important;
  }
  #giftenqury .b-mandatory {
    padding: 0 !important;
  }
  #giftenqury .b-title_group-title {
    margin: 0 !important;
  }
  #giftenqury .boxWidth {
    padding-left: 0 !important;
  }
  #giftenqury .b-giftenqury-interest {
    margin-left: -7px !important;
  }
  #giftenqury .right {
    margin: 21px 45px 0 0 !important;
  }
}
@media only screen and (min-width: 769px) {
  #giftenqury {
    scroll-margin: 150px !important;
  }
  #giftenqury .grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    width: 100%;
  }
  #giftenqury .item5 {
    -ms-grid-row: 2;
        grid-row-start: 2;
    grid-row-end: 4;
    -ms-grid-column: 3;
        grid-column-start: 3;
    grid-column-end: 3;
  }
  #giftenqury .b-getintouchfootnote {
    width: max-content;
  }
  #giftenqury .b-giftenqury-interest div:nth-of-type(3) {
    width: 130% !important;
  }
  #giftenqury .right {
    float: none !important;
  }
}
@media screen and (min-width: 768px) {
  #giftenqury .b-contact_us-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
  }
  #giftenqury .b-title {
    width: auto !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
  #giftenqury .b-giftenqury-interest {
    margin-left: -7px !important;
  }
  #giftenqury .boxWidth {
    padding-left: 3.5% !important;
  }
  #giftenqury .h-form_result.js-form-result {
    padding-left: 18px;
  }
}
@media screen and (min-width: 550px) and (max-width: 768px) {
  #giftenqury .boxWidth {
    padding-left: 5% !important;
  }
  #giftenqury .h-form_result.js-form-result {
    padding-left: 3.5%;
  }
}
@media only screen and (min-device-width: 550px) and (max-device-width: 769px) and (orientation: portrait) {
  #giftenqury .b-giftenqury-company {
    padding-top: 150px !important;
  }
  #giftenqury .selectric .button:after {
    border: none !important;
  }
  #giftenqury .right {
    margin: 21px 50px 0 0 !important;
  }
}

.b-contact_us {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 7px;
}
@media screen and (max-width: 850px) {
  .b-contact_us {
    margin-bottom: 100px;
  }
}
.b-contact_us .contact-sub-label {
  font-size: 25px;
}
.b-contact_us button.g-button_primary.js-contact-btn {
  margin-top: 40px;
}
.b-contact_us .h-form_result.js-form-result {
  margin-top: 50px;
}
.b-contact_us .b-input_row {
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  .b-contact_us .b-contacts-title.contactus-label-subtitle {
    margin-top: 40px;
    text-transform: inherit;
    text-align: center;
  }
  .b-contact_us .b-input_row,
  .b-contact_us .js-form-group.g-checkbox.required {
    margin-left: 8px;
  }
  .b-contact_us .contact-submit-btn {
    display: -ms-flexbox;
    display: flex;
  }
  .b-contact_us .contact-submit-btn .js-contact-btn {
    margin: 0 auto 8px;
  }
}
@media screen and (min-width: 1024px) {
  .b-contact_us .b-top_page_banner {
    margin-bottom: 80px;
    margin-top: 60px;
  }
  .b-contact_us .b-top_page_banner .b-top_page_banner-title {
    line-height: 40px;
    padding: 0 0 25px;
  }
}

.g-flyout {
  background-color: #fff;
  overflow-y: auto;
  position: fixed;
  z-index: 1050;
  transition: all 0.3s ease-in-out;
}
.g-flyout-top {
  top: -100%;
  left: 0;
  width: 100%;
  max-height: 100%;
  visibility: hidden;
}
.g-flyout-top.m-slide-in {
  top: 0;
  visibility: visible;
}
.g-flyout-right {
  top: 0;
  right: -100%;
  height: 100%;
  max-width: 100%;
  visibility: hidden;
}
.g-flyout-right.m-slide-in {
  right: 0;
  visibility: visible;
}
.g-flyout-bottom {
  left: 0;
  bottom: -100%;
  width: 100%;
  max-height: 100%;
  visibility: hidden;
}
.g-flyout-bottom.m-slide-in {
  bottom: 0;
  visibility: visible;
}
.g-flyout-left {
  top: 0;
  left: -100%;
  height: 100%;
  max-width: 100%;
  visibility: hidden;
}
.g-flyout-left.m-slide-in {
  left: 0;
  visibility: visible;
}
.g-flyout-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 20px;
}
.g-flyout-close::before, .g-flyout-close::after {
  background-color: #000;
  content: "";
  height: 2px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 20px;
}
.g-flyout-close::before {
  transform: rotate(45deg);
}
.g-flyout-close::after {
  transform: rotate(135deg);
}
.g-flyout-backdrop {
  background: #000;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1049;
}

/*md

# Popups
Popup element can be modified

```html
	<div class="g-modal" tabindex="-1" role="dialog">
		<div class="g-modal-dialog" role="document">
			<div class="g-modal-content">
				<div class="g-modal-close">
					<button type="button" class="close g-modal-close_button" data-dismiss="modal" aria-label="Close">
					</button>
				</div>
				<div class="g-modal-header">
					<h3 class="g-modal-header_title t-title-3">Shopping preferences</h5>
				</div>
				<div class="g-modal-body">
					<p>Note! If you change your location while shopping, we regret that you will lose the items in your shopping bag and any promo codes applied.</p>
				</div>
				<div class="g-modal-footer">
					<button type="button" class="g-button_third">
						Start shopping
					</button>
				</div>
			</div>
		</div>
	</div>
```

# Global popup desktop

```html_example
	<div style="display: block; position: relative; height: 415px; width: 350px;" class="g-modal fade show" tabindex="-1" role="dialog">
		<div style="max-height: 415px;" class="g-modal-dialog" role="document">
			<div class="g-modal-content">
				<div class="g-modal-close">
					<button type="button" class="close g-modal-close_button" data-dismiss="modal" aria-label="Close">
					</button>
				</div>
				<div class="g-modal-header">
					<h3 class="g-modal-header_title t-title-3">Shopping preferences</h5>
				</div>
				<div class="g-modal-body">
					<p style="margin-bottom: 35px;">Note! If you change your location while shopping, we regret that you will lose the items in your shopping bag and any promo codes applied.</p>
					<div style="margin-bottom: 35px;" class="some-select-block">
						<label for="selectcountry">Please select your delivery destination:</label>
						<select class="js-custom_select" name="selectcountry">
							<option selected>United Kingdom</option>
						</select>
					</div>
					<div style="margin-bottom: 35px;" class="some-select-block">
						<label for="selectcountry">Language:</label>
						<select class="js-custom_select" name="selectlanguage">
							<option selected>English</option>
						</select>
					</div>
				</div>
				<div class="g-modal-footer">
					<button type="button" class="g-button_third">
						Start shopping
					</button>
				</div>
			</div>
		</div>
	</div>
	<div style="position: absolute; width: 522px;" class="modal-backdrop show"></div>
```

*/
.g-modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1051;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}
.g-modal-dialog {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 100%;
  pointer-events: none;
  position: relative;
  width: auto;
}
.g-modal-content {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  outline: 0;
  padding: 40px 20px 40px 40px;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.g-modal-content:has(.b-country_dialog-container) {
  max-height: 535px;
}
@media screen and (max-width: 767px) {
  .g-modal-content:has(.b-country_dialog-container) {
    height: 100vh;
    max-height: initial;
  }
}
@media screen and (max-width: 767px) {
  .g-modal-content {
    padding: 40px 20px;
  }
}
.g-modal-header {
  margin-bottom: 50px;
}
@media screen and (min-width: 800px) and (max-width: 840px) {
  .g-modal-header {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 660px) and (max-width: 670px) {
  .g-modal-header {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 850px) and (max-width: 915px) {
  .g-modal-header {
    margin-bottom: 30px;
  }
}
.g-modal-header_title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #041E42;
}
@media screen and (max-width: 767px) {
  .g-modal-header_title {
    font-size: 18px;
    line-height: 24px;
  }
}
.g-modal-body {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  min-height: 1px;
  overflow-y: auto;
  overflow-x: hidden;
}
.g-modal-body label {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  display: block;
  letter-spacing: 0.7px;
}
.g-modal-body .b-signup_group-checkbox_label {
  font-family: "MinionW05-Display";
  font-weight: 400;
}
.g-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}
@media (min-width: 768px) and (max-width: 900px) {
  .g-modal-close {
    top: 50px;
  }
}
.g-modal-close_button {
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  cursor: pointer;
}
.g-modal-close_button::before, .g-modal-close_button::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: #000;
}
.g-modal-close_button::before {
  transform: rotate(45deg);
}
.g-modal-close_button::after {
  transform: rotate(135deg);
}

.modal-backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1049;
}
.modal-backdrop.show {
  opacity: 0.4;
}

.veil .underlay, .veil {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.veil {
  text-align: center;
  z-index: 110;
}
.veil .underlay {
  background-color: #000;
  opacity: 0.5;
}

.spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/*md

# USP (Unique Selling Proposition)

```html
	<div class="b-usp">
		<div class="b-usp-item">
			<div class="b-usp-item_title">Free Next Day Delivery</div>
			<p class="b-usp-item_text">
				Order before 7pm Monday to Thursday for delivery the next day
			</p>
		</div>
		<hr class="b-usp-item_border">
		<div class="b-usp-item">
			<div class="b-usp-item_title">Collect-in-Store</div>
			<p class="b-usp-item_text">
				Order online today and pick up your items in store as early as tomorrow
				store as early as tomorrow
			</p>
		</div>
		<hr class="b-usp-item_border">
		<div class="b-usp-item">
			<div class="b-usp-item_title">Free Gift Packaging</div>
			<p class="b-usp-item_text">
				Discover our gift packaging, a gold lined box tied with a coloured ribbon
				tied with a coloured ribbon
			</p>
		</div>
	</div>

```

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<div class="b-usp">
			<div class="b-usp-item">
				<div class="b-usp-item_title">Free Next Day Delivery</div>
				<p class="b-usp-item_text">
					Order before 7pm Monday to Thursday for delivery the next day
				</p>
			</div>
			<hr class="b-usp-item_border">
			<div class="b-usp-item">
				<div class="b-usp-item_title">Collect-in-Store</div>
				<p class="b-usp-item_text">
					Order online today and pick up your items in store as early as tomorrow
					store as early as tomorrow
				</p>
			</div>
			<hr class="b-usp-item_border">
			<div class="b-usp-item">
				<div class="b-usp-item_title">Free Gift Packaging</div>
				<p class="b-usp-item_text">
					Discover our gift packaging, a gold lined box tied with a coloured ribbon
					tied with a coloured ribbon
				</p>
			</div>
		</div>
	</div>
```
*/
.b-usp-item {
  text-align: center;
}
.b-usp-item_title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
}
.b-usp-item_text {
  line-height: 20px;
}
.b-usp-item_border {
  border: none;
  margin-top: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #c4d5e8;
}

/*md

# Title group

```html
	<div class="b-title_group">
		<span class="b-title_group-subtitle">Making of the Winter 18 Collection</span>
		<h1 class="b-title_group-title">Heritage, quality and craftsmanship</h1>
		<p class="b-title_group-description">Revelation in the Archives</p>
	</div>

```

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<div class="b-title_group">
			<span class="b-title_group-subtitle">Making of the Winter 18 Collection</span>
			<h1 class="b-title_group-title">Heritage, quality and craftsmanship</h1>
			<p class="b-title_group-description">Revelation in the Archives</p>
		</div>
	</div>
```
*/
.b-default_title_group {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .b-default_title_group {
    margin-bottom: 20px;
  }
}
.b-default_title_group-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  color: #041E42;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .b-default_title_group-title {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 767px) {
  .b-default_title_group-title {
    margin-bottom: 15px;
  }
}
.b-default_title_group-description {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .b-default_title_group-description {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
  }
}

.b-title_group-subtitle {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
}
.b-title_group-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 36px !important;
  line-height: 60px !important;
  letter-spacing: 5px !important;
  color: #041E42;
  font-style: normal;
  line-height: 40px;
  margin: 24px 0 16px;
}
@media screen and (max-width: 767px) {
  .b-title_group-title {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .b-title_group-title {
    line-height: 30px;
    margin: 10px 0 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-title_group-title {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 36px !important;
    line-height: 60px !important;
    letter-spacing: 5px !important;
    color: #041E42;
    font-style: normal;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (max-width: 767px) {
  .b-title_group-title {
    font-size: 24px;
    line-height: 30px;
  }
}
.b-title_group-description {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  font-family: "MinionW05-Display" !important;
  color: #041E42;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .b-title_group-description {
    font-family: "MinionW05-Display";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}

.l-body-page[data-action=Home-Show] .b-title_group-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 36px !important;
  line-height: 60px !important;
  letter-spacing: 5px !important;
  text-transform: uppercase;
  color: #041E42;
}

.l-body-page[data-action=Search-Show] .b-title_group-title, .l-body-page[data-action=Search-Show] .b-category_hero-title, .l-body-page[data-action=Search-Show] .b-store_locator-title,
.l-body-page[data-action=Page-Show] .b-title_group-title,
.l-body-page[data-action=Page-Show] .b-category_hero-title,
.l-body-page[data-action=Page-Show] .b-store_locator-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 36px !important;
  line-height: 60px !important;
  letter-spacing: 5px !important;
  margin: 24px 0 16px !important;
  color: #041E42;
  text-transform: uppercase;
  font-style: normal;
}
.l-body-page[data-action=Search-Show] .b-title_group-title-30,
.l-body-page[data-action=Page-Show] .b-title_group-title-30 {
  text-decoration: none;
  font-size: 16px !important;
  text-transform: uppercase;
  color: #041E42;
  letter-spacing: 3px !important;
  line-height: 40px !important;
  margin: 0 !important;
}

.b-title_group-title-20 {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 20px !important;
  line-height: 40px !important;
  letter-spacing: 2px !important;
  margin: 24px 0 16px !important;
  color: #041E42;
  text-transform: uppercase;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .b-title_group-title-20 {
    font-size: 30px !important;
    line-height: 50px !important;
    letter-spacing: 3px !important;
  }
}
@media screen and (max-width: 370px) {
  .b-title_group-title-20 {
    font-size: 25px !important;
    line-height: 50px !important;
    letter-spacing: 2px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-title_group-title-20 {
    letter-spacing: 1px !important;
  }
}

/*md

# Product list

```html
	<ul class="b-products_list">
		<li class="b-products_list-item">
			<a href="#" class="b-products_list-link">Bags</a>
		</li>
		<li class="b-products_list-item">
			<a href="#" class="b-products_list-link">Passport Covers</a>
		</li>
		<li class="b-products_list-item">
			<a href="#" class="b-products_list-link">Travel Wallets</a>
		</li>
		<li class="b-products_list-item">
			<a href="#" class="b-products_list-link">Washbags</a>
		</li>
		<li class="b-products_list-item">
			<a href="#" class="b-products_list-link">Leather Accessories</a>
		</li>
	</ul>

```

```html_example
	<div style="padding: 15px 0; display: flex; justify-content: space-around">
		<ul class="b-products_list">
			<li class="b-products_list-item"><a href="#" class="b-products_list-link">Bags</a></li>
			<li class="b-products_list-item"><a href="#" class="b-products_list-link">Passport Covers</a></li>
			<li class="b-products_list-item"><a href="#" class="b-products_list-link">Travel Wallets</a></li>
			<li class="b-products_list-item"><a href="#" class="b-products_list-link">Washbags</a></li>
			<li class="b-products_list-item"><a href="#" class="b-products_list-link">Leather Accessories</a></li>
		</ul>
	</div>
```
*/
.b-products_list {
  width: 100%;
  padding: 0;
  margin: 0;
}
.b-products_list-item {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  color: #000;
  padding-bottom: 12px;
  padding-right: 20px;
  vertical-align: top;
}
.b-products_list-item.h-style-dashed {
  padding-left: 10px;
  padding-bottom: 20px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.b-products_list-item.h-style-dashed:before {
  content: "-";
  position: relative;
  left: -10px;
}
.b-products_list-link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
}
.b-products_list-link:hover {
  text-decoration: underline;
}

.b-product_tile-body {
  padding: 12px 12px 31px 12px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-product_tile-body {
    padding: 12px 13px 12px 12px;
  }
}
@media screen and (max-width: 767px) {
  .b-product_tile-body {
    padding: 12px 13px 12px 12px;
  }
}
.b-product_tile-type {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  height: 14px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .b-product_tile-type {
    height: 12px;
  }
}
.b-product_tile .b-product_tile-img {
  width: 100%;
  aspect-ratio: 1/1;
}
.b-product_tile-image_container {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.b-product_tile-image_container img {
  background: #F6F6F6;
}
.b-product_tile-image_link {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-decoration: none;
}
.b-product_tile-image_link:hover {
  text-decoration: none;
}
@media (hover: none) {
  .b-product_tile-image_link.m-has-alt::before, .b-product_tile-image_link.m-has-alt::after {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 20px;
    height: 2px;
    background: #aaa;
    z-index: 1;
  }
}
@media screen and (hover: none) and (max-width: 767px) {
  .b-product_tile-image_link.m-has-alt::before, .b-product_tile-image_link.m-has-alt::after {
    bottom: 5px;
  }
}
@media (hover: none) {
  .b-product_tile-image_link.m-has-alt::before {
    left: 50%;
    margin-left: -25px;
    background: #aaa;
  }
  .b-product_tile-image_link.m-has-alt::after {
    right: 50%;
    margin-right: -25px;
    background: #ddd;
  }
  .b-product_tile-image_link.m-has-alt.m-show-alt::before {
    background: #ddd;
  }
  .b-product_tile-image_link.m-has-alt.m-show-alt::after {
    background: #aaa;
  }
}
.b-product_tile-image_link.m-show-swatch {
  background-size: contain;
  background-repeat: no-repeat;
}
.b-product_tile-image_link.m-show-swatch .b-product_tile-img, .b-product_tile-image_link.m-show-swatch .b-product_tile-image {
  opacity: 0;
}
.b-product_tile-image {
  position: relative;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  right: 0;
  width: 100%;
  height: 100%;
  transition: right 0s 0.3s;
}
.b-product_tile-image_link.m-show-alt .b-product_tile-image {
  right: 100%;
}
.b-product_tile-name {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.b-product_tile-name_link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  position: relative;
  display: block;
  text-decoration: none;
  letter-spacing: 0.8px;
  color: #000;
  font-weight: 400;
}
.b-product_tile-name_link:active, .b-product_tile-name_link:focus, .b-product_tile-name_link:hover {
  text-decoration: none;
}
.b-product_tile:hover .b-product_tile-name_link {
  opacity: 0.7;
}
.b-product_tile-wishlist {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  line-height: inherit;
  padding-top: 2px;
}
.b-product_tile .b-product_attributes-price_value {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  line-height: inherit;
  margin-bottom: 5px;
}
.b-product_tile-stock_status {
  font-family: "GillSansMTW05-Medium";
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.b-product_tile-swatches {
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
}
.b-product_tile-swatches_counter {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  position: absolute;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  opacity: 0;
  cursor: default;
  transform: translateY(0);
  transition: all 0.2s ease-in-out 0.1s;
}
@media screen and (min-width: 768px) {
  .b-product_tile.m-hovered .b-product_tile-swatches_counter {
    transform: translateY(-100%);
    opacity: 0;
  }
}
.b-product_tile-swatches_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  opacity: 1;
  z-index: 1;
  transform: none;
  transition: none;
}
@media screen and (min-width: 768px) {
  .b-product_tile.m-hovered .b-product_tile-swatches_list {
    transform: translateY(0);
    opacity: 1;
  }
}
.b-product_tile-swatches_link {
  height: 20px !important;
  width: 20px !important;
}
.b-product_tile .b-color_swatch-link:not(:last-child) {
  margin-right: 12px;
}
.b-product_tile .b-color_swatch-link .b-color_swatch-circle {
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-product_tile .b-color_swatch-link.m-selected {
  border: 1px solid black;
  border-radius: 50%;
  margin-right: 9px;
}
.b-product_tile .b-color_swatch-link.m-selected .b-color_swatch-circle {
  height: 14px;
  width: 14px;
  vertical-align: middle;
}
.b-product_tile .b-color_swatch-link.m-selected .b-color_swatch-circle::before {
  content: none;
}
.b-product_tile-swatches_more {
  position: relative;
  display: inline-block;
  height: 14px;
  width: 8px;
  cursor: pointer;
}
.b-product_tile-swatches_more::before, .b-product_tile-swatches_more::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
}
.b-product_tile-swatches_more::before {
  transform: translateY(-50%) rotate(90deg);
}
.b-product_tile-description_bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .b-product_tile-description_bottom {
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
  }
}

.l-body-page[data-action=Product-Show] .b-product_tile,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile,
.l-body-page[data-action=null] .b-product_tile {
  text-align: left;
}
.l-body-page[data-action=Product-Show] .b-product_tile-image_link,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link,
.l-body-page[data-action=null] .b-product_tile-image_link {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-decoration: none;
}
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-img, .l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-img,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-img,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-img,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-img,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-img,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-img,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-img,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-img,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-img,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-img,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-img,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-img,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-img,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-img,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-img,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-swatch .l-body-page[data-action=null] .b-product_tile-image {
  opacity: 0;
}
.l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image {
  position: relative;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  right: 0;
  width: 100%;
  height: 100%;
  transition: right 0s 0.3s;
}
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-Show] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=null] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-Show] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-image,
.l-body-page[data-action=null] .b-product_tile-image_link.m-show-alt .l-body-page[data-action=null] .b-product_tile-image {
  right: 100%;
}
.l-body-page[data-action=Product-Show] .b-product_tile-name,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name,
.l-body-page[data-action=null] .b-product_tile-name {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name,
  .l-body-page[data-action=null] .b-product_tile-name {
    padding-right: 0;
    padding-left: 0;
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name,
  .l-body-page[data-action=null] .b-product_tile-name {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name,
  .l-body-page[data-action=null] .b-product_tile-name {
    margin-top: 20px;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name,
  .l-body-page[data-action=null] .b-product_tile-name {
    margin-top: 20px;
    width: 100%;
  }
}
.l-body-page[data-action=Product-Show] .b-product_tile-name_link,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name_link,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name_link,
.l-body-page[data-action=null] .b-product_tile-name_link {
  color: #000;
  padding: unset !important;
}
@media screen and (min-width: 768px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name_link,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name_link,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name_link,
  .l-body-page[data-action=null] .b-product_tile-name_link {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.28px;
  }
}
@media screen and (max-width: 767px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-name_link,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-name_link,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-name_link,
  .l-body-page[data-action=null] .b-product_tile-name_link {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
  }
}
.l-body-page[data-action=Product-Show] .b-product_tile-wishlist,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-wishlist,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-wishlist,
.l-body-page[data-action=null] .b-product_tile-wishlist {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  line-height: inherit;
  padding-top: 2px;
}
.l-body-page[data-action=Product-Show] .b-product_tile-body > .b-custom-price_value_main, .l-body-page[data-action=Product-Show] .b-product_tile-body > .b-product_attributes-price_value,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-body > .b-custom-price_value_main,
.l-body-page[data-action=Product-ShowInCategory] .b-product_tile-body > .b-product_attributes-price_value,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-body > .b-custom-price_value_main,
.l-body-page[data-action=Product-GlobaleShow] .b-product_tile-body > .b-product_attributes-price_value,
.l-body-page[data-action=null] .b-product_tile-body > .b-custom-price_value_main,
.l-body-page[data-action=null] .b-product_tile-body > .b-product_attributes-price_value {
  color: #000;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-bottom: 23px;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .l-body-page[data-action=Product-Show] .b-product_tile-body > .b-custom-price_value_main, .l-body-page[data-action=Product-Show] .b-product_tile-body > .b-product_attributes-price_value,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-body > .b-custom-price_value_main,
  .l-body-page[data-action=Product-ShowInCategory] .b-product_tile-body > .b-product_attributes-price_value,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-body > .b-custom-price_value_main,
  .l-body-page[data-action=Product-GlobaleShow] .b-product_tile-body > .b-product_attributes-price_value,
  .l-body-page[data-action=null] .b-product_tile-body > .b-custom-price_value_main,
  .l-body-page[data-action=null] .b-product_tile-body > .b-product_attributes-price_value {
    color: #000;
    text-align: center;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.96px;
  }
}

.b-disabled_message {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 5px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  background-color: #ffe569;
}

[class^=icon-]::before,
[class*=" icon-"]::before {
  content: "";
  font-size: 14px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-arrow-left:before {
  content: "\E901";
}

.icon-arrow-right {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-arrow-right:before {
  content: "\E900";
}

.icon-arrow-up {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-arrow-up:before {
  content: "\E904";
}

.icon-arrow-down {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-arrow-down:before {
  content: "\E905";
}

.icon-bag {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-bag:before {
  content: "\E906";
}

.icon-heart {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-heart:before {
  content: "\E908";
}

.icon-heart-active {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-heart-active:before {
  content: "\E909";
}

.icon-menu {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-menu:before {
  content: "\E90A";
}

.icon-rectangle {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-rectangle:before {
  content: "\E90C";
}

.icon-search {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-search:before {
  content: "\E90E";
}

.icon-secure {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-secure:before {
  content: "\E902";
}

.icon-plus {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-plus:before {
  content: "\EA0A";
}

.icon-minus {
  margin-right: 10px;
  vertical-align: middle;
}
.icon-minus:before {
  content: "\EA0B";
}

/*md

# Tabs

```html
	<ul class="b-tabs nav">
	    <li class="b-tabs-item">
	        <a class="b-tabs-link active show" href="#tab1" data-toggle="tab" role="tab" aria-selected="true">
				Login
			</a>
	    </li>
	    <li class="b-tabs-item">
	        <a class="b-tabs-link" href="#tab2" data-toggle="tab" role="tab" aria-selected="false">
				Sign up
			</a>
	    </li>
	</ul>
	<div class="b-tabs-content">
	    <div class="b-tabs-pane active" id="tab1" role="tabpanel">
	        <h2 class="b-tabs-title">Returning Customer</h2>
	        <p class="b-tabs-copy">Please enter your email and password to access your account.</p>
	    </div>
	    <div class="b-tabs-pane" id="tab2" role="tabpanel">
	        <h2 class="b-tabs-title">New Customer</h2>
	        <p class="b-tabs-copy">Please register below to create an account.</p>
	    </div>
	</div>
```

## Default

```html_example
	<div style="padding: 15px 0;  display: flex; justify-content: space-around">
		<div style="width: 480px;">
			<ul class="b-tabs nav">
				<li class="b-tabs-item">
					<a class="b-tabs-link active show" href="#tab1" data-toggle="tab" role="tab" aria-selected="true">Login</a>
				</li>
				<li class="b-tabs-item">
					<a class="b-tabs-link" href="#tab2" data-toggle="tab" role="tab" aria-selected="false">Sign up</a>
				</li>
			</ul>
			<div class="b-tabs-content">
				<div class="b-tabs-pane active" id="tab1" role="tabpanel">
					<h2 class="b-tabs-title">Returning Customer</h2>
					<p class="b-tabs-copy">Please enter your email and password to access your account.</p>
					<div class="b-input_row">
						<label class="b-input_row-label">First Name</label>
						<input type="text" class="b-input_row-input">
					</div>
				</div>
				<div class="b-tabs-pane" id="tab2" role="tabpanel">
					<h2 class="b-tabs-title">New Customer</h2>
					<p class="b-tabs-copy">Please register below to create an account.</p>
					<div class="b-input_row">
						<label class="b-input_row-label">First Name</label>
						<input type="text" class="b-input_row-input">
					</div>
				</div>
			</div>
		</div>
	</div>
```

*/
.b-tabs {
  display: block;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .b-tabs {
    margin-bottom: 40px;
  }
}
.b-tabs-title-item {
  width: 100%;
}
.b-tabs-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #041E42;
  line-height: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.b-tabs-copy {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 45px;
}
.b-tabs-item {
  display: inline-block;
  vertical-align: middle;
}
.b-tabs-item + .b-tabs-item {
  margin-left: 35px;
}
.b-tabs-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
}
.b-tabs-link:hover {
  text-decoration: none;
}
.b-tabs-link:focus {
  outline: none;
}
.b-tabs-link.disabled, .b-tabs-link.m-disabled, .b-tabs-link:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-tabs-link:hover, .b-tabs-link:active, .b-tabs-link:focus {
  text-decoration: none;
}
.b-tabs-link:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-tabs-link:not(:disabled):hover {
    border-color: #0b2171;
  }
}
@media screen and (min-width: 768px) {
  .b-tabs-link {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 5px;
  }
}
.b-tabs-link.active {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  border-color: #000;
}
.b-tabs-pane:not(.active) {
  display: none;
}

.l-body-page[data-action=Product-Show] .b-tabs-title,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title {
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .l-body-page[data-action=Product-Show] .b-tabs-title,
  .l-body-page[data-action=Product-ShowInCategory] .b-tabs-title,
  .l-body-page[data-action=Product-GlobaleShow] .b-tabs-title {
    margin: 21px 0 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .l-body-page[data-action=Product-Show] .b-tabs-title,
  .l-body-page[data-action=Product-ShowInCategory] .b-tabs-title,
  .l-body-page[data-action=Product-GlobaleShow] .b-tabs-title {
    margin: 28px 0 0 0;
  }
}
.l-body-page[data-action=Product-Show] .b-tabs-title-item,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-item,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-item {
  border-top: 1px solid #D9D9D9;
  line-height: 0;
}
.l-body-page[data-action=Product-Show] .b-tabs-title-item .icon-arrow-right-2,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-item .icon-arrow-right-2,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-item .icon-arrow-right-2 {
  width: 13px;
  height: 7px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  float: right;
  margin-right: 10px;
  transition-timing-function: ease-in-out;
  position: relative;
  transition: left 0.3s;
  left: -10px;
  transform: scaleX(1);
  top: 4px;
}
.l-body-page[data-action=Product-Show] .b-tabs-title-btn,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-btn,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
  width: 100%;
  padding: 20px 0;
  text-align: left;
}
.l-body-page[data-action=Product-Show] .b-tabs-title-btn:focus .icon-arrow-right-2, .l-body-page[data-action=Product-Show] .b-tabs-title-btn:hover .icon-arrow-right-2,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-btn:focus .icon-arrow-right-2,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-btn:hover .icon-arrow-right-2,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-btn:focus .icon-arrow-right-2,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-btn:hover .icon-arrow-right-2 {
  position: relative;
  left: 10px;
}
.l-body-page[data-action=Product-Show] .b-tabs-title-item:last-child,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-item:last-child,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-item:last-child {
  border-bottom: 1px solid #D9D9D9;
}
.l-body-page[data-action=Product-Show] .b-tabs-title-link,
.l-body-page[data-action=Product-ShowInCategory] .b-tabs-title-link,
.l-body-page[data-action=Product-GlobaleShow] .b-tabs-title-link {
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.72px;
}
.l-body-page[data-action=Product-Show] .b-description-content,
.l-body-page[data-action=Product-ShowInCategory] .b-description-content,
.l-body-page[data-action=Product-GlobaleShow] .b-description-content {
  display: none;
}
.l-body-page[data-action=Product-Show] .b-description-content > .b-tabs,
.l-body-page[data-action=Product-ShowInCategory] .b-description-content > .b-tabs,
.l-body-page[data-action=Product-GlobaleShow] .b-description-content > .b-tabs {
  margin-bottom: 55px;
}
.l-body-page[data-action=Product-Show] .b-description-content > .b-tabs-pane,
.l-body-page[data-action=Product-ShowInCategory] .b-description-content > .b-tabs-pane,
.l-body-page[data-action=Product-GlobaleShow] .b-description-content > .b-tabs-pane {
  max-width: 900px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: "MinionW05-Display" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 34px !important;
  letter-spacing: 0.04em !important;
  color: #041E42 !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .l-body-page[data-action=Product-Show] .b-description-content > .b-tabs,
  .l-body-page[data-action=Product-ShowInCategory] .b-description-content > .b-tabs,
  .l-body-page[data-action=Product-GlobaleShow] .b-description-content > .b-tabs {
    width: 700px;
    height: auto;
    margin: 0 auto 60px auto;
  }
  .l-body-page[data-action=Product-Show] .b-description-content > .b-tabs-pane,
  .l-body-page[data-action=Product-ShowInCategory] .b-description-content > .b-tabs-pane,
  .l-body-page[data-action=Product-GlobaleShow] .b-description-content > .b-tabs-pane {
    width: 700px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.l-body-page[data-action=Product-Show] #internalLayoutItem,
.l-body-page[data-action=Product-ShowInCategory] #internalLayoutItem,
.l-body-page[data-action=Product-GlobaleShow] #internalLayoutItem {
  max-width: 1400px !important;
}
.l-body-page[data-action=Product-Show] .b-description > .b-description-content > #detailsItem, .l-body-page[data-action=Product-Show] #collectionItem, .l-body-page[data-action=Product-Show] #materialItem, .l-body-page[data-action=Product-Show] #productcareItem, .l-body-page[data-action=Product-Show] #deliveryandreturnsItem, .l-body-page[data-action=Product-Show] #optionalSectionItem, .l-body-page[data-action=Product-Show] #internalLayoutItem,
.l-body-page[data-action=Product-ShowInCategory] .b-description > .b-description-content > #detailsItem,
.l-body-page[data-action=Product-ShowInCategory] #collectionItem,
.l-body-page[data-action=Product-ShowInCategory] #materialItem,
.l-body-page[data-action=Product-ShowInCategory] #productcareItem,
.l-body-page[data-action=Product-ShowInCategory] #deliveryandreturnsItem,
.l-body-page[data-action=Product-ShowInCategory] #optionalSectionItem,
.l-body-page[data-action=Product-ShowInCategory] #internalLayoutItem,
.l-body-page[data-action=Product-GlobaleShow] .b-description > .b-description-content > #detailsItem,
.l-body-page[data-action=Product-GlobaleShow] #collectionItem,
.l-body-page[data-action=Product-GlobaleShow] #materialItem,
.l-body-page[data-action=Product-GlobaleShow] #productcareItem,
.l-body-page[data-action=Product-GlobaleShow] #deliveryandreturnsItem,
.l-body-page[data-action=Product-GlobaleShow] #optionalSectionItem,
.l-body-page[data-action=Product-GlobaleShow] #internalLayoutItem {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .b-tabs-title-popup-detail {
    left: auto;
    right: -60%;
    transition: right 0.5s, opacity 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail {
    top: auto;
    height: 100%;
    bottom: -100%;
    transition: bottom 0.5s ease-out, opacity 0.5s linear;
  }
}
.b-tabs-title-popup-detail .g-modal-dialog {
  max-width: 580px;
  margin: 0 auto;
  height: 100vh;
  float: right;
  -ms-flex-align: inherit;
      align-items: inherit;
}
@media screen and (min-width: 200px) and (max-width: 600px) {
  .b-tabs-title-popup-detail .g-modal-dialog {
    float: none;
  }
}
@media screen and (min-width: 700px) and (max-width: 750px) {
  .b-tabs-title-popup-detail .g-modal-dialog {
    min-width: 640px;
    max-width: 640px;
  }
}
.b-tabs-title-popup-detail .g-modal-dialog .g-modal-content {
  padding: 19px 102px 40px 66px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail .g-modal-dialog .g-modal-content {
    padding: 22px 31px 40px 31px;
  }
}
.b-tabs-title-popup-detail .g-modal-dialog .g-modal-footer {
  height: unset !important;
}
.b-tabs-title-popup-detail .popup-header {
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.92px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 12px;
  width: 412px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail .popup-header {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1.28px;
    width: 328px;
  }
}
.b-tabs-title-popup-detail .popup-desc-0 {
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail .popup-desc-0 {
    letter-spacing: 0.72px;
    width: 313px;
  }
}
.b-tabs-title-popup-detail .popup-desc-1 {
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.72px;
  margin-bottom: 24px;
  width: 389px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail .popup-desc-1 {
    width: 313px;
  }
}
.b-tabs-title-popup-detail .popup-desc-2 {
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.96px;
  width: 387px;
}
@media screen and (max-width: 767px) {
  .b-tabs-title-popup-detail .popup-desc-2 {
    width: 313px;
    color: #000;
  }
}
.b-tabs-title-popup-detail .popup-desc-2 > ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  background: #000000;
  border-radius: 50%;
}
.b-tabs-title-popup-detail .popup-desc-2 > ul > li {
  padding-left: 15px;
  position: relative;
}
.b-tabs-title-popup-detail .material-title {
  letter-spacing: 0.72px;
}

.popup-close {
  display: none;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.popup-close-txt {
  margin-left: 9px;
  text-transform: uppercase;
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.6px;
  display: block;
  display: inline;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .popup-transition {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .popup-transition {
    bottom: 0;
  }
}

.modal-backdrop {
  opacity: 0;
  transition: opacity 0.5s linear;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=de] .b-tabs-title-link,
  html[lang=it] .b-tabs-title-link,
  html[lang=fr] .b-tabs-title-link {
    line-height: 1em !important;
    height: 50px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  html[lang=de] .b-tabs-title-link,
  html[lang=it] .b-tabs-title-link,
  html[lang=fr] .b-tabs-title-link {
    line-height: 1em !important;
  }
}
@media screen and (min-width: 1024px) {
  html[lang=de] .b-tabs-title-link,
  html[lang=it] .b-tabs-title-link,
  html[lang=fr] .b-tabs-title-link {
    line-height: 1em !important;
    height: 50px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=de] .l-body-page[data-action=Wishlist-Show] .b-tabs-link,
  html[lang=it] .l-body-page[data-action=Wishlist-Show] .b-tabs-link,
  html[lang=fr] .l-body-page[data-action=Wishlist-Show] .b-tabs-link {
    font-size: 18px;
  }
}

.g-iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.g-iframe.h-iframe_50 {
  width: 50%;
  padding-bottom: 28.12%;
}
@media screen and (max-width: 767px) {
  .g-iframe.h-iframe_50 {
    width: 100%;
    padding-bottom: 56.25%;
  }
}
.g-iframe-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.h-content_block {
  display: block;
  clear: both;
  padding: 0;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .h-content_block {
    margin-bottom: 40px;
  }
}
.h-content_block-large {
  display: block;
  clear: both;
  padding: 0;
  margin-bottom: 200px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .h-content_block-large {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .h-content_block-large {
    margin-bottom: 60px;
  }
}

.h-text_block {
  margin-bottom: 20px;
}

.hide,
.h-hide,
.d-none {
  display: none !important;
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
  .h-hide-only-iphonex {
    display: none;
  }
}
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
  .h-hide-only-iphonexr {
    display: none;
  }
}
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
  .h-hide-only-iphonexmax {
    display: none;
  }
}
@media only screen and (min-device-width : 414px) and (max-device-height : 736px) and (-webkit-device-pixel-ratio : 2) {
  .h-hide-only-iphonesixplus {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .h-hide-only-phones-portrait {
    display: none;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .h-hide-only-phones-landscape {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .h-hide-only-phones {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .h-hide-only-no-phones {
    display: none;
  }
}
@media screen and (min-width: 711px) and (max-width: 768px) {
  .h-hide-only-no-tablets {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .h-hide-only-tablets {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .h-hide-only-tablets-landscape {
    display: none;
  }
}
@media screen and (max-height: 750px) and (max-width: 1200px) {
  .h-hide-only-tablets-landscape2 {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .h-hide-only-tablets-landscape3 {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .h-hide-only-mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .h-hide-only-desktop {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .h-hide-only-desktop-large {
    display: none;
  }
}
@media (hover: hover) {
  .h-hide-only-hoverable {
    display: none;
  }
}
@media (hover: none) {
  .h-hide-only-touch-only {
    display: none;
  }
}
@media print {
  .h-hide-only-print {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .desk_none {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .desk_none {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .phone_none {
    display: none;
  }
}

.l-header {
  transition: all 0.6s;
}
.l-header-container {
  max-width: 100%;
}
.l-header-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-shadow: 0px 2px 15px rgba(170, 170, 170, 0.25);
}
@media screen and (max-width: 1023px) {
  .l-header-content {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-content {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media screen and (min-width: 1440px) {
  .l-header-content {
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (max-width: 1023px) {
  .l-header-content {
    -ms-flex-align: end;
        align-items: flex-end;
    margin-left: unset !important;
    margin-right: unset !important;
  }
}
@media screen and (max-height: 750px) and (max-width: 1200px) {
  .l-header-content {
    margin-left: unset !important;
    margin-right: unset !important;
  }
}
.l-header-left_side, .l-header-center, .l-header-right_side, .l-header-navigation {
  padding-top: 31px;
  padding-bottom: 20px;
}
.l-header-left_side, .l-header-right_side {
  -ms-flex: 1 1 33.3333333333%;
      flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
  box-sizing: border-box;
  transition: all 0.6s;
}
@media screen and (max-width: 1023px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1440px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-left_side, .l-header-right_side {
    max-width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .l-header-left_side, .l-header-right_side {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) and (max-width: 1023px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1440px) {
  .l-header-left_side, .l-header-right_side {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-header-right_side {
  text-align: right;
  padding-right: 5%;
}
.l-header-left_side {
  padding-left: 5%;
}
.l-header-center {
  -ms-flex: 1 1 33.3333333333%;
      flex: 1 1 33.3333333333%;
  max-width: 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.6s;
}
@media screen and (max-width: 1023px) {
  .l-header-center {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-center {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1440px) {
  .l-header-center {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-center {
    max-width: 192px;
  }
}
@media screen and (max-width: 767px) {
  .l-header-center {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) and (max-width: 1023px) {
  .l-header-center {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-center {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 1440px) {
  .l-header-center {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-header-navigation {
  transition: all 0.6s;
}
@media screen and (max-width: 1023px) {
  .l-header-navigation {
    background-color: #fff;
    overflow-y: auto;
    position: fixed;
    z-index: 1050;
    transition: all 0.3s ease-in-out;
    top: 0;
    left: -100%;
    height: 100%;
    max-width: 100%;
    visibility: hidden;
    width: 100%;
    padding: 20px;
  }
  .l-header-navigation.m-slide-in {
    left: 0;
    visibility: visible;
  }
  .l-header-navigation.m-has-active {
    overflow-y: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .l-header-navigation {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .l-header-navigation {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .l-header-navigation {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .l-header-navigation {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-header .b-country_selector,
.l-header .b-utility_navigation,
.l-header .b-header_search,
.l-header .b-header_account,
.l-header .b-minicart {
  display: inline-block;
  vertical-align: middle;
}
.l-header .b-utility_navigation,
.l-header .b-header_account,
.l-header .b-minicart {
  margin-left: 54px;
}
@media screen and (max-width: 1023px) {
  .l-header-left_side .b-country_selector,
  .l-header-left_side .b-utility_navigation,
  .l-header-left_side .b-minicart {
    display: none;
  }
  .l-header-right_side .b-header_account {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .l-header .b-minicart {
    margin-left: 0px;
  }
}

.l-body-page[data-action=Page-Show] .l-header-content img {
  width: unset !important;
}

html[lang=fr] .b-utility_navigation,
html[lang=fr] .b-header_account,
html[lang=fr] .b-minicart {
  margin-left: 30px;
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=it] .b-header_account,
  html[lang=it] .b-minicart {
    margin-left: 36px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1150px) and (max-width: 1200px) {
  html[lang=it] .b-minicart {
    margin-left: 18px;
  }
  html[lang=it] .b-header_account {
    margin-left: 31px;
  }
  html[lang=it] .l-header-right_side {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  html[lang=ja] .b-header_account,
  html[lang=ja] .b-minicart {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  html[lang=ja] .b-header_account,
  html[lang=ja] .b-minicart {
    margin-left: 35px !important;
  }
}

.l-header-content > .l-header-navigation {
  padding-top: 0px;
}

@media screen and (min-width: 1525px) and (max-width: 1540px) {
  html[lang=it] .b-utility_navigation,
  html[lang=it] .b-header_account,
  html[lang=it] .b-minicart {
    margin-left: 18px !important;
  }
  html[lang=it] .l-header-right_side {
    padding-right: 3%;
  }
}

@media screen and (min-width: 1525px) and (max-width: 1540px) {
  html[lang=ja] .b-utility_navigation,
  html[lang=ja] .b-header_account,
  html[lang=ja] .b-minicart {
    margin-left: 30px !important;
  }
}

.l-body-header_banner_slot {
  font-family: "GillSansMTW05-Medium";
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .l-body-header_banner_slot .banner-js {
    min-height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .l-body-header_banner_slot .banner-js {
    min-height: 45px;
  }
}

html,
.l-body {
  height: 100%;
}

.l-body {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  background: #fff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.l-body-page {
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-x: hidden;
}
.l-body-header_banner {
  background: #f0f0f0;
}
.l-body-page_main {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-height: 1px;
}
.l-body-footer_flyout {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.l-body.modal-open, .l-body.m-flyout-open {
  position: static;
  width: 100%;
  overflow: hidden;
}
.l-body.modal-open .b-header, .l-body.m-flyout-open .b-header {
  z-index: 101;
}
_:default:not(:root:root), .l-body.modal-open:not(.m-flyout-search-open), .l-body.m-flyout-open:not(.m-flyout-search-open) {
  position: fixed;
}

.l-body.modal-open:not(.modal-backdrop), .l-body.m-flyout-open:not(.modal-backdrop) {
  position: unset;
}

@media screen and (min-width: 1024px) {
  .l-body.modal-open, .l-body.m-flyout-open {
    padding-right: 17px;
  }
}
@media screen and (max-width: 767px) {
  .l-body.modal-open {
    position: fixed;
  }
}

.l-body-page {
  overflow-x: unset !important;
}

.b-tracking_consent-dialog {
  width: 100%;
  margin: 0;
  background-color: #c4d5e8;
  z-index: 98;
  text-align: center;
}
.b-tracking_consent-content {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  border: none;
  color: #0b2171;
}
@media screen and (min-width: 768px) {
  .b-tracking_consent-content {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .b-tracking_consent-content {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
  .b-tracking_consent-content {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-content {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-tracking_consent-content {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.b-tracking_consent-wraper {
  padding: 25px 25px 20px;
}
@media screen and (min-width: 768px) {
  .b-tracking_consent-wraper {
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-tracking_consent-wraper {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-wraper {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-tracking_consent-wraper {
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (min-width: 1024px) {
  .b-tracking_consent-text {
    -ms-flex: 1 1 83.3333333333%;
        flex: 1 1 83.3333333333%;
    max-width: 83.3333333333%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .b-tracking_consent-text {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-text {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .b-tracking_consent-text {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-tracking_consent-text {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 1023px) {
  .b-tracking_consent-text {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-text {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1440px) {
  .b-tracking_consent-text {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .b-tracking_consent-text {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .b-tracking_consent-description {
    text-align: center;
  }
}
.b-tracking_consent-link {
  color: #0b2171;
  text-decoration: underline;
}
.m-acc-on .b-tracking_consent-link:focus {
  box-shadow: 0 0 4px 1px currentColor !important;
}
.b-tracking_consent-link:hover {
  color: #0b2171;
}
.b-tracking_consent-btn_wraper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media screen and (min-width: 1024px) {
  .b-tracking_consent-btn_wraper {
    -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-tracking_consent-btn_wraper {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 1023px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) and (min-width: 1440px) {
  .b-tracking_consent-btn_wraper {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .b-tracking_consent-btn_wraper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.b-tracking_consent-btn, .b-tracking_consent-btn_decline {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  color: #fff;
  border-color: #fff;
  margin-left: 15px;
  margin-right: 15px;
  color: #0b2171;
}
.b-tracking_consent-btn:focus, .b-tracking_consent-btn_decline:focus {
  outline: none;
}
.b-tracking_consent-btn.disabled, .b-tracking_consent-btn.m-disabled, .b-tracking_consent-btn:disabled, .b-tracking_consent-btn_decline.disabled, .b-tracking_consent-btn_decline.m-disabled, .b-tracking_consent-btn_decline:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-tracking_consent-btn:hover, .b-tracking_consent-btn:active, .b-tracking_consent-btn:focus, .b-tracking_consent-btn_decline:hover, .b-tracking_consent-btn_decline:active, .b-tracking_consent-btn_decline:focus {
  text-decoration: none;
}
.b-tracking_consent-btn:not(:disabled):active, .b-tracking_consent-btn_decline:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-tracking_consent-btn:not(:disabled):hover, .b-tracking_consent-btn_decline:not(:disabled):hover {
    border-color: #0b2171;
  }
}
.b-tracking_consent-btn:not(:disabled):active, .b-tracking_consent-btn_decline:not(:disabled):active {
  opacity: 0.7;
  border-color: #fff;
}
@media (hover: hover) {
  .b-tracking_consent-btn:not(:disabled):hover, .b-tracking_consent-btn_decline:not(:disabled):hover {
    opacity: 0.7;
    border-color: #fff;
  }
}
.m-acc-on .b-tracking_consent-btn:focus, .m-acc-on .b-tracking_consent-btn_decline:focus {
  box-shadow: 0 0 4px 1px currentColor !important;
}
.b-tracking_consent-btn:not(:disabled):hover, .b-tracking_consent-btn_decline:not(:disabled):hover {
  border-color: #0b2171;
  color: #0b2171;
}
.b-tracking_consent-btn {
  white-space: nowrap;
  border-color: #0b2171;
}
.b-tracking_consent-btn_decline {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  border-color: transparent;
}
@media screen and (max-width: 767px) {
  .b-tracking_consent-btn_decline {
    margin-top: 20px;
  }
}

.b-header_banner {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-header_banner {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-header_banner {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_banner {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .b-header_banner {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.b-welcome_dialog {
  background: #c4d5e8;
  color: #0b2171;
  padding-top: 15px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .b-welcome_dialog {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.b-welcome_dialog-container {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .b-welcome_dialog-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-welcome_dialog-container {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-welcome_dialog-container {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .b-welcome_dialog-container {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
@media screen and (min-width: 768px) {
  .b-welcome_dialog-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-welcome_dialog-content {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-welcome_dialog-content {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-welcome_dialog-content {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.b-welcome_dialog-message {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  color: #0b2171;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .b-welcome_dialog-message {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    max-width: none;
    box-sizing: border-box;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .b-welcome_dialog-message {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-welcome_dialog-message {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .b-welcome_dialog-message {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) {
  .b-welcome_dialog-buttons_group {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    max-width: none;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-welcome_dialog-buttons_group {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-welcome_dialog-buttons_group {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-welcome_dialog-buttons_group {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.b-welcome_dialog-apply_button {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  color: #fff;
  border-color: #fff;
  border-color: #0b2171;
}
.b-welcome_dialog-apply_button:focus {
  outline: none;
}
.b-welcome_dialog-apply_button.disabled, .b-welcome_dialog-apply_button.m-disabled, .b-welcome_dialog-apply_button:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-welcome_dialog-apply_button:hover, .b-welcome_dialog-apply_button:active, .b-welcome_dialog-apply_button:focus {
  text-decoration: none;
}
.b-welcome_dialog-apply_button:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-welcome_dialog-apply_button:not(:disabled):hover {
    border-color: #0b2171;
  }
}
.b-welcome_dialog-apply_button:not(:disabled):active {
  opacity: 0.7;
  border-color: #fff;
}
@media (hover: hover) {
  .b-welcome_dialog-apply_button:not(:disabled):hover {
    opacity: 0.7;
    border-color: #fff;
  }
}
.b-welcome_dialog-change_button {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  color: #fff;
  border-color: #fff;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  border-color: transparent;
}
.b-welcome_dialog-change_button:focus {
  outline: none;
}
.b-welcome_dialog-change_button.disabled, .b-welcome_dialog-change_button.m-disabled, .b-welcome_dialog-change_button:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-welcome_dialog-change_button:hover, .b-welcome_dialog-change_button:active, .b-welcome_dialog-change_button:focus {
  text-decoration: none;
}
.b-welcome_dialog-change_button:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-welcome_dialog-change_button:not(:disabled):hover {
    border-color: #0b2171;
  }
}
.b-welcome_dialog-change_button:not(:disabled):active {
  opacity: 0.7;
  border-color: #fff;
}
@media (hover: hover) {
  .b-welcome_dialog-change_button:not(:disabled):hover {
    opacity: 0.7;
    border-color: #fff;
  }
}
.b-welcome_dialog-apply_button, .b-welcome_dialog-change_button {
  display: block;
  margin: 20px auto 0;
  color: #0b2171;
}
@media screen and (min-width: 768px) {
  .b-welcome_dialog-apply_button, .b-welcome_dialog-change_button {
    display: inline-block;
    margin: 0 15px;
  }
}
.m-acc-on .b-welcome_dialog-apply_button:focus, .m-acc-on .b-welcome_dialog-change_button:focus {
  box-shadow: 0 0 4px 1px currentColor !important;
}
.b-welcome_dialog-apply_button:not(:disabled):hover, .b-welcome_dialog-change_button:not(:disabled):hover {
  border-color: #0b2171;
  color: #0b2171;
}

.b-mobile_menu {
  display: inline-block;
  margin: -20px;
  padding: 20px;
}
.b-mobile_menu::before {
  content: "\E90A";
  font-size: 14px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1024px) {
  .b-mobile_menu {
    display: none;
  }
}

.b-country_dialog-container {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.b-country_dialog-container.animation-left {
  animation: move-left 0.3s ease-in-out;
}
.b-country_dialog-container.animation-right {
  animation: move-right 0.4s ease-in-out;
}
.b-country_dialog-image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .b-country_dialog-image {
    height: auto;
    -ms-flex-order: 2;
        order: 2;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
  }
  .b-country_dialog-image .content-asset {
    display: -ms-flexbox;
    display: flex;
  }
}
.b-country_dialog-image_img {
  max-width: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  max-height: 160px;
}
@media screen and (min-width: 768px) {
  .b-country_dialog-image_img {
    max-height: none;
  }
}
.b-country_dialog-content {
  padding-bottom: 25px;
}
.b-country_dialog-content__wrapper {
  padding-top: 25px;
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .b-country_dialog-content__wrapper {
    padding-top: 35px;
  }
}
.b-country_dialog-content__img {
  max-width: 175px;
  display: block;
  margin: 0 auto 30px;
}
.b-country_dialog-content__btn {
  width: 100%;
  display: block;
  text-align: left;
  position: relative;
  padding: 15px 25px;
  background-color: initial;
  border: initial;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.b-country_dialog-content__btn::after {
  content: " \276F";
  display: inline-block;
  position: absolute;
  right: 25px;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .b-country_dialog-content__btn:hover {
    background-color: #041E42;
    color: #fff;
  }
}
.b-country_dialog-content__btn-back {
  display: block;
  padding: 15px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.b-country_dialog-content__btn-back:before {
  content: " \276E";
  display: inline-block;
  margin-right: 5px;
}
@media screen and (min-width: 1024px) {
  .b-country_dialog-content__btn-back:hover {
    background-color: #041E42;
    color: #fff;
  }
}
.b-country_dialog-content__second-level .b-country_dialog-content__btn {
  padding-left: 40px;
}
.b-country_dialog-content__second-level .b-country_dialog-content__btn:after {
  content: "";
}
.b-country_dialog-content__buttons-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
}
.b-country_dialog .g-modal-close {
  z-index: 2;
}
.b-country_dialog-content_title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 31px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: initial;
  margin-bottom: 18px;
}
.b-country_dialog-content_info {
  font-family: "MinionW05-Display";
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 20px;
}
@media (min-width: 800px) and (max-width: 950px) {
  .b-country_dialog-content_info {
    margin-bottom: 20px;
  }
}
.b-country_dialog-form_group {
  margin-bottom: 30px;
}
@media (min-width: 800px) and (max-width: 950px) {
  .b-country_dialog-form_group {
    margin-bottom: 10px;
  }
}
.b-country_dialog-form_label {
  display: block;
  margin-bottom: 18px;
}
.b-country_dialog-form_select {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  line-height: inherit;
}
.b-country_dialog-form_button {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  min-height: auto;
  margin-top: 2px;
  padding: 0px;
  font-weight: normal;
  background-color: transparent;
  border-bottom: 2px solid #c4d5e8;
  line-height: 20px;
  margin-top: 20px;
}
.b-country_dialog-form_button:focus {
  outline: none;
}
.b-country_dialog-form_button.disabled, .b-country_dialog-form_button.m-disabled, .b-country_dialog-form_button:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-country_dialog-form_button:hover, .b-country_dialog-form_button:active, .b-country_dialog-form_button:focus {
  text-decoration: none;
}
.b-country_dialog-form_button:not(:disabled):active {
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-country_dialog-form_button:not(:disabled):hover {
    border-color: #0b2171;
  }
}
.b-country_dialog-form_error {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  margin-top: 20px;
  color: #de0000;
}
.b-country_dialog .g-modal-header,
.b-country_dialog .g-modal-footer {
  display: none;
}
.b-country_dialog .g-modal-content {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .b-country_dialog .g-modal-content {
    position: static;
  }
}
.b-country_dialog-content_title, .b-country_dialog-content_info {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .b-country_dialog .g-modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 768px) {
  .b-country_dialog .g-modal-dialog,
  .b-preferred-locale_dialog .g-modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 505px;
  }
}
.b-preferred-locale_dialog .g-modal-footer {
  display: none;
}
.b-preferred-locale_dialog .g-modal-content {
  padding: 25px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .b-preferred-locale_dialog .g-modal-content {
    height: 100vh;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.b-preferred-locale_dialog .locale-redirect-button,
.b-preferred-locale_dialog .locale-choose-button {
  display: block;
  min-width: 300px;
  padding: 15px;
  margin: 15px auto 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.b-preferred-locale_dialog .locale-redirect-button {
  background-color: #C8D8EB;
  border: 1px solid #C8D8EB;
}
@media (hover: hover) {
  .b-preferred-locale_dialog .locale-redirect-button:hover {
    border-color: #041E42;
    background-color: #041E42;
    color: #fff;
    text-decoration: none;
  }
}
.b-preferred-locale_dialog .locale-choose-button {
  border: initial;
  background-color: initial;
  text-decoration: underline;
  -webkit-text-decoration-color: #C8D8EB;
          text-decoration-color: #C8D8EB;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
  transition: -webkit-text-decoration-color 0.2s ease;
  transition: text-decoration-color 0.2s ease;
  transition: text-decoration-color 0.2s ease, -webkit-text-decoration-color 0.2s ease;
}
@media (hover: hover) {
  .b-preferred-locale_dialog .locale-choose-button:hover {
    -webkit-text-decoration-color: #041E42;
            text-decoration-color: #041E42;
  }
}

.preferred-dialog {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

#FreeShippingBanner {
  z-index: 1000 !important;
}

@keyframes move-left {
  0% {
    transform: translateX(0);
  }
  1% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes move-right {
  0% {
    transform: translateX(0);
  }
  1% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.b-country_selector {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}
.b-country_selector-copy {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  display: block;
  position: relative;
  padding-right: 20px;
  text-transform: uppercase;
  cursor: pointer;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #041E42;
}
.b-country_selector-copy:hover {
  text-decoration: underline;
}

.b-vector-icon {
  top: 6px;
  right: -3px;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  .b-vector-icon {
    display: none;
  }
}

.b-utility_navigation {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  line-height: inherit;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #041E42;
}
.b-utility_navigation-link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-size: inherit;
}
.b-utility_navigation-link:hover {
  text-decoration: underline;
}

.b-header_logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.b-header_logo-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all 0.6s;
}
.b-header_logo-royal_logo {
  display: none;
  margin-bottom: 18px;
  max-height: 50px;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .b-header_logo-royal_logo {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-header_logo-royal_logo {
    margin-bottom: 12px;
  }
}
.b-header_logo-royal_img {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}
.b-header_logo-padding {
  padding-top: 13px !important;
}

.b-header_search-link {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.6s ease-out;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-header_search-link {
    top: 3px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_search-link {
    left: auto;
    position: absolute;
    bottom: 2px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_search-link {
    top: 0;
  }
}
.b-header_search-link_copy {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  margin-right: 5px;
  color: #041E42;
}
.b-header_search-link_copy:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .b-header_search-link_copy {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=it] .b-header_search-link_copy {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1200px) {
  html[lang=it] .b-header_search-link_copy {
    font-size: 14px !important;
  }
}

.b-header_account {
  position: relative;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}
.b-header_account:focus-within > .b-header_account-content {
  display: block;
}
.b-header_account-button {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium" !important;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  color: #041E42;
  position: relative;
  padding-right: 20px;
  min-width: 60px;
  z-index: 2;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #041E42;
}
.b-header_account-button:hover {
  text-decoration: underline;
}
.b-header_account-button:focus {
  outline: 0 none;
  box-shadow: none;
}
.b-header_account-button:not(.collapsed) {
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .b-header_account-button {
    font-family: "GillSansMTW05-Medium";
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    pointer-events: none;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_account-content {
    position: absolute;
    width: calc(100% + 40px);
    min-width: 120px;
    top: -15px;
    left: -20px;
    padding: 34px 0 5px;
    background-color: #fff;
    border: 1px solid #000;
    text-align: left;
    z-index: 1;
    height: auto !important;
  }
  .b-header_account-content.collapse {
    display: none;
  }
  .b-header_account-content.collapse.show {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_account:active .b-header_account-content, .b-header_account-button:not(.collapsed):focus + .b-header_account-content, .b-header_account-button.collapsed:focus + .b-header_account-content {
    display: block;
  }
}
.b-header_account-item {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium" !important;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  color: #041E42;
  display: block;
  padding: 10px 0;
}
.b-header_account-item:hover {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .b-header_account-item {
    margin: 10px 20px;
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  html[lang=de] .b-header_account-item {
    margin: 10px 10px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=it] .b-header_account-button {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1150px) and (max-width: 1200px) {
  html[lang=it] .b-header_account-button {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
  html[lang=ja] .b-header_account-button {
    font-size: 14px !important;
  }
}

.b-minicart-icon {
  margin-left: 5px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .b-minicart-icon {
    top: 5px;
    right: -2px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .b-minicart-icon.b-minicart-icon_not-empty {
    visibility: hidden;
  }
}
.b-minicart-link {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
}
@media screen and (max-width: 767px) {
  .b-minicart-link {
    padding: 10px;
    margin: -10px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .b-minicart-link {
    bottom: 4px;
    position: relative;
  }
}
.b-minicart-copy {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.06em;
  color: #041E42;
}
.b-minicart-copy:hover {
  text-decoration: underline;
}
.b-minicart-link:hover .b-minicart-copy {
  text-decoration: underline;
}
.b-minicart-link.disabled:focus {
  outline: none;
}
.b-minicart-link.disabled .b-minicart-copy:hover, .b-minicart-link.disabled:hover .b-minicart-copy {
  text-decoration: none;
  cursor: default;
}
.b-minicart-quantity {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  background: #407EC9;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  padding: 3px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .b-minicart-quantity {
    bottom: 1px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .b-minicart-copy {
    display: none;
  }
  .b-minicart-quantity {
    position: absolute;
    top: 11px;
    right: 7px;
  }
  .b-minicart-quantity.b-minicart-quantity_empty {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-minicart-copy {
    display: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1050px) {
  .b-minicart-copy {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=it] .b-minicart-copy {
    font-size: 15px !important;
  }
}
html[lang=it] .b-minicart_flyout-close {
  margin-top: 8px;
}

@media screen and (min-width: 1024px) {
  .b-header_nav {
    box-shadow: 0px 2px 15px rgba(170, 170, 170, 0.25);
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-list {
    border: none;
    margin-top: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #c4d5e8;
    margin: 0 0 20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1025px) {
  .b-header_nav-list {
    padding-left: 3%;
  }
}
.b-header_nav-item {
  position: relative;
  transition: all 0.6s;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item {
    position: static;
    padding: 21px 25px 21px 15px;
  }
}
.b-header_nav-item_link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 19px !important;
  letter-spacing: 0.05em !important;
  color: #041E42 !important;
  text-transform: none !important;
}
@media (hover: hover) {
  .b-header_nav-item_link {
    margin-top: 2px;
    border-bottom: 2px solid transparent;
  }
  .b-header_nav-item_link:hover {
    border-bottom-color: #c4d5e8;
    text-decoration: none;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item_link {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-item_link {
    display: block !important;
    padding: 10px 0 !important;
  }
  .b-header_nav-item_link.m-expandable::after {
    content: "\E900";
    font-size: 10px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute !important;
    top: 10px !important;
    right: 0 !important;
    line-height: inherit !important;
  }
}
@media screen and (min-width: 1024px) and (hover: none) {
  .b-header_nav-item_link, .b-header_nav-item:active .b-header_nav-item_link:not(:active) {
    pointer-events: none;
  }
}
@media screen and (min-width: 1024px) and (hover: none) {
  .b-header_nav-item:hover .b-header_nav-item_link {
    pointer-events: auto;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-flyout, .b-header_nav-flyout_level_2 {
    background-color: #fff;
    overflow-y: auto;
    position: fixed;
    z-index: 1050;
    transition: all 0.3s ease-in-out;
    top: 0;
    right: -100%;
    height: 100%;
    max-width: 100%;
    visibility: hidden;
    top: 60px;
    width: 100%;
  }
  .b-header_nav-flyout.m-slide-in, .b-header_nav-flyout_level_2.m-slide-in {
    right: 0;
    visibility: visible;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-flyout_level_2 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-flyout_level_2-mobile {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-flyout {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-flyout {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-top: 20px;
    background-color: #fff;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item:focus-within .b-header_nav-flyout {
    display: block;
  }
  .b-header_nav-item:focus-within .b-header_nav-flyout::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
  }
}
.b-header_nav-item:focus-within .b-header_nav-item_link {
  border-bottom-color: #c4d5e8;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item_link:focus + .b-header_nav-flyout, .b-header_nav-item:hover .b-header_nav-flyout {
    transition: all 0.6s ease-in-out 0.2s;
    visibility: visible;
    z-index: 111;
    opacity: 1;
  }
  .b-header_nav-item_link:focus + .b-header_nav-flyout::before, .b-header_nav-item:hover .b-header_nav-flyout::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
  }
}
.b-header_nav-item.m-active .b-header_nav-item_link {
  border-bottom-color: #c4d5e8;
}
.b-header_nav-item:active .b-header_nav-item_link {
  border-bottom-color: #C8D8EB !important;
}
.b-header_nav-item:hover .b-header_nav-item_link {
  border-bottom-color: #041E42;
}
.b-header_nav-flyout_back {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 20px;
}
.b-header_nav-flyout_back::before {
  content: "\E901";
  font-size: 10px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-flyout_back {
    display: none;
  }
}
.b-header_nav-flyout_back_copy {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  margin-left: 5px;
}
.b-header_nav-flyout_back_copy:hover {
  text-decoration: underline;
}
.b-header_nav-flyout_current {
  padding: 10px 20px;
  background: #f0f0f0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-flyout_current {
    display: none;
  }
}
.b-header_nav-flyout_current_parent {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.b-header_nav-flyout_current_parent:not(.m-grand-parent) {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  display: block;
  text-decoration: underline;
}
.b-header_nav-flyout_current_parent-nolink {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  display: block;
  text-decoration: none;
}
.b-header_nav-flyout_current_parent.m-grand-parent {
  margin-right: 5px;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-flyout_container {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 767px) {
  .b-header_nav-flyout_container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
  .b-header_nav-flyout_container {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-flyout_container {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .b-header_nav-flyout_container {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-banner {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-banner:nth-child(n+5) {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .b-header_nav-banner {
    -ms-flex: 1 1 33.3333333333%;
        flex: 1 1 33.3333333333%;
    max-width: 33.3333333333%;
    box-sizing: border-box;
    max-width: none;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1023px) {
  .b-header_nav-banner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-banner {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1440px) {
  .b-header_nav-banner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-column_level_2 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (max-width: 1023px) {
  .b-header_nav-column_level_2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-column_level_2 {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) and (min-width: 1440px) {
  .b-header_nav-column_level_2 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .b-header_nav-column_level_2 {
    -ms-flex: 1 1 16.6666666667%;
        flex: 1 1 16.6666666667%;
    max-width: 16.6666666667%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1023px) {
  .b-header_nav-column_level_2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-column_level_2 {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 1440px) and (min-width: 1440px) {
  .b-header_nav-column_level_2 {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-list_level_2 {
    margin-top: 15px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-list_level_2 {
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .b-header_nav-list_level_2 {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-header_nav-list_level_2 {
    margin-right: -12px;
    margin-left: -12px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .b-header_nav-list_level_2 {
    margin-right: -16px;
    margin-left: -16px;
  }
}
.b-header_nav-item_level_2 {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item_level_2 + .b-header_nav-item_level_2 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-item_level_2_link {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    color: #041E42;
    cursor: pointer;
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.05em;
    color: #041E42;
  }
  .b-header_nav-item_level_2_link:hover {
    text-decoration: underline;
  }
  .b-header_nav-item_level_2_link.m-expandable::after {
    content: "\E900";
    font-size: 10px;
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 0;
    line-height: inherit;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-item_level_2_link {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    color: #041E42;
    cursor: pointer;
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.05em;
    color: #041E42;
  }
  .b-header_nav-item_level_2_link:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav_level_2_nolink {
    text-decoration: none;
    cursor: default;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav_level_2_nolink:hover {
    text-decoration: none;
    cursor: default;
  }
}
@media screen and (max-width: 1023px) {
  .b-header_nav-list_level_3 {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header_nav-list_level_3 {
    margin-top: 5px;
  }
}
.b-header_nav-item_level_3_link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  color: #041E42;
  display: block;
  padding: 5px 0;
}
.b-header_nav-item_level_3_link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .b-header_nav-item_level_3_link {
    padding: 5px 0;
  }
}
.b-header_nav-item_level_3_link.m-all_link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
  color: #041E42;
  cursor: pointer;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.05em;
  color: #041E42;
}
.b-header_nav-item_level_3_link.m-all_link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 769px) and (max-width: 1025px) {
  html[lang=de] .b-header_nav-list {
    padding-left: 1%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  html[lang=de] .b-header_nav-item {
    padding: 21px 10px !important;
  }
}

@media screen and (max-width: 1023px) {
  .b-refinements-body {
    background-color: #fff;
    overflow-y: auto;
    position: fixed;
    z-index: 1050;
    transition: all 0.3s ease-in-out;
    top: 0;
    right: -100%;
    height: 100%;
    max-width: 100%;
    visibility: hidden;
    width: 100%;
  }
  .b-refinements-body.m-slide-in {
    right: 0;
    visibility: visible;
  }
}

@media screen and (max-width: 1023px) {
  .b-refinements-body {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-refinements-body {
    width: 567px !important;
  }
}

@media screen and (min-width: 1024px) {
  .sub-filter-close {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .sub-filter-close {
    top: 24px !important;
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sub-filter-close {
    padding-right: 11px !important;
  }
}

@media screen and (max-width: 1023px) {
  .sub-filter-back {
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 1024px) {
  .sub-filter-back-btn {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .sub-filter-back-btn {
    display: block;
    background: none;
    border: none;
    padding-left: 32px;
    padding-top: 24px;
    line-height: normal;
  }
}
@media screen and (max-width: 1023px) {
  .sub-filter-back-btn .icon-arrow-right-2 {
    rotate: 180deg;
  }
}

@media screen and (max-width: 1023px) {
  .sub-filter-count {
    margin: 36px 30px 27px 30px !important;
  }
}

@media screen and (max-width: 1023px) {
  .js-flyout .b-refinements-list {
    padding: 0 30px !important;
  }
}
@media screen and (max-width: 1023px) {
  .js-flyout .b-refinements-item {
    margin-bottom: 25px;
    padding: unset;
  }
}
@media screen and (max-width: 1023px) {
  .js-flyout .b-refinements-item_link_label {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .js-flyout .b-refinements-item_link_label:before {
    top: 2px !important;
  }
}
@media screen and (max-width: 1023px) {
  .js-flyout .b-refinements-item_link_label:after {
    top: -1px !important;
  }
}

@media screen and (max-width: 1023px) {
  .b-refinements-selected_list {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .b-refinements-count {
    color: #000;
    text-align: center;
    font-family: "GillSansMTW05-Medium";
    font-weight: 500;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.6px;
    width: 16px;
    height: 16px;
    border-radius: 1px;
    background: #AAD1EB;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.showFilter {
  right: unset;
  left: 0;
  visibility: visible;
}

.b-mobile_menu_header {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .b-mobile_menu_header {
    display: none;
  }
}
.b-mobile_menu_header-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 20px;
  position: relative;
}
.b-mobile_menu_header-close::before, .b-mobile_menu_header-close::after {
  background-color: #000;
  content: "";
  height: 2px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 20px;
}
.b-mobile_menu_header-close::before {
  transform: rotate(45deg);
}
.b-mobile_menu_header-close::after {
  transform: rotate(135deg);
}

@media screen and (min-width: 1024px) {
  .b-mobile_nav_footer {
    display: none;
  }
}
.b-mobile_nav_footer .b-header_account {
  border: none;
  margin-top: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #c4d5e8;
  display: block;
  width: 100%;
  margin: 0 0 20px;
  padding-bottom: 10px;
}
.b-mobile_nav_footer .b-header_account-content {
  display: block;
  padding-bottom: 10px;
  text-align: left;
}
.b-mobile_nav_footer .b-header_account-title {
  display: none;
}
.b-mobile_nav_footer .b-utility_navigation {
  margin: 0;
  padding: 10px 0;
}

.b-header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  transition: all 0.7s;
  min-height: 90px;
}
.b-header .b-header_logo-royal_img {
  width: 100%;
  aspect-ratio: 16/5.6;
}
.b-header .b-header_logo-img {
  width: 100%;
  aspect-ratio: 16/5;
}
.b-header .b-header_search-link,
.b-header .b-minicart-icon {
  width: 18px;
  aspect-ratio: 16/16;
}

.personalization_fluid .personalization_img {
  aspect-ratio: 1/1;
}

.b-search {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .b-search {
    margin-right: 23px;
  }
}
.b-search-form {
  width: 100%;
  height: 100%;
  min-height: 160px;
}
@media screen and (max-width: 767px) {
  .b-search-form {
    max-width: 100%;
    min-height: 130px;
  }
}
.b-search-input_wrapper {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin: 0 auto;
  padding-top: 65px;
  padding-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .b-search-input_wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-input_wrapper {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-search-input_wrapper {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .b-search-input_wrapper {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
@media screen and (max-width: 767px) {
  .b-search-input_wrapper {
    padding-top: 70px;
  }
}
.b-search-input_row {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .b-search-input_row {
    width: 50%;
  }
}
.b-search-input {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  width: 100%;
  padding: 5px 0;
  background-color: transparent;
  border-width: 0 0 2px;
  border-style: solid;
  border-color: #c4d5e8;
  border-radius: 0;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  padding: 8px 15px 8px 0;
  outline-offset: 0;
  -webkit-appearance: none;
}
.b-search-input:-ms-input-placeholder {
  color: #a3a3a3;
}
.b-search-input::placeholder {
  color: #a3a3a3;
}
.b-search-input[type=search], .b-search-input[type=search]::-webkit-search-decoration, .b-search-input[type=search]::-webkit-search-cancel-button, .b-search-input[type=search]::-webkit-search-results-button, .b-search-input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.b-search-input[type=number] {
  -moz-appearance: textfield;
}
.b-search-input[type=number]::-webkit-outer-spin-button, .b-search-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.b-search-input:hover, .b-search-input:focus {
  border-bottom-color: #0b2171;
  outline: none;
  box-shadow: none;
}
.b-search-input.m-textarea {
  resize: none;
  height: 60px;
}
.b-search-input.is-invalid, .b-search-input.m-error {
  border-color: #de0000;
}
.b-search-input.is-invalid:hover, .b-search-input.is-invalid:focus, .b-search-input.m-error:hover, .b-search-input.m-error:focus {
  border-color: #de0000;
}
.b-search-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.b-search-input::-ms-clear {
  display: none;
}
.b-search-search_icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 14px;
  margin: auto 0;
  padding: 0;
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.b-search-search_icon::before {
  content: "\E90E";
  font-size: 14px;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.b-search-search_icon:focus {
  outline: none;
  box-shadow: none;
}
.b-search-close {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: 20px;
  opacity: 1;
  position: absolute;
  right: 0;
  width: 20px;
  right: 20px;
}
.b-search-close::before, .b-search-close::after {
  background-color: #000;
  content: "";
  height: 2px;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  width: 20px;
}
.b-search-close::before {
  transform: rotate(45deg);
}
.b-search-close::after {
  transform: rotate(135deg);
}
@media screen and (min-width: 1440px) {
  .b-search-close {
    right: 64px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-close {
    right: 34px;
  }
}
@media screen and (max-width: 767px) {
  .b-search-close {
    top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .b-search-content {
    visibility: visible;
  }
}
.b-search-suggestions_container {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .b-search-suggestions_container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-suggestions_container {
    padding-right: 34px;
    padding-left: 34px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .b-search-suggestions_container {
    max-width: 1024px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 1440px) {
  .b-search-suggestions_container {
    max-width: 1440px;
    padding-right: 64px;
    padding-left: 64px;
  }
}
.b-search-suggestion_phrase {
  margin: 0 auto;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .b-search-suggestion_phrase {
    max-width: 50%;
  }
}
.b-search-suggestion_value {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  line-height: inherit;
  display: inline-block;
}
.b-search-suggestion_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_items {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-search-suggestion_product {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-suggestion_product {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-search-suggestion_product {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-search-suggestion_product {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-suggestion_product {
    max-width: 50%;
  }
  .b-search-suggestion_product:last-child {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_product .b-product_tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_product .b-product_tile-image {
    width: 130px;
  }
}
.b-search-suggestion_product .b-product_tile-body {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_product .b-product_tile-body {
    padding-left: 20px;
    text-align: left;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_product .b-product_tile-name, .b-search-suggestion_product .b-product_tile-name_link {
    padding-left: 0;
  }
}
.b-search-suggestion_product .b-product_attributes-price_value {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-top: 15px;
}
.b-search-suggestion_categories {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_categories {
    -ms-flex-order: 4;
        order: 4;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .b-search-suggestion_categories {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-search-suggestion_categories {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) and (max-width: 1439px) {
  .b-search-suggestion_categories {
    padding-right: 12px;
    padding-left: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .b-search-suggestion_categories {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.b-search-suggestion_categories_header {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #041E42;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_categories_header {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .b-search-suggestion_categories_header {
    font-family: "GillSansMTW05-Medium";
    font-weight: 600;
    font-size: 24px;
  }
}
.b-search-suggestion_category {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  padding: 10px 0;
}
.b-search-suggestion_category .b-search-suggestion_value {
  text-transform: capitalize;
}
.b-search-suggestion_link {
  color: #aaa;
}

@media screen and (min-width: 1023px) and (max-width: 1110px) {
  html[lang=fr] .b-search {
    margin-right: 70px;
  }
}

.b-header.m-sticky_top:not(.m-header-disabled), .b-header.h-load_stick:not(.m-header-disabled) {
  position: fixed;
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_account, .b-header.h-load_stick:not(.m-header-disabled) .b-header_account,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-country_selector,
  .b-header.h-load_stick:not(.m-header-disabled) .b-country_selector,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-utility_navigation,
  .b-header.h-load_stick:not(.m-header-disabled) .b-utility_navigation,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_logo-royal_logo,
  .b-header.h-load_stick:not(.m-header-disabled) .b-header_logo-royal_logo,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_logo-royal_img,
  .b-header.h-load_stick:not(.m-header-disabled) .b-header_logo-royal_img,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link_copy,
  .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link_copy,
  .b-header.m-sticky_top:not(.m-header-disabled) .b-minicart-copy,
  .b-header.h-load_stick:not(.m-header-disabled) .b-minicart-copy {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link_copy, .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link_copy {
    font-size: 0;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(200px, -7px);
    left: unset;
    position: unset;
  }
}
@media screen and (min-width: 825px) and (max-width: 1025px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(185px, -7px);
  }
}
_:-ms-fullscreen, :root .b-header.m-sticky_top:not(.m-header-disabled) .b-header_logo-link .b-header_logo-img, :root .b-header.h-load_stick:not(.m-header-disabled) .b-header_logo-link .b-header_logo-img {
  transform: translateY(-10px);
}

.b-header.m-sticky_top:not(.m-header-disabled) .b-header_logo-royal_logo, .b-header.h-load_stick:not(.m-header-disabled) .b-header_logo-royal_logo {
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-header_nav-item, .b-header.h-load_stick:not(.m-header-disabled) .b-header_nav-item {
    padding: 21px 25px 21px 15px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .b-minicart, .b-header.h-load_stick:not(.m-header-disabled) .b-minicart {
    position: relative;
    z-index: 1;
    bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-left_side, .b-header.h-load_stick:not(.m-header-disabled) .l-header-left_side,
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-right_side,
  .b-header.h-load_stick:not(.m-header-disabled) .l-header-right_side {
    margin-top: 0 !important;
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-left_side, .b-header.h-load_stick:not(.m-header-disabled) .l-header-left_side,
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-right_side,
  .b-header.h-load_stick:not(.m-header-disabled) .l-header-right_side {
    margin-bottom: 18px !important;
  }
}
@media screen and (max-width: 767px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-left_side, .b-header.h-load_stick:not(.m-header-disabled) .l-header-left_side,
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-right_side,
  .b-header.h-load_stick:not(.m-header-disabled) .l-header-right_side {
    margin: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-center, .b-header.h-load_stick:not(.m-header-disabled) .l-header-center {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .b-header.m-sticky_top:not(.m-header-disabled) .l-header-navigation, .b-header.h-load_stick:not(.m-header-disabled) .l-header-navigation {
    padding-top: 0;
  }
}
.b-header.h-load_stick {
  transition: all 0s;
}
.b-header.h-load_stick.m-active-sticky {
  z-index: 111;
}
.b-header.h-load_stick * {
  transition: all 0s;
}
.b-header.m-header-disabled {
  position: relative;
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
  html[lang=it] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=it] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    position: absolute;
    top: -4px;
  }
}
@media screen and (min-width: 825px) and (max-width: 1025px) {
  html[lang=it] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=it] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(185px, -11px);
  }
}
@media screen and (min-width: 1024px) {
  html[lang=it] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=it] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(195px, -7px);
  }
}

@media screen and (min-width: 825px) and (max-width: 1025px) {
  html[lang=fr] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=fr] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(180px, -7px);
  }
}
@media screen and (min-width: 1024px) {
  html[lang=fr] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=fr] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(165px, -7px);
  }
}

@media screen and (min-width: 825px) and (max-width: 1025px) {
  html[lang=de] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=de] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(169px, -7px);
  }
}
@media screen and (min-width: 1024px) {
  html[lang=de] .b-header.m-sticky_top:not(.m-header-disabled) .b-header_search-link, html[lang=de] .b-header.h-load_stick:not(.m-header-disabled) .b-header_search-link {
    transform: translate(195px, -7px);
  }
}

.b-minicart_flyout {
  top: 0;
  right: -100%;
  height: 100%;
  max-width: 100%;
  visibility: hidden;
  text-align: left;
  position: fixed !important;
  width: 380px;
  overflow: hidden;
}
.b-minicart_flyout.m-slide-in {
  right: 0;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .b-minicart_flyout {
    display: none;
  }
}
.b-minicart_flyout-body {
  height: 100%;
}
.b-minicart_flyout-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #041E42;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .b-minicart_flyout-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.b-minicart_flyout-close {
  margin-left: 9px;
  text-transform: uppercase;
  color: #000;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.6px;
  display: block;
  display: inline;
  text-decoration: underline;
}
.b-minicart_flyout-popup-close {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.b-minicart_flyout-view_btn {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  border: 1px solid #000;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-right: 20px;
}
.b-minicart_flyout-view_btn:focus {
  outline: none;
}
.b-minicart_flyout-view_btn.disabled, .b-minicart_flyout-view_btn.m-disabled, .b-minicart_flyout-view_btn:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-minicart_flyout-view_btn:hover, .b-minicart_flyout-view_btn:active, .b-minicart_flyout-view_btn:focus {
  text-decoration: none;
}
.b-minicart_flyout-view_btn:not(:disabled):active {
  color: #fff;
  background-color: #0b2171;
  border-color: #0b2171;
}
@media (hover: hover) {
  .b-minicart_flyout-view_btn:not(:disabled):hover {
    color: #fff;
    background-color: #0b2171;
    border-color: #0b2171;
  }
}
.b-minicart_flyout-check_btn {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  color: #041E42;
  min-height: 44px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  letter-spacing: 0.06em;
  color: #fff;
  background-color: #041E42;
  color: #fff;
}
.b-minicart_flyout-check_btn:focus {
  outline: none;
}
.b-minicart_flyout-check_btn.disabled, .b-minicart_flyout-check_btn.m-disabled, .b-minicart_flyout-check_btn:disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.b-minicart_flyout-check_btn:hover, .b-minicart_flyout-check_btn:active, .b-minicart_flyout-check_btn:focus {
  text-decoration: none;
}
.b-minicart_flyout-check_btn:not(:disabled):active {
  background-color: #0b2171;
}
.m-acc-on .b-minicart_flyout-check_btn:not(:disabled):focus {
  box-shadow: 0 0 5px 3px #c4d5e8 !important;
}
.b-minicart_flyout-check_btn:not(:disabled):hover {
  color: #fff;
}
@media (hover: hover) {
  .b-minicart_flyout-check_btn:not(:disabled):hover {
    background-color: #0b2171;
  }
}
.b-minicart_flyout-btn_block {
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
  margin-bottom: 30px;
}
.b-minicart_flyout-btn_block-btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -ms-flex: 1;
      flex: 1;
}
.b-minicart_flyout-btn_block-btn:hover {
  text-decoration: none;
}
.b-minicart_flyout-cart_item_head {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-bottom: 24px;
}
.b-minicart_flyout-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 30px 20px 20px;
  height: 100%;
  overflow: hidden;
}
.b-minicart_flyout-product_summary {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  scrollbar-arrow-color: #c4d5e8;
  scrollbar-base-color: #f0f0f0;
  scrollbar-darkshadow-color: #fff;
  scrollbar-face-color: #c4d5e8;
  scrollbar-highlight-color: #f0f0f0;
  scrollbar-shadow-color: #c4d5e8;
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -8px;
}
.b-minicart_flyout-product_summary::-webkit-scrollbar {
  width: 3px;
}
.b-minicart_flyout-product_summary::-webkit-scrollbar-track {
  background: #f0f0f0;
}
.b-minicart_flyout-product_summary::-webkit-scrollbar-thumb {
  background: #c4d5e8;
  border-radius: 2px;
}
.b-minicart_flyout-product_summary::-webkit-scrollbar-thumb:hover {
  background: #0b2171;
}
.b-minicart_flyout-cart_item_img {
  width: 100px;
  height: 100px;
}
.b-minicart_flyout-cart_item_content {
  display: block;
}
.b-minicart_flyout-cart_item_content .b-cart_item-attributes_wrap .b-osp_attributes-sum_label {
  font-weight: 600;
}
.b-minicart_flyout .b-cart_item-attributes {
  font-weight: 400;
}
.b-minicart_flyout .b-gift_message-edit {
  padding-top: 10px;
}
.b-minicart_flyout-cart_items {
  padding-right: 8px;
}
.b-minicart_flyout .b-cart_item {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 30px 0;
}
.b-minicart_flyout .b-cart_item-main_info, .b-minicart_flyout .b-cart_item-attributes, .b-minicart_flyout .b-cart_item-quantity, .b-minicart_flyout .b-cart_item-sub_total_price {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.b-minicart_flyout .b-cart_item-error {
  padding-left: 0;
}
.b-minicart_flyout .b-cart_item-sub_total_price {
  position: relative;
  text-align: left;
  right: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
}
.b-minicart_flyout .b-cart_item-sub_total_price-label {
  display: inline-block;
  font-weight: 400;
}
.b-minicart_flyout .b-cart_item-sub_total_price .b-price_value {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-weight: 400;
  display: inline-block;
}
.b-minicart_flyout .b-cart_item-remove {
  top: -5px;
}
.b-minicart_flyout .b-cart_item-quantity_info {
  display: inline-block;
  margin-right: 20px;
}
.b-minicart_flyout .b-cart-error {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding: 20px;
  margin: 0 0 30px;
}
.b-minicart_flyout .b-quantity-container {
  max-width: none;
}
.b-minicart_flyout .b-quantity-input, .b-minicart_flyout .b-quantity-btn {
  display: none;
}
.b-minicart_flyout .b-cart-approaching_discounts {
  font-family: "MinionW05-Display";
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #041E42;
  letter-spacing: 0.04em;
  color: #041E42;
  line-height: inherit;
}
.b-minicart_flyout .b-personalisation-title {
  font-family: "GillSansMTW05-Medium";
  font-weight: 600;
  font-size: 13px;
  padding-top: 5px;
}

.b-notification {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  background: #041E42;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: none;
}
.b-notification::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000 transparent;
}

.b-checkout_header {
  color: #041E42;
}
.b-checkout_header-title_icon::before {
  font-size: 20px;
}
.b-checkout_header-title_copy {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .b-checkout_header-title_copy {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    max-height: 1px !important;
    max-width: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
  }
}
.b-checkout_header-phone {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .b-checkout_header-phone {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    max-height: 1px !important;
    max-width: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
  }
}
.b-checkout_header-phone_link {
  font-family: "GillSansMTW05-Medium";
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}