/***************************************************
/* UTILITY CSS
/* All below css is external from reglib
/**************************************************/
/****************************
/* Image Styles
/***************************/
.cms-page img {
  width: 100%; }

/****************************
/* Effects Library
/***************************/
.ease {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

/****************************
/* Colour Library
/***************************/
.blue {
  background-color: #0080c5;
  color: #fff; }

.green {
  background-color: #5aa11f;
  color: #fff; }

.black {
  background-color: #000;
  color: #fff; }

/****************************
/* Button Styles
/***************************/
.arrow-button {
  padding: 10px 30px 10px 20px;
  text-align: center;
  font-size: 20px;
  background-image: url(https://dbdhuxde2t9el.cloudfront.net/AW16/img/global/white-arrow-line.png);
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 11px 10px -5px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 11px 10px -5px rgba(0, 0, 0, 0.29);
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  top: 0px;
  position: relative; }

.arrow-button:hover {
  position: relative;
  top: -10px;
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-box-shadow: 0px 11px 30px -5px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 11px 30px -5px rgba(0, 0, 0, 0.29); }

/****************************
/* Flex grid styles
/***************************/
/* base flex styles */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0; }

.flex-container.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-container.flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-container.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-container.flex-space {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flex-item > img {
  width: 100%; }

.flex-container.flex-end > .flex-item,
.flex-container.flex-start > .flex-item,
.flex-container.flex-center > .flex-item,
.flex-container.flex-space > .flex-item {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

/* flex column styles */
.flex-item.col-1, .s-main-menu .categories > li .block .category-items > div.flex-item.col-1 {
  width: 8.33%; }

.flex-item.col-2, .s-main-menu .categories > li .block .category-items > div.flex-item.col-2 {
  width: 16.66%; }

.flex-item.col-3, .s-main-menu .categories > li .block .category-items > div.flex-item.col-3 {
  width: 24.99%; }

.flex-item.col-4, .s-main-menu .categories > li .block .category-items > div.flex-item.col-4 {
  width: 33.32%; }

.flex-item.col-5, .s-main-menu .categories > li .block .category-items > div.flex-item.col-5 {
  width: 41.65%; }

.flex-item.col-6, .s-main-menu .categories > li .block .category-items > div.flex-item.col-6 {
  width: 49.98%; }

.flex-item.col-7, .s-main-menu .categories > li .block .category-items > div.flex-item.col-7 {
  width: 58.31%; }

.flex-item.col-8, .s-main-menu .categories > li .block .category-items > div.flex-item.col-8 {
  width: 66.64%; }

.flex-item.col-9, .s-main-menu .categories > li .block .category-items > div.flex-item.col-9 {
  width: 74.97%; }

.flex-item.col-10, .s-main-menu .categories > li .block .category-items > div.flex-item.col-10 {
  width: 83.3%; }

.flex-item.col-11, .s-main-menu .categories > li .block .category-items > div.flex-item.col-11 {
  width: 91.63%; }

.flex-item.col-12, .s-main-menu .categories > li .block .category-items > div.flex-item.col-12 {
  width: 100%; }

.flex-item.auto {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

@media screen and (max-width: 1024px) {
  /* flex column styles */
  .flex-item.col-1, .s-main-menu .categories > li .block .category-items > div.flex-item.col-1 {
    width: 24.99%; }
  .flex-item.col-2, .s-main-menu .categories > li .block .category-items > div.flex-item.col-2 {
    width: 24.99%; }
  .flex-item.col-3, .s-main-menu .categories > li .block .category-items > div.flex-item.col-3 {
    width: 24.99%; }
  .flex-item.col-4, .s-main-menu .categories > li .block .category-items > div.flex-item.col-4 {
    width: 49.98%; }
  .flex-item.col-5, .s-main-menu .categories > li .block .category-items > div.flex-item.col-5 {
    width: 49.98%; }
  .flex-item.col-6, .s-main-menu .categories > li .block .category-items > div.flex-item.col-6 {
    width: 49.98%; }
  .flex-item.col-7, .s-main-menu .categories > li .block .category-items > div.flex-item.col-7 {
    width: 100%; }
  .flex-item.col-8, .s-main-menu .categories > li .block .category-items > div.flex-item.col-8 {
    width: 100%; }
  .flex-item.col-9, .s-main-menu .categories > li .block .category-items > div.flex-item.col-9 {
    width: 100%; }
  .flex-item.col-10, .s-main-menu .categories > li .block .category-items > div.flex-item.col-10 {
    width: 100%; }
  .flex-item.col-11, .s-main-menu .categories > li .block .category-items > div.flex-item.col-11 {
    width: 100%; }
  .flex-item.col-12, .s-main-menu .categories > li .block .category-items > div.flex-item.col-12 {
    width: 100%; }
  .flex-box.tablet-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .flex-box.tablet-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; } }

@media screen and (max-width: 740px) {
  /* flex column styles */
  .flex-item.col-1, .s-main-menu .categories > li .block .category-items > div.flex-item.col-1 {
    width: 49.98%; }
  .flex-item.col-2, .s-main-menu .categories > li .block .category-items > div.flex-item.col-2 {
    width: 49.98%; }
  .flex-item.col-3, .s-main-menu .categories > li .block .category-items > div.flex-item.col-3 {
    width: 49.98%; }
  .flex-item.col-4, .s-main-menu .categories > li .block .category-items > div.flex-item.col-4 {
    width: 49.98%; }
  .flex-item.col-5, .s-main-menu .categories > li .block .category-items > div.flex-item.col-5 {
    width: 49.98%; }
  .flex-item.col-6, .s-main-menu .categories > li .block .category-items > div.flex-item.col-6 {
    width: 49.98%; }
  .flex-item.col-7, .s-main-menu .categories > li .block .category-items > div.flex-item.col-7 {
    width: 100%; }
  .flex-item.col-8, .s-main-menu .categories > li .block .category-items > div.flex-item.col-8 {
    width: 100%; }
  .flex-item.col-9, .s-main-menu .categories > li .block .category-items > div.flex-item.col-9 {
    width: 100%; }
  .flex-item.col-10, .s-main-menu .categories > li .block .category-items > div.flex-item.col-10 {
    width: 100%; }
  .flex-item.col-11, .s-main-menu .categories > li .block .category-items > div.flex-item.col-11 {
    width: 100%; }
  .flex-item.col-12, .s-main-menu .categories > li .block .category-items > div.flex-item.col-12 {
    width: 100%; }
  .flex-box.mobile-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .flex-box.mobile-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; } }

@media screen and (max-width: 740px) {
  /* flex column styles */
  .flex-item.col-1, .s-main-menu .categories > li .block .category-items > div.flex-item.col-1 {
    width: 100%; }
  .flex-item.col-2, .s-main-menu .categories > li .block .category-items > div.flex-item.col-2 {
    width: 100%; }
  .flex-item.col-3, .s-main-menu .categories > li .block .category-items > div.flex-item.col-3 {
    width: 100%; }
  .flex-item.col-4, .s-main-menu .categories > li .block .category-items > div.flex-item.col-4 {
    width: 100%; }
  .flex-item.col-5, .s-main-menu .categories > li .block .category-items > div.flex-item.col-5 {
    width: 100%; }
  .flex-item.col-6, .s-main-menu .categories > li .block .category-items > div.flex-item.col-6 {
    width: 100%; }
  .flex-item.col-7, .s-main-menu .categories > li .block .category-items > div.flex-item.col-7 {
    width: 100%; }
  .flex-item.col-8, .s-main-menu .categories > li .block .category-items > div.flex-item.col-8 {
    width: 100%; }
  .flex-item.col-9, .s-main-menu .categories > li .block .category-items > div.flex-item.col-9 {
    width: 100%; }
  .flex-item.col-10, .s-main-menu .categories > li .block .category-items > div.flex-item.col-10 {
    width: 100%; }
  .flex-item.col-11, .s-main-menu .categories > li .block .category-items > div.flex-item.col-11 {
    width: 100%; }
  .flex-item.col-12, .s-main-menu .categories > li .block .category-items > div.flex-item.col-12 {
    width: 100%; } }

/********************************
/* Product Page Size Table Styles
/*******************************/
.js-size-guide-modal td {
  background: #f9f9f9;
  border: solid 1px #e0e0e0;
  text-transform: uppercase;
  padding: 10px; }

.js-size-guide-modal .table-heading > td {
  background: #e0e0e0;
  height: 50px; }

/****************************
/* Toggle Action Styles
/***************************/
*[data-action="toggle"] {
  border: 1px solid #ddd;
  padding: 8px 10px;
  position: relative;
  color: #333;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  padding-right: 30px; }

*[data-action="toggle"]:hover {
  background: #f7f7f7; }

*[data-action="toggle"]::after {
  content: "";
  border-width: 0.65rem 0.5rem 0 0.5rem;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  display: block;
  position: absolute;
  right: 10px;
  top: 40%;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s; }

*[data-action="toggle"].active::after {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s; }

.action-toggle .toggle-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s; }

.action-toggle .toggle-content.active {
  opacity: 1;
  max-height: 2000px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s; }

/****************************
/* Tabs Styles
/***************************/
.action-tabs .tabs-content {
  border: 1px solid #ddd;
  padding: 10px 20px;
  position: relative; }

.action-tabs .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.action-tabs .tabs *[data-action="tab"] {
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 10px 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0px;
  cursor: pointer;
  font-size: 1.2em;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px; }

.action-tabs .tabs *[data-action="tab"]:hover {
  background: #f7f7f7; }

.action-tabs .tabs *[data-action="tab"].active {
  background: #ddd; }

.action-tabs .tabs-content > * {
  display: none; }

.action-tabs .tabs-content > *.active {
  display: block; }

/****************************
/* Overlay Banner Styles
/***************************/
.overlay-banner {
  position: relative;
  margin-bottom: 40px; }

.overlay-banner img {
  width: 100%; }

.overlay-banner .overlay-text {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  text-align: center;
  display: table; }

/****************************
/* Parallax Styles
/***************************/
.action-parallax {
  padding: 15% 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.action-parallax h2 {
  text-align: center;
  color: #fff;
  font-size: 4vw;
  text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.2); }

/****************************
/* Wrapper Styles
/***************************/
.content-wrapper {
  max-width: 1228px;
  margin: 0 auto;
  width: 100%; }

@media screen and (max-width: 1227px) {
  .content-wrapper {
    max-width: 990px;
    margin: 0 auto; } }

@media screen and (max-width: 989px) {
  .content-wrapper {
    max-width: 740px;
    margin: 0 auto;
    padding: 10px; } }

/****************************
/* Lightbox Styles
/***************************/
.pop-overlay {
  display: none; }

.pop-overlay.active {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8; }

.rl-pop {
  display: none; }

.rl-pop.active {
  display: block;
  position: fixed;
  z-index: 9;
  background: #fff;
  width: 60%;
  margin: 20% 20% 10px;
  padding: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0; }

.rl-pop [data-action="pop-close"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px 14px;
  background: #ddd;
  border-radius: 0 0 0 4px;
  line-height: 0;
  font-weight: bold;
  cursor: pointer; }

@media screen and (max-width: 700px) {
  .rl-pop.active {
    width: 90%;
    margin: 20px 5%; } }

/****************************
/* Misc
/***************************/
.c-icon--extra {
  width: 20px; }

.mobile-only {
  display: none !important; }

@media only screen and (max-width: 660px) {
  .c-icon--extra {
    width: 30px; }
  .mobile-only {
    display: block !important; } }

/****************************
/* Slider Styles
/***************************/
.swiper-button-prev, .swiper-button-next {
  -webkit-filter: grayscale(100%) brightness(500%);
  filter: grayscale(100%) brightness(500%);
  opacity: 1 !important; }

/* Current Fonts */
@font-face {
  font-family: 'Rufina';
  src: url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.eot");
  src: url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.woff2") format("woff2"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.woff") format("woff"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.ttf") format("truetype"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.ttf#Rufina-Bold") format("svg"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Bold.otf") format("otf");
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Rufina';
  src: url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.eot");
  src: url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.woff2") format("woff2"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.woff") format("woff"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.ttf") format("truetype"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.ttf#Rufina-Regular") format("svg"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.hawkshead.com/fonts/Rufina/Rufina-Regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'WorkSans';
  src: url("https://cdn.hawkshead.com/fonts/WorkSans/WorkSans-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'WorkSans';
  src: url("https://cdn.hawkshead.com/fonts/WorkSans/WorkSans-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'WorkSans';
  src: url("https://cdn.hawkshead.com/fonts/WorkSans/WorkSans-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'WorkSans';
  src: url("https://cdn.hawkshead.com/fonts/WorkSans/WorkSans-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'WorkSans';
  src: url("https://cdn.hawkshead.com/fonts/WorkSans/WorkSans-Light.ttf");
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased; }

html {
  font-family: "WorkSans", Helvetica, Arial, sans-serif; }
  html strong {
    font-weight: 700; }

/* Generic stuff that can be used on any/every CMS page */
.s-footer-links .column a:focus,
.s-footer-links .column a:hover,
a,
a:active,
a:focus,
a:hover,
a:visited {
  color: #5f5f5e; }

.uspBanners {
  display: none; }

.generic-usp {
  text-align: center;
  padding: 0.4% 0;
  background: #2f2f53;
  /* background colour */
  color: #fff !important;
  /* font colour */
  text-transform: uppercase;
  letter-spacing: 0.6px; }

.generic-usp .pipe {
  margin: 0 0.5%; }

.generic-usp a {
  color: #fff !important; }

.generic-usp a:hover {
  color: #fff !important;
  text-decoration: underline; }

.generic-usp div {
  display: inline; }

@media only screen and (max-width: 1024px) {
  .generic-usp a {
    font-size: 13px; } }

@media only screen and (max-width: 740px) {
  .uspDesktop {
    display: none !important; } }

@media only screen and (max-width: 600px) {
  .generic-usp .pipe {
    display: none; }
  .generic-usp div {
    display: block; } }

@media only screen and (max-width: 426px) {
  .generic-usp div {
    display: block; } }

/* Basket */
.shippingtotalscart {
  float: left;
  width: 80%;
  border: 1px solid black;
  padding: 15px; }

.shippingtotalscart ul {
  list-style-type: none;
  margin: 0;
  margin-bottom: 1%; }

.shippingtotalscart h3 {
  text-align: center;
  border-bottom: 1px solid;
  padding-bottom: 1.5%; }

.c-btn--secondary {
  background: #c3c3c3;
  border-color: #c3c3c3; }

/* 404 page */
.noroute__container {
  width: 100%;
  display: table;
  position: relative; }

.noroute__desktopimg {
  position: relative;
  float: left;
  width: 100%;
  display: block; }

.noroute__container--inner {
  position: absolute;
  top: 0; }

.noroute__text {
  color: #FFF;
  float: left;
  width: 100%;
  font-size: 18px;
  margin-left: 3vw;
  margin-top: 5%; }

.noroute__text--header {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 5px; }

.noroute__text p:nth-child(2), .noroute__text p:nth-child(4) {
  padding-bottom: 6%; }

.noroute__container--button {
  float: left;
  width: 100%;
  margin-top: 5%; }

.noroute__button {
  float: left;
  background: #79a2d0;
  padding: 10px;
  text-align: center;
  color: white;
  margin-right: 1.5%;
  width: 45%;
  font-size: 16px;
  margin-bottom: 1.5%;
  text-transform: uppercase;
  font-weight: 600; }

.noroute__container--topbottom {
  width: 100%;
  max-width: 780px;
  margin: 0 auto; }

.noroute__button:hover {
  opacity: 0.8; }

.noroute__button--women:hover {
  background: #FF685D;
  opacity: 1; }

.noroute__button--men:hover {
  background: #9CAC25;
  opacity: 1; }

@media only screen and (max-width: 989px) {
  .noroute__text p:nth-child(2), .noroute__text p:nth-child(4) {
    padding-bottom: 0%; }
  .noroute__text--header {
    margin-bottom: 1%; }
  .noroute__container--topbottom {
    text-align: center; }
  .noroute__button {
    float: none;
    display: inline-block; } }

@media only screen and (max-width: 740px) {
  .noroute__container--inner {
    position: relative; }
  .noroute__text {
    width: 100%;
    margin-left: 0;
    margin-top: 0; }
  .noroute__text p:nth-child(2), .noroute__text p:nth-child(4) {
    padding-bottom: 1%; }
  .noroute__text {
    color: #000; }
  .noroute__button {
    margin-right: 0;
    width: 93%; } }

/* 404 page END */
/* mobile footer */
@media only screen and (max-width: 740px) {
  .column--footer h4 {
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    color: #769fd0;
    padding: 1% 0; }
  .column--footer {
    border-bottom: 1px solid #ddd;
    padding: 0.5% 0; }
  .column--footer ul {
    display: none; }
  .column--footer ul.isOpen {
    display: block; }
  .column--footer:before {
    content: ' ';
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #afafaf transparent transparent transparent;
    float: right;
    margin-top: 1.5%; }
  .column--footer.columnOpen:before {
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #afafaf transparent; }
  .column--footer ul {
    list-style-type: none; }
  .column--footer a {
    color: #5f5e5e;
    text-decoration: none; }
  .c-footer__copyright .o-layout__item:nth-child(1),
  .c-footer__copyright .o-layout__item:nth-child(3) {
    width: 100% !important; } }

/* mobile footer END */
/* No results styles*/
.noresults__container a {
  border: 1px solid #000;
  padding: 0.5% 0;
  width: 24%;
  display: inline-block;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase; }

.noresults__suggestions {
  text-align: center; }

.noresults__suggestions p {
  font-weight: 700;
  border-top: 1px solid #5f5f5e;
  margin-top: 1%;
  padding-top: 1%; }

.noresults__suggestions ul {
  margin-left: 0;
  list-style-type: none; }

@media only screen and (max-width: 1024px) {
  .s-text-banner *:empty {
    display: none; } }

@media only screen and (max-width: 740px) {
  .noresults__container a {
    width: 49%;
    margin-top: 0.5%; } }

@media only screen and (max-width: 400px) {
  .noresults__container a {
    width: 100%; } }

/* END */
/* Header updates */
.s-main-menu .categories {
  text-align: center; }

.s-main-menu .categories > li {
  display: inline-block;
  padding-right: 0.5%; }

.c-header,
.s-header-links .links > li > a,
.s-header-links .links > li > a:active,
.s-header-links .links > li > a:focus,
.s-header-links .links > li > a:hover,
.s-header-links .links > li > a:visited {
  color: #000; }

.c-header {
  background-color: #fff;
  margin-bottom: 0; }

.s-footer-links .column h4,
.s-footer-links-social h4 {
  color: #000; }

.s-main-menu .block {
  background: #fff; }

.s-main-menu .categories > li a.ui-state-focus,
.s-main-menu .categories > li a.ui-state-focus:active,
.s-main-menu .categories > li a.ui-state-focus:focus,
.s-main-menu .categories > li a.ui-state-focus:hover,
.s-main-menu .categories > li a.ui-state-focus:visited {
  color: #000; }

.s-main-menu .categories > li a.ui-state-focus,
.s-main-menu .categories > li:first-child a.ui-state-focus:after,
.s-main-menu .categories > li:last-child a.ui-state-focus:after {
  background: #f6f6f6; }

.s-main-menu .categories > li.dropdown--clearance a.ui-state-focus,
.s-main-menu .categories > li.dropdown--clearance a.ui-state-focus:active,
.s-main-menu .categories > li.dropdown--clearance a.ui-state-focus:focus,
.s-main-menu .categories > li.dropdown--clearance a.ui-state-focus:hover,
.s-main-menu .categories > li.dropdown--clearance a.ui-state-focus:visited {
  color: #ff0000; }

.c-header-search .c-header-search__input {
  background-color: #fff;
  border: 2px solid #dfe0e1;
  color: #525252; }

.c-header-search .c-header-search__input::-webkit-input-placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input:-ms-input-placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input::-ms-input-placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input::placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input::-webkit-input-placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input:-moz-placeholder,
.c-header-search .c-header-search__input::-moz-placeholder {
  color: #dfe0e1; }

.c-header-search .c-header-search__input:-ms-input-placeholder {
  color: #dfe0e1; }

.c-icon--search {
  background-image: url(https://cdn.hawkshead.com/img/SS17/uk/misc/icons/mag-glass-two.svg) !important;
  opacity: 0.5; }

@media only screen and (max-width: 1227px) {
  .s-main-menu .categories > li {
    padding-right: 0%; } }

@media only screen and (max-width: 740px) {
  .c-icon--search {
    background-image: url(https://cdn.hawkshead.com/img/SS17/uk/misc/icons/mag-glass-white.svg) !important;
    opacity: 1; } }

@media only screen and (max-width: 500px) {
  .s-main-menu .categories > li {
    display: block; }
  .s-main-menu .categories {
    text-align: left; } }

/* END */
/* Basket Updates */
.o-layout__item:nth-child(4) {
  text-align: right; }

.o-layout__item:nth-child(3),
.o-layout__item.c-basket__remove-group {
  padding-left: 4%; }

.c-basket__continue-shopping {
  margin-top: 0;
  background: #c3c3c3;
  color: #fff !important;
  padding: 5px 8%;
  float: left; }

@media only screen and (max-width: 500px) {
  .o-layout__item:nth-child(3),
  .o-layout__item.c-basket__remove-group {
    padding-left: 0%; } }

/* END */
/* SEO show hide */
@media only screen and (max-width: 770px) {
  .s-text-banner {
    display: table; }
  .bannercontainer,
  .banner__text.banner__text--toggle,
  .mobileseo-container.mobileseo-container--second.clickdisplay {
    display: none; }
  .bannerContainer h1.banner__title {
    font-size: 8vw;
    line-height: 1.2; }
  .pageintro {
    float: none; }
  .pageintro.pageintro-hidden {
    height: 100px;
    overflow: hidden; }
  .seemore,
  .seemoreseo {
    margin: 0 auto;
    background: #769fd0;
    width: 25%;
    color: #fff;
    padding: 0.5% 0; }
  .mobileseo-container-first {
    margin-top: -45px; }
  .mobileseo-container {
    margin-top: -70px; }
  .seo-hidden {
    display: none; }
  .banner__text.seo-reduced {
    height: 50px;
    overflow: hidden; }
  .mobileseo-container.action:first-of-type,
  .mobileseo-container.bttnhide,
  .gradient.gradient-toggle,
  .mobileseo-container:last-of-type img {
    display: none; }
  .mobileseo-container.marginfix,
  .mobileseo-container-first.mobileseo-container-toggle {
    margin: 0; } }

/* END */
/* Footer payment logos */
.c-footer__payment-icons {
  background-image: url(https://cdn.craghoppers.com/img/SS17/UK/misc/logos/payment-options.png); }

/* END */
/* Footer feefo logo */
h4.c-feefo__titl {
  margin: 0;
  color: #fff; }

@media only screen and (max-width: 770px) {
  .c-feefo {
    margin: 0px 0 20px 0; }
  .s-footer-links-social h4 {
    padding-left: 11%; } }

@media screen and (max-width: 500px) {
  body .c-feefo {
    background-size: 80px;
    padding: 0;
    min-height: 42px;
    background-position: left 15px center;
    margin: 7px 0px;
    position: relative; }
  .c-feefo h4.c-feefo__titl {
    display: none; }
  .c-feefo .c-feefo__percentage {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px; }
  .c-feefo__subtitle {
    position: absolute;
    bottom: -23px;
    right: 0;
    left: 0;
    color: #424243; } }

/* END */
/* Outdoor Footwear and Accessories PLP header */
.bannertext.footwearacc {
  margin-top: 3%;
  width: 45%; }

/* END */
/* Cookie Policy */
.navbarlinks {
  float: left;
  padding: 5px;
  background: #eee;
  width: 25%;
  text-align: center;
  border-right: 1px solid #ddd; }

.customerservice__row td,
.customerservice__row th {
  border: 2px solid #CCCCCC;
  padding: 5px; }

.headerrow > td,
.headerrow > th {
  padding-left: 5px;
  display: table-cell;
  vertical-align: inherit; }

tr.headerrow,
.customerservice__row th {
  font-weight: 600; }

.cookie-padding {
  height: 20px; }

.customerservice__main {
  margin-top: 7%; }

/* END */
/* ios shadow */
@media only screen and (max-width: 1024px) {
  input#search.c-input.c-header-search__input,
  input#newsletter.c-input-combined__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; } }

/* END */
/* checkout address boxes */
#checkout-step-shipping .o-layout__item:nth-child(3),
#checkout-step-shipping .o-layout__item.c-basket__remove-group {
  padding-left: 2%; }

#checkout-step-shipping .o-layout__item:nth-child(4) {
  text-align: left; }

/* error messages */
.page.messages {
  clear: both; }

/* END */
/* Account Style */
.account.sales-order-view .box-order-billing-method {
  display: none; }

/* END */
/* Store Locator */
.c-store-list__distance {
  color: #5f5f5e !important; }

.c-store-list__details {
  color: #5f5f5e !important; }

.c-store-list__item:nth-child(even) {
  background: rgba(118, 159, 208, 0.1) !important; }

.c-store-list__item {
  margin-bottom: 0 !important;
  padding: 2.6% 1%;
  border-bottom: 1px solid;
  text-align: left; }

.c-store-list__title {
  text-align: left; }

/* END */
/* Tablet search bar */
@media only screen and (max-width: 1024px) {
  #header > header > div.o-region__inner > div > div.o-layout__item > div:nth-child(2) > div.o-layout__item:nth-child(1) {
    width: 67% !important;
    padding-left: 30px; }
  #header > header > div.o-region__inner > div > div.o-layout__item > div:nth-child(2) > div.o-layout__item {
    width: 33% !important; } }

/* END */
/* FOOTER */
#footer .s-footer-links > div {
  width: 18.5% !important;
  padding-bottom: 5%; }

.s-footer-links-social {
  margin-left: -16px; }

ul.follow-us {
  padding-top: 15px; }

.footerHeader {
  display: block; }

.footerHeaderMobile {
  display: none; }

@media only screen and (max-width: 740px) {
  .column.column--footer h4.active + ul.active {
    display: block; }
  .footerHeader {
    display: none; }
  .footerHeaderMobile {
    display: block; } }

/* END */
/* Hide tracking img/iframe after footer */
div#footer ~ img,
div#footer ~ iframe {
  position: absolute;
  left: -999px;
  top: -999px; }

/* END */
/* Cookie Policy Bar */
#notice-cookie-block .content {
  background: #FFF;
  position: fixed;
  width: 100%;
  z-index: 99;
  text-align: left;
  padding: 1% 8% 2% 8%;
  bottom: 0;
  border: 2px solid #ECECEC; }

#notice-cookie-block .content h5 {
  display: block;
  font-size: 24px;
  font-family: "Rufina", Helvetica, Arial, sans-serif;
  margin: 10px 0; }

#notice-cookie-block .content > p {
  display: inline-block;
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding-right: 40px;
  width: 76%; }

#notice-cookie-block .content a {
  margin-top: -10px;
  line-height: 17px; }

#notice-cookie-block .content * {
  display: inline-block;
  color: #000; }

#notice-cookie-block a:after {
  content: "" !important;
  font-size: 15px;
  display: block; }

#btn-cookie-read-more {
  border: 1px solid #000;
  padding: 5px 10px;
  background-color: #FFF;
  font-family: "WorkSans", Helvetica, Arial, sans-serif; }

#notice-cookie-block .actions {
  display: inline-block;
  float: right;
  width: 20%; }

button#btn-cookie-allow {
  display: inline-block;
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  background: transparent;
  border: 1px solid;
  color: white;
  background-color: #343334;
  border-color: #343334;
  margin: 0 auto;
  padding: 5px 10px !important; }
  button#btn-cookie-allow span {
    color: #FFF !important;
    font-size: 15px; }

@media only screen and (max-width: 780px) {
  #notice-cookie-block .content {
    padding: 2% 6%; }
  #notice-cookie-block .content > p {
    width: 100%;
    padding-right: 0; }
  #notice-cookie-block .actions {
    display: block;
    width: 100%; }
  #btn-cookie-read-more {
    width: 100%;
    font-size: 15px;
    margin: 10px 0; }
  button#btn-cookie-allow {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0px auto; } }

/* END Cookie Policy Bar */
/* Remove Currency Converter START */
li#switcher-currency-nav {
  display: none; }

/* Remove Currency Converter END */
/* Newsletter sign up */
.c-footer__social {
  display: none !important; }

/* Newsletter sign up END */
/* Slider hide chevrons */
.flex-direction-nav {
  display: none !important; }

/* Slider hide chevrons END */
/* Footer Updates */
.c-feefo {
  display: none !important; }

/* Newsletter sign up */
.c-footer__social {
  display: none !important; }

/* Newsletter sign up END */
.s-footer-links-social .c-icon--facebook,
.s-footer-links-social .c-icon--google,
.s-footer-links-social .c-icon--instagram,
.s-footer-links-social .c-icon--twitter,
.s-footer-links-social .c-icon--youtube {
  width: 25px;
  height: 25px;
  margin: 0; }

.follow-us li {
  margin: 0 0 0 20px; }

.follow-us li:first-of-type {
  margin: 0; }

.c-footer__links {
  padding: 20px 0 0; }

.c-footer__social {
  padding: 20px 0 10px 0; }

.c-footer__header {
  margin-bottom: 1%; }

.s-footer-links {
  float: right;
  width: 75%; }

#footer .s-footer-links > div {
  width: 25% !important; }

.footerMouflon {
  width: 100%;
  max-width: 30px; }

.brandCopyright {
  font-size: 12px;
  margin: 68px 0 1% 0; }

.c-footer__copyright .o-layout__item:nth-child(3) {
  float: right; }

.s-footer-links-social p.socialFollow {
  font-size: 14px;
  min-height: 35px;
  margin: 0;
  text-transform: capitalize;
  font-weight: 700; }

.follow-us {
  padding-top: 0 !important; }

.s-footer-links-social {
  margin-left: 0; }

.c-footer__social {
  background-color: #f3f3f3; }

.c-footer {
  background-color: #fff; }

.c-footer__signup {
  margin: 0 auto;
  float: none; }

h3.c-footer__header {
  text-align: center; }

.footerMobile {
  display: none; }

.s-footer-links .column h4 a {
  font-size: 14px !important; }

.c-footer__copyright .o-layout__item:nth-child(2) {
  display: none !important; }

@media only screen and (max-width: 989px) {
  .s-footer-links-social .c-icon--facebook,
  .s-footer-links-social .c-icon--google,
  .s-footer-links-social .c-icon--instagram,
  .s-footer-links-social .c-icon--twitter,
  .s-footer-links-social .c-icon--youtube {
    margin: 0 auto; }
  .c-footer__links .column.column--footer:last-of-type {
    padding-bottom: 1% !important; }
  .s-footer-links-social {
    margin: 10px 0 12px 0;
    margin-left: 0 !important;
    text-align: right; }
  .c-footer__links .o-layout .o-layout__item {
    width: 100% !important; }
  .c-footer__payment-icons {
    background-position: center; }
  #footer .s-footer-links > div {
    width: 25% !important; }
  .s-footer-links {
    float: left;
    width: 100%; }
  .s-footer-links-social {
    border-top: 1px solid #e6eff2;
    padding-top: 10px;
    text-align: left; }
  .footerMouflon {
    float: left;
    margin-top: 7px; }
  .brandCopyright {
    float: right;
    margin: 1% 0 1% 0; }
  .follow-us {
    padding-top: 0 !important;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px; }
  .c-footer__copyright .o-layout__item:nth-child(2) {
    width: 18% !important; }
  .c-footer__copyright .c-footer__payment-icons {
    width: 100%; }
  .c-footer__copyright .o-layout__item:nth-child(3) {
    float: right; }
  .s-footer-links-social p.socialFollow {
    min-height: auto;
    margin-bottom: 1%; }
  .c-footer .o-layout__item:nth-child(3) {
    padding-left: 2%; }
  .c-footer__copyright .o-layout__item:nth-child(1) {
    width: 50% !important; }
  .c-footer__copyright .o-layout__item:nth-child(3) {
    float: right;
    width: 50% !important;
    padding: 0; }
  .s-footer-links-social p.socialFollow {
    min-height: auto;
    margin-bottom: 1%; }
  .s-footer-links-bottom ul li {
    margin-right: 9%; }
  .s-footer-links-bottom ul li:last-of-type {
    margin-right: 0; }
  .s-footer-links-bottom--close a {
    margin-left: 0; }
  .s-footer-links-bottom ul {
    width: 100%; } }

@media only screen and (max-width: 740px) {
  .footerMobile {
    display: block; }
  .column--footer ul.active {
    display: block;
    margin-left: 0; }
  .c-footer__links .o-region__inner .o-layout {
    border-top: 1px solid #e6e6e6;
    margin-left: 0; }
  .c-footer__links .o-region__inner .o-layout:first-of-type {
    border: 0; }
  .c-footer__signup.c-accordion.o-layout__item {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6; }
  .c-footer__header {
    margin-bottom: 1%;
    padding-top: 1%;
    text-align: center; }
  .c-footer__social {
    padding: 0; }
  .c-footer__signup .c-accordion__content {
    height: auto;
    padding: 1% 10px 3% 10px;
    display: block !important; }
  .c-input-combined__input-wrapper {
    padding-bottom: 0; }
  .c-footer__links .o-layout .o-layout__item {
    padding-left: 0; }
  .c-footer__header .c-icon--down,
  .c-footer__header .c-icon--up {
    display: none; }
  .footerHeaderMobile.active {
    text-decoration: underline; }
  .column--footer p:before {
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transition: all 1s; }
  .column--footer p.active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -o-transition: all 1s;
    transition: all 1s;
    -webkit-transition: all 1s; }
  .c-accordion__content input#newsletter {
    font-size: 12px; }
  .footerMouflon {
    float: none;
    margin: 0 auto;
    display: block;
    margin-bottom: 1%; }
  .brandCopyright {
    float: none;
    text-align: center;
    margin: 3% 0 0 0; }
  .s-footer-links-social {
    border-top: none;
    margin: 12px 0;
    padding: 0; }
  .follow-us {
    width: 50%;
    float: none;
    border-top: none;
    padding: 2% 0 0 0 !important;
    margin: 0 auto !important; }
  .follow-us li {
    margin: 0; }
  .c-footer__payment-icons {
    display: none; }
  .c-footer__copyright .o-layout {
    margin: 0; }
  .s-footer-links-social p.socialFollow {
    text-align: center; }
  .c-footer {
    padding: 0; }
  .c-footer__links {
    padding: 20px 10px 10px 10px; }
  .c-footer__copyright {
    border-top: 0; } }

/* Footer Updates END */
/* Header Updates */
@media only screen and (min-width: 760px) {
  #header {
    /* Search update */
    /* Search update END */
    /*.s-header-links .links>li:nth-child(3) {
			padding-left: 2px;
			width: 10%;
		}

		.s-header-links .links>li:last-child {
			padding-left: 0px;
		}*/
    /*.authorization-link a[data-bind="visible: !isLoggedIn()"]:after {
			background: url(https://cdn.craghoppers.com/img/SS18/UK/misc/header/user_account.svg);
			background-size: contain;
			background-repeat: no-repeat;
			display: block;
			content: '';
			width: 20px;
			height: 20px;
			float: right;
		}*/
    /*.c-mini-cart.c-mini-cart--fixed.is-active {
		    top: 98px !important;
		}*/ }
    #header .c-header-search .c-header-search__input {
      border-radius: 7px !important; }
    #header .c-header-search .c-input-wrap__icon {
      top: 2px !important;
      border-radius: 30px !important;
      right: 7px; }
    #header .c-input-wrap.c-input-wrap--icon-right {
      padding-top: 0 !important;
      margin-bottom: 0 !important; }
    #header .c-mini-cart {
      padding-top: 0 !important; }
    #header .c-header-search .c-input-wrap__clear {
      top: 9px !important; }
    #header .c-mini-cart-btn__price:after {
      display: none; }
    #header .o-layout__item .o-layout:nth-child(2) .o-layout__item:nth-child(1) {
      width: 60% !important;
      padding-left: 0% !important; }
    #header .o-layout__item .o-layout:nth-child(2) .o-layout__item:nth-child(2) {
      width: 40% !important;
      padding-left: 0%; }
    #header .o-layout__item .o-layout:nth-child(2) .c-header-search__suggestions-column.o-layout__item {
      padding-left: 0 !important;
      width: 50% !important; }
    #header .o-layout__item .o-layout:nth-child(2) .c-header-search__column.o-layout__item {
      width: 50% !important; }
    #header .o-layout__item:nth-child(2) .o-layout.o-layout--collapsed {
      width: 100%; }
    #header .c-header__logo {
      padding-top: 20px !important; }
    #header .s-header-links {
      padding-top: 10px !important; }
    #header ul.header.links li:first-of-type {
      display: none !important; }
    #header ul.header.links li a,
    #header li.greet.welcome .or {
      font-size: 14px !important; }
    #header .c-header-search .c-header-search__input::-webkit-input-placeholder {
      font-size: 14px;
      padding-left: 5px; }
    #header .c-header-search .c-header-search__input:-ms-input-placeholder {
      font-size: 14px;
      padding-left: 5px; }
    #header .c-header-search .c-header-search__input::-ms-input-placeholder {
      font-size: 14px;
      padding-left: 5px; }
    #header .c-header-search .c-header-search__input::placeholder {
      font-size: 14px;
      padding-left: 5px; }
    #header span.welcome-name {
      font-size: 14px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    #header .c-mini-cart-btn__items {
      padding-right: 0; }
    #header .o-layout__item:nth-child(2) .o-layout.o-layout--collapsed p.o-layout__item {
      width: 50% !important;
      padding: 0 !important; }
    #header .authorization-link a:nth-child(2) {
      margin-right: 13%; }
    #header .c-mini-cart__drop-down {
      top: 38px; }
    #header .c-mini-cart.c-mini-cart--fixed.is-active {
      top: 45px !important; }
    #header .c-mini-cart.minicart-wrapper.is-active.c-mini-cart--fixed .c-mini-cart__drop-down {
      max-width: 500px; }
    #header ul.header.links.isLoggedIn li:first-of-type {
      display: inline-block !important; }
    #header .s-header-links .links.isLoggedIn > li:nth-child(3) {
      width: auto;
      padding-left: 15px; }
    #header .s-header-links .links.isLoggedIn > li.greet.welcome {
      padding-left: 15px; }
    #header .c-mini-cart-btn {
      padding: 0 5px; }
    #header div#top-search {
      width: 90%;
      float: right; }
    #header header.c-header .o-layout__item .o-layout:nth-child(2) .o-layout__item:nth-child(1) {
      width: 60% !important;
      padding-left: 0% !important; }
    #header .o-layout.o-layout--collapsed.c-mini-cart__totals p.c-mini-cart__items-total.o-layout__item.items-total,
    #header .o-layout.o-layout--collapsed.c-mini-cart__totals p.c-mini-cart__price-total.o-layout__item {
      width: 50% !important; }
  .desktop-theme.headerSticky #header.headStick .c-mini-cart.c-mini-cart--fixed.is-active {
    top: 5px !important; }
  .desktop-theme.headerSticky #header.headStick .c-mini-cart.c-mini-cart--fixed.is-active {
    right: -83%; } }

/* END */
/* Footer Subscribe Form */
iframe.subscribeForm {
  height: 210px; }

@media only screen and (max-width: 989px) {
  iframe.subscribeForm {
    height: 220px; } }

/* Footer Subscribe Form END */
/* Show/Hide Styling */
.contentAccordion {
  overflow: hidden;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }
  .contentAccordion h1, .contentAccordion h2, .contentAccordion h3, .contentAccordion h4, .contentAccordion h5, .contentAccordion h6 {
    font-weight: 600; }

.contentAccordion > h1:nth-child(1) {
  max-width: 1228px;
  margin: 0 auto; }

button.contentBtn:hover {
  background: #000;
  color: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

button.contentBtn {
  margin: 10px auto;
  display: block;
  width: 120px;
  background: transparent;
  color: #000;
  padding: 0.3% 0;
  border: 1px solid #000;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.page-products .contentAccordion {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto; }

.contentAccordion.disabled {
  height: auto !important; }

button.contentBtn.disabled {
  display: none !important; }

.contentContainer {
  position: relative;
  margin-bottom: 20px; }
  .contentContainer .contentActive + button.contentBtn img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .contentContainer button.contentBtn img {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-width: 25px;
    float: right;
    display: block; }
  .contentContainer button.contentBtn:hover {
    background: transparent; }

.contentContainer:last-of-type {
  margin-bottom: 10px; }

.js-fredhopper-fredhopper-hero-wrapper-placeholder .contentContainer button.contentBtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  width: 100%;
  max-width: 1228px;
  left: 0;
  margin: 0 auto;
  max-height: 50px; }

.js-fredhopper-fredhopper-hero-wrapper-placeholder .contentContainer button.contentBtn.bannerContent {
  width: auto;
  left: auto;
  margin: 0 auto; }

.js-fredhopper-fredhopper-plp-seo-text-wrapper-placeholder button.contentBtn {
  top: 0 !important;
  right: 0 !important;
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding-right: 10px; }

.page-products .contentAccordion {
  max-width: 100% !important; }

.page-products .contentAccordion p {
  max-width: 1228px;
  margin: 0 auto 15px auto; }

@media only screen and (max-width: 1250px) {
  .page-products .contentAccordion p,
  .page-products .contentAccordion h2,
  .page-products .contentAccordion h3,
  .page-products .contentAccordion h4,
  .page-products .contentAccordion h5 {
    padding: 0 10px !important; }
  .catalog-category-view .s-text-banner h1,
  .catalog-category-view .s-text-banner h2,
  .catalog-category-view .s-text-banner h3,
  .catalog-category-view .s-text-banner h4,
  .catalog-category-view .s-text-banner h5,
  .catalog-category-view .s-text-banner h6 {
    padding: 0 2%; }
  .catalog-category-view .s-text-banner .contentAccordion h1,
  .catalog-category-view .s-text-banner .contentAccordion h2,
  .catalog-category-view .s-text-banner .contentAccordion h3,
  .catalog-category-view .s-text-banner .contentAccordion h4,
  .catalog-category-view .s-text-banner .contentAccordion h5,
  .catalog-category-view .s-text-banner .contentAccordion h6 {
    padding: 0; } }

/* Show/Hide Styling END */
/* PayPal Logo */
#header .paypal.checkout.after.paypal-logo,
#cart .paypal.checkout.after.paypal-logo {
  background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/checkout-logo-small.png);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 158px;
  background-position: center;
  line-height: 1; }

#header .paypal.checkout.after.paypal-logo input,
#cart .paypal.checkout.after.paypal-logo input {
  opacity: 0;
  width: 100%;
  line-height: 1;
  height: 32px; }

@media only screen and (max-width: 700px) {
  #header .paypal.checkout.after.paypal-logo,
  #cart .paypal.checkout.after.paypal-logo {
    background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/checkout-logo-medium.png);
    background-size: 170px;
    margin: 10px 0; } }

/* PayPal Logo END */
.page-product-configurable .c-icon--quantity-plus:after {
  content: "+";
  display: inline-block;
  font-size: 28px;
  background-size: 0;
  line-height: 1;
  position: relative;
  top: -2px;
  color: #000; }

/* P24 Removal */
a[href="https://www.hawkshead.com/przelewy/przelewy/mycards/"] {
  display: none; }

/* PDP Swatch Hide */
.swatch-opt {
  display: none !important; }

/* PDP Swatch Hide END */
/* Loyalty Hide */
#account-nav .nav.item:nth-child(6) {
  display: none; }

/* Loyalty Hide END */
/* Footer phone number */
span.c-footer__copyright-text a {
  display: none; }

.flex-overlay {
  width: 100%;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  position: absolute; }
  .flex-overlay.flex-at {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .flex-overlay.flex-ac {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .flex-overlay.flex-ab {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .flex-overlay.flex-jl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .flex-overlay.flex-jc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .flex-overlay.flex-jr {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  @media only screen and (max-width: 740px) {
    .flex-overlay.mob-flex-at {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .flex-overlay.mob-flex-ac {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .flex-overlay.mob-flex-ab {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
    .flex-overlay.mob-flex-jl {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .flex-overlay.mob-flex-jc {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .flex-overlay.mob-flex-jr {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; } }

.center-container {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto; }

/* Homepage Specific Styles */
/* Initial Dump from existing CSS... needs refactoring */
/* Homepage */
/* Slider Full Width */
.fullWidthSlider__slide.pageBanner__image {
  width: 100%; }

.flexslider {
  position: relative;
  float: left;
  margin-bottom: 1%; }

.flexslider,
.slides {
  width: 100%;
  margin-left: 0;
  z-index: 1 !important; }

.slides li {
  display: block;
  width: 100%;
  height: 100%; }

.slides li:nth-child(n+2) {
  display: none; }

ul.flex-direction-nav {
  position: absolute;
  margin: 0;
  z-index: 100;
  width: 100%;
  height: 63px;
  bottom: -10%; }

.flex-direction-nav li a {
  margin: 0;
  display: block;
  position: absolute;
  cursor: pointer;
  text-indent: -9999px;
  top: -6.6vw; }

.flex-direction-nav li a.flex-prev {
  background-position: 0 0;
  left: 3%;
  background: url(//dm5gggopeleel.cloudfront.net/images/SS16/Sliders/Assets/sliders+arrows-11.png);
  height: 63px;
  width: 45px; }

.flex-direction-nav li a.flex-next {
  background-position: 0;
  right: 3%;
  background: url(//dm5gggopeleel.cloudfront.net/images/SS16/Sliders/Assets/sliders+arrows-12.png);
  height: 63px;
  width: 45px; }

.flex-direction-nav li a.prev,
.flex-direction-nav li a.next {
  display: none; }

.sliderfullwidth__container {
  display: table-cell !important;
  vertical-align: bottom;
  top: auto;
  bottom: 0;
  margin-bottom: 4%;
  position: absolute;
  width: 100%; }

.sliderbutton {
  font-weight: 600;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  min-width: 155px;
  letter-spacing: 2px;
  margin: 0 1.5%;
  padding: 5px 0;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  width: 15%; }

.slider-cta-mobile:nth-child(3) div {
  margin-bottom: 2px; }

.sliderstrip__desktop--mobile {
  display: none; }

.sliderbutton:hover {
  text-decoration: underline; }

.slides {
  margin: 0 auto; }

ol.flex-control-nav.flex-control-paging {
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
  display: block; }

ol.flex-control-nav.flex-control-paging li {
  display: inline-block; }

ol.flex-control-nav.flex-control-paging li a {
  color: transparent;
  background: transparent;
  width: 13px;
  height: 13px;
  display: block;
  border-radius: 10px;
  margin-right: 5px;
  border: 2px solid #fff;
  cursor: pointer; }

ol.flex-control-nav.flex-control-paging li a.flex-active {
  border: 2px solid #fff;
  background: #fff; }

.cms-homepage-promo-grid-hh-uk .o-region__inner.column.main,
.cms-homepage-promo-grid-hh-uk .o-region__inner.s-promo-grid {
  width: 100%; }

.cms-homepage-promo-grid-hh-uk section.flexslider.pageSection.pageSection--slider.pageSection--fullWidth.fullWidthSlider {
  max-width: 100%; }

.cms-homepage-promo-grid-hh-uk section.pageSection.pageSection--fullWidth.pageSection--noTitle.pageBanner--desktop {
  margin: 0 auto;
  float: none; }

.pageSection--thirds {
  margin-top: 1.75%; }

.slider-replace {
  position: relative; }

a.bannerOverlay__cta.bannerOverlay__cta--slider.gtm-promo.utc-cta {
  width: 250px; }

.bannerOverlay__contentArea--slider {
  padding-bottom: 4%; }

.c-page-wrapper {
  padding: 0; }

.sliderstrip__desktop {
  text-align: center;
  padding: 0.5% 0; }

.fullWidthSlider__slide.pageBanner__image {
  display: block; }

.slider-cta-mobile {
  display: none; }

@media only screen and (max-width: 1200px) {
  .sliderbutton {
    width: 18%;
    font-size: 1.3vw; } }

@media only screen and (max-width: 1028px) {
  .sliderstrip__desktop {
    margin-bottom: -1%; } }

@media only screen and (max-width: 700px) {
  .sliderfullwidth__container {
    margin-bottom: 10%; }
  .slider-cta-mobile {
    display: block; }
  .slider-cta {
    display: none; } }

@media only screen and (max-width: 650px) {
  .sliderbutton--thirds {
    width: 50%; } }

/* END */
.sectionRow {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto; }

.sectionRow div {
  width: 100%; }

.sectionRow-Brands {
  text-align: center;
  border: 1px solid #000;
  padding-bottom: 3%; }

.sectionRow h3,
section .mt_sliderTop .mt_title {
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
  margin: 0 auto; }

.sectionRow-Brands h3 {
  margin-bottom: 2vw;
  margin-top: -22px; }

.sectionRow-Brands h3 span {
  background: #fff;
  padding: 0 4%; }

.sectionRow img {
  width: 100%; }

.sectionRow-Hero a {
  width: 49%; }

.monetateHomeBestsellers {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto; }

.sectionRow-Community a {
  width: 32%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.sectionRow-Community h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 1vw;
  margin-top: 1%;
  letter-spacing: 1px; }

.sectionRow div:first-of-type {
  margin-bottom: 2.5%; }

.heroItem span {
  width: 100%;
  text-align: center;
  display: block;
  padding: 1% 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 20px; }

section.sectionRow .blogPost {
  position: relative;
  margin-bottom: 1vw; }

section .blogPost .blogPost-Copy {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  height: 100px;
  background: rgba(0, 0, 0, 0.5); }

.blogPost-Title {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: 0 !important; }

.blogPost-Title span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
  letter-spacing: 0.2px; }

.sliderfullwidth__container.slide-newarrival {
  margin-bottom: 6%; }

.slide-newarrival .sliderstrip__desktop {
  text-align: left; }

.slide-newarrival .sliderbutton {
  margin-left: 8%;
  color: #fff;
  letter-spacing: 2px;
  text-decoration: underline; }

.topBrand {
  padding: 0 4%; }

.topBrand img {
  max-width: 255px; }

.topBrand img,
.thirdBrand img {
  margin: 0 auto; }

.thirdBrand img {
  max-width: 215px; }

.thirdBrand {
  margin-top: 2vw; }

.sectionRow-Community .communityCTA {
  margin: 2% auto;
  text-align: center;
  background: #9CAC25;
  color: #fff;
  padding: 1% 0;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 16px;
  width: 28%;
  display: block; }

.monetateHomeBestsellers .mt_endcap.mt_horizontal {
  max-width: 100% !important; }

.monetateHomeBestsellers span.mt_title {
  color: #669ad4; }

.monetateHomeBestsellers .mt_prodName,
.monetateHomeBestsellers .mt_altPrice {
  color: #000; }

.monetateHomeBestsellers .mt_sliderTop {
  margin-bottom: 2%; }

.sectionRow-Community .communityCTA:hover {
  background: #7d8e54; }

.sectionRow-Hero a:first-of-type .heroCTA {
  background: #669ad4; }

.sectionRow-Hero a:first-of-type .heroItem:hover .heroCTA {
  background: #5b7b9e; }

.sectionRow-Hero a:last-of-type .heroCTA {
  background: #FF7F70; }

.sectionRow-Hero a:last-of-type .heroItem:hover .heroCTA {
  background: #ef756c; }

.sectionRow-Brands img:hover {
  opacity: 0.8; }

.sectionRow-Hero {
  margin-top: 1%; }

@media only screen and (max-width: 1028px) {
  .sectionRow {
    width: 98%;
    margin: 0 1%; } }

@media only screen and (max-width: 1024px) {
  .flex-item.col-4.topBrand, .s-main-menu .categories > li .block .category-items > div.flex-item.topBrand.col-4,
  .flex-item.col-4.thirdBrand,
  .s-main-menu .categories > li .block .category-items > div.flex-item.thirdBrand.col-4 {
    width: 33%; }
  .topBrand:first-of-type,
  .thirdBrand:nth-child(5),
  .topBrand:nth-child(4),
  .thirdBrand:nth-child(7) {
    text-align: center; }
  .thirdBrand img {
    max-width: 175px; }
  .sectionRow-Community a.flex-item.col-4 {
    width: 33.3%; } }

@media only screen and (min-width: 701px) {
  .sectionRow-Cat {
    display: none; } }

@media only screen and (max-width: 740px) {
  .sectionRow-Hero a.flex-item.col-6 {
    width: 50%; } }

@media only screen and (max-width: 700px) {
  .sectionRow-Brands {
    display: none; }
  .sectionRow-Cat a.itemCategory {
    text-align: center;
    color: #fff;
    text-decoration: underline;
    margin-top: 1.5%;
    padding: 2% 0;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 16px; }
  a.itemCategory:first-of-type {
    margin: 0; }
  .itemCategory.itemMens {
    background: #2F3051; }
  .itemCategory.itemMens:hover {
    background: #23303a; }
  .itemCategory.itemWomens {
    background: #fc8a81; }
  .itemCategory.itemWomens:hover {
    background: #ef756c; }
  .itemCategory.itemKids {
    background: #9CAC25; }
  .itemCategory.itemKids:hover {
    background: #7d8e54; }
  .itemCategory.itemFootwear {
    background: #79a3d1; }
  .itemCategory.itemFootwear:hover {
    background: #5b7b9e; }
  .sectionRow-Community a.flex-item.col-4 {
    width: 100%; }
  .sectionRow-Community a.communityCTA {
    display: block;
    width: 250px;
    letter-spacing: 1px; }
  .heroItem span {
    margin-top: -8px; }
  .sectionRow-Hero a.flex-item.col-6 {
    width: 100%; }
  .sliderfullwidth__container.slide-newarrival {
    margin-bottom: 20%; }
  .sliderbutton {
    display: block;
    margin: 0 auto; }
  .slide-newarrival .sliderbutton {
    margin-left: 8%;
    display: inline-block; } }

@media only screen and (max-width: 650px) {
  .slide-newarrival .sliderbutton {
    margin-left: 6.5%;
    width: auto;
    min-width: auto; } }

@media only screen and (max-width: 450px) {
  .sectionRow-Community a.flex-item.col-4 {
    width: 100%; }
  .sliderbutton {
    font-size: 3vw; } }

@media only screen and (max-width: 430px) {
  .slide-newarrival .sliderbutton {
    margin-left: 4.5%;
    font-size: 4.2vw; } }

.heroButton {
  background: #CC1130;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  padding: 1% 0;
  font-size: 20px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 0 !important; }

.heroButton strong {
  display: block;
  font-weight: 600;
  font-size: 18px; }

.sectionRow.sectionHeros .col-6, .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6, .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6 {
  margin-bottom: 10px; }

.sectionRow.sectionHeros .col-6:nth-child(3), .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6:nth-child(3), .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6:nth-child(3),
.sectionRow.sectionHeros .col-6:nth-child(4),
.sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6:nth-child(4),
.s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6:nth-child(4) {
  margin-bottom: 0; }

.sectionHeros .blogPost-Copy span {
  font-size: 20px;
  font-weight: 600; }

@media only screen and (max-width: 740px) {
  .sectionHeros .flex-item.col-6, .sectionHeros .s-main-menu .categories > li .block .category-items > div.flex-item.col-6, .s-main-menu .categories > li .block .sectionHeros .category-items > div.flex-item.col-6 {
    width: 49.98%; } }

@media only screen and (max-width: 700px) {
  .sectionRow.sectionHeros .col-6:nth-child(3), .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6:nth-child(3), .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6:nth-child(3),
  .sectionRow.sectionHeros .col-6:nth-child(4),
  .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6:nth-child(4),
  .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6:nth-child(4) {
    margin-bottom: 1%; }
  .heroButton {
    font-size: 2.9vw;
    letter-spacing: 0;
    padding: 2% 0; }
  .heroButton strong {
    font-size: 2.5vw;
    margin-top: 1%; }
  .heroButton span {
    display: block; } }

@media only screen and (max-width: 450px) {
  .heroButton {
    font-size: 4.2vw; }
  .sectionRow.sectionHeros .col-6, .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.col-6, .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.col-6 {
    margin-bottom: 3%; }
  .heroButton strong {
    font-size: 3.8vw; } }

/* AW18 STYLES START */
.hero__container {
  position: relative; }

.heroButton-ns {
  position: absolute;
  color: #fff;
  text-align: center;
  padding: 56% 0 0 0;
  font-size: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.sliderbutton-newarrivals {
  color: #6e2c3a; }

.sliderstrip_regatta {
  text-align: left;
  width: 25.5%;
  float: right; }

@media only screen and (max-width: 1228px) {
  .sliderstrip_regatta {
    width: 26.5%; } }

@media only screen and (max-width: 800px) {
  .heroButton-ns {
    padding: 55% 0 0 0;
    font-size: 20px; } }

@media only screen and (max-width: 700px) {
  .heroButton-ns {
    padding: 104% 0 0 0; }
  .sliderstrip_regatta {
    text-align: center;
    width: 100%;
    float: none; } }

@media only screen and (max-width: 650px) {
  .sliderbutton--thirds {
    width: 100%; } }

@media only screen and (max-width: 550px) {
  .heroButton-ns {
    padding: 106% 0 0 0;
    font-size: 14px;
    letter-spacing: 1px; } }

/* AW18 STYLES END */
/* SEO Content */
.sectionRow.textContent h1 {
  font-size: 25px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px;
  margin: 0 auto;
  text-align: center; }

.sectionRow.textContent h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 2px; }

.sectionRow.textContent p {
  color: #000; }

@media only screen and (max-width: 740px) {
  .sectionRow.textContent h1,
  .sectionRow.textContent h2 {
    line-height: 1.2; }
  .sectionRow.textContent > h2 {
    padding: 0 2%; } }

/* SEO Content END */
.wrapper .blogPost:hover .blogPost-Copy {
  height: 100%; }

/*.wrapper .bp-top:hover .blogPost-Copy  {
  height: 88% !important;
}*/
/* Homepage updates SS19 START */
@media only screen and (max-width: 1028px) {
  .sectionRow {
    margin: 0 1%; }
  .bundles img {
    padding: 2% 0 3% 0; }
  section.sectionRow.textContent {
    text-align: center; }
  section.sectionRow.textContent p {
    padding: 0 4%;
    line-height: 20px; }
  section.sectionRow.textContent h2 {
    letter-spacing: 1px; } }

@media only screen and (max-width: 600px) {
  .c-footer__copyright .o-layout__item:nth-child(1),
  .c-footer__copyright .o-layout__item:nth-child(3) {
    width: 100% !important; } }

@media only screen and (min-width: 601px) {
  .sectionRow {
    padding-top: 1%; } }

/* Homepage updates SS19 END */
.hero__container {
  position: relative; }

.heroButton-ns {
  position: absolute;
  color: #fff;
  text-align: center;
  padding: 56% 0 0 0;
  font-size: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.sliderbutton-newarrivals {
  color: #6e2c3a; }

.sliderstrip_regatta {
  text-align: left;
  width: 25.5%;
  float: right; }

.christmasSlider .sliderfullwidth__container {
  margin-bottom: 13%; }

.sliderSplitSections {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.sliderSplitSections > * {
  width: 49.5%;
  display: inline-block;
  height: 100%; }

@media only screen and (max-width: 1228px) {
  .sliderstrip_regatta {
    width: 26.5%; } }

@media only screen and (max-width: 800px) {
  .heroButton-ns {
    padding: 55% 0 0 0;
    font-size: 20px; } }

/*change top*/
@media only screen and (max-width: 700px) {
  .heroItem span {
    margin-top: 0px; }
  .heroButton-ns {
    padding: 104% 0 0 0; }
  .sliderstrip_regatta {
    text-align: center;
    width: 100%;
    float: none; }
  .christmasSlider a.slider-cta {
    display: block; }
  .christmasSlider .sliderfullwidth__container {
    margin-bottom: 20%; } }

@media only screen and (max-width: 650px) {
  .sliderbutton--thirds {
    width: 100%; } }

@media only screen and (max-width: 550px) {
  .heroButton-ns {
    padding: 106% 0 0 0;
    font-size: 14px;
    letter-spacing: 1px; } }

.wrapper {
  margin: 0 auto;
  max-width: 1228px;
  clear: both;
  /*.bp-top:hover .blogPost-Copy  {
    height: 88% !important;
  }*/ }
  .wrapper .sectionRow.brand-slider {
    overflow: hidden;
    position: relative;
    padding: 0 30px; }
    .wrapper .sectionRow.brand-slider a {
      display: inline-block;
      margin-right: 20px;
      vertical-align: middle; }
    .wrapper .sectionRow.brand-slider a:last-of-type {
      margin: 0; }
    .wrapper .sectionRow.brand-slider img {
      width: auto;
      max-width: 150px; }
    .wrapper .sectionRow.brand-slider > div {
      overflow-x: scroll; }
      .wrapper .sectionRow.brand-slider > div > div {
        margin: 0; }
    .wrapper .sectionRow.brand-slider > div::-webkit-scrollbar {
      display: none; }
    .wrapper .sectionRow.brand-slider .brand-slider-button {
      position: absolute;
      top: 40%;
      line-height: 1;
      width: 30px;
      height: 19px;
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; }
    .wrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-before {
      left: -8px;
      background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/BlackArrow.svg);
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .wrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-after {
      right: -8px;
      background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/BlackArrow.svg);
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
  .wrapper .monetateHomeBestsellers:empty {
    display: none; }
  .wrapper section .blogPost .blogPost-Copy {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .wrapper .blogPost:hover .blogPost-Copy {
    height: 100%; }
  .wrapper .sectionRow div:first-of-type {
    margin-bottom: 0; }
  .wrapper .sectionRow {
    padding-top: 0;
    margin: 20px 0; }
  .wrapper .sectionRow-Community h3 {
    margin: 0;
    margin-bottom: 20px; }

.sectionRow .mt_endcap div {
  width: auto; }

@media only screen and (max-width: 1028px) {
  .sectionRow {
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  .sectionRow.sectionHeros .flex-item.col-4, .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.flex-item.col-4 {
    width: 33.32%; } }

@media only screen and (max-width: 740px) {
  .wrapper {
    width: 100%;
    display: inline-block; }
    .wrapper .sectionRow.brand-slider img {
      max-width: 150px;
      width: 100%;
      vertical-align: middle;
      display: inline-block; } }

@media only screen and (max-width: 700px) {
  .sectionRow.sectionHeros .flex-item.col-4, .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.flex-item.col-4,
  .sectionRow-Community .flex-item.col-4,
  .sectionRow-Community .s-main-menu .categories > li .block .category-items > div.flex-item.col-4,
  .s-main-menu .categories > li .block .sectionRow-Community .category-items > div.flex-item.col-4 {
    width: 100%;
    margin-bottom: 10px;
    padding: 0; }
  .sectionRow-Community .flex-item.col-4:last-of-type, .sectionRow-Community .s-main-menu .categories > li .block .category-items > div.flex-item.col-4:last-of-type, .s-main-menu .categories > li .block .sectionRow-Community .category-items > div.flex-item.col-4:last-of-type,
  .sectionRow.sectionHeros .flex-item.col-4:last-of-type,
  .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.flex-item.col-4:last-of-type,
  .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.flex-item.col-4:last-of-type {
    margin-bottom: 0; } }

@media only screen and (max-width: 450px) {
  .wrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-before {
    left: 0; }
  .wrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-after {
    right: 0; }
  .sectionRow.sectionHeros .flex-item.col-4, .sectionRow.sectionHeros .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .sectionRow.sectionHeros .category-items > div.flex-item.col-4 {
    width: 100%; } }

/* SS20 Homepage */
.hpWrapper {
  margin: 0 auto; }
  .hpWrapper .flex-container {
    margin: 0 0 20px 0;
    float: none; }
    .hpWrapper .flex-container:empty {
      display: none; }
    .hpWrapper .flex-container .slides {
      margin: 0; }
    .hpWrapper .flex-container .flex-item {
      padding: 0;
      position: relative;
      line-height: 1; }
  .hpWrapper img {
    width: 100%; }
  .hpWrapper .centerContainer {
    max-width: 1228px;
    margin: 0 auto 20px auto; }
  .hpWrapper .bannerNavContainer {
    position: absolute;
    bottom: 8%;
    width: 100%;
    text-align: center; }
    .hpWrapper .bannerNavContainer a {
      background-color: rgba(255, 255, 255, 0.7);
      border: 1px #acacac solid;
      display: inline-block;
      font-weight: 600;
      line-height: 0.8;
      margin: 0 1vw 0 0;
      text-transform: uppercase;
      width: 9%;
      min-width: 170px;
      text-align: center;
      border-radius: 2px;
      font-size: 14px;
      padding: 10px 0;
      color: #000; }
      .hpWrapper .bannerNavContainer a:last-of-type {
        margin-right: 0; }
  .hpWrapper .heroCard {
    width: 32%; }
    .hpWrapper .heroCard:hover a .hero-overlay {
      height: 100%; }
    .hpWrapper .heroCard:nth-child(2) {
      margin: 0 20px; }
    .hpWrapper .heroCard a .hero-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      height: 100px;
      background: rgba(0, 0, 0, 0.5);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .hpWrapper .heroCard a .hero-overlay .heroTitle {
        font-size: 22px;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 0;
        color: #fff;
        font-weight: 500; }
  .hpWrapper .seoContainer .seoTitle {
    font-weight: 600;
    font-size: 25px;
    text-align: center;
    font-family: "Rufina", Helvetica, Arial, sans-serif; }
  .hpWrapper .brand-slider {
    overflow: hidden;
    position: relative;
    padding: 0 30px;
    margin: 0 auto 20px auto;
    max-width: 1228px; }
    .hpWrapper .brand-slider a {
      display: inline-block;
      margin-right: 20px;
      vertical-align: middle; }
    .hpWrapper .brand-slider a:last-of-type {
      margin: 0; }
    .hpWrapper .brand-slider img {
      width: auto;
      max-width: 150px; }
    .hpWrapper .brand-slider > div {
      overflow-x: scroll; }
      .hpWrapper .brand-slider > div > div {
        margin: 0; }
    .hpWrapper .brand-slider > div::-webkit-scrollbar {
      display: none; }
    .hpWrapper .brand-slider .brand-slider-button {
      position: absolute;
      top: 40%;
      line-height: 1;
      width: 30px;
      height: 19px;
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer; }
    .hpWrapper .brand-slider .brand-slider-button.brand-slider-button-before {
      left: -8px;
      background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/BlackArrow.svg);
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .hpWrapper .brand-slider .brand-slider-button.brand-slider-button-after {
      right: -8px;
      background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/BlackArrow.svg);
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
  .hpWrapper .misc-heros {
    max-width: 1228px;
    margin: 0 auto 20px auto; }
    .hpWrapper .misc-heros h4 {
      font-family: "Rufina", Helvetica, Arial, sans-serif;
      text-align: center;
      font-size: 30px;
      margin: 10px 0 30px 0; }
    .hpWrapper .misc-heros .heroCard h3 {
      font-size: 20px !important;
      font-weight: 400 !important; }
    .hpWrapper .misc-heros .heroCard:nth-child(2) {
      margin: 0; }
    .hpWrapper .misc-heros .heroCard:nth-child(3) {
      margin: 0 20px; }
    .hpWrapper .misc-heros .all-buying-guides-link {
      text-align: center;
      margin: 40px 0;
      font-size: 20px;
      text-decoration: underline; }
    @media only screen and (max-width: 740px) {
      .hpWrapper .misc-heros .heroCard:nth-child(3) {
        margin: 20px 0; } }
  @media only screen and (max-width: 1024px) {
    .hpWrapper .heroCard {
      width: 31%; } }
  @media only screen and (max-width: 740px) {
    .hpWrapper .bannerNavContainer a {
      min-width: auto;
      width: 25%; }
    .hpWrapper .navRight {
      right: 0;
      width: 65%;
      bottom: 17%; }
    .hpWrapper .navLeft {
      width: 62%; }
    .hpWrapper .bannerNavContainer.stackedNav a {
      display: block;
      margin: 0 auto 10px auto;
      width: 45%; }
    .hpWrapper .sectionRow.brand-slider img {
      max-width: 150px;
      width: 100%;
      vertical-align: middle;
      display: inline-block; }
    .hpWrapper .heroCard {
      width: 100%;
      margin-bottom: 20px; }
      .hpWrapper .heroCard:nth-child(2) {
        margin: 0 0 20px 0; }
      .hpWrapper .heroCard:last-of-type {
        margin-bottom: 0; } }
  @media only screen and (max-width: 450px) {
    .hpWrapper .bannerNavContainer {
      bottom: 10%; }
    .hpWrapper .bannerNavContainer a {
      width: 30%;
      font-size: 3.2vw; }
    .hpWrapper .bannerNavContainer.stackedNav a {
      width: 60%;
      margin: 0 auto 5px auto; }
    .hpWrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-before {
      left: 0; }
    .hpWrapper .sectionRow.brand-slider .brand-slider-button.brand-slider-button-after {
      right: 0; } }

/* SS20 Homepage END */
/* 2021 Homepage Updates START */
.action-tabs h4 {
  display: block;
  width: 100%;
  font-family: "Rufina", Helvetica, Arial, sans-serif;
  margin-bottom: 0px;
  font-size: 42px;
  margin-top: 30px;
  text-align: center; }

.action-tabs p {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin: 0 10px 30px 10px; }

.action-tabs #SBStabs {
  width: 100%;
  margin-top: 10px; }
  .action-tabs #SBStabs li {
    display: inline-block;
    width: 30.99%;
    list-style: none;
    background: #FFF;
    border: 2px solid #B7B7B7;
    border-radius: 10px;
    padding: 12px;
    margin: 0 8px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-family: "Rufina", Helvetica, Arial, sans-serif;
    font-size: 20px; }
    .action-tabs #SBStabs li:hover {
      cursor: pointer; }
    .action-tabs #SBStabs li.active {
      background: #79AEE7 !important;
      color: #FFF; }

.action-tabs .tier2 {
  width: 100%; }
  .action-tabs .tier2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    border: solid 1px #b7b7b7;
    margin: 10px;
    width: calc(7% - 10px);
    border-radius: 5px;
    text-decoration: none;
    color: #000000; }
    .action-tabs .tier2 a:hover {
      color: #FFF;
      background: #79AEE7; }

.topTrendingCat {
  margin-bottom: 30px !important; }
  .topTrendingCat .category-title h3 {
    color: #fff;
    text-align: center;
    font-family: "Rufina", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    font-size: 35px;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    line-height: 1.3;
    margin-bottom: 40px; }
    .topTrendingCat .category-title h3.cat {
      margin-bottom: 80px; }
    .topTrendingCat .category-title h3 span {
      font-size: 22px;
      letter-spacing: 1.4px;
      text-transform: none; }
  .topTrendingCat .hero-overlay {
    position: absolute;
    bottom: 2%;
    width: 100%;
    text-align: center; }
    .topTrendingCat .hero-overlay a {
      background-color: rgba(255, 255, 255, 0.7);
      border: 1px #000 solid;
      display: block;
      font-weight: 600;
      line-height: 0.8;
      margin: 10px auto;
      text-transform: uppercase;
      width: 80%;
      min-width: 170px;
      text-align: center;
      border-radius: 2px;
      font-size: 16px;
      padding: 20px 0;
      color: #000;
      letter-spacing: 1.4px; }
  .topTrendingCat h4 {
    font-family: "Rufina", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 30px;
    margin: 10px 0 30px 0; }
  .topTrendingCat .flex-item {
    margin: 20px 4px; }
    .topTrendingCat .flex-item.col-3, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.col-3, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.col-3 {
      width: 23.99% !important; }
    .topTrendingCat .flex-item.col-6.CDwidth, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 {
      width: 46% !important;
      margin: 20px 10px !important; }
      .topTrendingCat .flex-item.col-6.CDwidth.btm, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.btm.col-6, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.btm.col-6 {
        margin-top: 40px !important; }
      .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons {
        width: 100% !important;
        margin: 10px 0 !important; }
        .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a {
          background-color: #AF0000;
          border: 1px #000 solid;
          display: inline-block;
          font-weight: 600;
          line-height: 0.8;
          text-transform: capitalize;
          width: 49%;
          min-width: 170px;
          text-align: center;
          border-radius: 2px;
          font-size: 16px;
          padding: 20px 0;
          color: #FFF;
          letter-spacing: 1.4px; }
          .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a:nth-child(2) {
            margin-left: 6px; }

@media only screen and (max-width: 1050px) {
  .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a {
    width: 48%; }
    .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a:nth-child(2) {
      margin-left: 10px; } }

@media only screen and (max-width: 1024px) {
  .topTrendingCat .category-title h3 {
    font-size: 3.5vw; } }

@media only screen and (max-width: 810px) {
  .action-tabs #SBStabs {
    margin-left: 0; }
    .action-tabs #SBStabs li {
      max-width: 30%; }
  .topTrendingCat .category-title h3 {
    font-size: 5vw; }
  .topTrendingCat .flex-item.col-3, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.col-3, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.col-3 {
    width: 47.99% !important; }
  .topTrendingCat .flex-item.col-6.CDwidth, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 {
    width: 100% !important;
    margin: 20px 10px !important; }
    .topTrendingCat .flex-item.col-6.CDwidth.btm, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.btm.col-6, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.btm.col-6 {
      margin-top: 20px !important; }
    .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons {
      width: 100% !important; }
      .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a:nth-child(2) {
        margin-left: 16px; } }

@media only screen and (max-width: 740px) {
  .hpWrapper .centerContainer {
    margin: 0 auto 10px auto; }
  .action-tabs .tier2 a {
    width: calc(22.33% - 10px); }
  .topTrendingCat .flex-item.col-6.CDwidth, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 {
    margin: 10px 10px !important; }
  .topTrendingCat .category-title h3 {
    font-size: 6vw; } }

@media only screen and (max-width: 565px) {
  .action-tabs #SBStabs li {
    max-width: 32%;
    margin: 0 4px; }
  .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a {
    width: 47%; }
    .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a:nth-child(2) {
      margin-left: 18px; } }

@media only screen and (max-width: 460px) {
  .topTrendingCat .category-title h3 {
    font-size: 6.5vw;
    margin-bottom: 0px; }
  .action-tabs #SBStabs li {
    max-width: 33%;
    margin: 0 2px;
    font-size: 16px; } }

@media only screen and (max-width: 410px) {
  .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a {
    font-size: 4vw !important; } }

@media only screen and (max-width: 397px) {
  .topTrendingCat .category-title h3 {
    font-size: 8vw;
    margin-bottom: 0; }
    .topTrendingCat .category-title h3.cat {
      margin-bottom: 150px; }
  .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a, .topTrendingCat .s-main-menu .categories > li .block .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a, .s-main-menu .categories > li .block .topTrendingCat .category-items > div.flex-item.CDwidth.col-6 .CDbuttons a {
    width: 100%; }
    .topTrendingCat .flex-item.col-6.CDwidth .CDbuttons a:nth-child(2) {
      margin-left: 0;
      margin-top: 10px; } }

.promo-banner .flex-overlay {
  height: initial;
  top: initial; }
  .promo-banner .flex-overlay > div {
    margin-bottom: 20px; }

@media only screen and (max-width: 740px) {
  .promo-banner .flex-overlay > div {
    width: 100%;
    text-align: center; }
    .promo-banner .flex-overlay > div .generic-button {
      min-width: 130px; } }

@media only screen and (max-width: 450px) {
  .promo-banner .flex-overlay > div .generic-button {
    min-width: auto; } }

.generic-button {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px #acacac solid;
  display: inline-block;
  font-weight: 600;
  line-height: 0.8;
  margin: 0 1vw 0 0;
  text-transform: uppercase;
  width: 9%;
  min-width: 170px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  padding: 10px 0;
  color: #000 !important; }
  .generic-button:last-of-type {
    margin-right: 0; }
  @media only screen and (max-width: 740px) {
    .generic-button {
      min-width: auto;
      width: 25%; } }
  @media only screen and (max-width: 450px) {
    .generic-button {
      width: 30%;
      font-size: 3.2vw; } }

/* 2021 Homepage Updates END */
/* Customer Services Styles */
.helpnav {
  float: left;
  width: 100%;
  background-color: #e8e8e8;
  margin: 1% 0; }

.deliveryoptions__img {
  padding-right: 1%; }

.cs__helpcontainer--inner {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.redeye-form input,
.redeye-form select,
.redeye-form textarea {
  width: 100%; }

.newsletter label {
  min-width: 135px;
  float: left; }

.newsletter input[type=checkbox] {
  width: auto; }

.helpmenulinks {
  display: inline-block;
  padding: 0.5%; }

.helpmenulinks:first-child {
  padding-left: 1%; }

.helpmenulinks h2 {
  margin-bottom: 0;
  color: #000; }

.cs__helpcontainer--collectplus,
.collectplus__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.helpheader {
  float: left;
  width: 100%;
  font-size: 16px; }

.helpheader--mainheader {
  font-size: 22px;
  font-weight: bold; }

.cms-terms h3,
.cms-terms h4 {
  font-weight: bold; }

.regattaheader {
  margin-top: 2%; }

.regattadesktop {
  display: block; }

.regattatablet {
  display: none; }

#footsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 34px;
  border: solid 1px grey;
  text-align: center; }

#cragsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 32px;
  border: solid 1px grey;
  text-align: center; }

#regsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 45px;
  border: solid 1px grey;
  text-align: center; }

#daresize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 48px;
  border: solid 1px grey;
  text-align: center; }

.datatable {
  border: 1px solid #e1e6e9;
  border-collapse: collapse;
  width: 100%; }

.datatable td {
  border: 1px solid #769fd0;
  background-color: #FFFFFF;
  padding: 4px;
  width: 65px;
  text-align: center; }

.datatable th {
  border: 1px solid #769fd0;
  background-color: #769fd0;
  font-weight: bold;
  text-align: center;
  padding-left: 4px; }

.jobs {
  display: block;
  cursor: pointer;
  float: left; }

.cs__nav {
  float: left;
  width: 100%;
  margin-bottom: 1%; }

.cs__button {
  float: left;
  width: 24.5%;
  border: 1px solid;
  text-align: center;
  margin-right: 0.5%;
  padding: 0.5% 0;
  cursor: pointer; }

.cs__button:nth-child(4) {
  margin-right: 0; }

.cs__sizeContainer {
  width: 100%;
  display: inline-block; }

.isActive {
  background: #dadada; }

.cs_nav-banner {
  background-image: url(https://cdn.hawkshead.com/img/SS17/uk/page/customer_services/helppagebanner.jpg);
  width: 100%;
  background-repeat: no-repeat;
  line-height: 1;
  padding-top: 15%;
  padding-left: 1%;
  padding-bottom: 0%; }

.cs_nav-banner span {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 1; }

.helpmenulinks a {
  text-decoration: none; }

@media only screen and (max-width: 1024px) {
  .regattadesktop {
    display: none; }
  .regattatablet {
    display: block;
    width: 97%; }
  .redeye-form.cs-form {
    width: 90%; } }

@media screen and (max-width: 875px) {
  #cragsize {
    width: 18%; } }

@media screen and (max-width: 828px) {
  #footsize {
    width: 16%;
    padding: 10px; }
  #cragsize {
    width: 19%;
    padding: 10px; }
  #regsize {
    padding: 10px; }
  #daresize {
    padding: 10px; }
  .jobs {
    float: none;
    text-align: center; } }

@media only screen and (max-width: 740px) {
  .deliveryoptions__img,
  .collectplus__section img {
    display: none; }
  .cs__helpcontainer--inner {
    display: block; } }

/* Contact us page */
.std .card p {
  width: 100%; }

.contact__card {
  padding-bottom: 1%;
  border-bottom: 1px solid;
  margin-bottom: 2%; }

.contact__popup {
  display: none; }

.contact__popup.popup_open {
  display: block;
  z-index: 999;
  width: 100%;
  max-width: 1228px;
  background: #fff;
  top: 85px;
  padding: 10px;
  overflow-y: scroll;
  height: 750px;
  margin: 0 auto; }

.contactContainer {
  margin: 0 auto;
  position: fixed;
  z-index: 9;
  width: 100%;
  top: 65px; }

.popup__inner {
  background: #fff;
  float: left;
  width: 100%; }

.popup__bg.popup_open {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 5; }

div#form__close {
  float: right;
  background: #e3e3e3;
  padding: 10px;
  cursor: pointer;
  z-index: 999999999999; }

.form_popup {
  cursor: pointer;
  text-decoration: underline; }

@media only screen and (max-width: 480px) {
  .contact__popup.popup_open {
    overflow: scroll;
    height: 500px;
    padding: 20px 40px; } }

/* END */
/* delivery and returns */
.action-tabs .tabs-content {
  border: 1px solid #ddd;
  padding: 10px 20px;
  position: relative; }

.action-tabs .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.action-tabs .tabs *[data-action="tab"] {
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 20px 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0px;
  cursor: pointer;
  font-size: 1em;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  font-weight: bold;
  text-align: center; }

.action-tabs .tabs *[data-action="tab"]:hover {
  background: #f7f7f7; }

.action-tabs .tabs *[data-action="tab"].active {
  background: #ddd; }

.action-tabs .tabs-content > * {
  display: none; }

.action-tabs .tabs-content > *.active {
  display: block; }

.delret-first {
  padding-top: 1.5%; }

h2.delret-title {
  font-size: 1.7em;
  padding-top: 1%; }

h3.delret-title {
  font-weight: 400;
  font-size: 1.4em;
  padding-top: 20px;
  margin-bottom: 5px; }

ul.delret-list {
  list-style: none; }

/* END */
/* Modern SLavery Page */
.modern-slavery-title {
  font-size: 300%;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 3% 0 5% 0; }

.modern-slavery-left {
  float: left;
  width: 44%;
  padding: 0 3%; }

.modern-slavery-copy {
  font-size: 14px;
  line-height: 25px;
  color: #000;
  padding-bottom: 8%; }

.modern-slavery-btn {
  color: #ffffff;
  font-size: 16px;
  background: #769fd0;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  width: 230px;
  text-align: center;
  font-weight: bold; }

.modern-slavery-btn:hover {
  background: #6587af; }

a:link, a:visited, a:hover, a:active .modern-slavery-btn {
  text-decoration: none; }

.modern-slavery-img {
  float: left;
  width: 47%;
  padding: 0 3% 0 0; }

.modern-slavery-clear {
  clear: both; }

@media only screen and (max-width: 800px) {
  .modern-slavery-title {
    font-size: 200%; }
  .modern-slavery-left {
    float: none;
    width: 96%;
    padding: 0 2%; }
  .modern-slavery-img {
    float: none;
    width: 96%;
    padding: 5% 2% 0 2%; } }

/* END */
/* Unsubscribe form */
iframe.unsubscribe {
  border: 0;
  width: 100%;
  padding-top: 2%; }

/* END */
/* contact us wufoo form */
#wufooFormz14enmhp1k8wl01 {
  height: 1000px; }

/* END */
/* Returns */
.returns-myhermes {
  padding: 1.5% 0 1% 0;
  width: 75px; }

/* END */
/* CH Fit Guide */
.fitGuideDiagrams {
  padding-top: 3%;
  float: left; }

.fitGuideDiagrams__title,
.fitGuideDiagrams__blockContainer {
  float: left;
  clear: both; }

.fitGuideDiagrams__block {
  width: 29%;
  float: left;
  margin: 0 6% 2% 0; }

.fitGuideDiagrams__block:last-child {
  margin-right: 0; }

.fit-tip .fitGuideDiagrams__block {
  width: 100%;
  margin: 0; }

.fit-tip .fitGuideDiagrams__image {
  width: 80%;
  margin: 0 auto; }

.guaranteeimg {
  float: right; }

.guaranteehead h3 {
  font-weight: bold;
  font-size: 18px; }

@media screen and (max-width: 768px) {
  .fitGuideDiagrams__block {
    width: 47%;
    margin: 0 6% 2% 0; }
  .fitGuideDiagrams__block:nth-child(2) {
    margin-right: 0; } }

@media screen and (max-width: 440px) {
  .fitGuideDiagrams__block {
    width: 100%;
    margin: 0 0 2%; } }

/* END */
/* Cookie Policy */
.cs-table {
  font-size: 14px;
  width: 100%; }

.cs-table td {
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 0.25% 0.75%;
  vertical-align: top; }

.cs-table-header {
  background-color: #ddd; }

.cs-table-2col-1 {
  width: 30%; }

.cs-table-2col-2 {
  width: 77%; }

.cs-table-4col-1 {
  width: 10%; }

.cs-table-4col-2 {
  width: 35%; }

.cs-table-4col-3 {
  width: 10%; }

.cs-table-4col-4 {
  width: 25%; }

.cs-list {
  font-size: 16px; }

.cs-title {
  margin-top: 3%;
  font-weight: bold; }

.cookie-header {
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: 2%;
  font-size: 24px !important; }

.cs-table tr:nth-child(odd) {
  background: #eee; }

@media screen and (max-width: 700px) {
  .tableWrapper {
    overflow: auto; }
  .cs-table {
    overflow-x: scroll;
    width: 1000px; }
  .cs-table td {
    font-size: 12px; } }

/* END */
/* EMAIL UNSUBSCRIBE FORM */
.email-unsubscribe iframe {
  width: 100%;
  min-height: 500px;
  overflow: visible;
  border: none; }

/* END */
/* CUSTOMER SERVICE PAGES START */
.cms-contact-us .c-breadcrumbs,
.cms-email-signup-form .c-breadcrumbs,
.cms-sizing .c-breadcrumbs,
.cms-our-brand-guarantees .c-breadcrumbs,
.cms-delivery-and-returns .c-breadcrumbs,
.cms-cancellation-form .c-breadcrumbs,
.cms-cookie-policy .c-breadcrumbs,
.cms-privacy-policy .c-breadcrumbs,
.cms-terms .c-breadcrumbs,
.cms-customer-services .c-breadcrumbs {
  display: none; }

.cms-contact-us .columns .o-region__inner,
.cms-email-signup-form .columns .o-region__inner,
.cms-sizing .columns .o-region__inner,
.cms-our-brand-guarantees .columns .o-region__inner,
.cms-delivery-and-returns .columns .o-region__inner,
.cms-cancellation-form .columns .o-region__inner,
.cms-cookie-policy .columns .o-region__inner,
.cms-privacy-policy .columns .o-region__inner,
.cms-terms .columns .o-region__inner,
.cms-customer-services .columns .o-region__inner {
  width: 100%; }

.customerservice-new h2[data-action="toggle"]:hover {
  background: none; }

.customerservice-new h2[data-action="toggle"] {
  border: none;
  border-top: 1px solid #ddd;
  color: #5f5f5e;
  border-radius: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  padding: 3% 0 0 0; }

*[data-action="toggle"]::after {
  border-color: #5f5f5e transparent transparent transparent !important; }

.customerservice-new h2[data-action="toggle"]::after {
  top: 60%; }

.customerservice-new .toggle-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: hidden; }

.customerservice-new .toggle-content.active {
  opacity: 1;
  max-height: 2000px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: visible; }

.customerservice-new {
  max-width: 50%;
  margin: auto;
  padding-bottom: 3%; }

.cs-header {
  width: 100%;
  max-width: 1920px;
  min-height: 270px;
  margin: auto;
  margin-bottom: 3%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.cs-header-title {
  color: #000;
  padding-top: 4%;
  font-size: 55px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: normal !important; }

.cs-header-title-white {
  color: #fff !important; }

.cs-header-line {
  text-align: left;
  margin: 0 0 3% 0;
  border-top: 1px solid #ddd; }

.cs-return-link {
  text-align: left;
  padding-bottom: 2%;
  color: #5f5f5e !important; }

a.cs-link {
  color: #5f5f5e !important;
  text-decoration: underline !important; }

.cs-address {
  list-style: none;
  line-height: 22px;
  font-size: initial; }

.contact__card {
  padding-bottom: 1%;
  border-bottom: none !important;
  margin-bottom: 2%; }

.cs-copy-main {
  max-width: 1000px;
  margin: auto; }

.csbottom {
  text-align: center;
  padding: 3%;
  color: #5f5f5e; }

.csbottom-img {
  padding-bottom: 3%; }

.csbottom-title {
  font-size: 18px; }

.csbottom-cta {
  font-size: 15px;
  padding: 0 10%; }

.csbottomleft {
  border-left: 1px solid #ddd; }

.csbtn:hover {
  background: #ddd;
  text-decoration: none; }

.csbtn {
  color: #5f5f5e;
  font-size: 18px;
  background: #fff;
  padding: 10px 20px 10px 20px;
  border: solid #ddd 1px;
  text-decoration: none;
  text-align: center; }

.option-btn {
  padding-bottom: 1.5%; }

.flex-item.col-6.option-btn-small, .s-main-menu .categories > li .block .category-items > div.flex-item.option-btn-small.col-6 {
  max-width: 49.98% !important;
  margin: auto;
  padding-bottom: 1.5%; }

.csborder {
  text-align: center;
  margin: 10% 0 0% 0;
  border-top: 1px solid #ddd; }

.bottom-3 {
  padding: 6% 0; }

.cs-main {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-1.jpg);
  margin-bottom: 7% !important; }

.cs-sizing-guide {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-2.jpg); }

.cs-email-sign-up {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-3.jpg); }

.cs-contact-us {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-4.jpg); }

.cs-brand-guarantees {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-5.jpg); }

.cs-delivery-information {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-6.jpg); }

.cs-returns-information {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-7.jpg); }

.cs-cancellations {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-8.jpg); }

.cs-cookie-policy {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-9.jpg); }

.cs-privacy-policy {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-10.jpg); }

.cs-terms-and-conditons {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-11.jpg); }

@media screen and (max-width: 1000px) {
  .customerservice-new {
    max-width: 90%; }
  .csborder {
    margin: 5% 0 0% 0; }
  .cs-header-title {
    padding-top: 11%;
    font-size: 44px; } }

@media screen and (max-width: 740px) {
  .flex-item.col-4.csbottomcontainer, .s-main-menu .categories > li .block .category-items > div.flex-item.csbottomcontainer.col-4 {
    width: 50%; } }

@media screen and (max-width: 600px) {
  .cs-header {
    max-width: 600px;
    min-height: auto; }
  .cs-header-title {
    padding-top: 13%;
    font-size: 24px;
    min-height: 150px; }
  .cs-main {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-1.jpg); }
  .cs-sizing-guide {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-2.jpg); }
  .cs-email-sign-up {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-3.jpg); }
  .cs-contact-us {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-4.jpg); }
  .cs-brand-guarantees {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-5.jpg); }
  .cs-delivery-information {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-6.jpg); }
  .cs-returns-information {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-7.jpg); }
  .cs-cancellations {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-8.jpg); }
  .cs-cookie-policy {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-9.jpg); }
  .cs-privacy-policy {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-10.jpg); }
  .cs-terms-and-conditons {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-11.jpg); } }

@media screen and (max-width: 500px) {
  .customerservice-new {
    max-width: 95%; }
  .cs-main {
    font-size: 18px !important; }
  .flex-item.col-6.csbottomcontainer, .s-main-menu .categories > li .block .category-items > div.flex-item.csbottomcontainer.col-6 {
    width: 49.86%; }
  .csbottom-cta {
    font-size: 13px;
    padding: 0 10%;
    line-height: 18px; }
  .csborder {
    margin: 6% 0 0% 0; }
  .flex-item.col-6.option-btn-small, .s-main-menu .categories > li .block .category-items > div.flex-item.option-btn-small.col-6 {
    max-width: 100% !important;
    margin: auto; }
  .customerservice-new h2[data-action="toggle"]::after {
    top: 50%; } }

/* CUSTOMER SERVICE PAGES END */
.collection__wrapper {
  display: inline-block;
  width: 100%; }

.collection {
  float: left;
  width: 100%;
  padding: 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.collection img {
  float: left;
  width: 100%; }

.collection__highlight--info,
.collection__product-img {
  float: left;
  width: 50%;
  padding: 10px 25px; }

.collection__background--green {
  background-color: #9AB564; }

.collection__background--red {
  background-color: #FC8A81; }

.collection__background--blue {
  background-color: #669AD4; }

.collection__background--cream {
  background-color: #E6E3D4; }

section.collection.collection__background h2 {
  text-align: center;
  margin: 3% 0;
  font-size: 22px;
  width: 100%; }

.collection.collection--intro {
  padding: 0; }

.collection--intro p {
  padding: 10px; }

.collection__button {
  border: 2px solid;
  text-align: center;
  text-transform: uppercase;
  width: 65%;
  font-weight: bold;
  font-size: 16px; }

.collection__button--white {
  border-color: #fff;
  color: #fff; }

.hero__overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.hero__overlay--outer {
  display: table;
  height: 100%;
  width: 100%; }

.hero__overlay--inner {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: bottom; }

.hero__button {
  width: auto;
  margin: 0 auto;
  margin-bottom: 5%;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border: 2px solid #fff;
  padding: 0.5% 2%;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
  background: rgba(255, 255, 255, 0.3); }

.collection__button--bottom {
  margin: 0 auto;
  width: 45%;
  padding: 0.7% 0;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  min-width: 210px;
  color: #fff;
  margin-top: 1%; }

.collection__bottom--red {
  background: #FF7E70;
  border-color: #FF7E70; }

.collection__bottom--blue {
  background: #669AD4;
  border-color: #669AD4; }

.collection__bottom--green {
  background: #a0aa2f;
  border-color: #a0aa2f; }

.collection--hero {
  padding: 0; }

.collection--intro h2 {
  padding-left: 10px;
  font-size: 21px;
  text-transform: none; }

.collection__highlight--info ul {
  margin-left: 3%; }

.collection__product-img img {
  display: block;
  margin: 0 auto;
  float: none;
  width: auto; }

.collection__highlight--info h3 {
  font-weight: bold;
  font-size: 20px;
  text-transform: none; }

.description__header {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2%;
  float: left;
  width: 100%;
  font-size: 16px; }

.collection__highlight--info img {
  display: none; }

.collection h2 {
  text-transform: none;
  float: left;
  margin-top: 1.5%; }

.collection--intro h2,
.collection--intro p {
  color: #808080 !important;
  width: 100%; }

.cms-page-view .std .collection__background li {
  font-size: 14px; }

.collection__background {
  padding-bottom: 2%; }

.collection-lower-seo {
  margin-top: 1.5%; }

.collection__background strong {
  text-align: center;
  margin: 3% 0;
  font-size: 22px;
  width: 100%;
  float: left; }

.collection__highlight--info strong {
  font-weight: bold;
  font-size: 20px;
  text-transform: none;
  text-align: left; }

@media only screen and (max-width: 989px) {
  .collection__product-img img {
    width: 100%; } }

@media only screen and (max-width: 768px) {
  .collection__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; } }

@media only screen and (max-width: 740px) {
  .collection__wrapper {
    display: block; }
  .containercenter {
    width: 100%;
    padding: 0; }
  .collection {
    padding: 10px 0; }
  .collection__highlight--info img {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 4%; }
  .collection__product-img {
    display: none; }
  .collection__highlight--info {
    width: 97%;
    padding: 10px; }
  .collection__button {
    float: none;
    margin: 0 auto;
    margin-top: 2%; } }

/* SS18 COLLECTION PAGE START */
.cms-his-active-lifestyle .breadcrumbs.c-breadcrumbs,
.cms-his-cycle-collection .breadcrumbs.c-breadcrumbs,
.cms-his-insect-protection .breadcrumbs.c-breadcrumbs,
.cms-his-outdoor-lifestyle .breadcrumbs.c-breadcrumbs,
.cms-his-ski-collection .breadcrumbs.c-breadcrumbs,
.cms-his-duke-of-edinburgh .breadcrumbs.c-breadcrumbs,
.cms-his-discovery-adventures .breadcrumbs.c-breadcrumbs,
.cms-his-outdoor-active .breadcrumbs.c-breadcrumbs,
.cms-hers-active-lifestyle .breadcrumbs.c-breadcrumbs,
.cms-hers-cycle-collection .breadcrumbs.c-breadcrumbs,
.cms-hers-insect-protection .breadcrumbs.c-breadcrumbs,
.cms-hers-outdoor-lifestyle .breadcrumbs.c-breadcrumbs,
.cms-hers-ski-collection .breadcrumbs.c-breadcrumbs,
.cms-hers-duke-of-edinburgh .breadcrumbs.c-breadcrumbs,
.cms-hers-outdoor-active .breadcrumbs.c-breadcrumbs {
  display: none; }

.cms-his-active-lifestyle .o-region__inner.column.main,
.cms-his-cycle-collection .o-region__inner.column.main,
.cms-his-insect-protection .o-region__inner.column.main,
.cms-his-outdoor-lifestyle .o-region__inner.column.main,
.cms-his-ski-collection .o-region__inner.column.main,
.cms-his-duke-of-edinburgh .o-region__inner.column.main,
.cms-his-discovery-adventures .o-region__inner.column.main,
.cms-his-outdoor-active .o-region__inner.column.main,
.cms-hers-active-lifestyle .o-region__inner.column.main,
.cms-hers-cycle-collection .o-region__inner.column.main,
.cms-hers-insect-protection .o-region__inner.column.main,
.cms-hers-outdoor-lifestyle .o-region__inner.column.main,
.cms-hers-ski-collection .o-region__inner.column.main,
.cms-hers-duke-of-edinburgh .o-region__inner.column.main,
.cms-hers-outdoor-active .o-region__inner.column.main {
  width: 100% !important; }

.collection-container {
  max-width: 1228px;
  margin: auto; }

.coll-endcap-title {
  text-align: center;
  font-size: 23px;
  letter-spacing: 1px;
  padding: 4% 0 2% 0;
  text-transform: uppercase; }

.collection-monetate-endcap .mt_endcap.mt_horizontal {
  max-width: 100% !important; }

.collection-monetate-endcap {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto;
  padding-bottom: 1%; }

.collection-monetate-endcap .mt_prodName,
.collection-monetate-endcap .mt_altPrice {
  color: #000; }

.coll-banner-middle {
  text-align: center; }

.coll-btn-container {
  text-align: center;
  display: block; }

.coll-btn {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 1% 7%;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  margin: 5% auto;
  display: inline-block; }

.coll-btn:hover {
  text-decoration: none; }

.coll-btn-active {
  background: #fc8a80; }

.coll-btn-active:hover {
  background: #fbaaa3; }

.coll-btn-cycle {
  background: #fed158; }

.coll-btn-cycle:hover {
  background: #ffd460; }

.coll-btn-insect {
  background: #ca2023; }

.coll-btn-insect:hover {
  background: #c93b3e; }

.coll-btn-lifestyle {
  background: #85aedc; }

.coll-btn-lifestyle:hover {
  background: #a4bedb; }

.coll-btn-ski {
  background: #8d949c; }

.coll-btn-ski:hover {
  background: #b6b9bd; }

.coll-btn-discovery {
  background: #f3cf6f; }

.coll-btn-discovery:hover {
  background: #fcdf93; }

.coll-btn-dofe {
  background: #585975; }

.coll-btn-dofe:hover {
  background: #6c6d84; }

.coll-footer-copy {
  font-size: 18px;
  padding: 0% 0 5% 0;
  max-width: 1228px;
  margin: auto;
  line-height: 24px; }

@media screen and (max-width: 770px) {
  .coll-btn {
    font-size: 16px;
    padding: 1% 7%;
    margin: 5% auto 4% auto; }
  .coll-footer-copy {
    font-size: 16px;
    padding: 0 2% 5% 2%;
    max-width: 100%;
    line-height: 24px; } }

@media screen and (max-width: 550px) {
  .coll-btn {
    font-size: 14px;
    margin: 6% auto 5% auto; }
  .coll-footer-copy {
    font-size: 14px;
    padding: 0 5% 5% 5%; } }

/* SS18 COLLECTION PAGE END */
.minusone,
.plusone {
  font-size: 22px;
  display: inline-block;
  padding: 0;
  border: 1px #000 solid;
  line-height: 36px;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  float: left; }

.box-related li.item {
  width: 20%;
  float: left; }

.box-related .item img {
  width: 100px;
  height: 100px; }

.products-grid .ratings .rating-box {
  float: left; }

.product-name {
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  display: block; }

.products-grid .product-name,
.products-list .product-name {
  text-transform: uppercase;
  margin: 0 0 5px;
  font-weight: bold;
  font-size: 13px;
  color: #203548; }

p.lhn-show-more-less a {
  text-decoration: underline;
  cursor: pointer; }

a.lhn-show-less-link {
  display: none; }

span.label,
.skip-cart .count {
  color: #000; }

.account-cart-wrapper {
  top: 0; }

.account-cart-wrapper .skip-account .icon {
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-position: 4px -44px; }

div#header-account {
  top: 25px;
  left: 68%; }

.collection li {
  list-style-type: disc; }

.box-collateral.box-related {
  float: left;
  width: 100%; }

.c-product-details .product-info-stock-sku .value {
  top: -10px;
  float: none;
  text-align: left; }

a.c-product-size__size-guide-link {
  background: #FCB831;
  padding: 8px 10%;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: -1%; }

a.c-product-size__size-guide-link:hover {
  color: #fff; }

.c-product-size__link {
  font-weight: 300; }

.u-heading-beta.page-title {
  margin-bottom: 2%; }

.c-product-details .c-price__group {
  margin-bottom: 0; }

.old-price .c-price__group {
  margin-top: 3%; }

.c-price.js-price-highlight {
  margin-bottom: 3%; }

.product.attribute.description div, .product.attribute.description ul {
  font-size: inherit !important; }

/* Plus/Minus images */
.c-icon--quantity-plus {
  background-image: url(https://cdn.hawkshead.com/img/SS17/uk/misc/icons/plus.svg) !important; }

.c-icon--quantity-minus {
  background-image: url(https://cdn.hawkshead.com/img/SS17/uk/misc/icons/minus.svg) !important; }

/* END */
/* Mega Menu V3 */
/* Menu Core Styles */
.s-main-menu {
  background: transparent; }
  .s-main-menu .categories {
    text-align: center; }
    .s-main-menu .categories.categories-mobile {
      display: none; }
    .s-main-menu .categories > li {
      text-align: center;
      display: inline-block;
      padding-right: 0.1%; }
      .s-main-menu .categories > li a.ui-state-focus {
        background: transparent; }
        .s-main-menu .categories > li a.ui-state-focus:after {
          display: none; }
      .s-main-menu .categories > li .block {
        z-index: 99; }
        .s-main-menu .categories > li .block ul {
          padding: 0; }
        .s-main-menu .categories > li .block .menu-header {
          background: #6792c8;
          padding: 10px 0;
          font-size: 22px;
          letter-spacing: 2px;
          text-align: center;
          font-family: "Rufina", Helvetica, Arial, sans-serif;
          color: #fff;
          text-transform: uppercase; }
          .s-main-menu .categories > li .block .menu-header#mens-header {
            background: #465866; }
          .s-main-menu .categories > li .block .menu-header#womens-header {
            background: #b55270; }
          .s-main-menu .categories > li .block .menu-header#kids-header {
            background: #50c6ae; }
          .s-main-menu .categories > li .block .menu-header#clearance-header {
            background: #9b1401; }
        .s-main-menu .categories > li .block .category-items {
          max-width: 950px; }
          .s-main-menu .categories > li .block .category-items > div {
            padding: 0;
            text-align: left;
            display: block; }
          .s-main-menu .categories > li .block .category-items .menu-column.menu-promo-images img {
            width: 100%; }
          .s-main-menu .categories > li .block .category-items .menu-column .column-head {
            font-weight: 600;
            margin-bottom: 10px;
            font-size: 16px;
            text-transform: uppercase;
            display: block;
            color: #a0a0a0; }
          .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container {
            margin-bottom: 10px; }
            .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container:last-of-type {
              margin-bottom: 0; }
            .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container .panel-back,
            .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container .panel-title {
              display: none; }
            .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container a {
              padding: 2px 0;
              text-align: left;
              font-weight: 300; }
              .s-main-menu .categories > li .block .category-items .menu-column .column-inner-container a:hover {
                text-decoration: underline;
                color: unset; }
          @media only screen and (max-width: 740px) {
            .s-main-menu .categories > li .block .category-items .menu-column .panel-back,
            .s-main-menu .categories > li .block .category-items .menu-column .panel-title {
              display: block; } }

@media only screen and (max-width: 740px) {
  /* Mobile Nav Functionality */
  @-webkit-keyframes menu-close-before {
    0% {
      top: -8px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    50% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); } }
  @keyframes menu-close-before {
    0% {
      top: -8px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    50% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); } }
  @-webkit-keyframes menu-close-after {
    0% {
      top: 4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    50% {
      top: -4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: -4px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); } }
  @keyframes menu-close-after {
    0% {
      top: 4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    50% {
      top: -4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: -4px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); } }
  @-webkit-keyframes menu-open-before {
    0% {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    50% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: -8px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  @keyframes menu-open-before {
    0% {
      top: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    50% {
      top: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: -8px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  @-webkit-keyframes menu-open-after {
    0% {
      top: -4px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    50% {
      top: -4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: 4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  @keyframes menu-open-after {
    0% {
      top: -4px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    50% {
      top: -4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      top: 4px;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); } }
  .c-header .c-header--sticky .o-layout > .o-layout__item:nth-child(5) {
    max-height: 65px; }
  .c-header.nav-open .c-header--sticky .o-layout > .o-layout__item:nth-child(1) {
    margin-right: 33%; }
  .c-header.nav-open .c-header--sticky .o-layout > .o-layout__item:nth-child(3) {
    display: none; }
  .c-mobile-menu {
    left: -100%;
    -webkit-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.2s;
    top: auto;
    max-width: 100vw;
    width: 80vw;
    height: calc(100vh - 60px);
    overflow-x: hidden; }
    .c-mobile-menu.active {
      left: 0 !important; }
    .c-mobile-menu .c-mobile-menu__home {
      display: none; }
  /* Burger Icon */
  .action.nav-toggle i.c-header__icon.c-icon--menu {
    margin: 30px auto;
    background-image: none !important;
    height: 4px;
    background-color: #fff;
    position: relative;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .action.nav-toggle i.c-header__icon.c-icon--menu::before {
      width: 25px;
      height: 4px;
      background-color: #fff;
      content: " ";
      display: block;
      position: relative;
      top: -8px; }
    .action.nav-toggle i.c-header__icon.c-icon--menu::after {
      width: 25px;
      height: 4px;
      background-color: #fff;
      content: " ";
      display: block;
      position: relative;
      top: 4px; }
    .action.nav-toggle i.c-header__icon.c-icon--menu.menu-closed::before {
      -webkit-animation-name: menu-open-before;
      animation-name: menu-open-before;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
    .action.nav-toggle i.c-header__icon.c-icon--menu.menu-closed::after {
      -webkit-animation-name: menu-open-after;
      animation-name: menu-open-after;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear; }
    .action.nav-toggle i.c-header__icon.c-icon--menu.menu-closed .menu-label {
      display: none; }
    .action.nav-toggle i.c-header__icon.c-icon--menu.menu-open {
      background-color: transparent; }
      .action.nav-toggle i.c-header__icon.c-icon--menu.menu-open::before {
        -webkit-animation-name: menu-close-before;
        animation-name: menu-close-before;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear; }
      .action.nav-toggle i.c-header__icon.c-icon--menu.menu-open::after {
        -webkit-animation-name: menu-close-after;
        animation-name: menu-close-after;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear; }
      .action.nav-toggle i.c-header__icon.c-icon--menu.menu-open .menu-label {
        position: absolute;
        top: -10px;
        left: 30px; }
  /* Burger Icon END */
  /* for moving elements left/right */
  .panel-left {
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .panel-in-view {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .panel-right {
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
  .s-main-menu {
    display: block;
    width: 100%; }
    .s-main-menu .categories.categories-desktop {
      display: none; }
    .s-main-menu .categories.categories-mobile {
      display: block; }
      .s-main-menu .categories.categories-mobile .menu-header {
        display: none; }
      .s-main-menu .categories.categories-mobile .mobile-nav-main.panel-left {
        height: 0; }
      .s-main-menu .categories.categories-mobile .mobile-nav-main .top-nav-item {
        text-align: left;
        border-bottom: 1px solid #eee;
        position: relative; }
        .s-main-menu .categories.categories-mobile .mobile-nav-main .top-nav-item::after {
          background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/GreyArrow.svg);
          content: "";
          display: block;
          width: 15px;
          height: 10px;
          background-repeat: no-repeat;
          background-size: 100%;
          position: absolute;
          right: 10px;
          top: 40%;
          bottom: 0;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
        .s-main-menu .categories.categories-mobile .mobile-nav-main .top-nav-item.no-rel span {
          padding: 0; }
          .s-main-menu .categories.categories-mobile .mobile-nav-main .top-nav-item.no-rel span a {
            display: block;
            padding: 15px 10px; }
        .s-main-menu .categories.categories-mobile .mobile-nav-main .top-nav-item span {
          color: #555;
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 15px 10px;
          display: block; }
      .s-main-menu .categories.categories-mobile .mobile-nav-category {
        position: absolute;
        top: 0;
        width: 100%;
        display: block !important; }
        .s-main-menu .categories.categories-mobile .mobile-nav-category.panel-left > .panel-back,
        .s-main-menu .categories.categories-mobile .mobile-nav-category.panel-left > .panel-title {
          display: none; }
        .s-main-menu .categories.categories-mobile .mobile-nav-category .panel-back {
          text-align: left;
          color: #555;
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 15px 35px;
          display: block;
          position: relative; }
          .s-main-menu .categories.categories-mobile .mobile-nav-category .panel-back::before {
            background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/GreyArrow.svg);
            content: "";
            display: block;
            width: 15px;
            height: 10px;
            background-repeat: no-repeat;
            background-size: 100%;
            position: absolute;
            left: 10px;
            top: 40%;
            bottom: 0;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
        .s-main-menu .categories.categories-mobile .mobile-nav-category .panel-title {
          text-align: left;
          color: #555;
          font-size: 18px;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 5px 10px;
          display: block;
          position: relative;
          line-height: 1;
          font-weight: 600;
          margin-bottom: 10px; }
        .s-main-menu .categories.categories-mobile .mobile-nav-category .block {
          display: block !important;
          left: 0 !important; }
          .s-main-menu .categories.categories-mobile .mobile-nav-category .block .ui-menu-back {
            display: none; }
          .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column {
            display: block;
            padding: 0;
            text-align: left; }
            .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column .column-head {
              color: #555;
              font-size: 14px;
              text-transform: uppercase;
              letter-spacing: 1px;
              padding: 15px 10px;
              display: block;
              border-bottom: 1px solid #eee;
              position: relative; }
              .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column .column-head::after {
                background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/GreyArrow.svg);
                content: "";
                display: block;
                width: 15px;
                height: 10px;
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                right: 10px;
                top: 40%;
                bottom: 0;
                -webkit-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
            .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column .column-inner-container {
              display: none;
              position: absolute;
              top: 0;
              width: 100%;
              right: -150%; }
              .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column .column-inner-container .column-head {
                font-weight: 600;
                border-bottom: 0 !important;
                text-decoration: underline; }
                .s-main-menu .categories.categories-mobile .mobile-nav-category .block .category-items .menu-column .column-inner-container .column-head::after {
                  display: none !important; }
        .s-main-menu .categories.categories-mobile .mobile-nav-category.panel-left .block .category-items .menu-column .column-inner-container.active {
          display: block; }
        .s-main-menu .categories.categories-mobile .mobile-nav-category.panel-left .block .category-items .menu-column .column-inner-container > *:last-child {
          margin-bottom: 150px; }
    .s-main-menu .categories > .dropdown.ui-menu-item {
      width: 100%;
      text-align: left;
      display: inline-block !important; }
      .s-main-menu .categories > .dropdown.ui-menu-item .block {
        z-index: 99; }
    .s-main-menu .categories .menu-column .column-inner-container .sub-category {
      display: none; }
  .c-mobile-menu__secondary-menu {
    display: inline-block;
    width: 100%; }
  /* Mobile Nav Functionality END */
  .column-inner-container .main-category {
    position: relative;
    border-bottom: 1px solid #eee; }
    .column-inner-container .main-category::after {
      background-image: url(https://cdn.craghoppers.com/img/theme/mega_menu/arrows/GreyArrow.svg);
      content: "";
      display: block;
      width: 15px;
      height: 10px;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      right: 10px;
      top: 40%;
      bottom: 0;
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
    .column-inner-container .main-category a {
      color: #555;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 15px 10px;
      display: block; } }

/* Mega Menu V3 END */
/* Menu Custom Section Styles */
.s-main-menu .block .category-items.womens-nav .menu-column:first-of-type .main-category a, .s-main-menu .block .category-items.mens-nav .menu-column:first-of-type .main-category a, .s-main-menu .block .category-items.kids-nav .menu-column:first-of-type .main-category a {
  font-weight: 600;
  font-size: 16px;
  color: #5f5f5e; }

@media only screen and (max-width: 740px) {
  .s-main-menu .block .category-items.womens-nav .menu-column:first-of-type .main-category a, .s-main-menu .block .category-items.mens-nav .menu-column:first-of-type .main-category a, .s-main-menu .block .category-items.kids-nav .menu-column:first-of-type .main-category a {
    font-weight: 400;
    font-size: 14px; } }

@media only screen and (max-width: 1024px) {
  .s-main-menu .block .category-items.accessories-nav .col-3, .s-main-menu .categories > li .block .category-items.accessories-nav .category-items > div.col-3 {
    width: 24.99% !important; }
  .s-main-menu .block .category-items.accessories-nav .col-9, .s-main-menu .categories > li .block .category-items.accessories-nav .category-items > div.col-9 {
    width: 74.97% !important; } }

@media only screen and (max-width: 740px) {
  .s-main-menu .block .category-items.accessories-nav .col-3, .s-main-menu .categories > li .block .category-items.accessories-nav .category-items > div.col-3, .s-main-menu .block .category-items.accessories-nav .col-9, .s-main-menu .categories > li .block .category-items.accessories-nav .category-items > div.col-9 {
    width: 100% !important; } }

.c-product-tile .c-product-tile__btn {
  display: none; }

#tech-image-wrapper img {
  width: auto; }

.c-product-tile__btn {
  background: #d2d2d2;
  border: 2px solid #d2d2d2;
  color: #000; }

.c-btn--secondary:active,
.c-btn--secondary:focus,
.c-btn.action-secondary:active,
.c-btn.action-secondary:focus {
  background: #9e9e9e;
  border-color: #9e9e9e; }

.c-product-details .product-info-stock-sku .value {
  color: #5f5f5e; }

.c-rating__reviews,
.c-rating__reviews:active,
.c-rating__reviews:focus,
.c-rating__reviews:hover,
.c-rating__reviews:visited {
  color: #5f5f5e; }

.c-save-item,
.c-save-item:active,
.c-save-item:visited,
.c-save-item:hover,
.c-save-item:visited {
  color: #5f5f5e !important; }

/* Mobile SEO show/hide */
.catalog-category-view {
  /* Lower SEO */ }
  .catalog-category-view .banner__text + button {
    display: none; }
  .catalog-category-view .s-text-banner.active {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .catalog-category-view .s-text-banner.active.open {
    -webkit-line-clamp: 1000; }
  .catalog-category-view .lower-seobttn-container .readmore {
    width: 100%;
    max-width: 150px;
    text-align: center;
    background: #769fd0;
    border: 0;
    color: #fff;
    padding: 3px 20px;
    margin: 0% auto;
    margin-bottom: 1%;
    cursor: pointer; }

@media only screen and (max-width: 550px) {
  .catalog-category-view .banner__text.active {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 678px; }
  .catalog-category-view .banner__text + button {
    display: block;
    background: #769fd0;
    border: 0;
    color: #fff;
    padding: 3px 20px;
    margin: 0 auto; }
  .catalog-category-view .lower-seobttn-container .readmore {
    width: 100%;
    max-width: 150px;
    text-align: center;
    background: #769fd0;
    border: 0;
    color: #fff;
    padding: 3px 20px;
    margin: 2% auto; } }

/* END */
/* roundel removal on plp */
div#monVars.roundelhide {
  display: none !important; }

/* END */
.page-products .c-breadcrumbs {
  margin-bottom: 0; }

/*/////////////////////////*/
/*    Hides Quick Buy     */
/*/////////////////////////*/
.catalog-category-view .c-btn.c-btn--secondary.c-btn--expanded.c-product-tile__btn {
  display: none !important; }

.catalog-category-view .c-product-tile__img-wrapper {
  margin-bottom: 10px;
  padding: 10px; }

/* PLP Updates Start*/
.c-price__group {
  display: inline-block; }

.c-product-tile__title {
  text-align: center;
  color: #5f5f5e !important;
  width: 100%;
  line-height: 1.4;
  padding: 0 5px;
  font-weight: 500; }

.c-price__final {
  font-weight: 500; }

html .catalog-category-view .c-product-tile.u-heading-epsilon .c-rating__reviews:after {
  content: " Reviews"; }

.c-rating__wrap--product-tile {
  clear: both; }

.c-price__strike {
  padding-right: 5px; }

.c-price--small {
  text-align: center; }

.c-rating__container {
  -webkit-filter: grayscale(100%) brightness(60%) !important;
  filter: grayscale(100%) brightness(60%) !important; }

.c-product-tile__item-extra-info {
  display: none; }

.c-icon--up-primary {
  margin-bottom: 10px; }

.c-icon--unsaved-item {
  margin-bottom: 10px;
  margin-right: 10px; }

.c-price--small {
  line-height: 1 !important;
  padding: 0 6px; }

.c-rating__reviews, .c-rating {
  float: none !important;
  display: inline-block;
  margin: 0 4px; }

.c-rating__reviews {
  position: relative;
  top: -13px;
  font-size: 1.2em; }

.c-rating__container {
  text-align: center; }

.c-rating__container {
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7); }

.c-price__group:nth-child(1) .c-price__strike:empty {
  display: none; }

p.c-price__group.nowPrice span:before {
  content: 'Now: '; }

@media only screen and (max-width: 550px) {
  .o-layout.mobile-flex {
    margin: 0; }
  .o-layout.mobile-flex .o-layout__item {
    padding: 0 10px; }
  .c-pagination__item--arrow-right {
    right: 15px; }
  .u-flex-display.u-6\/12 .c-price__group {
    display: block; }
  .o-layout .o-layout {
    margin-left: 0; }
  .o-layout.mobile-flex .o-layout__item .o-layout .o-layout__item {
    padding: 0; }
  .o-layout.mobile-flex .o-layout__item .o-layout .o-layout__item.o-layout--spaced:nth-child(1) {
    padding-right: 0.5%; }
  .o-layout.mobile-flex .o-layout__item .o-layout .o-layout__item.c-mobile-listing__sort--flex-order {
    padding-left: 0.5%; }
  /* PLP product divider */
  .o-layout.mobile-flex .o-layout__item .o-layout .u-flex-display.u-6\/12:nth-child(odd) .c-product-tile {
    border-right: 1px solid #CCC;
    padding: 0 10px; }
  .lower-seobttn-container {
    margin: 3% 0; }
  .s-text-banner {
    padding: 0 10px; }
  .s-text-banner p:empty {
    display: none; } }

/* END */
/* Gender align filters */
.o-layout__item.c-selected-facets--position {
  margin-top: 9%; }

@media only screen and (max-width: 1227px) {
  .o-layout__item.c-selected-facets--position {
    margin-top: 10%; } }

@media only screen and (max-width: 989px) {
  .o-layout__item.c-selected-facets--position {
    margin-top: 12%; } }

@media only screen and (max-width: 740px) {
  ul.o-list-stacked.c-mobile-facet-list {
    margin-top: 0%; } }

/* Gender align filters END */
/* Breadcrumbs Update */
.c-breadcrumbs__item:after {
  content: '>' !important; }

.c-breadcrumbs__item:last-child:after {
  content: "" !important; }

.breadcrumbs.c-breadcrumbs {
  margin-bottom: 0;
  margin: 4px 0; }

.s-text-banner p:empty {
  display: none; }

/* Breadcrumbs Update END */
/* Back to top Bttn */
.c-back-to-top-btn__container {
  display: none; }

/* Back to top Bttn END */
/* PLP Updates */
.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) {
  width: 49% !important; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(2) {
  width: 50% !important; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul {
  margin: 0; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li {
  display: inline-block;
  margin-right: 1%;
  cursor: pointer;
  font-size: 12px; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li:hover {
  text-decoration: underline; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li:last-of-type {
  margin-right: 0; }

li.toggleable > span.sortby-icon {
  vertical-align: text-top;
  margin-left: 5px;
  display: none; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li.selected {
  background: transparent;
  color: #343334;
  text-decoration: underline;
  font-weight: bold; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li:last-of-type + span {
  display: none; }

.o-layout.mobile-flex .c-toolbar--position .o-layout.u-flex-row .o-layout__item:nth-child(1) ul li + span {
  margin-right: 1%; }

/* PLP Updates END */
/* Facet Updates */
.magentoHeading {
  cursor: pointer; }
  .magentoHeading + ul.o-list-stacked.c-mobile-facet-list {
    max-height: 190px;
    overflow-y: auto;
    margin-bottom: 20px; }
    .magentoHeading + ul.o-list-stacked.c-mobile-facet-list a {
      color: #5f5f5e; }

/* Facet Updates END */
#desktop-theme .c-toolbar--position .o-layout .c-mobile-listing__pagination--flex-order {
  float: right; }
  #desktop-theme .c-toolbar--position .o-layout .c-mobile-listing__pagination--flex-order + div {
    float: left; }
    #desktop-theme .c-toolbar--position .o-layout .c-mobile-listing__pagination--flex-order + div div.o-layout__item {
      width: 100% !important;
      margin-top: 15px; }

.catalog-category-view .c-mobile-facet-menu__header + .o-list-stacked.c-mobile-facet-list > li {
  padding-left: 28px; }

.catalog-category-view .c-mobile-facet-menu__header + .o-list-stacked.c-mobile-facet-list > li:first-child {
  padding-left: 0; }

.catalog-category-view .c-mobile-facet-menu__header + .o-list-stacked.c-mobile-facet-list > li:last-child {
  padding-bottom: 10px; }

.catalog-category-view .c-mobile-facet-menu__header + .o-list-stacked.c-mobile-facet-list > li > a:before {
  margin-right: 10px;
  margin-left: -28px;
  background: #fff;
  border: 2px solid #dfe0e1;
  border-radius: 0;
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block; }

/* PDP styles */
.c-rating__wrap {
  padding-top: 8px; }

.reviews-actions {
  display: inline-block; }

/* Related Categories */
body.page-product-configurable .o-region__inner .o-layout.u-padding-top > div {
  width: 100% !important; }

.page-product-configurable .o-list-stacked--spaced .o-list-stacked__item {
  margin-bottom: 18px;
  background: #f7f7f7;
  padding: 5px 25px;
  margin: 5px;
  display: inline-block; }

.page-product-configurable .o-list-stacked--spaced .o-list-stacked__item a {
  text-decoration: none;
  color: #343334; }

.viewall-related {
  color: #000;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1; }

/* END */
/* PDP Endcap Section */
.columns .product.info + .o-region__inner {
  width: 100%;
  background: #ebebeb;
  padding: 5px 0; }

.monetate-container.m2 {
  margin: 0 auto;
  max-width: 1228px; }

.endcap-container {
  background: #fff;
  margin-top: 1%; }

.outfit-builder.endcap-container {
  padding: 1% 0; }

.endcap-container > div {
  margin: 0 auto;
  padding: 0.5% 0; }

.mt_animate {
  margin-left: 0px; }

.endcap-container .mt_sliderTop {
  margin: 1% 0; }

.mt_sliderTop .mt_title {
  font-size: 18px;
  color: #5f5f5e; }

.endcap-container a {
  color: #5f5f5e; }

.mt_arrowContainer {
  margin-top: -5%; }

@media only screen and (max-width: 550px) {
  .columns .product.info + .o-region__inner {
    padding: 0; } }

/* END */
/* Hides any blocks that are empty */
.endcap-container:empty {
  display: none; }

/* END */
/* roundel remove on pdp */
div#monVars.roundelhide + .product-info-stock-sku > .save__product-page {
  display: none !important; }

/* END */
/* reduce size of product title */
@media only screen and (max-width: 1024px) {
  .c-product-details .u-heading-beta {
    font-size: 22px; } }

/* END */
/* Mobile Add to basket */
@media only screen and (max-width: 600px) {
  .box-tocart .o-layout__item:nth-child(3) {
    padding-left: 10px; } }

/* END */
/* Product With No Reviews */
.c-rating__wrap.noReviews {
  display: none; }

.product-info-price.noReviews {
  margin-bottom: 3%; }

/* Product With No Reviews END */
/* AW18 Jan Updates START */
c-icon--gallery-down,
body .fotorama__nav .fotorama__thumb__arr.fotorama__thumb__arr--right .fotorama__thumb--icon:before {
  background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/downArrow.svg) !important; }

.c-icon--gallery-up,
body .fotorama__nav .fotorama__thumb__arr.fotorama__thumb__arr--left .fotorama__thumb--icon:before {
  background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/downArrow.svg) !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.page-product-configurable .c-save-item__icon {
  margin: 0 12px 0 0; }

/* AW18 Jan Updates END */
.page-product-configurable .c-rating {
  -webkit-filter: brightness(100%);
  filter: brightness(100%); }

.page-product-configurable .related-products {
  margin-bottom: 15px; }

/* AW18 Jan Updates END */
/* PDP Updates */
.c-save-item .c-icon--saved-item {
  background-image: url("https://cdn.craghoppers.com/img/AW18/UK/misc/icon/heartFill.svg") !important; }

.c-save-item:hover i.c-save-item__icon {
  background-image: url("https://cdn.craghoppers.com/img/AW18/UK/misc/icon/heartFill.svg") !important;
  -webkit-animation-name: savedIcon;
  animation-name: savedIcon;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal; }

@-webkit-keyframes savedIcon {
  0% {
    background-size: 0px; }
  100% {
    background-size: 20px; } }

@keyframes savedIcon {
  0% {
    background-size: 0px; }
  100% {
    background-size: 20px; } }

.page-product-configurable .deliverySection p span {
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  font-weight: 600; }

.page-product-configurable .c-tabs__content.data.item.content#delivery {
  max-height: 100%;
  overflow-y: unset; }

.monetateContainer > .mt_endcap.mt_horizontal {
  margin: 0 auto; }

.page-product-configurable span.swatch {
  -webkit-box-shadow: none;
  box-shadow: none; }

.fotorama__caption {
  display: none; }

/* PDP Updates END */
/* Tablet PDP START */
@media only screen and (max-width: 959px) {
  .u-6-of-12--tablet {
    width: 100% !important; }
  .c-product-details.o-layout__item.u-6-of-12--tablet.u-5-of-12--desktop.product-info-main.js-product-info-main {
    padding-left: 18px; }
  .page-product-configurable .fotorama-item.fotorama .fotorama__stage {
    padding: 0 !important; }
  .price-box.price-final_price,
  .c-rating__wrap,
  div#delivery-callout,
  .page-product-configurable .related-products,
  .page-product-configurable .c-product-details .u-heading-beta,
  .c-product-details .product-info-stock-sku .value {
    text-align: center; }
  .c-qty.c-qty--pdp {
    margin: 0 auto !important; }
  html .page-product-configurable .field.qty.o-layout__item.u-clear-right {
    width: 100% !important; }
  .save__product-page {
    margin: 10px auto 0; }
  .fotorama--fullscreen .fotorama__stage {
    height: 90vh !important; } }

/* Tablet PDP END */
.page-product-configurable .c-tabs__tab.data.item.title > a,
.page-product-configurable .c-tabs__tab.data.item.title > h2 {
  font-weight: 600; }

/* Reviews Section */
.attribute-rating-container > div {
  width: 15%;
  display: inline-block;
  margin-right: 15px; }

.attribute-rating-container > div:last-of-type {
  margin: 0; }

.attribute-rating-bg {
  background: #d4d4d4;
  width: 100%;
  height: 15px;
  display: block;
  border-radius: 10px; }

.attribute-rating {
  display: block;
  height: 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.attribute-rating-bad {
  width: 20%;
  background: #00a93c; }

.attribute-rating-poor {
  width: 40%;
  background: #00a93c; }

.attribute-rating-average {
  width: 60%;
  background: #00a93c; }

.attribute-rating-good {
  width: 80%;
  background: #00a93c; }

.attribute-rating-excellent {
  width: 100%;
  background: #00a93c;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

/* Reviews Section END */
.fotorama__arr,
.fotorama__thumb__arr {
  background-color: transparent; }

.fotorama__arr:hover,
.fotorama__thumb__arr:hover {
  background-color: transparent; }

/* Klarna Banner Update */
klarna-placement iframe {
  max-width: 100% !important; }

/* Klarna Banner Update END */
button#product-addtocart-button {
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  margin-bottom: 10px; }

/* Delivery/Retuns button fix */
.page-product-configurable .c-tabs__tab.data.item.title {
  width: 49%; }

/* Delivery/Retuns button fix END */
/* Technology Modal */
.modal-inner-wrap {
  border-radius: 5px; }
  .modal-inner-wrap .modal-header .modal-title {
    font-family: "Rufina", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1.2px;
    padding: 0;
    line-height: 1.2; }
  .modal-inner-wrap .modal-header .action-close::before {
    height: 20px;
    width: 20px; }
  .modal-inner-wrap .modal-content {
    padding-bottom: 0;
    font-size: 16px; }
    .modal-inner-wrap .modal-content p {
      margin-bottom: 10px; }
      .modal-inner-wrap .modal-content p:empty {
        display: none; }
    .modal-inner-wrap .modal-content ul {
      margin: 0 0 0 20px; }
  .modal-inner-wrap .modal-footer {
    padding: 20px; }
    .modal-inner-wrap .modal-footer button {
      float: right;
      padding: 5px 100px;
      background: transparent;
      color: #343334;
      border: 1px solid; }
      .modal-inner-wrap .modal-footer button span {
        color: #343334;
        text-transform: uppercase; }
      .modal-inner-wrap .modal-footer button:hover {
        background: #343334; }
        .modal-inner-wrap .modal-footer button:hover span {
          color: #fff; }

/* Technology Modal END */
/* WAS Price Fix Start */
.page-product-configurable .old-price.sly-old-price.no-display {
  display: block !important; }

/* WAS Price Fix End */
/* Top level banners */
.bannercontainer {
  width: 100%;
  float: left;
  height: 180px;
  background-repeat: no-repeat; }

.bannercontainer.collectionheader {
  min-height: 385px; }

.bannertext {
  color: white;
  text-transform: uppercase;
  text-align: left;
  font-size: 65px;
  margin-left: 3%;
  margin-top: 3%;
  letter-spacing: 3px; }

.pageintro {
  float: left;
  text-align: left; }

.s-text-banner {
  padding: 0; }

.pageintro p {
  margin-bottom: 1%; }

.pageintro h1 {
  text-transform: uppercase;
  margin: 0.5% 0 0 0; }

.menscatheader {
  color: #2F3051;
  text-align: left; }

.kidscatheader {
  color: #9CAC25;
  text-align: left; }

.womenscathead {
  color: #FF685D;
  text-align: left; }

.seo_container,
.pageothertext {
  width: 100%;
  max-width: 1228px;
  margin: 0 auto;
  text-align: left; }

.banner__title,
.banner__text,
.s-text-banner p {
  text-align: left; }

.banner__title {
  color: #6792C8;
  text-align: center;
  text-transform: uppercase;
  font-family: "Rufina", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 35px; }

.bannertext.footwearacc {
  color: white;
  text-transform: uppercase;
  text-align: left;
  font-size: 42px;
  margin-left: 4%;
  margin-top: 3.8%;
  letter-spacing: 3px;
  width: 32%;
  line-height: 1.2;
  color: #5f5f5e; }

.banner__text,
.banner__title {
  max-width: 1228px;
  margin: 0 auto; }

.js-fredhopper-fredhopper-hero-wrapper-placeholder .o-region__inner {
  width: 100% !important; }

.s-text-banner {
  width: 100%; }

.bannercontainer {
  width: 100%;
  height: auto !important;
  background-repeat: no-repeat;
  background-size: cover;
  /*min-height: 200px;*/
  min-height: 220px;
  margin-bottom: 15px;
  background-position: center; }

.plp-header {
  width: 1228px;
  margin: 0 auto;
  text-align: left;
  padding: 62px 0;
  text-transform: uppercase;
  color: #fff !important; }

.plp-header h1 {
  color: #fff !important;
  font-size: 44px !important;
  letter-spacing: 2px;
  margin-bottom: 0; }

@media only screen and (max-width: 1228px) {
  .banner__title,
  .banner__text {
    padding: 0 10px; }
  .plp-header {
    width: 100%;
    padding: 62px 0 62px 10px;
    letter-spacing: 1px; }
  .plp-header h1 {
    font-size: 30px !important;
    letter-spacing: 1px; }
  .bannercontainer {
    /*min-height: 150px;*/
    min-height: 140px;
    margin-bottom: 0; } }

@media only screen and (max-width: 1024px) {
  .bannercontainer {
    display: block !important; } }

@media only screen and (max-width: 700px) {
  .plp-header {
    width: 100%;
    padding: 9% 20% 12% 10px; }
  .plp-header h1 {
    font-size: 22px !important;
    letter-spacing: 1px;
    line-height: 26px;
    max-width: 300px; }
  .bannercontainer {
    min-height: 130px; } }

/* BLACK FRIDAY STYLES START */
.plp-header.blackfriday h1 {
  font-size: 58px !important; }

.plp-header.blackfriday {
  font-style: italic;
  text-transform: initial;
  text-align: center;
  padding: 50px 0 !important; }

.bannercontainer.cybermonday {
  min-height: 295px !important; }

@media only screen and (max-width: 1228px) {
  .plp-header.blackfriday h1 {
    font-size: 36px !important; }
  .plp-header.blackfriday {
    padding: 19px 0 !important; }
  .bannercontainer.blackfriday {
    min-height: 100px;
    margin-bottom: 0; }
  .bannercontainer.cybermonday {
    min-height: 190px !important; } }

@media only screen and (max-width: 700px) {
  .plp-header.blackfriday h1 {
    font-size: 30px !important;
    max-width: 100% !important; }
  .plp-header.blackfriday {
    padding: 50px 0 !important; }
  .bannercontainer.cybermonday {
    min-height: 195px !important; } }

/* BLACK FRIDAY STYLES END */
/* SS19 Alt Top Level Updates */
.contentAccordion.altAccordion + .contentBtn {
  height: 50px !important; }

.bannerContainer {
  max-width: 1228px;
  margin: 0 auto 15px auto;
  text-align: center; }
  .bannerContainer h1.banner__title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 35px;
    color: #5f5f5e; }
  .bannerContainer p {
    text-align: center; }
  @media only screen and (max-width: 740px) {
    .bannerContainer h1.banner__title {
      font-size: 5vw; } }
  @media only screen and (max-width: 450px) {
    .bannerContainer h1.banner__title {
      font-size: 6.5vw; } }

.altCategory {
  margin: 0;
  list-style-type: none; }
  .altCategory li {
    display: inline-block;
    font-size: 20px;
    margin: 0 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.2px; }
    .altCategory li a {
      color: #5f5f5e;
      font-weight: 500; }
      .altCategory li a .reg {
        font-size: 12px;
        vertical-align: top; }
    .altCategory li a:hover {
      text-decoration: underline; }

/* SS19 Alt Top Level Updates END */
/* SS21 Top level banners */
.contentAccordion .has-category-banner {
  margin-bottom: 20px; }
  .contentAccordion .has-category-banner .bannerContainer {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover !important;
    height: 288px;
    background-position: center !important; }
    .contentAccordion .has-category-banner .bannerContainer > div {
      width: 100%; }
      .contentAccordion .has-category-banner .bannerContainer > div .banner__title {
        max-width: 100%;
        text-align: left; }
    .contentAccordion .has-category-banner .bannerContainer.mens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Mens-Desktop.jpg); }
      .contentAccordion .has-category-banner .bannerContainer.mens .banner__title {
        padding-left: 10%; }
    .contentAccordion .has-category-banner .bannerContainer.womens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Womens-Desktop.jpg); }
      .contentAccordion .has-category-banner .bannerContainer.womens .banner__title {
        padding-left: 10%; }
    .contentAccordion .has-category-banner .bannerContainer.kids {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Kids-Desktop.jpg); }
      .contentAccordion .has-category-banner .bannerContainer.kids .banner__title {
        padding-left: 10%; }
    .contentAccordion .has-category-banner .bannerContainer.accessories {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Accessories-Desktop.jpg); }
      .contentAccordion .has-category-banner .bannerContainer.accessories .banner__title {
        padding-left: 10%; }
    .contentAccordion .has-category-banner .bannerContainer.camping {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Camping-Desktop.jpg); }
      .contentAccordion .has-category-banner .bannerContainer.camping .banner__title {
        padding-left: 10%; }
    .contentAccordion .has-category-banner .bannerContainer.laura-whitmore {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Laura-Whitmore-Desktop.jpg); }

@media only screen and (max-width: 1600px) {
  .contentAccordion .has-category-banner .bannerContainer.mens .banner__title, .contentAccordion .has-category-banner .bannerContainer.womens .banner__title, .contentAccordion .has-category-banner .bannerContainer.kids .banner__title, .contentAccordion .has-category-banner .bannerContainer.accessories .banner__title, .contentAccordion .has-category-banner .bannerContainer.camping .banner__title {
    padding-left: 4%; } }

@media only screen and (max-width: 1400px) {
  .contentAccordion .has-category-banner .bannerContainer .banner__title {
    font-size: 2.5vw;
    padding-left: 2% !important; } }

@media only screen and (max-width: 1024px) {
  .contentAccordion .has-category-banner .bannerContainer {
    height: 189px; }
    .contentAccordion .has-category-banner .bannerContainer .banner__title {
      font-size: 3vw; }
    .contentAccordion .has-category-banner .bannerContainer.mens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Mens-Tablet.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.womens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Womens-Tablet.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.kids {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Kids-Tablet.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.accessories {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Accessories-Tablet.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.camping {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Camping-Tablet.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.laura-whitmore {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Laura-Whitmore-Tablet.jpg); } }

@media only screen and (max-width: 740px) {
  .contentAccordion .has-category-banner .bannerContainer {
    height: auto;
    padding: 13% 0; }
    .contentAccordion .has-category-banner .bannerContainer .banner__title {
      font-size: 3.8vw; }
    .contentAccordion .has-category-banner .bannerContainer.mens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Mens-Mobile.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.womens {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Womens-Mobile.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.kids {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Kids-Mobile.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.accessories {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Accessories-Mobile.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.camping {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Camping-Mobile.jpg); }
    .contentAccordion .has-category-banner .bannerContainer.laura-whitmore {
      background: url(https://cdn.hawkshead.com/img/SS21/cat-banners/Laura-Whitmore-Mobile.jpg); } }

@media only screen and (max-width: 450px) {
  .contentAccordion .has-category-banner .bannerContainer {
    padding: 10% 0; }
    .contentAccordion .has-category-banner .bannerContainer .banner__title {
      max-width: 70% !important;
      margin: 0;
      font-size: 5.5vw; } }

/* SS21 Top level banners END */
/* Black Friday Promotion START */
.cms-black-friday .columns .o-region__inner {
  width: 100%; }

.black-friday .header {
  position: relative;
  background-image: url(https://cdn.hawkshead.com/img/AW20/page/black-friday/Black-Friday-Header-Desktop.jpg);
  height: 280px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .black-friday .header img {
    width: 100%; }
  .black-friday .header .header-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 1.2;
    text-align: center; }
    .black-friday .header .header-content h2 span {
      font-weight: 700; }
  .black-friday .header .header-content h1 {
    text-align: center;
    color: #fff;
    font-family: "Rufina", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 80px;
    line-height: 1.2;
    letter-spacing: 3px; }
    .black-friday .header .header-content h1 span {
      color: #db1516; }

.black-friday .bf-heros {
  margin: 40px 0 80px 0; }
  .black-friday .bf-heros .hero-item {
    position: relative;
    padding: 0;
    line-height: 1;
    margin-right: 40px;
    width: 29%; }
    .black-friday .bf-heros .hero-item:last-of-type {
      margin-right: 0; }
    .black-friday .bf-heros .hero-item img {
      width: 100%; }
    .black-friday .bf-heros .hero-item h3 {
      font-family: "Rufina", Helvetica, Arial, sans-serif;
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 0;
      line-height: 1;
      font-size: 35px;
      letter-spacing: 1.5px; }

.black-friday .section-title {
  color: #db1516;
  font-family: "Rufina", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  margin: 40px 0;
  line-height: 1.2; }

.black-friday .offer-card {
  position: relative;
  padding: 0;
  margin-right: 20px;
  line-height: 1;
  margin-bottom: 20px; }
  .black-friday .offer-card:nth-child(2), .black-friday .offer-card:nth-child(3), .black-friday .offer-card:nth-child(5), .black-friday .offer-card:nth-child(7) {
    margin-right: 0; }
  .black-friday .offer-card.col-6, .black-friday .s-main-menu .categories > li .block .category-items > div.offer-card.col-6, .s-main-menu .categories > li .block .black-friday .category-items > div.offer-card.col-6 {
    width: 48%; }
  .black-friday .offer-card img {
    width: 100%; }
  .black-friday .offer-card.portrait-cart .flex-overlay > div {
    margin-bottom: 12%; }
    .black-friday .offer-card.portrait-cart .flex-overlay > div h3 {
      margin-bottom: 36%; }
  .black-friday .offer-card.trouser-card .flex-overlay > div {
    margin-bottom: 3%;
    width: 100%;
    text-align: center; }
    .black-friday .offer-card.trouser-card .flex-overlay > div h3 {
      margin-bottom: 9%; }
      .black-friday .offer-card.trouser-card .flex-overlay > div h3 .offer {
        width: 100%;
        margin: 8px auto;
        padding: 10px 0;
        max-width: 300px; }
    .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button {
      width: 20%; }
  .black-friday .offer-card.footwear-card .flex-overlay > div {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    margin-bottom: 9%; }
    .black-friday .offer-card.footwear-card .flex-overlay > div h3 {
      margin-bottom: 16%; }
      .black-friday .offer-card.footwear-card .flex-overlay > div h3 .offer {
        width: 100%;
        max-width: 330px;
        padding: 10px 0;
        text-align: center; }
    .black-friday .offer-card.footwear-card .flex-overlay > div .bf-button {
      width: 47%;
      margin-bottom: 10px; }
      .black-friday .offer-card.footwear-card .flex-overlay > div .bf-button:nth-child(3) {
        margin-right: 0; }
      .black-friday .offer-card.footwear-card .flex-overlay > div .bf-button:nth-child(4) {
        margin-bottom: 0; }
  .black-friday .offer-card.accessories-card .flex-overlay > div {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    margin-bottom: 9%; }
    .black-friday .offer-card.accessories-card .flex-overlay > div h3 {
      float: left;
      margin-bottom: 25%; }
      .black-friday .offer-card.accessories-card .flex-overlay > div h3 span {
        float: right;
        width: 100%; }
      .black-friday .offer-card.accessories-card .flex-overlay > div h3 .offer {
        width: 100%;
        max-width: 330px;
        padding: 10px 0;
        text-align: center; }
    .black-friday .offer-card.accessories-card .flex-overlay > div .bf-button {
      width: 50%; }
  .black-friday .offer-card.under-card .flex-overlay > div {
    text-align: center;
    margin-bottom: 10%; }
    .black-friday .offer-card.under-card .flex-overlay > div h3 {
      margin-bottom: 30%; }
    .black-friday .offer-card.under-card .flex-overlay > div .bf-button {
      width: 50%;
      margin-right: 0;
      margin-bottom: 10px; }
      .black-friday .offer-card.under-card .flex-overlay > div .bf-button:last-of-type {
        margin-bottom: 0; }
  .black-friday .offer-card h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 50px; }
    .black-friday .offer-card h3.txt-left {
      text-align: left; }
    .black-friday .offer-card h3.txt-right {
      text-align: right; }
    .black-friday .offer-card h3 .offer {
      background: rgba(219, 21, 22, 0.8);
      padding: 10px 40px;
      display: block;
      margin: 8px 0;
      font-size: 55px;
      font-weight: 600; }
    .black-friday .offer-card h3 .product-type {
      font-weight: 600;
      font-size: 55px; }
  .black-friday .offer-card .flex-overlay.btn-stack .bf-button {
    display: block;
    margin-bottom: 10px;
    max-width: 200px;
    margin: 0 auto 10px auto; }

.black-friday .bf-button {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  padding: 18px 10px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 10px;
  font-size: 16px;
  letter-spacing: .8px;
  display: inline-block;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }
  .black-friday .bf-button:last-of-type {
    margin-right: 0; }
  .black-friday .bf-button:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff; }

.black-friday .brand-card {
  padding: 0;
  line-height: 1;
  margin-right: 40px;
  width: 29%; }
  .black-friday .brand-card:last-of-type {
    margin-right: 0; }
  .black-friday .brand-card img {
    width: 100%;
    padding: 0; }

@media only screen and (max-width: 1300px) {
  .black-friday .center-container {
    padding: 0 20px; } }

@media only screen and (max-width: 1100px) {
  .black-friday .offer-card h3 {
    font-size: 4.5vw; }
    .black-friday .offer-card h3 .offer {
      font-size: 5vw; }
    .black-friday .offer-card h3 .product-type {
      font-size: 5vw; }
  .black-friday .offer-card.footwear-card .flex-overlay > div {
    padding: 0 30px; }
    .black-friday .offer-card.footwear-card .flex-overlay > div h3 {
      margin-bottom: 10%; }
    .black-friday .offer-card.footwear-card .flex-overlay > div .bf-button {
      min-width: 170px; } }

@media only screen and (max-width: 900px) {
  .black-friday .offer-card.footwear-card .flex-overlay > div .bf-button {
    width: 60%;
    margin-right: 0; }
  .black-friday .bf-button {
    padding: 10px 0; } }

@media only screen and (max-width: 740px) {
  .black-friday .center-container {
    padding: 0; }
  .black-friday .section-title {
    font-size: 35px; }
  .black-friday .header {
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/black-friday/Black-Friday-Header-Mobile.jpg);
    height: auto;
    padding: 17% 0;
    background-size: contain; }
    .black-friday .header .header-content > div {
      width: 60%; }
      .black-friday .header .header-content > div h2 {
        font-size: 5vw;
        margin-bottom: 10px; }
      .black-friday .header .header-content > div h1 {
        font-size: 11.2vw;
        text-align: left;
        line-height: .9; }
        .black-friday .header .header-content > div h1 span {
          display: block;
          float: right; }
  .black-friday .bf-heros {
    margin: 40px 0 60px 0; }
    .black-friday .bf-heros .hero-item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; }
      .black-friday .bf-heros .hero-item:last-of-type {
        margin-bottom: 0; }
      .black-friday .bf-heros .hero-item .flex-overlay > div {
        margin-bottom: 5%; }
        .black-friday .bf-heros .hero-item .flex-overlay > div h3 {
          font-size: 8vw; }
  .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button {
    width: 30%;
    min-width: 170px; }
  .black-friday .offer-card.accessories-card .flex-overlay > div .bf-button {
    width: 75%;
    min-width: 170px; }
  .black-friday .offer-card.under-card .flex-overlay > div .bf-button {
    width: 70%;
    min-width: 170px; }
  .black-friday .brand-card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; } }

@media only screen and (max-width: 550px) {
  .black-friday .offer-card.trouser-card .flex-overlay > div h3 {
    margin-bottom: 3%; }
  .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button {
    width: 40%;
    margin-bottom: 10px; }
    .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button:last-of-type {
      margin-bottom: 0; }
    .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button:nth-child(3) {
      margin-right: 0; } }

@media only screen and (max-width: 500px) {
  .black-friday .offer-card.col-6, .black-friday .s-main-menu .categories > li .block .category-items > div.offer-card.col-6, .s-main-menu .categories > li .block .black-friday .category-items > div.offer-card.col-6 {
    width: 100%;
    margin-right: 0; }
  .black-friday .offer-card h3 {
    font-size: 10vw; }
    .black-friday .offer-card h3.txt-left, .black-friday .offer-card h3.txt-right {
      text-align: center; }
    .black-friday .offer-card h3 .offer {
      font-size: 12vw; }
    .black-friday .offer-card h3 .product-type {
      font-size: 10vw; }
  .black-friday .offer-card.portrait-card .flex-overlay > div {
    margin-bottom: 29%; }
  .black-friday .offer-card.trouser-card .flex-overlay > div h3 {
    font-size: 6vw; }
    .black-friday .offer-card.trouser-card .flex-overlay > div h3 .offer {
      font-size: 8vw; }
    .black-friday .offer-card.trouser-card .flex-overlay > div h3 .product-type {
      font-size: 6vw; }
  .black-friday .bf-button {
    padding: 12px 0; } }

@media only screen and (max-width: 380px) {
  .black-friday .offer-card.trouser-card .flex-overlay > div {
    margin-bottom: 5%; }
    .black-friday .offer-card.trouser-card .flex-overlay > div h3 {
      font-size: 10vw;
      margin-bottom: 10%; }
      .black-friday .offer-card.trouser-card .flex-overlay > div h3 .offer {
        font-size: 12vw; }
      .black-friday .offer-card.trouser-card .flex-overlay > div h3 .product-type {
        font-size: 10vw; }
    .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button {
      display: block;
      margin: 0 auto 10px auto; }
      .black-friday .offer-card.trouser-card .flex-overlay > div .bf-button:nth-child(3) {
        margin-right: auto; } }

.cms-the-honesty-project .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-our-way .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-responsible-sourcing .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-our-employees .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-modern-slavery .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-social-impact-programmes .breadcrumbs.c-breadcrumbs,
.cms-the-honesty-project-the-environment .breadcrumbs.c-breadcrumbs {
  display: none; }

.honesty-project {
  /* HP Social Impact Programmes Start*/
  /* HP Social Impact Programmes End*/
  /* HP Homepage Start*/
  /* HP Homepage End*/
  /* HP Responsible Sourcing Start*/
  /* HP Responsible Sourcing End */
  /* HP Our Employees Start*/
  /* HP Our Employees End*/
  /* HP Our Way Start*/
  /* HP Our Way Start*/
  /* HP The Environment Start */
  /* HP The Environment End */ }
  .honesty-project .hp-back a {
    color: black;
    font-weight: bold; }
  .honesty-project .header-badge {
    width: 100%;
    /*max-width: 500px;*/
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.3;
    padding: 1% 0;
    margin-bottom: 3%;
    margin-top: 2%;
    color: #fff; }
  .honesty-project .hp-pink {
    background: #f18b85;
    max-width: 550px; }
  .honesty-project .hp-yellow {
    background: #ffd654;
    max-width: 450px; }
  .honesty-project .hp-lightblue {
    background: #6f9ed4;
    max-width: 330px; }
  .honesty-project .hp-lightgreen {
    background: #a3ae1e;
    max-width: 330px; }
  .honesty-project p,
  .honesty-project ul,
  .honesty-project h4 {
    width: 100%;
    margin: 0 auto;
    max-width: 775px;
    margin-bottom: 1.2%;
    color: #000; }
  .honesty-project h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 2%;
    margin-top: 4%;
    color: #000;
    text-transform: uppercase; }
  .honesty-project ul,
  .honesty-project ol {
    list-style-type: disc;
    list-style-position: inside; }
  .honesty-project img {
    margin: 0 auto;
    display: table;
    margin-bottom: 1.2%;
    max-width: 100%; }
  .honesty-project .hp-purple {
    background-color: #332e51;
    max-width: 570px; }
  .honesty-project .sip-rhep-img {
    max-width: 190px;
    margin-right: 20px;
    margin: auto; }
  .honesty-project .sip-bpf-img {
    max-width: 130px;
    margin-right: 3%;
    margin: auto; }
  .honesty-project .hp-list {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    font-size: 1.14286rem;
    line-height: 1.5; }
  .honesty-project .sip-img {
    text-align: center;
    margin: auto; }
  .honesty-project .sip-img-impacting {
    max-width: 388px;
    padding: 2% 0; }
  .honesty-project .sip-img-meal {
    max-width: 289px;
    padding: 1.5% 0 4% 0; }
  .honesty-project .sip-img-reaching {
    max-width: 576px;
    padding: 4.5% 0 3% 0; }
  .honesty-project .sip-container {
    max-width: 775px;
    margin: auto; }
  @media screen and (max-width: 770px) {
    .honesty-project .sip-rhep-img,
    .honesty-project .sip-bpf-img {
      max-width: 20%;
      margin: 0 auto; } }
  .honesty-project .honesty-project-img {
    padding-bottom: 25px; }
  .honesty-project .block-container {
    padding-bottom: 20px; }
  .honesty-project .clear {
    clear: both; }
  .honesty-project .block-inner {
    height: 220px;
    margin-top: 1.5%;
    display: table;
    width: 32.33%;
    float: left;
    margin: 0.7% 0.5%; }
  .honesty-project .block-title {
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 30px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10%; }
  .honesty-project .block-1 {
    background-color: #6f9ed4; }
  .honesty-project .block-2 {
    background-color: #5b6672; }
  .honesty-project .block-3 {
    background-color: #a3ae1e; }
  .honesty-project .block-4 {
    background-color: #f18b85; }
  .honesty-project .block-5 {
    background-color: #332e51; }
  .honesty-project .block-6 {
    background-color: #ffd654; }
  @media screen and (max-width: 800px) {
    .honesty-project .honesty-project-img {
      max-width: 65%;
      margin: auto; }
    .honesty-project .block-title {
      line-height: 30px;
      font-size: 25px; }
    .honesty-project .block-inner {
      width: 48%;
      margin: 1% 1%; } }
  @media screen and (max-width: 440px) {
    .honesty-project .block-middle {
      margin-left: 0;
      margin-right: 0; }
    .honesty-project .block-inner {
      float: none;
      width: 100%;
      margin: 1% 0; } }
  .honesty-project .hp-list-responsible {
    list-style-position: inside;
    padding: 0;
    font-size: 1.14286rem;
    line-height: 1.5;
    max-width: 775px;
    margin: auto;
    color: #000;
    padding-bottom: 1.2%; }
  .honesty-project .hp-dark-grey {
    background-color: #5b6672;
    max-width: 470px; }
  .honesty-project .rs-rhep-img {
    max-width: 190px;
    margin-right: 3%;
    margin: auto; }
  .honesty-project .rs-bpf-img {
    max-width: 130px;
    margin-right: 3%;
    margin: auto; }
  .honesty-project .hp-list {
    list-style-position: inside;
    margin: 0;
    padding: 0;
    font-size: 1.14286rem;
    line-height: 1.5; }
  .honesty-project .rs-img {
    text-align: center;
    margin: auto; }
  .honesty-project .rs-img-1 {
    max-width: 373px;
    padding: 0 0 3% 0; }
  .honesty-project .rs-img-2 {
    max-width: 634px;
    padding: 3% 0; }
  .honesty-project .rs-img-3 {
    max-width: 436px;
    padding: 3% 0; }
  .honesty-project .rs-img-4 {
    max-width: 451px;
    padding: 3% 0; }
  .honesty-project .rs-img-5 {
    max-width: 587px;
    padding: 3% 0 5% 0; }
  @media screen and (max-width: 770px) {
    .honesty-project .rs-rhep-img,
    .honesty-project .rs-bpf-img {
      max-width: 20%;
      margin: 0 auto; }
    .honesty-project .rs-img-1,
    .honesty-project .rs-img-3 {
      max-width: 50%; } }
  .honesty-project .hp-no-list {
    list-style-position: inside;
    margin: auto 0;
    padding: 0;
    font-size: 1.14286rem;
    line-height: 1.5;
    max-width: 775px; }
  .honesty-project .oe-img {
    padding: 3% 0; }
  @media screen and (max-width: 770px) {
    .honesty-project .oe-img {
      width: 60%;
      margin: auto; } }
  .honesty-project .hp-list-mantra {
    list-style-position: inside;
    padding: 0;
    font-size: 1.14286rem;
    line-height: 1.5;
    max-width: 775px;
    margin: auto;
    color: #000; }
  .honesty-project .hp-env1 {
    padding: 4% 0 3% 0; }
  .honesty-project .hp-env2 {
    padding: 2% 0; }
  .honesty-project .hp-bold {
    font-weight: bold;
    font-size: 1.14286rem; }
  .honesty-project a.honesty-pdf {
    color: inherit;
    text-decoration: underline;
    font-weight: bold; }

/* Christmas Gift Guide Start */
.xmas-wrapper {
  max-width: 1228px;
  width: 100%;
  margin: 0 auto;
  /* AW20 Christmas Page Updates START */
  /* AW20 Christmas Page Updates END */ }
  .xmas-wrapper.AW20 p {
    font-family: "Garamond-Regular"; }
  .xmas-wrapper.AW20 a {
    text-decoration: none; }
  .xmas-wrapper.AW20 .xmas-header {
    width: 100%;
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-header-desktop.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 450px; }
  .xmas-wrapper.AW20 .xmas-intro p {
    width: 40%;
    margin: 20px auto;
    text-align: center;
    font-size: 18px; }
    .xmas-wrapper.AW20 .xmas-intro p:first-of-type {
      font-weight: bold; }
  .xmas-wrapper.AW20 .xmas-heroOne {
    width: 100%;
    background-image: none; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper {
      width: 1228px;
      max-width: 1228px; }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
        position: relative;
        min-height: 410px;
        background-repeat: no-repeat;
        background-size: contain; }
        .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero1 {
          background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-mens-hero-desktop.jpg); }
        .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero2 {
          background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-womens-hero-desktop.jpg); }
        .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero3 {
          background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-kids-hero-desktop.jpg); }
        .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div p {
          display: block;
          width: 100%;
          position: absolute;
          bottom: 8%;
          color: #FFF;
          text-align: center;
          font-size: 34px;
          font-family: "Garamond-Regular"; }
  .xmas-wrapper.AW20 .xmas-heroTwo {
    margin: -60px 0 0 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-trousers-hero-desktop.jpg);
    z-index: 0; }
    .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper {
      position: relative;
      height: 410px;
      margin: 0; }
      .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 {
        position: absolute;
        text-align: center;
        top: 38%;
        left: 36%; }
        .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 p {
          margin: 0;
          font-size: 46px;
          font-weight: normal;
          color: #FFF;
          margin-bottom: 20px; }
        .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 a {
          color: #FFF;
          font-size: 16px;
          padding: 4px 0; }
  .xmas-wrapper.AW20 .xmas-heroThree {
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-fleece-hero-desktop.jpg); }
    .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div {
      text-align: left;
      top: 55%;
      left: 38%; }
      .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div p {
        margin: 0;
        font-size: 40px;
        font-weight: normal;
        color: #25463f; }
      .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div a {
        color: #25463f;
        font-size: 16px; }
  .xmas-wrapper.AW20 .xmas-heroFour {
    z-index: 1;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-jackets-hero-desktop.jpg); }
    .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
      text-align: center;
      top: 55%;
      left: 18%; }
      .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div p {
        margin: 0;
        font-size: 40px;
        font-weight: normal;
        color: #FFF; }
      .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div a {
        color: #FFF;
        font-size: 16px; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    z-index: 1;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-footwear-hero-desktop.jpg);
    background-position: center left;
    height: 460px; }
    .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper {
      position: relative; }
      .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
        position: absolute;
        text-align: center;
        top: 58%;
        left: -50%; }
        .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div p {
          margin: 0;
          font-size: 40px;
          font-weight: normal;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div a {
          color: #FFF;
          font-size: 16px; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    z-index: 1;
    margin: -60px 0 0 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-tshirt-hero-desktop.jpg);
    background-position: center right;
    height: 325px; }
    .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper {
      position: relative;
      background-image: none; }
      .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div {
        position: absolute;
        text-align: center;
        top: 40%;
        left: 30%; }
        .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div p {
          margin: 0;
          font-size: 40px;
          font-weight: normal;
          color: #c1282d; }
        .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div a {
          color: #c1282d;
          font-size: 16px; }
  .xmas-wrapper.AW20 .xmas-heroSeven {
    margin: -150px 0 0 0;
    z-index: 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-accessories-hero-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain; }
    .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper {
      position: relative;
      height: 450px; }
      .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
        position: absolute;
        text-align: center;
        top: 48%;
        left: 51%; }
        .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div p {
          margin: 0;
          font-size: 40px;
          font-weight: normal;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div a {
          color: #FFF;
          font-size: 16px;
          padding: 4px 0; }
  .xmas-wrapper.AW20 .specialSavingsHeader {
    text-align: center; }
    .xmas-wrapper.AW20 .specialSavingsHeader h3 {
      background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/savings-header-desktop.jpg);
      background-repeat: no-repeat;
      background-position: top center;
      font-family: "Rufina", Helvetica, Arial, sans-serif;
      font-size: 46px;
      color: #C1282D;
      margin: 40px 0 0 0; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 {
    min-height: 380px;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/multibuy-hero1-desktop.jpg);
    background-repeat: no-repeat; }
    .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p {
      padding: 16% 0; }
      .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p span {
        display: block;
        margin: 10px 0;
        font-family: "WorkSans", Helvetica, Arial, sans-serif; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p span:first-of-type {
          font-size: 40px;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p span:nth-child(2) {
          font-size: 42px;
          color: #00533C;
          font-weight: bold;
          text-transform: uppercase; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p span:nth-child(3) {
          font-size: 28px;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p span:last-of-type {
          font-size: 14px;
          text-transform: uppercase;
          color: #FFF; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 {
    min-height: 380px;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/multibuy-hero2-desktop.jpg);
    background-repeat: no-repeat; }
    .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p {
      padding: 16% 0; }
      .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p span {
        display: block;
        margin: 10px 0;
        font-family: "WorkSans", Helvetica, Arial, sans-serif; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p span:first-of-type {
          font-size: 40px;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p span:nth-child(2) {
          font-size: 42px;
          color: #C1282D;
          font-weight: bold;
          text-transform: uppercase; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p span:nth-child(3) {
          font-size: 28px;
          color: #FFF; }
        .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p span:last-of-type {
          font-size: 16px;
          text-transform: uppercase;
          color: #FFF; }
  .xmas-wrapper a, .xmas-wrapper span {
    display: block; }
  .xmas-wrapper a {
    color: #FFF;
    text-decoration: underline;
    font-size: 22px; }
  .xmas-wrapper .xmas-block {
    display: block;
    position: relative;
    width: 100%;
    height: auto; }
  .xmas-wrapper .xmas-header {
    width: 100%;
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-header-bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    text-align: center; }
    .xmas-wrapper .xmas-header h1 {
      margin-top: 120px;
      margin-bottom: 20px;
      font-size: 56px;
      font-weight: bold;
      color: #577935;
      line-height: 0.8em; }
      .xmas-wrapper .xmas-header h1 span {
        font-size: 40px;
        font-weight: normal;
        font-style: italic;
        color: #D42525; }
    .xmas-wrapper .xmas-header p {
      font-size: 18px; }
      .xmas-wrapper .xmas-header p span {
        font-weight: bold;
        font-size: 20px;
        color: #794D2A; }
  .xmas-wrapper .xmas-heroOne {
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .xmas-wrapper .xmas-heroOne .heroOne-wrapper {
      width: 100%;
      max-width: 815px;
      margin: 0 auto;
      text-align: center; }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroOne .heroOne-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroOne .heroOne-wrapper .category-items > div.flex-item.col-4 {
        height: 300px;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        color: #FFF; }
        .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button {
          width: 100%;
          height: 300px;
          margin: 0;
          border: 0;
          text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
          font-style: italic;
          font-size: 20px;
          background-color: #FFF;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }
          .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button span:nth-child(1) {
            font-weight: bold;
            font-size: 36px; }
          .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button span:nth-child(2) {
            font-size: 28px; }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .gd-1 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-1.jpg); }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .gd-2 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-2.jpg); }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .gd-3 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-3.jpg); }
  .xmas-wrapper .xmas-heroTwo {
    margin: 50px 0 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper {
      height: 285px;
      text-align: center;
      margin: 20px 0; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper p {
        line-height: 1.3; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(1) {
        margin: -45px 0 20px;
        font-size: 24px;
        font-style: italic;
        color: #577935; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(2), .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(4) {
        font-size: 42px;
        font-weight: bold;
        text-transform: uppercase; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(3) {
        font-size: 22px;
        color: #965A35; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(2) {
        color: #965A35; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(4) {
        color: #D61717; }
  .xmas-wrapper .xmas-heroThree {
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .xmas-wrapper .xmas-heroThree .heroThree-wrapper {
      float: right;
      height: 403px;
      width: 80%;
      text-align: center; }
      .xmas-wrapper .xmas-heroThree .heroThree-wrapper > div {
        text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 65%; }
        .xmas-wrapper .xmas-heroThree .heroThree-wrapper > div p {
          margin: 0;
          font-weight: bold;
          font-size: 50px;
          color: #FFF; }
        .xmas-wrapper .xmas-heroThree .heroThree-wrapper > div a {
          margin: 10px 0; }
  .xmas-wrapper .xmas-heroFour {
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    .xmas-wrapper .xmas-heroFour .heroFour-wrapper {
      text-align: center;
      width: 80%;
      height: 403px; }
      .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div {
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 65%; }
        .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div p {
          margin: 0;
          font-weight: bold;
          font-size: 50px;
          color: #C97131; }
        .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div a {
          color: #1B1B1B;
          margin: 10px 0; }
  .xmas-wrapper .xmas-heroFive {
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-5.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    .xmas-wrapper .xmas-heroFive .heroFive-wrapper {
      float: right;
      width: 50%;
      height: 375px;
      text-align: center; }
      .xmas-wrapper .xmas-heroFive .heroFive-wrapper > div {
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 44%; }
        .xmas-wrapper .xmas-heroFive .heroFive-wrapper > div p {
          margin: 0;
          font-weight: bold;
          font-size: 50px;
          color: #C97131; }
        .xmas-wrapper .xmas-heroFive .heroFive-wrapper > div a {
          color: #1B1B1B;
          margin: 10px 0; }
  .xmas-wrapper .xmas-heroSix {
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-6.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    .xmas-wrapper .xmas-heroSix .heroSix-wrapper {
      height: 375px;
      width: 100%;
      background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-4.jpg);
      background-repeat: no-repeat;
      background-position: top center;
      background-size: contain;
      text-align: center; }
      .xmas-wrapper .xmas-heroSix .heroSix-wrapper > div {
        text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 54%; }
        .xmas-wrapper .xmas-heroSix .heroSix-wrapper > div p {
          margin: 0;
          font-weight: bold;
          font-size: 50px;
          color: #FFF; }
        .xmas-wrapper .xmas-heroSix .heroSix-wrapper > div a {
          margin: 10px 0; }
  .xmas-wrapper .xmas-heroSeven {
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-7.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    .xmas-wrapper .xmas-heroSeven .heroSeven-wrapper {
      height: 292px;
      width: 100%;
      text-align: center; }
      .xmas-wrapper .xmas-heroSeven .heroSeven-wrapper > div {
        text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 54%; }
        .xmas-wrapper .xmas-heroSeven .heroSeven-wrapper > div p {
          line-height: 3.2em;
          margin-bottom: 20px; }
        .xmas-wrapper .xmas-heroSeven .heroSeven-wrapper > div span:nth-child(1) {
          margin: 0;
          font-size: 32px;
          color: #FFF; }
        .xmas-wrapper .xmas-heroSeven .heroSeven-wrapper > div span:nth-child(2) {
          margin: 0;
          font-weight: bold;
          font-size: 50px;
          color: #FFF; }
  .xmas-wrapper .xmas-heroEight {
    margin: 20px 0; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper {
      height: 396px;
      width: 100%;
      text-align: center; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroEight .heroEight-wrapper .category-items > div.flex-item.col-4 {
        position: relative; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/g-present-360.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo a {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          bottom: 10%; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          bottom: 22%;
          text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); }
          .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span {
            color: #FFF;
            font-size: 26px;
            line-height: 1.5em; }
          .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span span {
            display: inline-block;
            font-size: 50px; }
          .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span:nth-child(1) {
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 2px; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/mbo-btm.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 181px 121px; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo p {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          top: 20%;
          width: 90%; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(1) {
          font-size: 40px;
          color: #DA2A2F; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(2) {
          font-size: 20px;
          color: #577935; }

@media only screen and (max-width: 1024px) {
  .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroOne .heroOne-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroOne .heroOne-wrapper .category-items > div.flex-item.col-4 {
    width: 30.99%;
    margin: 0 5px; }
  .xmas-wrapper .xmas-heroTwo {
    margin: 60px 0 30px; }
    .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper {
      height: 250px;
      margin: 20px 0 0; }
  .xmas-wrapper .xmas-heroThree {
    margin: 0;
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-3-center.jpg);
    background-position: center center;
    background-size: contain; }
    .xmas-wrapper .xmas-heroThree .heroThree-wrapper {
      width: 100%; }
  .xmas-wrapper .xmas-heroFour {
    width: 49%; }
    .xmas-wrapper .xmas-heroFour .heroFour-wrapper {
      width: 85%; }
      .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div {
        top: 55%; }
  .xmas-wrapper .xmas-heroFive .heroFive-wrapper {
    width: 52%; }
  .xmas-wrapper .xmas-heroSix {
    width: 49%;
    background-image: none; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroEight .heroEight-wrapper .category-items > div.flex-item.col-4 {
    width: 30.99%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(1) {
    font-size: 3.8vw; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(2) {
    font-size: 2vw; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span {
    font-size: 2.6vw; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span span {
    font-size: 5vw; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    z-index: -1; } }

@media only screen and (max-width: 960px) {
  .xmas-wrapper .xmas-header h1 {
    margin-top: 75px; }
  .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper {
    height: 220px; }
    .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(1), .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(3) {
      font-size: 2.3vw; }
    .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(2), .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(4) {
      font-size: 4.4vw; }
  .xmas-wrapper .xmas-heroThree .heroThree-wrapper > div p,
  .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div p,
  .xmas-wrapper .xmas-heroFive .heroFive-wrapper > div p,
  .xmas-wrapper .xmas-heroSix .heroSix-wrapper > div p {
    font-size: 5vw; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p {
    bottom: 25%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo a {
    bottom: 14%;
    font-size: 2.2vw; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo p {
    top: 24%; }
  .xmas-wrapper.AW20 .xmas-intro p {
    width: 80%; }
  .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper {
    width: 100%;
    max-width: 100%; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper .flex-item.col-4 {
      width: 100%;
      margin: 10px 0; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
      min-height: 300px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top center;
      margin: 10px 0; }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero1 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-mens-hero-mobile.jpg); }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero2 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-womens-hero-mobile.jpg); }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero3 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-kids-hero-mobile.jpg); }
  .xmas-wrapper.AW20 .xmas-heroTwo {
    margin: 10px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-trousers-hero-mobile.jpg);
    background-size: contain;
    width: 100%; }
    .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper {
      height: 440px; }
      .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 {
        top: 34%;
        left: 24%; }
  .xmas-wrapper.AW20 .xmas-heroThree {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-fleece-hero-mobile.jpg); }
    .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div {
      top: 40%;
      left: 45%; }
  .xmas-wrapper.AW20 .xmas-heroFour {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-jackets-hero-mobile.jpg); }
    .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
      top: 48%;
      left: 25%; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-footwear-hero-mobile.jpg);
    min-height: 490px; }
    .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
      top: 66%;
      left: -58%; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-tshirt-hero-mobile.jpg); }
  .xmas-wrapper.AW20 .xmas-heroSeven {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-accessories-hero-mobile.jpg);
    min-height: 450px; }
    .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
      top: 46%;
      left: 36%; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 {
    width: 49%;
    display: inline-block; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 {
    width: 49%;
    display: inline-block; } }

@media only screen and (max-width: 840px) {
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p {
    bottom: 28%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo a {
    bottom: 18%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo p {
    top: 28%; }
  .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper {
    width: 100%;
    max-width: 100%; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
      min-height: 300px;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 10px 0;
      width: 100%; }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero1 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-mens-hero-mobile.jpg); }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero2 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-womens-hero-mobile.jpg); }
      .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div.hero3 {
        background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-kids-hero-mobile.jpg); }
  .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 {
    top: 34%;
    left: 16%; }
  .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div {
    top: 40%;
    left: 45%; }
  .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
    top: 48%;
    left: 30%; }
  .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
    top: 66%;
    left: -48%; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    margin: 10px 0;
    width: 100%;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-tshirt-hero-mobile.jpg); }
  .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
    top: 46%;
    left: 20%; } }

@media only screen and (max-width: 740px) {
  .xmas-wrapper .xmas-heroOne {
    display: block; }
    .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroOne .heroOne-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroOne .heroOne-wrapper .category-items > div.flex-item.col-4 {
      width: 100%;
      height: auto; }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button {
        background-color: #FFF;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        color: #fff;
        margin: 5px 0;
        padding: 5px 0;
        width: 100%;
        height: 110px;
        border: 0;
        text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
        font-style: italic;
        font-size: 36px; }
        .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button span {
          display: inline-block;
          font-weight: bold; }
        .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button span:nth-child(2) {
          display: none; }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div .gd-1 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-1-mob.png); }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div .gd-2 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-2-mob.png); }
      .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div .gd-3 {
        background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-gumdrop-3-mob.png); }
  .xmas-wrapper .xmas-heroThree {
    width: 49%; }
  .xmas-wrapper .xmas-heroFive {
    width: 49%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p {
    bottom: 30%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo a {
    bottom: 21%; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo p {
    top: 30%; }
  .xmas-wrapper.AW20 .xmas-header {
    width: 100%;
    margin: 20px 0;
    background-image: url(https://cdn.hawkshead.com/img/AW20/page/christmas/christmas-header-mobile.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 450px; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper {
    height: 100%; }
    .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1, .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 {
      width: 100%;
      background-position: top center; }
      .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p, .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p {
        padding: 14% 0; } }

@media only screen and (max-width: 680px) {
  .xmas-wrapper .xmas-header {
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-header-bg-wide.jpg); }
  .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button {
    background-size: cover; }
  .xmas-wrapper .xmas-heroTwo {
    background-position: top center; }
    .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper {
      height: 170px;
      width: 100%; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(1), .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(3) {
        font-size: 16px; }
      .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(2), .xmas-wrapper .xmas-heroTwo .heroTwo-wrapper span:nth-child(4) {
        font-size: 28px; }
  .xmas-wrapper .xmas-heroThree .heroThree-wrapper {
    width: 100%; }
  .xmas-wrapper .xmas-heroFour {
    background-position: right center; }
    .xmas-wrapper .xmas-heroFour .heroFour-wrapper {
      height: 340px; }
  .xmas-wrapper .xmas-heroFive {
    background-image: url(https://cdn.hawkshead.com/img/AW19/UK/page/christmas/christmas-bg-5-short.jpg);
    background-position: center center; }
    .xmas-wrapper .xmas-heroFive .heroFive-wrapper {
      width: 60%;
      height: 240px;
      margin: 20px 0; }
  .xmas-wrapper .xmas-heroThree, .xmas-wrapper .xmas-heroFour, .xmas-wrapper .xmas-heroFive, .xmas-wrapper .xmas-heroSix {
    width: 100%;
    margin: 0; }
  .xmas-wrapper .xmas-heroThree .heroThree-wrapper > div p,
  .xmas-wrapper .xmas-heroFour .heroFour-wrapper > div p,
  .xmas-wrapper .xmas-heroFive .heroFive-wrapper > div p,
  .xmas-wrapper .xmas-heroSix .heroSix-wrapper > div p {
    font-size: 40px; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper {
    height: auto; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroEight .heroEight-wrapper .category-items > div.flex-item.col-4 {
      display: block;
      width: 100%; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo {
      height: 396px; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo a {
        font-size: 24px;
        bottom: 8%; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p {
        bottom: 22%; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span {
          font-size: 26px; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span span, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span span:nth-child(1) {
          font-size: 50px; }
        .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo p span:nth-child(1) {
          font-size: 30px; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo {
      padding: 20px 0;
      height: 245px;
      background: none; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo p {
        top: 20%; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(1) {
        font-size: 40px; }
      .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(2) {
        font-size: 20px; }
  .xmas-wrapper.AW20 .xmas-intro p {
    width: 80%; }
  .xmas-wrapper.AW20 .xmas-heroOne {
    background-size: cover; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
      background-size: cover; }
  .xmas-wrapper.AW20 .xmas-heroTwo {
    background-size: cover; }
    .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div {
      left: 12%; }
  .xmas-wrapper.AW20 .xmas-heroThree {
    background-size: cover; }
  .xmas-wrapper.AW20 .xmas-heroFour {
    background-size: cover;
    height: 420px; }
    .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
      top: 60%;
      left: 33%; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    background-size: cover; }
    .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
      top: 90%;
      left: -22%; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    background-size: cover; }
    .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div {
      top: 40%;
      left: 10%; }
  .xmas-wrapper.AW20 .xmas-heroSeven {
    background-size: cover; }
    .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
      top: 46%;
      left: 10%; } }

@media only screen and (max-width: 450px) {
  .xmas-wrapper .xmas-header p {
    font-size: 4vw; }
    .xmas-wrapper .xmas-header p span {
      font-size: 4.2vw; }
  .xmas-wrapper .xmas-heroFour {
    background-position: center center; }
    .xmas-wrapper .xmas-heroFour .heroFour-wrapper {
      height: 250px; }
  .xmas-wrapper .xmas-heroFive {
    margin-top: 20px; }
    .xmas-wrapper .xmas-heroFive .heroFive-wrapper {
      height: 200px; }
  .xmas-wrapper .xmas-heroFour, .xmas-wrapper .xmas-heroFive {
    background-size: cover; }
  .xmas-wrapper.AW20 .xmas-heroOne {
    background-size: contain; }
    .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
      background-size: contain;
      min-height: 175px; }
  .xmas-wrapper.AW20 .xmas-heroTwo {
    background-size: contain; }
    .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper {
      height: 260px; }
      .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 {
        top: 28%; }
        .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 p {
          font-size: 6vw; }
        .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 a {
          font-size: 14px; }
  .xmas-wrapper.AW20 .xmas-heroThree {
    background-size: contain; }
    .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper {
      height: 200px; }
      .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div p {
        font-size: 6vw; }
      .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div a {
        font-size: 14px; }
  .xmas-wrapper.AW20 .xmas-heroFour {
    background-size: contain;
    height: 280px; }
    .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
      top: 55%; }
      .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div p {
        font-size: 6vw; }
      .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div a {
        font-size: 14px; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    background-size: contain;
    min-height: 280px;
    height: 280px; }
    .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
      top: 62%;
      left: -32%; }
      .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div p {
        font-size: 6vw; }
      .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div a {
        font-size: 14px; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    background-size: contain;
    height: 150px; }
    .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper {
      height: 170px; }
      .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div {
        top: 60%; }
  .xmas-wrapper.AW20 .xmas-heroSeven {
    background-size: contain; }
    .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper {
      height: 180px; }
      .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
        top: 125%; }
        .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div p {
          font-size: 5vw; }
        .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div a {
          font-size: 14px; }
  .xmas-wrapper.AW20 .specialSavingsHeader {
    text-align: center; }
    .xmas-wrapper.AW20 .specialSavingsHeader h3 {
      margin-top: 0; } }

@media only screen and (max-width: 390px) {
  .xmas-wrapper.AW20 .xmas-heroOne .heroOne-wrapper div {
    min-height: 150px; }
  .xmas-wrapper.AW20 .xmas-heroTwo {
    background-size: cover;
    background-position: 10px 0; }
    .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper {
      height: 260px; }
      .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 {
        top: 28%; }
        .xmas-wrapper.AW20 .xmas-heroTwo .heroTwo-wrapper div.AW20 p {
          font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroThree {
    background-size: cover;
    background-position: 10px 0; }
    .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper {
      height: 200px; }
      .xmas-wrapper.AW20 .xmas-heroThree .heroThree-wrapper div p {
        font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroFour {
    background-size: cover;
    background-position: -40px 0;
    height: 280px; }
    .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div {
      top: 55%; }
      .xmas-wrapper.AW20 .xmas-heroFour .heroFour-wrapper div p {
        font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroFive {
    background-size: cover;
    background-position: -10px 0;
    min-height: 160px; }
    .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div {
      top: 60%;
      left: -30%; }
      .xmas-wrapper.AW20 .xmas-heroFive .heroFive-wrapper div p {
        font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroSix {
    background-size: cover;
    background-position: center;
    height: 180px; }
    .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper {
      height: 170px; }
      .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div {
        top: 60%;
        left: 20%; }
        .xmas-wrapper.AW20 .xmas-heroSix .heroSix-wrapper div p {
          font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroSeven {
    background-size: cover;
    background-position: -80px 0; }
    .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper {
      height: 180px; }
      .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div {
        top: 125%; }
        .xmas-wrapper.AW20 .xmas-heroSeven .heroSeven-wrapper div p {
          font-size: 6vw; }
  .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero1 p, .xmas-wrapper.AW20 .xmas-heroEight .heroEight-wrapper .hero2 p {
    padding: 20% 0; }
  .xmas-wrapper.AW20 .specialSavingsHeader {
    text-align: center; }
    .xmas-wrapper.AW20 .specialSavingsHeader h3 {
      margin-top: 0; } }

@media only screen and (max-width: 365px) {
  .xmas-wrapper .xmas-heroOne .heroOne-wrapper .flex-item.col-4 div button {
    font-size: 10vw; }
  .xmas-wrapper .xmas-heroThree, .xmas-wrapper .xmas-heroSix .heroSix-wrapper {
    background-size: cover; }
  .xmas-wrapper .xmas-heroEight .heroEight-wrapper {
    height: auto; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .flex-item.col-4, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-4, .s-main-menu .categories > li .block .xmas-wrapper .xmas-heroEight .heroEight-wrapper .category-items > div.flex-item.col-4 {
      display: block;
      width: 100%; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .cbo, .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo {
      background-size: cover; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(1) {
      font-size: 11vw; }
    .xmas-wrapper .xmas-heroEight .heroEight-wrapper .mbo span:nth-child(2) {
      font-size: 5.5vw; } }

/* Christmas Gift Guide End */
.c-store-details__collection {
  color: #5f5f5e; }

.c-checkbox-additional_text {
  float: left;
  font-size: 1rem;
  padding-bottom: 5%; }

.checkout-index-index #checkout .u-heading-gamma,
.checkout-onepage-success #content .page-title-wrapper h1 span,
.guest-checkout-account-login .login-container .guestlogin-page-wrapper .guest-block-title strong,
.paypal-express-review .paypal-review.view .box-title,
.paypal-express-review .paypal-review.view .u-heading-gamma,
.paypal-express-review .paypal-review.view > h1 {
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.checkout-index-index .c-box-option__inner .c-box-option__title {
  font-family: "WorkSans", Helvetica, Arial, sans-serif;
  font-weight: 400; }

button.c-btn.c-btn--expanded.action.primary.checkout > span,
button.c-btn.c-btn--expanded.action.primary.checkout > span + .o-list {
  display: inline-block; }

button.c-btn.c-btn--expanded.action.primary.checkout > span + .o-list .grand.totals .amount {
  width: 100% !important; }

.checkout-index-index li#payment ul.c-order-summary__items-list.o-list.data.table.table-totals tr.grand.totals {
  padding: 0; }

#opc-sidebar .opc-block-summary ul.c-order-summary__items-list.o-list.data.table.table-totals {
  display: none; }

.field-tooltip.toggle {
  display: none; }

/* Checkout Updates 20 */
.checkout-index-index .items.payment-methods > div > div {
  width: 100% !important;
  margin-bottom: 0 !important;
  /* Payment logos */
  /* Payment logos END */
  /* Apple Pay */
  /* Apple Pay END */
  /* Google Pay */
  /* Google Pay END */ }
  .checkout-index-index .items.payment-methods > div > div .c-payment-method--klarna_pay_later .c-block-option,
  .checkout-index-index .items.payment-methods > div > div .c-payment-method--klarna_pay_over_time .c-block-option {
    background-image: url(https://x.klarnacdn.net/payment-method/assets/badges/generic/klarna.svg) !important;
    background-size: 55px !important; }
  .checkout-index-index .items.payment-methods > div > div .c-payment-method--braintree .c-block-option {
    background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/checkout/creditcard.svg) !important;
    background-size: 40px !important; }
  .checkout-index-index .items.payment-methods > div > div .c-payment-method--braintree_paypal .c-block-option {
    background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/checkout/paypal.svg) !important;
    background-size: 80px !important; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-applepay .c-block-option.label {
    background-image: url(https://cdn.craghoppers.com/img/AW18/UK/misc/icon/checkout/applepay.svg) !important;
    background-size: 50px !important; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .c-block-option.label {
    background-image: url(https://cdn.hawkshead.com/img/SS20/misc/checkout-logos/google-pay-mark_800_gray.svg) !important;
    background-size: 50px !important; }
  .checkout-index-index .items.payment-methods > div > div > div {
    margin-bottom: 20px;
    margin-top: 0;
    /* Klarna END */ }
    .checkout-index-index .items.payment-methods > div > div > div .payment-method-title {
      text-align: left; }
      .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option {
        padding: 15px;
        background-repeat: no-repeat !important;
        background-position: 98.3% !important; }
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option .c-block-option__pseudo-attach {
          display: none; }
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option div {
          margin: 0; }
          .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option div > * {
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 0; }
          .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option div div {
            display: none; }
    .checkout-index-index .items.payment-methods > div > div > div .payment-method-content {
      margin-top: 20px !important; }
      .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--right,
      .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--left {
        margin-right: 0;
        margin-left: 0; }
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--right > .o-layout__item,
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--left > .o-layout__item {
          padding: 0; }
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--right .actions-toolbar .action-cancel,
        .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--left .actions-toolbar .action-cancel {
          background-color: transparent !important;
          border-color: #343334 !important; }
          .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--right .actions-toolbar .action-cancel span,
          .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .u-width-double--left .actions-toolbar .action-cancel span {
            color: #343334 !important; }
      .checkout-index-index .items.payment-methods > div > div > div .payment-method-content .billing-txt {
        margin-right: 0 !important; }
    .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .payment-method-content, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .payment-method-content {
      border-radius: 2px;
      border: 1px solid #acacac;
      padding: 20px; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .payment-method-content iframe, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .payment-method-content iframe {
        margin: 0 auto !important;
        display: block !important; }
    .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .billing-txt .u-heading-gamma.step-title, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .billing-txt .u-heading-gamma.step-title {
      border-bottom: 0 !important;
      margin-bottom: 0 !important; }
    .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div {
      padding: 0; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address br, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address br {
        display: none; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address .c-checkbox-option.c-checkbox-option--small .c-checkbox-option__label, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address .c-checkbox-option.c-checkbox-option--small .c-checkbox-option__label {
        float: right; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div {
        background-color: transparent !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        border: 0 !important; }
        .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div .fieldset, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div .fieldset {
          width: 100%; }
          .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-update, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-update {
            border: 1px solid #61910a;
            background-color: #61910a;
            color: #fff;
            letter-spacing: 1px;
            border-radius: 2px;
            padding: 10px 0; }
          .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-cancel, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-cancel {
            background-color: transparent !important;
            border: 1px solid #343334 !important;
            border-radius: 2px;
            padding: 10px 0; }
            .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-cancel span, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div .fieldset .action.action-cancel span {
              color: #343334; }
        .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div .payment-method-billing-address > div .billing-address-details, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div .payment-method-billing-address > div .billing-address-details {
          margin-top: 10px;
          border-top: 1px solid #dfe0e1 !important;
          border-bottom: 1px solid #dfe0e1 !important;
          padding: 10px 0;
          float: left;
          width: 100%; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div.primary .o-layout__item, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div.primary .o-layout__item {
        /*&:first-of-type{
                    display: none;
                  }*/ }
        .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .actions-toolbar > div.primary .o-layout__item .action.checkout, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .actions-toolbar > div.primary .o-layout__item .action.checkout {
          border: 1px solid #61910a;
          background-color: #61910a;
          color: #fff;
          letter-spacing: 1px;
          border-radius: 2px;
          padding: 10px 0;
          width: 100%;
          max-width: 40%;
          margin: 20px auto 0 auto;
          display: block; }
    .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .checkout-newsletter-block + .primary .o-layout__item, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .checkout-newsletter-block + .primary .o-layout__item {
      width: 100% !important; }
      .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .checkout-newsletter-block + .primary .o-layout__item:first-of-type, .checkout-index-index .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .checkout-newsletter-block + .primary .o-layout__item:first-of-type {
        display: none; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-applepay .payment-method-billing-address > div {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important; }
    .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-applepay .payment-method-billing-address > div .billing-address-details {
      margin-top: 10px;
      border-top: 1px solid #dfe0e1 !important;
      border-bottom: 1px solid #dfe0e1 !important;
      padding: 10px 0;
      width: 100%;
      text-align: left; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-applepay .actions-toolbar .braintree-apple-pay-button {
    text-align: center;
    border: 1px solid #61910a;
    background-color: #61910a;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 2px;
    padding: 10px 0;
    font-size: 18px;
    cursor: pointer; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .c-block-option__inner {
    padding: 0 !important;
    background-image: none !important;
    text-align: left !important; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .payment-method-content.c-payment-method__content.o-toggle {
    border: 1px solid #acacac;
    padding: 20px; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .payment-method-billing-address > div {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important; }
    .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .payment-method-billing-address > div .billing-address-details {
      margin-top: 10px;
      border-top: 1px solid #dfe0e1 !important;
      border-bottom: 1px solid #dfe0e1 !important;
      padding: 10px 0;
      width: 100%;
      text-align: left; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .payment-method-billing-address fieldset.fieldset {
    text-align: right; }
    .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .payment-method-billing-address fieldset.fieldset > br {
      display: none; }
  .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .actions-toolbar {
    border: 0;
    padding: 0;
    margin-bottom: 20px !important; }
    .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .actions-toolbar .braintree-apple-pay-button {
      text-align: center;
      border: 1px solid #61910a;
      background-color: #61910a;
      color: #fff;
      letter-spacing: 1px;
      border-radius: 2px;
      padding: 10px 0;
      font-size: 18px;
      cursor: pointer; }
    .checkout-index-index .items.payment-methods > div > div #payment-method-braintree-googlepay .actions-toolbar .braintree-googlepay-button.braintree-googlepay-button-no-shadow {
      font-size: 0;
      background: url(https://cdn.hawkshead.com/img/SS20/misc/checkout-logos/google-pay-black.png);
      background-size: 100%;
      background-repeat: no-repeat;
      width: 190px;
      border: 0;
      height: 50px;
      margin: 0 auto;
      display: block; }

@media only screen and (max-width: 1024px) {
  .checkout-index-index .items.payment-methods > div > div > div .payment-method-title .c-block-option {
    padding: 15px !important; } }

@media only screen and (max-width: 740px) {
  .checkout-index-index .c-order-summary {
    width: 100%;
    float: none;
    margin: 0 10px; }
  .checkout-index-index li#payment {
    margin: 0 10px;
    width: 97% !important;
    /**{
				float: none;
			}*/ }
    .checkout-index-index li#payment .c-block-option {
      min-height: auto; }
      .checkout-index-index li#payment .c-block-option .c-block-option__label {
        text-transform: initial; }
    .checkout-index-index li#payment .payment-method-content .u-width-double--right > div {
      max-width: 100% !important; }
    .checkout-index-index li#payment .payment-method-content .u-width-double--left > div {
      margin: 0; }
      .checkout-index-index li#payment .payment-method-content .u-width-double--left > div > div:nth-child(1), .checkout-index-index li#payment .payment-method-content .u-width-double--left > div > div:nth-child(3) {
        display: none; }
      .checkout-index-index li#payment .payment-method-content .u-width-double--left > div > div:nth-child(2) {
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
        float: none; }
        .checkout-index-index li#payment .payment-method-content .u-width-double--left > div > div:nth-child(2) button {
          border: 1px solid #61910a;
          background-color: #61910a;
          color: #fff;
          letter-spacing: 1.1px;
          border-radius: 2px; }
    .checkout-index-index li#payment .payment-method-content .checkout-agreements-block {
      width: 100%;
      text-align: left; }
  .checkout-index-index li#payment .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_later .u-margin-below.payment-method-billing-address .fieldset + div, .checkout-index-index li#payment .items.payment-methods > div > div > div.c-payment-method.c-payment-method--klarna_pay_over_time .u-margin-below.payment-method-billing-address .fieldset + div {
    border: 0 !important; }
  .checkout-index-index .items.payment-methods > div > div {
    padding-left: 10px !important; }
  .checkout-index-index .action.primary.checkout * {
    display: inline-block; }
    .checkout-index-index .action.primary.checkout * .o-layout__item {
      padding: 0; }
      .checkout-index-index .action.primary.checkout * .o-layout__item:first-of-type {
        display: none; }
  .checkout-index-index .checkout-index-index .payment-method-billing-address > div:nth-child(2) > div:nth-child(2) .billing-address-details > div:nth-child(2) {
    margin-top: 0; }
  .checkout-index-index .checkout-index-index div#checkout-payment-method-load .actions-toolbar.u-margin-below.u-width-double--right .payment-method-billing-address > div {
    margin-top: 0;
    border: 0 !important; }
  .checkout-index-index .checkout-index-index div#checkout-payment-method-load .c-payment-method__content .billing-txt h3.u-heading-gamma {
    margin: 0 !important; } }

@media only screen and (max-width: 450px) {
  .checkout-index-index .c-order-summary {
    margin: 0; }
  .checkout-index-index li#payment {
    margin: 0;
    width: 100% !important; } }

@media only screen and (max-width: 370px) {
  .checkout-index-index .u-margin-below.payment-method-billing-address div:nth-child(2) {
    border: 0 !important;
    padding: 0 !important; } }

.checkout-index-index div#checkout-payment-method-load .checkout-agreements-block {
  margin-right: 0 !important; }

.checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .o-layout__item:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .s-footer-links .column:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .s-promo-grid .column:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .o-layout__item:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .s-footer-links .column:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .s-promo-grid .column:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items > div:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .column:nth-child(2), .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .o-layout__item:nth-child(2), .s-footer-links .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .column:nth-child(2), .s-footer-links .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .column:nth-child(2), .s-footer-links .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .column:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .o-layout__item:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .s-footer-links .column:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .s-promo-grid .column:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items > div:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .category-items > div:nth-child(2), .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .category-items > div:nth-child(2), .s-main-menu .block .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .category-items > div:nth-child(2), .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .column:nth-child(2), .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .column:nth-child(2), .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .o-layout__item:nth-child(2), .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .column:nth-child(2), .s-promo-grid .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .column:nth-child(2) {
  max-width: 100% !important; }

.checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .o-layout__item:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .s-footer-links .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .s-promo-grid .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .o-layout__item:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .s-footer-links .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .s-promo-grid .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items > div:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .o-layout__item:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-footer-links .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-footer-links .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-footer-links .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .o-layout__item:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .s-footer-links .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .s-promo-grid .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items > div:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .category-items > div:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .s-promo-grid .row .category-items > div:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-main-menu .block .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .category-items > div:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .o-layout .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .row .o-layout__item:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-promo-grid .checkout-index-index div#checkout-step-payment .items.payment-methods .s-main-menu .block .category-items .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner, .s-promo-grid .s-main-menu .block .checkout-index-index div#checkout-step-payment .items.payment-methods .category-items .column:nth-child(2) .payment-method-title.field.choice .c-block-option__inner {
  margin-left: 0 !important;
  text-align: left !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: 0 !important;
  padding: 0 !important;
  background-size: 0 !important; }

.checkout-index-index div#checkout-payment-method-load .actions-toolbar.u-margin-below.u-width-double--right .payment-method-billing-address > div {
  margin-top: 0; }

.o-layout__item:nth-child(3),
.o-layout__item.c-basket__remove-group {
  padding-left: 18px; }

div#paypalButton-1 {
  height: 53px;
  overflow: hidden; }

@media only screen and (max-width: 740px) {
  div#paypalButton-1 {
    height: 70px; }
  #zoid-paypal-button-ad0f1f1e59 > .zoid-outlet > iframe.zoid-component-frame {
    z-index: 10 !important; }
  .checkout-index-index li#payment div#checkout-step-payment .items.payment-methods .o-layout .o-layout__item:nth-child(2) .payment-method-title.field.choice > label {
    padding: 15px !important; }
  .checkout-index-index div#content .o-layout > .o-layout__item {
    padding: 0 10px; }
    .checkout-index-index div#content .o-layout > .o-layout__item div#checkout .o-layout > .o-layout__item {
      padding: 0; }
      .checkout-index-index div#content .o-layout > .o-layout__item div#checkout .o-layout > .o-layout__item li#payment {
        margin: 0;
        width: 100% !important; }
        .checkout-index-index div#content .o-layout > .o-layout__item div#checkout .o-layout > .o-layout__item li#payment .items.payment-methods .o-layout > .o-layout__item {
          padding: 0 !important; } }

/* Mini basket */
div#paypalButton-0 > div:nth-child(n+2) {
  display: none; }

div#paypalButton-0 .paypal-button:nth-child(n+2) {
  display: none; }

div#paypalButton-1 > .paypal-button:nth-child(n+3) {
  display: none; }

div#paypalButton-2 > .paypal-button:nth-child(n+3) {
  display: none; }

#header .c-mini-cart__drop-down {
  z-index: 101 !important; }

/* Mini basket END */
/* Google Pay Review Page */
.braintree-googlepay-review #wrapper {
  max-width: 1228px;
  margin: 40px auto; }
  .braintree-googlepay-review #wrapper .u-heading-beta.page-title {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 1.2px; }
  .braintree-googlepay-review #wrapper .block.block-order-details-view {
    margin-bottom: 20px; }
    .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box {
        width: 33%;
        border-right: 1px solid #c3c3c3;
        text-align: center; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box:first-of-type {
          padding-left: 0; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box:last-of-type {
          border-right: 0; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box .box-title {
          font-weight: 600;
          font-size: 18px;
          margin-bottom: 10px;
          display: block; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box.box-order-shipping-method #shipping-method {
          width: 100%;
          max-width: 60%;
          border: 1px solid #c3c3c3;
          border-radius: 3px; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box.box-order-shipping-address address {
          font-style: normal; }
        .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box.box-order-billing-address img {
          margin-top: 5px; }
  .braintree-googlepay-review #wrapper .paypal-review-discount {
    cursor: pointer; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .title {
      display: none; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .content {
      display: block !important; }
      .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon > * {
        display: inline-block; }
      .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .field {
        width: 100%;
        max-width: 250px; }
        .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .field .control input {
          width: 100%;
          border: 2px solid #dfe0e1;
          color: #5f5f5e;
          background-color: #fff; }
      .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .actions-toolbar {
        margin-left: -4px; }
        .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .actions-toolbar button {
          background: #c3c3c3;
          border: 2px solid #c3c3c3;
          padding: 6px 24px !important;
          color: #fff; }
  .braintree-googlepay-review #wrapper .paypal-review-items {
    margin-top: 20px; }
    .braintree-googlepay-review #wrapper .paypal-review-items .paypal-review-title {
      margin-bottom: -24px; }
      .braintree-googlepay-review #wrapper .paypal-review-items .paypal-review-title strong {
        display: none; }
      .braintree-googlepay-review #wrapper .paypal-review-items .paypal-review-title a {
        display: block;
        font-size: 14px;
        text-align: right; }
    .braintree-googlepay-review #wrapper .paypal-review-items #details-reload .u-heading-gamma {
      font-weight: 600;
      font-size: 18px;
      margin: 0 0 10px 0; }
    .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul {
      padding: 20px 10px; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul:nth-child(odd) {
        background: #fff; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul:nth-child(even) {
        background: #f3f3f3; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul.cart.item .product-item-details:first-of-type {
        text-align: center; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul.cart.item .product-item-details .item-options.c-order-summary__details__option {
        color: #5f5f5e;
        margin-bottom: 0; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul.cart.item .product-item-details .qty,
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul.cart.item .product-item-details .label {
        color: #5F5F62; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload #products ul.cart.item .col.subtotal {
        text-align: right;
        padding-left: 0;
        padding-right: 25px; }
    .braintree-googlepay-review #wrapper .paypal-review-items #details-reload .opc-block-summary {
      float: right;
      width: 100%;
      max-width: 600px;
      margin-top: 20px; }
      .braintree-googlepay-review #wrapper .paypal-review-items #details-reload .opc-block-summary * {
        font-size: 16px; }
    .braintree-googlepay-review #wrapper .paypal-review-items #order-review-form #review-buttons-container .primary {
      text-align: right;
      margin-top: 20px; }
      .braintree-googlepay-review #wrapper .paypal-review-items #order-review-form #review-buttons-container .primary #review-button {
        padding: 5px 50px;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        background: #769fd0;
        border: 2px solid #769fd0;
        cursor: pointer;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        line-height: 1.33333;
        color: #fff;
        font-size: 18px;
        margin-top: 0; }

@media only screen and (max-width: 1280px) {
  .braintree-googlepay-review #wrapper {
    margin: 40px 20px;
    width: 96%; } }

@media only screen and (max-width: 740px) {
  .braintree-googlepay-review #wrapper {
    width: 94%; } }

@media only screen and (max-width: 600px) {
  .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .braintree-googlepay-review #wrapper .block.block-order-details-view .block-content .box:last-of-type {
      border-bottom: 0;
      padding-bottom: 0;
      margin-bottom: 0; } }

@media only screen and (max-width: 450px) {
  .braintree-googlepay-review #wrapper {
    width: 90%; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .field {
      max-width: 55%; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .actions-toolbar {
      width: 45%; } }

@media only screen and (max-width: 350px) {
  .braintree-googlepay-review #wrapper {
    width: 85%; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .field {
      max-width: 100%; }
    .braintree-googlepay-review #wrapper .paypal-review-discount .content .fieldset.coupon .actions-toolbar {
      width: 100%;
      margin-left: 0;
      text-align: right; } }

/* Google Pay Review Page END */
/* recaptcha badge */
.grecaptcha-badge {
  bottom: 84px; }

/* recaptcha badge END */
/* Checkout Updates 20 END */
.cms-clearance-store .c-breadcrumbs {
  display: none; }

.hh-clearance-store .cs-cta {
  padding-bottom: 20px;
  width: 85%;
  margin: auto; }

.hh-clearance-store .cs-img-title-main {
  font-size: 24px;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-transform: uppercase; }

.hh-clearance-store .clearance-store .flex-container.cs-columnfour {
  margin-top: 3%; }

.hh-clearance-store .clearance-store-wrapper {
  display: inline-block; }

.hh-clearance-store .cs-img-title {
  color: #000;
  padding: 2% 0 7% 0;
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  letter-spacing: 1px;
  display: block; }

.hh-clearance-store .cs-img-title span {
  font-size: 22px; }

.hh-clearance-store .cs-img-title-mob {
  display: none; }

.hh-clearance-store .cs-banner {
  background-size: cover;
  background-repeat: no-repeat;
  display: table;
  height: 100%;
  width: 100%;
  padding: 7% 0; }

.hh-clearance-store .cs-banner_inner {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle; }

.hh-clearance-store .cs-innerwrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: table; }

.hh-clearance-store .cs-innerwrapper .flex-item.col-3, .hh-clearance-store .cs-innerwrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-3, .s-main-menu .categories > li .block .hh-clearance-store .cs-innerwrapper .category-items > div.flex-item.col-3,
.hh-clearance-store .cs-hero {
  position: relative; }

.hh-clearance-store .flex-item.col-3:last-of-type, .hh-clearance-store .s-main-menu .categories > li .block .category-items > div.flex-item.col-3:last-of-type, .s-main-menu .categories > li .block .hh-clearance-store .category-items > div.flex-item.col-3:last-of-type {
  margin: 0; }

.hh-clearance-store .clearance-store-wrapper .bannerOverlay__contents a {
  display: inline-block; }

.hh-clearance-store .cs-banner_title {
  margin-bottom: 0;
  color: #fff;
  font-size: 65px;
  letter-spacing: 9px;
  line-height: 1; }

.hh-clearance-store .clearance-store-wrapper .bannerOverlay__contents a {
  display: block; }

.hh-clearance-store .cs-widewrapper {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto; }

.hh-clearance-store .clearance-store-wrapper picture img {
  width: 100%; }

.hh-clearance-store .cs-hero .bannerOverlay {
  height: 67%; }

.hh-clearance-store .cs-cta_button {
  margin: 0 auto;
  background: #c82124;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 5%;
  padding: 1.5% 0;
  font-size: 16px;
  letter-spacing: 1px;
  border: 1px solid #c82124; }

.hh-clearance-store .cs-cta_button:hover {
  color: #c82124;
  background: #fff; }

.hh-clearance-store .cs-hero .cs-title {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 22px;
  line-height: 1.3; }

.hh-clearance-store .cs-hero .cs-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 28px;
  line-height: 1; }

.hh-clearance-store .cs-banner_subtitle {
  color: #c82124;
  font-weight: bold;
  letter-spacing: 4px;
  font-size: 28px;
  margin-bottom: 0; }

.hh-clearance-store .cs-hero .cs-subtitle span {
  display: none; }

.hh-clearance-store .flex-item.col-4.cs-hero:last-of-type, .hh-clearance-store .s-main-menu .categories > li .block .category-items > div.flex-item.cs-hero.col-4:last-of-type, .s-main-menu .categories > li .block .hh-clearance-store .category-items > div.flex-item.cs-hero.col-4:last-of-type {
  margin-bottom: 0; }

.hh-clearance-store .flex-container.cs-columnthree {
  margin-top: 20px; }

.hh-clearance-store .flex-container.cs-columnfour {
  margin-top: 6%; }

.hh-clearance-store .cs-hero .bannerOverlay.bannerOverlayBF {
  height: 61%; }

@media only screen and (max-width: 1024px) {
  .hh-clearance-store .flex-item.col-4.cs-hero, .hh-clearance-store .s-main-menu .categories > li .block .category-items > div.flex-item.cs-hero.col-4, .s-main-menu .categories > li .block .hh-clearance-store .category-items > div.flex-item.cs-hero.col-4 {
    width: 33.33%; }
  .hh-clearance-store .cs-img-title {
    padding: 2% 0 7% 0;
    font-size: 16px;
    line-height: 22px;
    display: block; } }

@media only screen and (max-width: 989px) {
  .hh-clearance-store .cs-hero .cs-title {
    font-size: 20px;
    margin-top: -10%; }
  .hh-clearance-store .cs-hero .cs-subtitle {
    font-size: 22px; } }

@media only screen and (max-width: 600px) {
  .hh-clearance-store .cs-innerwrapper .flex-item.col-3, .hh-clearance-store .cs-innerwrapper .s-main-menu .categories > li .block .category-items > div.flex-item.col-3, .s-main-menu .categories > li .block .hh-clearance-store .cs-innerwrapper .category-items > div.flex-item.col-3 {
    margin-bottom: 1%;
    width: 49.6%; }
  .hh-clearance-store .flex-item.col-3:nth-child(2), .hh-clearance-store .s-main-menu .categories > li .block .category-items > div.flex-item.col-3:nth-child(2), .s-main-menu .categories > li .block .hh-clearance-store .category-items > div.flex-item.col-3:nth-child(2) {
    margin-right: 0; }
  .hh-clearance-store .cs-banner_title {
    font-size: 9vw;
    letter-spacing: 5px; }
  .hh-clearance-store .cs-banner_subtitle {
    font-size: 4vw; }
  .hh-clearance-store .flex-item.col-4.cs-hero, .hh-clearance-store .s-main-menu .categories > li .block .category-items > div.flex-item.cs-hero.col-4, .s-main-menu .categories > li .block .hh-clearance-store .category-items > div.flex-item.cs-hero.col-4 {
    width: 100%; }
  .hh-clearance-store .cs-hero .bannerOverlay,
  .hh-clearance-store .cs-hero .bannerOverlay.bannerOverlayBF {
    height: 20vw; }
  .hh-clearance-store .cs-hero .cs-title {
    display: none; }
  .hh-clearance-store .cs-hero .cs-subtitle span {
    display: inline-block; }
  .hh-clearance-store .cs-hero .cs-subtitle {
    font-size: 4vw; }
  .hh-clearance-store .cs-cta a:first-of-type .cs-cta_button {
    margin-top: 0; }
  .hh-clearance-store .cs-hero {
    margin-bottom: 6%; }
  .hh-clearance-store .cs-img-title {
    display: none !important; }
  .hh-clearance-store .cs-cta {
    width: 100%;
    margin: auto; } }

.hh-clearance-store .clearance-store-wrapper.Xmas .cs-widewrapper {
  display: table; }

.hh-clearance-store .clearance-store-wrapper.Xmas .bannerOverlay.bannerOverlayXmas {
  height: 98%; }

.hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .bannerOverlay.bannerOverlayXmas {
  height: 98.7%; }

.hh-clearance-store .clearance-store-wrapper.Xmas .bannerOverlayXmas .bannerOverlay__contentArea {
  vertical-align: bottom; }

.hh-clearance-store .clearance-store-wrapper.Xmas .col-4.cs-hero .cs-title {
  width: 97.8%;
  margin: 0 auto; }

.hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .cs-title {
  width: 98.6%;
  margin: 0 auto; }

.hh-clearance-store .clearance-store-wrapper.Xmas .cs-hero .cs-title {
  font-size: 18px; }

@media only screen and (max-width: 1227px) {
  .hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .cs-title {
    width: 98.1%; }
  .hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .cs-title {
    margin-bottom: 0.5%; } }

@media only screen and (max-width: 989px) {
  .hh-clearance-store .clearance-store-wrapper.Xmas .cs-title {
    font-size: 16px; }
  .hh-clearance-store .clearance-store-wrapper.Xmas .col-4.cs-hero .cs-title {
    margin-bottom: 1%;
    width: 96.6%; } }

@media only screen and (max-width: 600px) {
  .hh-clearance-store .clearance-store-wrapper.Xmas {
    margin-top: 5%; }
  .hh-clearance-store .cs-img-title-mob {
    display: block;
    color: #fff;
    padding: 2% 0;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #6b6b6b;
    margin-bottom: 25px;
    margin-top: -8px; }
  .hh-clearance-store .cs-img-title-mob span {
    font-size: 18px; } }

.hh-clearance-store .clearance-store-wrapper.Xmas .cs-hero .bannerOverlayXmas .cs-title {
  display: block; }

.hh-clearance-store .clearance-store-wrapper.Xmas .col-4.cs-hero .cs-title {
  margin-bottom: 0;
  width: 100%; }

.hh-clearance-store .clearance-store-wrapper.Xmas .bannerOverlay.bannerOverlayXmas {
  height: 98.4%; }

.hh-clearance-store .clearance-store-wrapper.Xmas .cs-title {
  font-size: 3vw; }

.hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .cs-title {
  width: 100%;
  margin-bottom: 0; }

.hh-clearance-store .clearance-store-wrapper.Xmas .clearance-store-wrapper.Xmas .flex-item.col-4.cs-hero {
  padding: 0; }

.hh-clearance-store .clearance-store-wrapper.Xmas .flex-item.col-4.cs-hero,
.hh-clearance-store .clearance-store-wrapper.Xmas .flex-item.col-6.cs-hero {
  padding: 0; }

@media only screen and (max-width: 440px) {
  .hh-clearance-store .clearance-store-wrapper.Xmas .cs-title {
    font-size: 4vw; }
  .hh-clearance-store .clearance-store-wrapper.Xmas .bannerOverlay.bannerOverlayXmas {
    height: 97.4%; }
  .hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .bannerOverlay.bannerOverlayXmas {
    height: 98.3%; }
  .hh-clearance-store .clearance-store-wrapper.Xmas .col-6.cs-hero .cs-title {
    margin-bottom: 0.5%; } }

/* Basket */
.basket__delivery {
  float: left;
  width: 80%;
  border: 1px solid black;
  padding: 15px; }

.basket__delivery li:nth-child(2n+1) {
  width: 51%;
  float: left;
  padding-top: 10px; }

.basket__delivery li:nth-child(2n) {
  text-align: right;
  width: 49%;
  float: right;
  padding-top: 6px; }

.basket__delivery ul {
  margin: 0;
  list-style-type: none;
  float: left;
  width: 100%;
  border-top: 1px solid; }

.divclear {
  clear: both; }

.basket__delivery p {
  float: left;
  width: 100%; }

.delivery__header {
  text-align: center;
  margin-bottom: 1.5%;
  text-transform: uppercase; }

.c-basket-checkout__shipping-price,
.c-basket-checkout__subtotal-price,
.c-basket-checkout__total-price {
  margin-right: 0px; }

.c-basket__subtotal {
  float: right; }

.o-layout__item:nth-child(4) {
  text-align: right; }

.c-basket__content .o-layout__item:nth-child(3) {
  padding-left: 48px !important; }

.c-basket__remove {
  padding-left: 48px; }

.o-layout__item:nth-child(2) {
  padding-left: 20px; }

@media only screen and (max-width: 770px) {
  .c-basket__header .btn-paypal {
    padding-left: 0; } }

@media screen and (max-width: 740px) {
  .basket__delivery {
    width: 100%;
    margin-bottom: 3%; }
  div#cart {
    padding: 0 10px; }
  .o-layout__item.btn-checkout {
    padding-left: 0; }
  .c-basket__footer .o-media.c-basket__save-item {
    display: none; }
  .c-basket__footer #mobile-checkout-accordion .c-accordion__title.allow {
    display: none; }
  .c-basket__footer #mobile-checkout-accordion .c-accordion__content {
    display: block !important; }
  .c-basket__footer div#mobile-checkout-accordion {
    padding-left: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px; }
  .c-basket__footer .c-accordion__content .c-input-wrap__label {
    text-align: left;
    padding-left: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1;
    margin: 10px 0 5px 0; }
  .c-basket__footer .c-basket-checkout__total {
    margin-top: 10px; }
  .c-basket__footer .c-accordion__title {
    display: none; }
  .c-basket.c-basket--empty .o-layout {
    margin-left: 0; }
  .c-basket.c-basket--empty .o-layout__item {
    padding-left: 0; }
  .c-basket.c-basket--empty .o-layout:first-of-type .o-layout__item:first-of-type {
    width: auto !important; }
  .c-basket.c-basket--empty .o-layout:first-of-type .o-layout__item:last-of-type {
    float: right;
    width: 100% !important;
    margin-top: 4px;
    max-width: 200px; }
  .c-basket.c-basket--empty .c-basket__continue-shopping {
    margin: 0;
    padding: 10px 0px;
    font-size: 14px;
    width: 100%;
    text-align: center; }
  .c-basket.c-basket--empty .o-layout .o-layout__item .o-layout .o-layout__item {
    max-width: 100%; }
  .c-basket.c-basket--empty .o-layout:nth-child(2) .o-layout__item p {
    margin: 10px 0 0 0;
    font-size: 16px;
    text-align: center; }
  .c-basket.c-basket--empty .c-basket__cms-block {
    margin-top: 0; }
  .c-basket__item .c-basket__title-group {
    min-height: auto; }
  .c-basket__item .c-basket__remove {
    padding-left: 0;
    position: relative; }
  .c-basket__item .c-basket__quantity-group .c-basket__quantity-group--right {
    float: left;
    padding-left: 5px; }
  .c-basket__item .o-layout__item.c-basket__title-group {
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-bottom: 15px; }
  .c-basket__item .o-layout__item.c-basket__subtitle-group {
    -webkit-order: 2;
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2; }
  .c-basket__item .o-layout__item.c-basket__subtotal-group {
    -webkit-order: 3;
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3; }
  .c-basket__item .o-layout__item.c-basket__quantity-group {
    -webkit-order: 4;
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
    padding-left: 0 !important; }
  .c-basket__item .o-layout__item.c-basket__remove-group {
    -webkit-order: 5;
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
    text-align: right; }
  .paypal.checkout.paypal-logo.c-basket-checkout__paypal-express.paypal-express-in-context-mini-cart {
    max-width: 160px;
    margin: 10px auto 0 auto; } }

/* END */
/* Mini Basket */
.o-layout.c-mini-cart__totals .o-layout__item {
  padding-left: 0; }

.c-mini-cart-list__info {
  padding: 0; }

h3.o-layout.c-mini-cart-list__title {
  width: 100%; }

.braintree-applepay-minicart {
  display: none; }

.googlepay-minicart-logo.minicart {
  display: none !important; }

div#minicart-content-wrapper .minicart-price span.price {
  font-size: 14px !important; }

div#minicart-content-wrapper button#top-cart-btn-checkout span {
  font-family: "WorkSans", Helvetica, Arial, sans-serif; }

/* Mini Basket END */
/* Paypal Logo */
.zoid-outlet > iframe.zoid-component-frame {
  z-index: 1 !important; }

a#paypal-express-in-context-mini-cart {
  background-image: url(https://cdn.hawkshead.com/img/SS19/misc/logo/paypal-checkout.png);
  width: 100%;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain; }

a#paypal-express-in-context-mini-cart img.paypal-button-hidden {
  display: none; }

/* Paypal Logo END */
/* Google Pay */
button.braintree-googlepay-button.braintree-googlepay-button-no-shadow {
  background-image: url(https://cdn.hawkshead.com/img/SS20/misc/checkout-logos/google-pay-black.png) !important;
  background-color: transparent;
  border: 0;
  background-size: 100%;
  font-size: 0;
  height: 50px;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 10px; }
  button.braintree-googlepay-button.braintree-googlepay-button-no-shadow + * {
    display: none; }

/* Google Pay END */
.buying-guide-header {
  position: relative;
  margin-bottom: 20px; }
  .buying-guide-header img {
    max-width: 100%; }
  .buying-guide-header .buying-guide-align-title {
    -ms-flex-line-pack: center;
    align-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .buying-guide-header .buying-guide-align-title .buying-guide-title {
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: 1.2px;
      margin: 0;
      background: rgba(255, 255, 255, 0.7);
      padding: 20px; }

.buying-guide {
  max-width: 1228px;
  margin: 0 auto; }
  .buying-guide h1,
  .buying-guide h2,
  .buying-guide h3 {
    line-height: 1.2;
    font-weight: 600; }
  .buying-guide img {
    width: 100%; }
  .buying-guide .buying-guide-table {
    width: 100%; }
    .buying-guide .buying-guide-table td {
      padding: 10px;
      border: 1px solid #dcdcdc;
      position: relative; }
    .buying-guide .buying-guide-table img {
      margin: 0 auto;
      width: 30px;
      display: block; }
    .buying-guide .buying-guide-table span {
      position: absolute;
      font-size: 20px;
      line-height: 1;
      left: 35%; }
  .buying-guide .buying-guide-table tr:nth-child(odd) {
    background: #eaeaea; }
  .buying-guide .buying-guide-table tr:first-of-type {
    text-align: center; }
    .buying-guide .buying-guide-table tr:first-of-type td:first-of-type {
      text-align: left; }
  .buying-guide .jacket-list {
    margin-left: 30px; }
    .buying-guide .jacket-list li span {
      font-weight: 600; }
  .buying-guide .buying-guide-key-features {
    font-weight: 600;
    margin-bottom: 5px; }
  .buying-guide .buying-guide-table .asterisks * {
    position: relative; }
  .buying-guide .buying-guide-table .asterisks td:nth-child(5)::before {
    content: '*';
    position: absolute;
    left: -50px;
    right: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    top: 0; }
  .buying-guide strong {
    font-weight: 600; }
  .buying-guide .sub-links a {
    color: #5f5f5e; }
  .buying-guide .hero-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px; }
  .buying-guide .hero-innerWrapper .hero-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #dcdcdc;
    padding-top: 20px; }
    .buying-guide .hero-innerWrapper .hero-container .hero-content {
      display: inline-block;
      width: 60%; }
      .buying-guide .hero-innerWrapper .hero-container .hero-content strong {
        font-style: italic; }
    .buying-guide .hero-innerWrapper .hero-container .square-hero {
      margin: 0;
      display: inline-block;
      width: 40%;
      padding: 0 20px; }
  .buying-guide .hero-innerWrapper .hero-container:last-of-type {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px; }
  .buying-guide .hero-image.hero-left {
    float: left;
    margin-right: 20px; }
  .buying-guide .hero-image.hero-right {
    float: right;
    margin-left: 20px; }
  .buying-guide .break {
    width: 100%;
    margin-top: 20px;
    display: inline-block; }
  .buying-guide .hero-list {
    display: inline-block; }

@media only screen and (max-width: 1280px) {
  .buying-guide {
    margin: 0 10px; } }

@media only screen and (max-width: 1150px) {
  .buying-guide-header .buying-guide-align-title .buying-guide-title {
    font-size: 2.4vw; } }

@media only screen and (max-width: 850px) {
  .buying-guide-header {
    font-size: 4vw; } }

@media only screen and (max-width: 750px) {
  .buying-guide-header {
    line-height: 0; }
    .buying-guide-header .buying-guide-align-title .buying-guide-title {
      font-size: 4vw;
      text-align: center; } }

@media only screen and (max-width: 740px) {
  .buying-guide-header {
    font-size: 6.5vw; }
  .buying-guide .hero-innerWrapper .hero-container .square-hero {
    width: 100%; }
  .buying-guide .hero-innerWrapper .hero-container .hero-content {
    width: 100%;
    padding-left: 0; }
  .buying-guide .table-container {
    overflow-x: scroll; }
  .buying-guide .hero-image {
    float: none;
    margin: 0; } }

@media only screen and (max-width: 450px) {
  .buying-guide-header .buying-guide-align-title .buying-guide-title {
    font-size: 5vw; } }

@media only screen and (max-width: 350px) {
  .buying-guide-header .buying-guide-align-title .buying-guide-title {
    font-size: 6vw; } }

/* Guides landing Page START */
.guideRow .flex-item.col-6, .guideRow .s-main-menu .categories > li .block .category-items > div.flex-item.col-6, .s-main-menu .categories > li .block .guideRow .category-items > div.flex-item.col-6 {
  margin: 20px 0; }
  .guideRow .flex-item.col-6 img, .guideRow .s-main-menu .categories > li .block .category-items > div.flex-item.col-6 img, .s-main-menu .categories > li .block .guideRow .category-items > div.flex-item.col-6 img {
    width: 100%; }

.guideRow .slide-up .overlay {
  height: 100px; }

/* Guides landing Page END */
/* Generic CSS - Effects */
.slide-up .container {
  position: relative; }

.slide-up .container:hover .overlay {
  height: 100%; }

.slide-up .overlay {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s; }

/* SS20 Footer START */
.newsletter-container .customerservice-new {
  padding-bottom: 0; }
  .newsletter-container .customerservice-new h2 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 10px; }
  .newsletter-container .customerservice-new button {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px #acacac solid;
    display: block;
    line-height: 0.8;
    margin: 10px auto;
    text-transform: uppercase;
    width: 9%;
    min-width: 170px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    padding: 10px 0;
    color: #000; }
  .newsletter-container .customerservice-new *[data-action="toggle"]::after {
    display: none; }

.c-footer .o-region__inner .o-layout {
  margin-left: 0; }

.c-footer .c-footer__links {
  padding: 0; }
  .c-footer .c-footer__links .o-region__inner:first-child .o-layout .s-footer-links {
    padding: 0; }
  .c-footer .c-footer__links .o-region__inner .o-layout .s-footer-links {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #EAF1F4; }
    .c-footer .c-footer__links .o-region__inner .o-layout .s-footer-links > div {
      padding-bottom: 0% !important; }
    .c-footer .c-footer__links .o-region__inner .o-layout .s-footer-links .column h4 a {
      border-bottom: 1px solid #5F5E5E; }
  .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item {
    width: 100% !important;
    padding-left: 0; }
    .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social {
      padding-left: 0; }
      .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .flex-container .flex-item:nth-child(1) {
        padding-right: 15px; }
      .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .flex-container .flex-item:nth-child(2) ul {
        border-left: 1px solid #5F5F5E; }
      .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us {
        display: block;
        width: 100%;
        margin: 20px auto; }
        .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us.social {
          text-align: right; }
        .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us img {
          width: 25px;
          height: 25px;
          margin: 0; }
        .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us .payment-icons {
          display: inline-block;
          width: 340px;
          background-image: url(https://cdn.hawkshead.com/img/SS20/misc/logos/payment-options-ss20-5.jpg);
          height: 28px;
          text-indent: -999999em;
          margin-left: 20px; }
  .c-footer .c-footer__links .footer-top-container {
    width: 100%; }
    .c-footer .c-footer__links .footer-top-container .footer-top-block-wrapper {
      background-color: #ECECEC; }
      .c-footer .c-footer__links .footer-top-container .footer-top-block-wrapper .footer-top-block {
        max-width: 1228px;
        min-height: 50px;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center; }
        .c-footer .c-footer__links .footer-top-container .footer-top-block-wrapper .footer-top-block p {
          margin: 0;
          padding: 10px 0;
          font-weight: 600;
          font-size: 18px; }
        .c-footer .c-footer__links .footer-top-container .footer-top-block-wrapper .footer-top-block span {
          font-size: 14px; }

.c-footer .c-footer__copyright {
  color: #5F5F5E; }
  .c-footer .c-footer__copyright .o-region__inner .o-layout {
    width: 40%;
    margin: 0 auto; }
    .c-footer .c-footer__copyright .o-region__inner .o-layout .u-4\/12\@tablet {
      width: 100% !important;
      text-align: center; }
    .c-footer .c-footer__copyright .o-region__inner .o-layout .o-layout__item:nth-child(2),
    .c-footer .c-footer__copyright .o-region__inner .o-layout .o-layout__item:nth-child(3) {
      width: 0 !important; }
  .c-footer .c-footer__copyright .s-footer-links-bottom {
    display: none; }

.c-footer .c-footer__social {
  display: block !important; }

@media only screen and (max-width: 989px) {
  .c-footer__links .footer-top-container .footer-top-block-wrapper .footer-top-block p {
    font-size: 14px; }
  .c-footer__links .o-region__inner .o-layout:nth-child(2) {
    display: none; }
  .c-footer__links .o-region__inner .o-layout .s-footer-links {
    border-bottom: 0; } }

@media only screen and (max-width: 740px) {
  #footer .s-footer-links {
    margin-top: 10px; }
    #footer .s-footer-links > div {
      width: 98% !important; }
  .c-footer .c-footer__social .c-footer__signup {
    margin-bottom: 0; }
  .c-footer .c-footer__links .footer-top-container .footer-top-block-wrapper .footer-top-block p {
    padding: 2px 0; }
  .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .flex-container .flex-item:nth-child(2) ul {
    border: none; }
  .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us.social {
    text-align: center; }
    .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us.social img {
      margin: 0 18px; }
  .c-footer .c-footer__links .o-region__inner .o-layout .o-layout__item .s-footer-links-social .follow-us .payment-icons {
    display: block;
    margin: 0 auto; }
  .c-footer .c-footer__copyright .o-region__inner .o-layout {
    width: 100%;
    padding: 5px 0; } }

/* SS20 Footer END */
/* Customer Services Styles */
.helpnav {
  float: left;
  width: 100%;
  background-color: #e8e8e8;
  margin: 1% 0; }

.deliveryoptions__img {
  padding-right: 1%; }

.cs__helpcontainer--inner {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.redeye-form input,
.redeye-form select,
.redeye-form textarea {
  width: 100%; }

.newsletter label {
  min-width: 135px;
  float: left; }

.newsletter input[type=checkbox] {
  width: auto; }

.helpmenulinks {
  display: inline-block;
  padding: 0.5%; }

.helpmenulinks:first-child {
  padding-left: 1%; }

.helpmenulinks h2 {
  margin-bottom: 0;
  color: #000; }

.cs__helpcontainer--collectplus,
.collectplus__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.helpheader {
  float: left;
  width: 100%;
  font-size: 16px; }

.helpheader--mainheader {
  font-size: 22px;
  font-weight: bold; }

.cms-terms h3,
.cms-terms h4 {
  font-weight: bold; }

.regattaheader {
  margin-top: 2%; }

.regattadesktop {
  display: block; }

.regattatablet {
  display: none; }

#footsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 34px;
  border: solid 1px grey;
  text-align: center; }

#cragsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 32px;
  border: solid 1px grey;
  text-align: center; }

#regsize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 45px;
  border: solid 1px grey;
  text-align: center; }

#daresize {
  float: left;
  width: 17%;
  margin: 10px 5px;
  padding: 10px 10px 10px 48px;
  border: solid 1px grey;
  text-align: center; }

.datatable {
  border: 1px solid #e1e6e9;
  border-collapse: collapse;
  width: 100%; }

.datatable td {
  border: 1px solid #769fd0;
  background-color: #FFFFFF;
  padding: 4px;
  width: 65px;
  text-align: center; }

.datatable th {
  border: 1px solid #769fd0;
  background-color: #769fd0;
  font-weight: bold;
  text-align: center;
  padding-left: 4px; }

.jobs {
  display: block;
  cursor: pointer;
  float: left; }

.cs__nav {
  float: left;
  width: 100%;
  margin-bottom: 1%; }

.cs__button {
  float: left;
  width: 24.5%;
  border: 1px solid;
  text-align: center;
  margin-right: 0.5%;
  padding: 0.5% 0;
  cursor: pointer; }

.cs__button:nth-child(4) {
  margin-right: 0; }

.cs__sizeContainer {
  width: 100%;
  display: inline-block; }

.isActive {
  background: #dadada; }

.cs_nav-banner {
  background-image: url(https://cdn.hawkshead.com/img/SS17/uk/page/customer_services/helppagebanner.jpg);
  width: 100%;
  background-repeat: no-repeat;
  line-height: 1;
  padding-top: 15%;
  padding-left: 1%;
  padding-bottom: 0%; }

.cs_nav-banner span {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 1; }

.helpmenulinks a {
  text-decoration: none; }

@media only screen and (max-width: 1024px) {
  .regattadesktop {
    display: none; }
  .regattatablet {
    display: block;
    width: 97%; }
  .redeye-form.cs-form {
    width: 90%; } }

@media screen and (max-width: 875px) {
  #cragsize {
    width: 18%; } }

@media screen and (max-width: 828px) {
  #footsize {
    width: 16%;
    padding: 10px; }
  #cragsize {
    width: 19%;
    padding: 10px; }
  #regsize {
    padding: 10px; }
  #daresize {
    padding: 10px; }
  .jobs {
    float: none;
    text-align: center; } }

@media only screen and (max-width: 740px) {
  .deliveryoptions__img,
  .collectplus__section img {
    display: none; }
  .cs__helpcontainer--inner {
    display: block; } }

/* Contact us page */
.std .card p {
  width: 100%; }

.contact__card {
  padding-bottom: 1%;
  border-bottom: 1px solid;
  margin-bottom: 2%; }

.contact__popup {
  display: none; }

.contact__popup.popup_open {
  display: block;
  z-index: 999;
  width: 100%;
  max-width: 1228px;
  background: #fff;
  top: 85px;
  padding: 10px;
  overflow-y: scroll;
  height: 750px;
  margin: 0 auto; }

.contactContainer {
  margin: 0 auto;
  position: fixed;
  z-index: 9;
  width: 100%;
  top: 65px; }

.popup__inner {
  background: #fff;
  float: left;
  width: 100%; }

.popup__bg.popup_open {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 5; }

div#form__close {
  float: right;
  background: #e3e3e3;
  padding: 10px;
  cursor: pointer;
  z-index: 999999999999; }

.form_popup {
  cursor: pointer;
  text-decoration: underline; }

@media only screen and (max-width: 480px) {
  .contact__popup.popup_open {
    overflow: scroll;
    height: 500px;
    padding: 20px 40px; } }

/* END */
/* delivery and returns */
.action-tabs .tabs-content {
  border: 1px solid #ddd;
  padding: 10px 20px;
  position: relative; }

.action-tabs .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.action-tabs .tabs *[data-action="tab"] {
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 20px 14px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0px;
  cursor: pointer;
  font-size: 1em;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  font-weight: bold;
  text-align: center; }

.action-tabs .tabs *[data-action="tab"]:hover {
  background: #f7f7f7; }

.action-tabs .tabs *[data-action="tab"].active {
  background: #ddd; }

.action-tabs .tabs-content > * {
  display: none; }

.action-tabs .tabs-content > *.active {
  display: block; }

.delret-first {
  padding-top: 1.5%; }

h2.delret-title {
  font-size: 1.7em;
  padding-top: 1%; }

h3.delret-title {
  font-weight: 400;
  font-size: 1.4em;
  padding-top: 20px;
  margin-bottom: 5px; }

ul.delret-list {
  list-style: none; }

/* END */
/* Modern SLavery Page */
.modern-slavery-title {
  font-size: 300%;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding: 3% 0 5% 0; }

.modern-slavery-left {
  float: left;
  width: 44%;
  padding: 0 3%; }

.modern-slavery-copy {
  font-size: 14px;
  line-height: 25px;
  color: #000;
  padding-bottom: 8%; }

.modern-slavery-btn {
  color: #ffffff;
  font-size: 16px;
  background: #769fd0;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  width: 230px;
  text-align: center;
  font-weight: bold; }

.modern-slavery-btn:hover {
  background: #6587af; }

a:link, a:visited, a:hover, a:active .modern-slavery-btn {
  text-decoration: none; }

.modern-slavery-img {
  float: left;
  width: 47%;
  padding: 0 3% 0 0; }

.modern-slavery-clear {
  clear: both; }

@media only screen and (max-width: 800px) {
  .modern-slavery-title {
    font-size: 200%; }
  .modern-slavery-left {
    float: none;
    width: 96%;
    padding: 0 2%; }
  .modern-slavery-img {
    float: none;
    width: 96%;
    padding: 5% 2% 0 2%; } }

/* END */
/* Unsubscribe form */
iframe.unsubscribe {
  border: 0;
  width: 100%;
  padding-top: 2%; }

/* END */
/* contact us wufoo form */
#wufooFormz14enmhp1k8wl01 {
  height: 1000px; }

/* END */
/* Returns */
.returns-myhermes {
  padding: 1.5% 0 1% 0;
  width: 75px; }

/* END */
/* CH Fit Guide */
.fitGuideDiagrams {
  padding-top: 3%;
  float: left; }

.fitGuideDiagrams__title,
.fitGuideDiagrams__blockContainer {
  float: left;
  clear: both; }

.fitGuideDiagrams__block {
  width: 29%;
  float: left;
  margin: 0 6% 2% 0; }

.fitGuideDiagrams__block:last-child {
  margin-right: 0; }

.fit-tip .fitGuideDiagrams__block {
  width: 100%;
  margin: 0; }

.fit-tip .fitGuideDiagrams__image {
  width: 80%;
  margin: 0 auto; }

.guaranteeimg {
  float: right; }

.guaranteehead h3 {
  font-weight: bold;
  font-size: 18px; }

@media screen and (max-width: 768px) {
  .fitGuideDiagrams__block {
    width: 47%;
    margin: 0 6% 2% 0; }
  .fitGuideDiagrams__block:nth-child(2) {
    margin-right: 0; } }

@media screen and (max-width: 440px) {
  .fitGuideDiagrams__block {
    width: 100%;
    margin: 0 0 2%; } }

/* END */
/* Cookie Policy */
.cs-table {
  font-size: 14px;
  width: 100%; }

.cs-table td {
  font-size: 14px;
  border: 1px solid #ddd;
  padding: 0.25% 0.75%;
  vertical-align: top; }

.cs-table-header {
  background-color: #ddd; }

.cs-table-2col-1 {
  width: 30%; }

.cs-table-2col-2 {
  width: 77%; }

.cs-table-4col-1 {
  width: 10%; }

.cs-table-4col-2 {
  width: 35%; }

.cs-table-4col-3 {
  width: 10%; }

.cs-table-4col-4 {
  width: 25%; }

.cs-list {
  font-size: 16px; }

.cs-title {
  margin-top: 3%;
  font-weight: bold; }

.cookie-header {
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: 2%;
  font-size: 24px !important; }

.cs-table tr:nth-child(odd) {
  background: #eee; }

@media screen and (max-width: 700px) {
  .tableWrapper {
    overflow: auto; }
  .cs-table {
    overflow-x: scroll;
    width: 1000px; }
  .cs-table td {
    font-size: 12px; } }

/* END */
/* EMAIL UNSUBSCRIBE FORM */
.email-unsubscribe iframe {
  width: 100%;
  min-height: 500px;
  overflow: visible;
  border: none; }

/* END */
/* CUSTOMER SERVICE PAGES START */
.cms-contact-us .c-breadcrumbs,
.cms-email-signup-form .c-breadcrumbs,
.cms-sizing .c-breadcrumbs,
.cms-our-brand-guarantees .c-breadcrumbs,
.cms-delivery-and-returns .c-breadcrumbs,
.cms-cancellation-form .c-breadcrumbs,
.cms-cookie-policy .c-breadcrumbs,
.cms-privacy-policy .c-breadcrumbs,
.cms-terms .c-breadcrumbs,
.cms-customer-services .c-breadcrumbs {
  display: none; }

.cms-contact-us .columns .o-region__inner,
.cms-email-signup-form .columns .o-region__inner,
.cms-sizing .columns .o-region__inner,
.cms-our-brand-guarantees .columns .o-region__inner,
.cms-delivery-and-returns .columns .o-region__inner,
.cms-cancellation-form .columns .o-region__inner,
.cms-cookie-policy .columns .o-region__inner,
.cms-privacy-policy .columns .o-region__inner,
.cms-terms .columns .o-region__inner,
.cms-customer-services .columns .o-region__inner {
  width: 100%; }

.customerservice-new h2[data-action="toggle"]:hover {
  background: none; }

.customerservice-new h2[data-action="toggle"] {
  border: none;
  border-top: 1px solid #ddd;
  color: #5f5f5e;
  border-radius: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  padding: 3% 0 0 0; }

*[data-action="toggle"]::after {
  border-color: #5f5f5e transparent transparent transparent !important; }

.customerservice-new h2[data-action="toggle"]::after {
  top: 60%; }

.customerservice-new .toggle-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: hidden; }

.customerservice-new .toggle-content.active {
  opacity: 1;
  max-height: 2000px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  visibility: visible; }

.customerservice-new {
  max-width: 50%;
  margin: auto;
  padding-bottom: 3%; }

.cs-header {
  width: 100%;
  max-width: 1920px;
  min-height: 270px;
  margin: auto;
  margin-bottom: 3%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.cs-header-title {
  color: #000;
  padding-top: 4%;
  font-size: 55px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: normal !important; }

.cs-header-title-white {
  color: #fff !important; }

.cs-header-line {
  text-align: left;
  margin: 0 0 3% 0;
  border-top: 1px solid #ddd; }

.cs-return-link {
  text-align: left;
  padding-bottom: 2%;
  color: #5f5f5e !important; }

a.cs-link {
  color: #5f5f5e !important;
  text-decoration: underline !important; }

.cs-address {
  list-style: none;
  line-height: 22px;
  font-size: initial; }

.contact__card {
  padding-bottom: 1%;
  border-bottom: none !important;
  margin-bottom: 2%; }

.cs-copy-main {
  max-width: 1000px;
  margin: auto; }

.csbottom {
  text-align: center;
  padding: 3%;
  color: #5f5f5e; }

.csbottom-img {
  padding-bottom: 3%; }

.csbottom-title {
  font-size: 18px; }

.csbottom-cta {
  font-size: 15px;
  padding: 0 10%; }

.csbottomleft {
  border-left: 1px solid #ddd; }

.csbtn:hover {
  background: #ddd;
  text-decoration: none; }

.csbtn {
  color: #5f5f5e;
  font-size: 18px;
  background: #fff;
  padding: 10px 20px 10px 20px;
  border: solid #ddd 1px;
  text-decoration: none;
  text-align: center; }

.option-btn {
  padding-bottom: 1.5%; }

.flex-item.col-6.option-btn-small, .s-main-menu .categories > li .block .category-items > div.flex-item.option-btn-small.col-6 {
  max-width: 49.98% !important;
  margin: auto;
  padding-bottom: 1.5%; }

.csborder {
  text-align: center;
  margin: 10% 0 0% 0;
  border-top: 1px solid #ddd; }

.bottom-3 {
  padding: 6% 0; }

.cs-main {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-1.jpg);
  margin-bottom: 7% !important; }

.cs-sizing-guide {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-2.jpg); }

.cs-email-sign-up {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-3.jpg); }

.cs-contact-us {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-4.jpg); }

.cs-brand-guarantees {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-5.jpg); }

.cs-delivery-information {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-6.jpg); }

.cs-returns-information {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-7.jpg); }

.cs-cancellations {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-8.jpg); }

.cs-cookie-policy {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-9.jpg); }

.cs-privacy-policy {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-10.jpg); }

.cs-terms-and-conditons {
  background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Banner-11.jpg); }

@media screen and (max-width: 1000px) {
  .customerservice-new {
    max-width: 90%; }
  .csborder {
    margin: 5% 0 0% 0; }
  .cs-header-title {
    padding-top: 11%;
    font-size: 44px; } }

@media screen and (max-width: 740px) {
  .flex-item.col-4.csbottomcontainer, .s-main-menu .categories > li .block .category-items > div.flex-item.csbottomcontainer.col-4 {
    width: 50%; } }

@media screen and (max-width: 600px) {
  .cs-header {
    max-width: 600px;
    min-height: auto; }
  .cs-header-title {
    padding-top: 13%;
    font-size: 24px;
    min-height: 150px; }
  .cs-main {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-1.jpg); }
  .cs-sizing-guide {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-2.jpg); }
  .cs-email-sign-up {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-3.jpg); }
  .cs-contact-us {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-4.jpg); }
  .cs-brand-guarantees {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-5.jpg); }
  .cs-delivery-information {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-6.jpg); }
  .cs-returns-information {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-7.jpg); }
  .cs-cancellations {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-8.jpg); }
  .cs-cookie-policy {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-9.jpg); }
  .cs-privacy-policy {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-10.jpg); }
  .cs-terms-and-conditons {
    background-image: url(https://cdn.hawkshead.com/img/SS18/UK/misc/customer-services/Mobile-Banner-11.jpg); } }

@media screen and (max-width: 500px) {
  .customerservice-new {
    max-width: 95%; }
  .cs-main {
    font-size: 18px !important; }
  .flex-item.col-6.csbottomcontainer, .s-main-menu .categories > li .block .category-items > div.flex-item.csbottomcontainer.col-6 {
    width: 49.86%; }
  .csbottom-cta {
    font-size: 13px;
    padding: 0 10%;
    line-height: 18px; }
  .csborder {
    margin: 6% 0 0% 0; }
  .flex-item.col-6.option-btn-small, .s-main-menu .categories > li .block .category-items > div.flex-item.option-btn-small.col-6 {
    max-width: 100% !important;
    margin: auto; }
  .customerservice-new h2[data-action="toggle"]::after {
    top: 50%; } }

/* CUSTOMER SERVICE PAGES END */
/* Customer Services Portal START */
.cms-customer-services .c-breadcrumbs {
  display: none; }

.cms-customer-services .columns .o-region__inner {
  width: 100%; }

.cs-container .cs-portal-container {
  max-width: 1228px;
  margin: auto; }
  .cs-container .cs-portal-container h1 {
    display: block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold; }
  .cs-container .cs-portal-container .cs-nav {
    display: block;
    margin-top: 10px; }
  .cs-container .cs-portal-container .cs-portal {
    margin: 0 auto;
    max-width: 960px;
    text-align: center; }
    .cs-container .cs-portal-container .cs-portal.text-left {
      text-align: left; }
      .cs-container .cs-portal-container .cs-portal.text-left ul {
        border-top: 1px solid #ECECEC;
        min-height: 250px;
        margin: 0 10px;
        width: 100%; }
        .cs-container .cs-portal-container .cs-portal.text-left ul li {
          list-style: none; }
    .cs-container .cs-portal-container .cs-portal.mini {
      width: 60%;
      margin: 0 auto; }
    .cs-container .cs-portal-container .cs-portal p:first-child {
      margin-top: 0 !important; }
    .cs-container .cs-portal-container .cs-portal p.heading {
      margin-top: 30px;
      font-size: 16px;
      font-weight: bold; }
    .cs-container .cs-portal-container .cs-portal ul {
      margin: 0 auto;
      padding: 10px 0;
      text-align: left;
      width: 50%; }
      .cs-container .cs-portal-container .cs-portal ul li a {
        color: #5F5F5E; }
      .cs-container .cs-portal-container .cs-portal ul li.title {
        font-weight: bold;
        padding: 10px 0; }
      .cs-container .cs-portal-container .cs-portal ul li.sub-title {
        font-weight: bold;
        padding: 20px 0 10px; }
    .cs-container .cs-portal-container .cs-portal ol li {
      list-style: none; }
    .cs-container .cs-portal-container .cs-portal button.contentBtn {
      min-width: 125px;
      width: 96%;
      padding: 10px; }
    .cs-container .cs-portal-container .cs-portal .btn-btm {
      margin-bottom: 30px; }
    .cs-container .cs-portal-container .cs-portal .divider {
      display: block;
      margin: 10px auto;
      border-bottom: 1px solid #ECECEC;
      width: 70%;
      height: 10px; }
    .cs-container .cs-portal-container .cs-portal .customerservice-new {
      max-width: 100%; }

.cs-container .cs-block {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 40px 0; }
  .cs-container .cs-block p {
    font-size: 30px;
    margin-bottom: 10px; }
  .cs-container .cs-block span {
    display: block;
    font-size: 16px;
    margin-bottom: 20px; }
  .cs-container .cs-block.hero-grey {
    background-color: #ECECEC; }
  .cs-container .cs-block.hero-white {
    background-color: #FFF; }
  .cs-container .cs-block.hero-main {
    margin: 0px;
    background-image: url(https://cdn.hawkshead.com/img/SS20/misc/customer-services/Our-shops-banner-desktop.jpg);
    min-height: 280px;
    color: #FFF; }
    .cs-container .cs-block.hero-main span {
      margin: 20px 0; }
    .cs-container .cs-block.hero-main button.contentBtn {
      border: 1px solid #FFF;
      width: auto;
      color: #FFF;
      padding: 10px; }

/* Customer Services Portal END */
/* Christmas Delivery */
.christmas-delivery {
  margin-bottom: 40px;
  text-align: center; }
  .christmas-delivery h2 {
    font-size: 25px; }
  .christmas-delivery ul {
    margin: 0;
    list-style-type: none;
    font-size: 16px; }
    .christmas-delivery ul strong {
      font-weight: 600; }

/* top level category pages */
.cms-top-level-womens .columns .o-region__inner,
.cms-top-level-mens .columns .o-region__inner,
.cms-top-level-kids .columns .o-region__inner,
.cms-top-level-accessories .columns .o-region__inner {
  width: 100% !important; }

.cms-top-level-womens .breadcrumbs.c-breadcrumbs,
.cms-top-level-mens .breadcrumbs.c-breadcrumbs,
.cms-top-level-kids .breadcrumbs.c-breadcrumbs,
.cms-top-level-accessories .breadcrumbs.c-breadcrumbs {
  display: none; }

.top-level-page .cat-page-inner.seo {
  padding: 0 10px; }

.top-level-page .cat-page-inner.seo h1,
.top-level-page .cat-page-inner.seo h2,
.top-level-page .cat-page-inner.seo h3 {
  text-align: center; }

.top-level-page .cat-page-inner {
  max-width: 1228px;
  margin: 0 auto; }

.top-level-page .block-whitebg {
  display: table; }

.top-level-page .block-whitebg-inner {
  display: table-cell;
  vertical-align: middle;
  /*padding: 0 10%;
	    height: 255px; */
  padding: 11.5% 10%; }

.top-level-page .block-whitebg-inner.block-copy.womens {
  padding: 11.5% 0; }

.top-level-page .block-copy div:nth-child(1) {
  font-weight: 600;
  font-size: 2.1vw;
  line-height: 48px;
  color: #515151;
  text-transform: uppercase;
  text-align: center; }

.top-level-page .block-copy div:nth-child(2) {
  font-size: 16px;
  line-height: 22px;
  color: #515151;
  text-align: center;
  text-transform: initial; }

.top-level-page .block-copy div:nth-child(3) {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #6099a1;
  text-transform: uppercase;
  text-align: center; }

.top-level-page .jackets .flex-item.col-6, .top-level-page .jackets .s-main-menu .categories > li .block .category-items > div.flex-item.col-6, .s-main-menu .categories > li .block .top-level-page .jackets .category-items > div.flex-item.col-6 {
  padding: 0 10px !important; }

.top-level-page .trousers .flex-item.col-12, .top-level-page .trousers .s-main-menu .categories > li .block .category-items > div.flex-item.col-12, .s-main-menu .categories > li .block .top-level-page .trousers .category-items > div.flex-item.col-12 {
  padding: 0 10px !important; }

.top-level-page .cat-page-header {
  position: relative; }

.top-level-page .cat-page-block {
  position: relative; }

.top-level-page .cat-page-header .cat-page-header-content {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.top-level-page .cat-page-header .cat-page-header-content h1 {
  font-weight: 600;
  font-size: 2vw;
  color: #fff;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0; }

.top-level-page .cat-page-header .cat-page-header-content p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0; }

.top-level-page .cat-page-header-copy {
  padding: 15px; }

.top-level-page .cat-page-header-copy.cat-page-mens {
  background-color: #465866; }

.top-level-page .landingHero {
  position: relative;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.top-level-page .landingHero:hover {
  opacity: .8; }

.top-level-page .landingHero:hover .heroOverlay span {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.top-level-page .heroOverlay {
  position: absolute;
  top: 0;
  width: 100%;
  color: #000;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.top-level-page .heroOverlay span {
  background: rgba(255, 255, 255, 0.85);
  padding: 5% 0;
  width: 85%;
  font-size: 26px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #818068;
  font-weight: 600;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }

.top-level-page .cat-page-block .cat-page-block-content-big {
  position: absolute;
  top: 0;
  width: 100%;
  color: #515151;
  text-align: center;
  max-width: 535px;
  margin: -7% 0 0 54%;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.top-level-page .cat-page-block-content-big.trousers.kids,
.top-level-page .cat-page-block .cat-page-block-content-big.jackets.kids {
  margin: 14% 0 0 54%;
  height: 60%; }

.top-level-page .cat-page-block .cat-page-block-content-6 {
  position: absolute;
  top: 0;
  width: 100%;
  color: #515151;
  text-align: center;
  max-width: 355px;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.top-level-page .block-picbg-inner {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 15px; }

.top-level-page .block-inner-6 {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 7px 20px;
  width: 100%; }

.top-level-page .collection-title {
  font-weight: 600;
  color: #515151;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 6px;
  line-height: 1;
  margin: 25px 0 20px 0; }

.top-level-page .block-copy-6 div:nth-child(1) {
  font-weight: 600;
  font-size: 25px;
  line-height: 23px;
  color: #6099a1;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 0; }

.top-level-page .block-inner-6-long div:nth-child(1) {
  padding: 0 !important; }

.top-level-page .flex-item .flex-container {
  margin: 0; }

.top-level-page .heroShopAll span {
  background: transparent;
  color: #fff; }

.top-level-page .mens-6-overlay {
  color: #6099a1 !important;
  line-height: 23px; }

.top-level-page .mens-5-overlay {
  color: #6099a1 !important;
  padding: 8% 0 !important;
  line-height: 23px; }

.top-level-page .mens-4-overlay {
  color: #6099a1 !important;
  padding: 8.5% 0 !important; }

.top-level-page .womens-6-overlay {
  color: #b55270 !important;
  line-height: 23px; }

.top-level-page .womens-5-overlay {
  color: #b55270 !important;
  padding: 8% 0 !important;
  line-height: 23px; }

.top-level-page .womens-4-overlay {
  color: #b55270 !important;
  padding: 8.5% 0 !important; }

.top-level-page .kids-4-overlay {
  color: #50c6ae !important;
  padding: 8.5% 0 !important; }

.top-level-page .womens-pink {
  color: #b55270 !important; }

.top-level-page .kids-blue {
  color: #50c6ae !important; }

.top-level-page .desktop {
  display: block; }

.top-level-page .mobile {
  display: none; }

.top-level-page .flex-item.col-4.landingHero, .top-level-page .s-main-menu .categories > li .block .category-items > div.flex-item.landingHero.col-4, .s-main-menu .categories > li .block .top-level-page .category-items > div.flex-item.landingHero.col-4 {
  width: 33.32%;
  max-width: 33.32%; }

@media only screen and (max-width: 1227px) {
  .top-level-page .cat-page-block .cat-page-block-content-big.trousers.womens {
    max-width: 400px !important; } }

@media only screen and (max-width: 1200px) {
  .top-level-page .block-whitebg-inner {
    padding: 11% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 7% 0 !important; }
  .top-level-page .cat-page-block-content-big.trousers.kids {
    max-width: 480px; } }

@media only screen and (max-width: 1199px) {
  .top-level-page .block-whitebg-inner {
    padding: 11% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 9.5% 0 !important; } }

@media only screen and (max-width: 1100px) {
  .top-level-page .block-whitebg-inner {
    padding: 8% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 10% 0 !important; }
  .top-level-page .cat-page-block-content-big.trousers.kids {
    margin: 7% 0 0 59% !important;
    max-width: 400px; } }

@media only screen and (max-width: 1050px) {
  .top-level-page .block-whitebg-inner {
    padding: 7.5% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 9.5% 0 !important; } }

@media only screen and (max-width: 1024px) {
  .top-level-page .cat-page-header .cat-page-header-content h1 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 1px; }
  .top-level-page .cat-page-header .cat-page-header-content p {
    font-size: 14px;
    line-height: 20px; }
  .top-level-page .collection-title {
    font-size: 4vw; }
  .top-level-page .block-whitebg-inner {
    padding: 7% 10%; }
  .top-level-page .flex-item.col-4.landingHero, .top-level-page .s-main-menu .categories > li .block .category-items > div.flex-item.landingHero.col-4, .s-main-menu .categories > li .block .top-level-page .category-items > div.flex-item.landingHero.col-4 {
    width: 33.32%;
    max-width: 33.32%; } }

@media only screen and (max-width: 1000px) {
  .top-level-page .block-whitebg-inner {
    padding: 6.5% 10%; } }

@media only screen and (max-width: 990px) {
  .top-level-page .cat-page-block .cat-page-block-content-big {
    max-width: 300px !important;
    margin: -4% 0 0 55% !important; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 8.5% 0 !important; }
  .top-level-page .cat-page-block-content-big.trousers.kids {
    margin: 6% 0 0 63% !important;
    max-width: 300px; } }

@media only screen and (max-width: 971px) {
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 6.5% 0 !important; } }

@media only screen and (max-width: 950px) {
  .top-level-page .block-whitebg-inner {
    padding: 6% 10%; }
  .top-level-page .cat-page-block .cat-page-block-content-big.trousers.womens {
    max-width: 350px !important;
    margin: -7% 0 0 56% !important; } }

@media only screen and (max-width: 900px) {
  .top-level-page .cat-page-header .cat-page-header-content {
    width: 90%; }
  .top-level-page .block-copy div:nth-child(3) {
    font-size: 16px;
    line-height: 24px; }
  .top-level-page .block-whitebg-inner {
    padding: 5% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 5.5% 0 !important; }
  .top-level-page .cat-page-block-content-big.trousers.kids {
    margin: 6% 0 0 60% !important;
    max-width: 300px; } }

@media only screen and (max-width: 850px) {
  .top-level-page .block-whitebg-inner {
    padding: 4% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 4.5% 0 !important; } }

@media only screen and (max-width: 800px) {
  .top-level-page .cat-page-header .cat-page-header-content {
    width: 90%; }
  .top-level-page .block-whitebg-inner {
    padding: 8% 10%; }
  .top-level-page .block-copy div:nth-child(1) {
    font-size: 24px;
    line-height: 26px; }
  .top-level-page .block-copy div:nth-child(2) {
    font-size: 14px;
    line-height: 18px; }
  .top-level-page .block-copy div:nth-child(3) {
    font-size: 16px;
    line-height: 20px; }
  .top-level-page .cat-page-block .cat-page-block-content-big {
    max-width: 400px;
    margin: -3% 0 0 44%; }
  .top-level-page .collection-title {
    font-size: 32px; }
  .top-level-page .block-copy-6 div:nth-child(1) {
    font-size: 22px;
    margin: 0 4%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 8% 0 !important; }
  .top-level-page .cat-page-block .cat-page-block-content-big.trousers.womens {
    margin: -7% 0 0 52% !important; }
  .top-level-page .cat-page-block-content-big.trousers.kids {
    margin: 6% 0 0 57% !important;
    max-width: 300px; } }

@media only screen and (max-width: 799px) {
  .top-level-page .block-whitebg-inner {
    padding: 3% 10%; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 3% 0 !important; } }

@media only screen and (max-width: 740px) {
  .top-level-page .collection-title {
    font-size: 6vw;
    letter-spacing: 2px;
    margin: 10px 0 15px 0; }
  .top-level-page .heroShopAll div:first-of-type {
    display: none; }
  .top-level-page .heroShopAll .heroOverlay {
    position: relative;
    background: #818068; }
  .top-level-page .block-whitebg-inner.block-copy.womens {
    padding: 2% 0 !important; }
  .top-level-page .flex-item.col-4.landingHero, .top-level-page .s-main-menu .categories > li .block .category-items > div.flex-item.landingHero.col-4, .s-main-menu .categories > li .block .top-level-page .category-items > div.flex-item.landingHero.col-4 {
    width: 49.99%;
    max-width: 49.99%; } }

@media only screen and (max-width: 600px) {
  .top-level-page .desktop {
    display: none; }
  .top-level-page .mobile {
    display: block; }
  .top-level-page .cat-page-header .cat-page-header-content h1 {
    font-size: 7vw;
    line-height: 1.5; }
  .top-level-page .cat-page-header .cat-page-header-content p {
    font-size: 12px;
    line-height: 1.2; }
  .top-level-page .cat-page-header-copy {
    padding: 10px 15px; }
  .top-level-page .block-copy div:nth-child(1) {
    font-size: 28px;
    line-height: 38px; }
  .top-level-page .block-copy div:nth-child(2) {
    font-size: 12px;
    line-height: 18px; }
  .top-level-page .block-copy div:nth-child(3) {
    font-size: 16px;
    line-height: 24px; }
  .top-level-page .cat-page-block .cat-page-block-content-big.jackets {
    max-width: 80% !important;
    margin: 23% auto 0 auto !important; }
  .top-level-page .cat-page-block .cat-page-block-content-big.trousers {
    max-width: 80% !important;
    margin: 26% auto 0 auto !important; }
  .top-level-page .cat-page-block .cat-page-block-content-big.trousers.womens {
    margin: 22% auto 0 auto !important;
    width: 80%; }
  .top-level-page .cat-page-block-content-big.trousers.kids,
  .top-level-page .cat-page-block .cat-page-block-content-big.jackets.kids {
    margin: 27% auto 0 auto !important;
    width: 80%; }
  .top-level-page .collection-title {
    font-size: 28px; }
  .top-level-page .block-copy-6 div:nth-child(1) {
    font-size: 22px;
    line-height: 23px;
    margin: 0 4%; }
  .top-level-page .cat-page-block img {
    width: 100%; }
  .top-level-page .block-inner-6 {
    width: 95%; } }

@media only screen and (max-width: 500px) {
  .top-level-page .flex-item.col-4.landingHero, .top-level-page .s-main-menu .categories > li .block .category-items > div.flex-item.landingHero.col-4, .s-main-menu .categories > li .block .top-level-page .category-items > div.flex-item.landingHero.col-4 {
    width: 100%;
    max-width: 100%; } }

/* multibuys/bundles page */
.bundles .cms-multibuys .breadcrumbs.c-breadcrumbs {
  display: none; }

.bundles .bundle-header {
  color: #292929;
  text-align: center; }

.bundles .bundle-header div:nth-child(1) {
  font-weight: 600;
  font-size: 44px;
  line-height: 44px;
  padding-top: 5%;
  letter-spacing: 1px;
  text-transform: uppercase; }

.bundles .bundle-header div:nth-child(2) {
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 2px;
  padding: 1% 12%; }

.bundles .bundle-offer-container {
  text-align: center; }

.bundles .bundle-container.bundle1 {
  background-color: #83b9df; }

.bundles .bundle-container.bundle2 {
  background-color: #e28faa; }

.bundles .bundle-container.bundle3 {
  background-color: #cbda88; }

.bundles .bundle-container.bundle4 {
  background-color: #e5987e; }

.bundles .bundle-offer-container {
  font-weight: 600;
  color: #ffffff;
  text-align: center; }

.bundles .bundle-container {
  display: table;
  height: 300px;
  width: 100%; }

.bundles .bundle-offer-container {
  display: table-cell;
  padding: 10px;
  vertical-align: middle; }

.bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(1) {
  font-size: 74px;
  line-height: 74px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(2) {
  font-size: 46px;
  line-height: 46px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(3) {
  font-size: 26px;
  line-height: 30px;
  padding: 0 28%; }

.bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(1) {
  font-size: 84px;
  line-height: 84px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(1) > span {
  font-size: 34px;
  line-height: 84px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(2) {
  font-size: 26px;
  line-height: 30px; }

.bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(1) {
  font-size: 84px;
  line-height: 84px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(1) > span {
  font-size: 34px;
  line-height: 84px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(2) {
  font-size: 26px;
  line-height: 30px; }

.bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(1) {
  font-size: 42px;
  line-height: 42px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(2) {
  font-size: 67px;
  line-height: 67px;
  text-transform: uppercase; }

.bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(3) {
  font-size: 26px;
  line-height: 30px;
  padding: 0 28%; }

.bundles .bundle-cta {
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  margin: 1%;
  text-align: center;
  width: 29%;
  display: inline-block;
  text-transform: uppercase; }

.bundles .bundle-cta:hover {
  text-decoration: none; }

.bundles .bundle1-cta {
  background: #e28faa; }

.bundles .bundle1-cta:hover {
  background: #e47a9c; }

.bundles .bundle2-cta {
  background: #cbda88; }

.bundles .bundle2-cta:hover {
  background: #c7da71; }

.bundles .bundle3-cta {
  background: #e5987e; }

.bundles .bundle3-cta:hover {
  background: #e88462; }

.bundles .bundle4-cta {
  background: #83b9df; }

.bundles .bundle4-cta:hover {
  background: #6cafdf; }

.bundles .bundle-cta-container {
  height: 100px;
  text-align: center; }

.bundles .bundle1-container {
  background-color: #83b9df; }

.bundles .bundle2-container {
  background-color: #e28faa; }

.bundles .bundle3-container {
  background-color: #cbda88; }

.bundles .bundle4-container {
  background-color: #e5987e; }

@media only screen and (max-width: 1224px) {
  .bundles .bundle-cta {
    padding: 5px !important;
    font-size: 16px !important; } }

@media only screen and (max-width: 1000px) {
  .bundles .bundle-container {
    height: 225px; }
  .bundles .bundle-cta-container {
    height: 150px; }
  .bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(1) {
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(2) {
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle1 .bundle-offer-container div:nth-child(3) {
    font-size: 26px;
    line-height: 30px;
    padding: 0 12%; }
  .bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(1) {
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(1) > span {
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle2 .bundle-offer-container div:nth-child(2) {
    font-size: 26px;
    line-height: 30px; }
  .bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(1) {
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(1) > span {
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle3 .bundle-offer-container div:nth-child(2) {
    font-size: 26px;
    line-height: 30px; }
  .bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(1) {
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(2) {
    font-size: 44px;
    line-height: 44px;
    text-transform: uppercase; }
  .bundles .bundle-container.bundle4 .bundle-offer-container div:nth-child(3) {
    font-size: 26px;
    line-height: 30px;
    padding: 0; }
  .bundles .bundle-cta {
    padding: 6px 10px 6px 15px;
    display: block;
    width: 50%;
    margin: 0 auto 1% auto; } }

@media only screen and (max-width: 989px) {
  .bundles img.bundle-img {
    max-width: 85%; } }

@media only screen and (max-width: 600px) {
  .bundles .bundle-header div:nth-child(1) {
    font-size: 28px;
    line-height: 30px; }
  .bundles .bundle-header div:nth-child(2) {
    font-size: 19px;
    line-height: 25px;
    letter-spacing: 0;
    padding: 1% 15%; }
  .bundles .bundle-container {
    height: 200px; }
  .bundles .bundle-cta {
    font-size: 16px;
    padding: 5px 10px 5px 15px; }
  .bundles .flex-container .flex-item.col-6:nth-child(1), .bundles .flex-container .s-main-menu .categories > li .block .category-items > div.flex-item.col-6:nth-child(1), .s-main-menu .categories > li .block .bundles .flex-container .category-items > div.flex-item.col-6:nth-child(1),
  .bundles .flex-container .flex-item.col-6:nth-child(3),
  .bundles .flex-container .s-main-menu .categories > li .block .category-items > div.flex-item.col-6:nth-child(3),
  .s-main-menu .categories > li .block .bundles .flex-container .category-items > div.flex-item.col-6:nth-child(3) {
    padding-bottom: 10px; } }

.brand-container > div {
  margin-bottom: 20px; }
  .brand-container > div:empty {
    display: none; }

.brand-container strong {
  font-weight: 700; }

.brand-container .brand-header {
  position: relative;
  line-height: 1; }
  .brand-container .brand-header img {
    width: 100%; }
  .brand-container .brand-header span {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 22px; }

.brand-container .brand-copy {
  text-align: center;
  padding: 0 20px; }

.brand-container .brand-ctas {
  text-align: center; }
  .brand-container .brand-ctas a {
    margin-right: 20px;
    color: #fff;
    padding: 8px 0;
    width: 30%;
    display: inline-block;
    background: grey;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 16px; }
    .brand-container .brand-ctas a:last-of-type {
      margin-right: 0; }

@media only screen and (max-width: 530px) {
  .brand-container .brand-ctas a {
    margin-right: 0;
    width: 55%;
    margin-bottom: 10px;
    min-width: 250px; } }

@media only screen and (max-width: 450px) {
  .brand-container .brand-ctas a {
    width: 75%; } }

.brand-container.brand-overall h1 {
  color: #79aee7;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 45px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0;
  font-weight: 600; }

.brand-container.brand-overall .brand-logos {
  margin-bottom: 50px;
  max-width: 921px;
  margin: 0 auto 50px auto; }
  .brand-container.brand-overall .brand-logos > div {
    padding: 0;
    margin-right: 5%; }
    .brand-container.brand-overall .brand-logos > div:nth-child(3) {
      margin-right: 3%; }
    .brand-container.brand-overall .brand-logos > div:nth-child(4) {
      margin-right: 1%; }
    .brand-container.brand-overall .brand-logos > div:last-of-type {
      margin-right: 0; }
  .brand-container.brand-overall .brand-logos img {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content; }

.brand-container.brand-overall .brand-list {
  max-width: 921px;
  margin: 0 auto; }
  .brand-container.brand-overall .brand-list > div {
    margin-bottom: 30px; }
  .brand-container.brand-overall .brand-list h5 {
    font-weight: 700;
    font-size: 28px;
    text-decoration: underline;
    margin-bottom: 10px;
    line-height: 1;
    color: #000; }
  .brand-container.brand-overall .brand-list a {
    display: block;
    color: #000;
    margin-bottom: 5px;
    font-size: 16px; }
    .brand-container.brand-overall .brand-list a:hover {
      text-decoration: underline; }

.brand-container.brand-overall .brand-ctas {
  margin-bottom: 40px; }
  .brand-container.brand-overall .brand-ctas a {
    min-width: 250px;
    background: #79aee7;
    letter-spacing: 1.5px;
    width: 16%; }

@media only screen and (max-width: 1024px) {
  .brand-container.brand-overall .brand-logos {
    text-align: center;
    display: block; }
    .brand-container.brand-overall .brand-logos > div {
      display: inline-block; }
      .brand-container.brand-overall .brand-logos > div:nth-child(3n) {
        margin-right: 0; } }

@media only screen and (max-width: 740px) {
  .brand-container.brand-overall .brand-logos > div {
    width: 46.98%;
    margin: 0; }
    .brand-container.brand-overall .brand-logos > div:nth-child(2n) {
      margin-top: 20px; }
    .brand-container.brand-overall .brand-logos > div:nth-child(2) {
      margin-top: 0; }
  .brand-container.brand-overall .brand-list {
    max-width: 90%; }
    .brand-container.brand-overall .brand-list > div {
      width: 33%;
      text-align: center; } }

@media only screen and (max-width: 500px) {
  .brand-container.brand-overall .brand-logos > div {
    margin-top: 10px !important; }
    .brand-container.brand-overall .brand-logos > div:first-of-type {
      margin: 0 !important; } }

@media only screen and (max-width: 450px) {
  .brand-container.brand-overall .brand-list > div {
    width: 50%; } }

.brand-container.brand-buff .brand-ctas a {
  background: #4c7f95; }

.brand-container.brand-craghoppers .nosilife-copy img {
  display: inline-block;
  vertical-align: middle;
  max-width: 210px; }

.brand-container.brand-craghoppers .nosilife-copy div {
  display: inline-block;
  max-width: 46%;
  text-align: left;
  padding-left: 20px;
  vertical-align: middle; }
  .brand-container.brand-craghoppers .nosilife-copy div p:first-of-type {
    margin-bottom: 10px; }
  .brand-container.brand-craghoppers .nosilife-copy div p:last-of-type {
    margin-bottom: 0; }

.brand-container.brand-craghoppers .brand-ctas a {
  background: #cfa688; }

.brand-container.brand-craghoppers .brand-ctas.nosilife-ctas a {
  background: #e2032d;
  min-width: 250px; }

@media only screen and (max-width: 530px) {
  .brand-container.brand-craghoppers .nosilife-copy img {
    max-width: 180px; }
  .brand-container.brand-craghoppers .nosilife-copy div {
    max-width: 100%;
    padding-left: 0;
    margin-top: 20px; }
  .brand-container.brand-craghoppers .brand-ctas.nosilife-ctas {
    margin-bottom: 10px; }
    .brand-container.brand-craghoppers .brand-ctas.nosilife-ctas a {
      width: 55%;
      margin-bottom: 10px; }
      .brand-container.brand-craghoppers .brand-ctas.nosilife-ctas a:last-of-type {
        margin-bottom: 0; } }

@media only screen and (max-width: 450px) {
  .brand-container.brand-craghoppers .brand-ctas.nosilife-ctas a {
    width: 75%; } }

.brand-container.brand-dare2b .brand-ctas a {
  background: #2e7473; }

.brand-container.brand-lowa .brand-ctas a {
  background: #8fa559; }

.brand-container.brand-regatta .brand-ctas a {
  background: #f9a91e; }

.klarna-landing > div {
  margin-bottom: 40px !important; }

.klarna-landing .header {
  position: relative; }
  .klarna-landing .header img {
    width: 100%; }
  .klarna-landing .header h3 {
    width: 100%;
    text-align: center;
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    color: #000; }

.klarna-landing .klarna-steps {
  background: #769fd0;
  text-align: center;
  color: #fff;
  padding: 30px 0 40px 0;
  background: #f3f3f3;
  color: #5f5f5e; }
  .klarna-landing .klarna-steps .steps-inner-container {
    max-width: 1500px;
    margin: 0 auto; }
    .klarna-landing .klarna-steps .steps-inner-container > div {
      border-right: 1px solid #cecece;
      padding: 20px; }
      .klarna-landing .klarna-steps .steps-inner-container > div:last-of-type {
        border: 0; }
      .klarna-landing .klarna-steps .steps-inner-container > div img {
        max-width: 60px;
        margin-bottom: 20px; }
      .klarna-landing .klarna-steps .steps-inner-container > div p:first-of-type {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px; }

.klarna-landing .klarna-container {
  max-width: 1228px;
  margin: 0 auto; }
  .klarna-landing .klarna-container > div {
    margin-bottom: 40px; }
    .klarna-landing .klarna-container > div .payment-option {
      border-right: 1px solid #5f5f5e;
      padding: 20px; }
      .klarna-landing .klarna-container > div .payment-option:last-of-type {
        border: 0; }
      .klarna-landing .klarna-container > div .payment-option p:first-of-type {
        font-weight: 600;
        text-align: center; }
      .klarna-landing .klarna-container > div .payment-option a {
        background-color: rgba(255, 255, 255, 0.7);
        border: 1px #acacac solid;
        font-weight: 700;
        line-height: 0.8;
        text-transform: uppercase;
        width: 100%;
        min-width: 170px;
        text-align: center;
        border-radius: 2px;
        font-size: 14px;
        padding: 10px 0;
        color: #000;
        margin: 0 auto;
        display: block;
        max-width: 250px; }
    .klarna-landing .klarna-container > div .sub-header {
      font-weight: 600; }

.klarna-landing .section-header {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px; }

@media only screen and (max-width: 740px) {
  .klarna-landing .header h3 {
    font-size: 5.5vw; }
  .klarna-landing .klarna-steps .steps-inner-container > div {
    border: 0; }
  .klarna-landing .klarna-container {
    padding: 0 20px; }
    .klarna-landing .klarna-container > div .payment-option {
      border: 0; } }

/* Styles for sign in pages inc checkout sign in */
/* Login Page */
.customer-account-login .block-customer-login .block-title h2,
.customer-account-login .block-new-customer .block-title h2 {
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px; }

.customer-account-login .block-customer-login .block-content,
.customer-account-login .block-new-customer .block-content {
  max-width: 420px;
  margin: 0 auto; }
  .customer-account-login .block-customer-login .block-content p,
  .customer-account-login .block-new-customer .block-content p {
    margin-bottom: 0;
    text-align: center; }
  .customer-account-login .block-customer-login .block-content label,
  .customer-account-login .block-new-customer .block-content label {
    padding: 0; }
  .customer-account-login .block-customer-login .block-content .c-btn,
  .customer-account-login .block-new-customer .block-content .c-btn {
    background: #61910a;
    border: 1px solid #61910a;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    width: 100%;
    padding: 5px 0;
    margin-top: 10px; }

@media only screen and (max-width: 740px) {
  .customer-account-login .block-new-customer {
    margin-bottom: 40px; } }

/* Login Page END */
/* Checkout login page */
.guest_checkout-account-login .guestlogin-page-wrapper {
  margin: 40px auto;
  padding: 40px;
  border-radius: 2px;
  border-color: #dedede;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .guest_checkout-account-login .guestlogin-page-wrapper .guest-block-title {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 30px;
    margin: 20px 0;
    line-height: 1.2; }
  .guest_checkout-account-login .guestlogin-page-wrapper .guest-block-content {
    max-width: 440px; }
    .guest_checkout-account-login .guestlogin-page-wrapper .guest-block-content .guest-field-input {
      border: 1px solid #bdbdbd;
      border-radius: 4px; }
    .guest_checkout-account-login .guestlogin-page-wrapper .guest-block-content .guest-submit {
      background: #61910a;
      border: 1px solid #61910a;
      border-radius: 5px;
      color: #fff;
      font-size: 16px;
      letter-spacing: 1px;
      width: 100%;
      padding: 5px 0;
      margin-top: 10px; }

@media only screen and (max-width: 740px) {
  .guest_checkout-account-login .guestlogin-page-wrapper {
    margin: 40px 20px; } }

/* Checkout login page END */
/* Account Styles */
.account .c-product-details__title,
.account .page-title {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 20px; }

.account .c-label.order-status {
  margin-bottom: 20px; }

.account .block-title {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize; }

.account .sidebar.sidebar-main {
  width: 100% !important;
  margin: 25px 0;
  padding: 0 !important; }

.account #account-nav {
  text-align: center; }
  .account #account-nav ul {
    padding: 20px;
    background: #f3f3f3; }
    .account #account-nav ul li {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 0;
      border-right: 1px solid;
      border-color: #9e9e9e;
      padding-right: 20px; }
      .account #account-nav ul li:nth-child(4) {
        margin-right: 0;
        border: 0;
        padding: 0; }
      .account #account-nav ul li:nth-child(3), .account #account-nav ul li:nth-child(5), .account #account-nav ul li:nth-child(6) {
        display: none; }
      .account #account-nav ul li > * {
        font-size: 16px; }
        .account #account-nav ul li > * > * {
          font-size: 16px; }
          .account #account-nav ul li > * > *:hover {
            color: #343334;
            text-decoration: underline; }
        .account #account-nav ul li > *:hover {
          color: #343334;
          text-decoration: underline; }
      .account #account-nav ul li.current > * {
        text-decoration: underline; }

.account.customer-account-index .column.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 40px; }
  .account.customer-account-index .column.main .page-title-wrapper.c-account {
    display: none; }
  .account.customer-account-index .column.main .account.account-hello {
    width: 100%; }
    .account.customer-account-index .column.main .account.account-hello .u-heading-gamma {
      font-weight: 700;
      letter-spacing: 1.5px;
      font-size: 35px; }
  .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info {
    margin-bottom: 0 !important;
    width: 50%;
    border: 0;
    text-align: center;
    border-right: 2px solid;
    border-color: #9e9e9e;
    padding: 20px 0; }
    .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content {
      margin: 0; }
      .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content .c-account-box__column {
        width: 100% !important;
        padding: 0; }
        .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content .c-account-box__column .c-account-box__title-link.action.edit {
          display: block;
          width: 100%; }
          .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content .c-account-box__column .c-account-box__title-link.action.edit::after {
            content: 'Update Account';
            text-decoration: underline; }
          .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content .c-account-box__column .c-account-box__title-link.action.edit span {
            display: none; }
        .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info .block-content .o-layout.box-content .c-account-box__column .action.change-password {
          text-decoration: underline; }
  .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-newsletter {
    width: 50%;
    border: 0;
    border: 0;
    text-align: center;
    padding: 20px 0; }
    .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-newsletter .c-account-box__header .c-account-box__title-link.action.edit {
      width: 100%; }
      .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-newsletter .c-account-box__header .c-account-box__title-link.action.edit::after {
        content: 'Update Preferences';
        text-decoration: underline; }
      .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-newsletter .c-account-box__header .c-account-box__title-link.action.edit span {
        display: none; }

.account .column.main {
  width: 100% !important;
  margin-bottom: 40px;
  padding: 0 !important; }
  .account .column.main .account.account-hello .u-heading-gamma {
    font-weight: 600;
    font-size: 25px;
    margin: 0 0 10px;
    text-align: center; }
  .account .column.main .account.account-hello p {
    text-align: center;
    margin-bottom: 40px; }

.account .orders-history table {
  width: 100%; }
  .account .orders-history table .table-caption {
    display: none; }
  .account .orders-history table thead {
    background: #8c8c8c; }
    .account .orders-history table thead th {
      border: 1px solid;
      border-color: #9e9e9e;
      text-align: center;
      color: #fff;
      padding: 5px 0; }
  .account .orders-history table tbody {
    border: 1px solid;
    border-color: #9e9e9e;
    text-align: center; }
    .account .orders-history table tbody tr:nth-child(even) {
      background: #d4d4d4; }
    .account .orders-history table tbody tr td {
      border: 1px solid;
      border-color: #9e9e9e;
      padding: 5px 0; }
      .account .orders-history table tbody tr td a {
        text-decoration: underline;
        color: #343334; }

@media only screen and (max-width: 550px) {
  .account.sales-order-history .page-title-wrapper::after {
    content: 'Swipe for more information';
    display: block;
    text-align: center;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2024%2036%22%20style%3D%22enable-background%3Anew%200%200%2024%2036%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22right.svg%22%20d%3D%22M6.37%2C0.42l17.19%2C16.57c0.284%2C0.258%2C0.444%2C0.626%2C0.44%2C1.01c0.006%2C0.381-0.154%2C0.747-0.44%2C1L6.37%2C35.58%20C6.091%2C35.855%2C5.712%2C36.007%2C5.32%2C36c-0.395%2C0.005-0.776-0.146-1.06-0.42l-3.82-3.71c-0.555-0.513-0.589-1.378-0.077-1.933%20c0.025-0.026%2C0.05-0.052%2C0.077-0.077L12.75%2C18L0.44%2C6.14c-0.555-0.513-0.589-1.378-0.077-1.933C0.388%2C4.181%2C0.413%2C4.155%2C0.44%2C4.13%20l3.82-3.71C4.544%2C0.146%2C4.925-0.004%2C5.32%2C0C5.712-0.007%2C6.091%2C0.145%2C6.37%2C0.42z%22%2F%3E%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 5%;
    margin: 0 auto;
    max-width: 212px; } }

.account #my-orders-table {
  margin: 20px 0 !important; }
  .account #my-orders-table .c-table__head {
    background: #8c8c8c;
    color: #fff; }
  .account #my-orders-table .c-table__body .c-table__data {
    padding: 15px 10px; }
    .account #my-orders-table .c-table__body .c-table__data .item-options {
      margin-bottom: 0; }

.account .block-order-details-view {
  margin-bottom: 40px; }
  .account .block-order-details-view .block-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
    text-align: center; }
  .account .block-order-details-view .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .account .block-order-details-view .block-content > div {
      width: 33%;
      border-right: 1px solid;
      border-color: #9e9e9e;
      padding-left: 20px; }
      .account .block-order-details-view .block-content > div:first-of-type {
        padding-left: 0; }
      .account .block-order-details-view .block-content > div:nth-child(3) {
        border-right: 0; }
      .account .block-order-details-view .block-content > div address {
        font-style: normal; }
    .account .block-order-details-view .block-content .box-title {
      font-weight: 600; }

.account .block.block-addresses-default .o-layout.u-margin-below.block-content {
  margin: 0; }
  .account .block.block-addresses-default .o-layout.u-margin-below.block-content .o-layout__item:first-child {
    padding-left: 0; }
  .account .block.block-addresses-default .o-layout.u-margin-below.block-content .o-layout__item:nth-child(odd) {
    padding-right: 10px; }
  .account .block.block-addresses-default .o-layout.u-margin-below.block-content .o-layout__item:nth-child(even) {
    padding-left: 10px; }

.account .block-addresses-list .block-content.o-layout {
  margin: 0; }
  .account .block-addresses-list .block-content.o-layout li {
    text-align: left; }
    .account .block-addresses-list .block-content.o-layout li:nth-child(odd) {
      padding-left: 0;
      padding-right: 10px; }
    .account .block-addresses-list .block-content.o-layout li:nth-child(even) {
      padding-left: 10px; }
    .account .block-addresses-list .block-content.o-layout li .c-border-box--spaced {
      margin-bottom: 20px; }
    .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions {
      margin: 0; }
      .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions .o-layout__item {
        padding: 0; }
        .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions .o-layout__item.o-list-stacked li {
          padding: 0;
          margin-bottom: 10px;
          width: 49%;
          display: inline-block; }
          .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions .o-layout__item.o-list-stacked li:last-of-type {
            margin-bottom: 0; }
          .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions .o-layout__item.o-list-stacked li form input {
            width: 100%;
            padding: 3px 0; }

.account .block-addresses-list .block-content .additional-addresses table {
  margin: 0;
  width: 100%;
  margin-top: 10px; }
  .account .block-addresses-list .block-content .additional-addresses table caption {
    display: none; }
  .account .block-addresses-list .block-content .additional-addresses table thead {
    background: #8c8c8c; }
    .account .block-addresses-list .block-content .additional-addresses table thead th {
      border: 1px solid;
      border-color: #9e9e9e;
      text-align: center;
      color: #fff;
      padding: 5px 0; }
  .account .block-addresses-list .block-content .additional-addresses table tbody {
    border: 1px solid;
    border-color: #9e9e9e;
    text-align: center; }
    .account .block-addresses-list .block-content .additional-addresses table tbody tr:nth-child(even) {
      background: #d4d4d4; }
    .account .block-addresses-list .block-content .additional-addresses table tbody tr td {
      border: 1px solid;
      border-color: #9e9e9e;
      padding: 5px 0; }

.account .block-addresses-list .block-content .customer-addresses-toolbar.toolbar.bottom {
  text-align: right;
  margin: 10px 0; }
  .account .block-addresses-list .block-content .customer-addresses-toolbar.toolbar.bottom p.c-pagination__text.toolbar-amount {
    margin-bottom: 0; }

.account .actions-toolbar {
  text-align: right; }
  .account .actions-toolbar button {
    display: inline-block;
    width: auto;
    padding: 7px 50px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background: #61910a;
    border: 2px solid #61910a;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    font-size: 16px;
    line-height: 1; }
    .account .actions-toolbar button span {
      color: #fff; }
  .account .actions-toolbar a.action.back {
    display: none; }

.account .c-account__content address {
  font-style: normal; }

.account .c-account__content .block-addresses-default .box-title {
  font-weight: 600; }

.account .form-edit-account {
  max-width: 935px; }
  .account .form-edit-account legend {
    display: none; }
  .account .form-edit-account label {
    font-weight: 600; }
  .account .form-edit-account .field-name-prefix {
    width: 30%; }
  .account .form-edit-account .field-name-firstname,
  .account .form-edit-account .field-name-lastname {
    display: inline-block;
    width: 49%; }
  .account .form-edit-account .field.choice {
    margin-bottom: 5px; }
    .account .form-edit-account .field.choice:last-of-type {
      margin-bottom: 0; }
    .account .form-edit-account .field.choice input {
      display: none; }
  .account .form-edit-account .fieldset.password .field {
    margin-bottom: 10px; }
    .account .form-edit-account .fieldset.password .field input {
      width: 250px;
      border: 2px solid #dfe0e1; }
  .account .form-edit-account #password-strength-meter-container.password-weak span {
    color: #c53f20; }
  .account .form-edit-account #password-strength-meter-container.password-medium span {
    color: #e27c11; }
  .account .form-edit-account #password-strength-meter-container.password-strong span {
    color: #658a22; }
  .account .form-edit-account #password-strength-meter-container.password-very-strong span {
    color: #61910a; }

.account .form-address-edit fieldset .field {
  margin-bottom: 10px; }
  .account .form-address-edit fieldset .field label {
    padding: 0;
    font-weight: 600; }

@media only screen and (max-width: 989px) {
  .account .block-addresses-list .block-content.o-layout li .o-layout.item.actions .o-layout__item.o-list-stacked li {
    width: 100%; } }

@media only screen and (max-width: 740px) {
  .account .block-order-details-view .block-title,
  .account .c-product-details__title,
  .account .page-title {
    font-size: 25px; }
  .account #account-nav ul li > * {
    font-size: 14px; }
  .account .columns.o-layout {
    margin: 0 10px; }
    .account .columns.o-layout .column.main .order-products-toolbar.toolbar.bottom .o-layout.c-pagaination.pager {
      margin: 0; }
  .account .block.block-addresses-default .o-layout.u-margin-below.block-content .o-layout__item:nth-child(even), .account .block.block-addresses-default .o-layout.u-margin-below.block-content .o-layout__item:nth-child(odd) {
    padding: 0; }
  .account .block-addresses-list .block-content.o-layout li:nth-child(even), .account .block-addresses-list .block-content.o-layout li:nth-child(odd) {
    padding: 0; } }

@media only screen and (max-width: 550px) {
  .account .table-wrapper.additional-addresses,
  .account .table-wrapper.orders-history {
    overflow-x: auto; }
    .account .table-wrapper.additional-addresses #additional-addresses-table,
    .account .table-wrapper.additional-addresses #my-orders-table,
    .account .table-wrapper.orders-history #additional-addresses-table,
    .account .table-wrapper.orders-history #my-orders-table {
      width: 800px; }
      .account .table-wrapper.additional-addresses #additional-addresses-table tbody tr td[data-th="Actions"],
      .account .table-wrapper.additional-addresses #my-orders-table tbody tr td[data-th="Actions"],
      .account .table-wrapper.orders-history #additional-addresses-table tbody tr td[data-th="Actions"],
      .account .table-wrapper.orders-history #my-orders-table tbody tr td[data-th="Actions"] {
        width: 100px; } }

@media only screen and (max-width: 450px) {
  .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-info {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid;
    border-color: #9e9e9e; }
  .account.customer-account-index .column.main .c-account-box.c-border-box.block.block-dashboard-newsletter {
    width: 100%; }
  .account .block-order-details-view .block-content > div {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #dfe0e1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    text-align: center; } }

/* Header updates */
@media only screen and (max-width: 989px) {
  .c-header__logo {
    vertical-align: middle; }
    .c-header__logo img {
      max-width: 160px; } }

@media only screen and (max-width: 740px) {
  .c-header--sticky > .o-layout > div:nth-child(3) img {
    max-width: 160px;
    display: block;
    margin: 15px auto 0; } }

@media only screen and (min-width: 741px) {
  header.active::before {
    content: "";
    display: block;
    width: 99vw;
    height: 100vh;
    position: absolute;
    z-index: 1; }
  header .o-region__inner .o-layout .o-layout__item:nth-child(2) {
    position: relative;
    margin-top: 35px; }
    header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout {
      /* List items */
      /* Search & basket */ }
      header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links {
        position: absolute;
        background: #fff;
        right: 15%;
        top: 40px;
        z-index: 9;
        border: 1px solid #ddd;
        padding: 20px !important;
        display: none; }
        header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links.active {
          display: block;
          max-width: 150px;
          padding-bottom: 10px !important; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links.active::before {
            content: "";
            display: block;
            background: #fff;
            width: 10px;
            height: 10px;
            border-left: 1px solid #ddd;
            border-top: 1px solid #ddd;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: -6px;
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: 0; }
        header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links {
          text-align: left;
          margin: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li {
            display: block;
            padding: 0;
            width: 100%;
            /*&:nth-child(3){
												order: 2;
											}*/ }
            header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li[data-bind="scope: 'zero1_customer_name'"] {
              -webkit-box-ordinal-group: 2 !important;
              -ms-flex-order: 1 !important;
              order: 1 !important;
              font-size: 14px;
              text-align: center;
              border-bottom: 1px solid #ddd; }
              header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li[data-bind="scope: 'zero1_customer_name'"] span {
                margin-left: 2px; }
            header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li:nth-child(4) {
              -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
              order: 4; }
            header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li:nth-child(6) {
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2; }
            header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links li:nth-child(7) {
              -webkit-box-ordinal-group: 6;
              -ms-flex-order: 5;
              order: 5; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links .header.links > div {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3; }
      header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) div:nth-child(2) {
        margin-top: 0; }
      header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) #account-button {
        display: inline-block;
        padding: 10px 15px 10px 25px;
        background-image: url(https://cdn.hawkshead.com/img/icons/person.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 0 9px;
        cursor: pointer;
        color: #343334;
        float: left; }
        header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) #account-button.active::after {
          display: block;
          width: 100%;
          height: 100vh;
          content: "";
          top: 0;
          position: fixed;
          left: 0;
          z-index: 2; }
      header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn {
        background: #fff; }
        header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__price {
          padding: 0 14px; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__price::before {
            background-image: url(https://cdn.hawkshead.com/img/icons/basket.svg) !important; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__price span {
            font-size: 0; }
        header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__items.counter.qty {
          padding: 10px 0;
          background: transparent;
          color: #000; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__items.counter.qty::before {
            content: "Basket";
            margin-right: 5px; }
          header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) .c-mini-cart-btn .c-mini-cart-btn__items.counter.qty span {
            display: inline-block;
            overflow: hidden;
            width: 20px;
            height: 20px;
            background: #dedede;
            text-align: center;
            border-radius: 100%;
            position: relative;
            top: 0;
            line-height: 1.7;
            font-size: 12px;
            vertical-align: text-top; } }

@media only screen and (min-width: 990px) {
  header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout {
    /* List items */ }
    header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links {
      right: 11%; } }

@media only screen and (max-width: 989px) {
  header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(2) #account-button {
    padding: 10px 10px 10px 22px; } }

@media only screen and (min-width: 1228px) {
  header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout {
    /* List items */ }
    header .o-region__inner .o-layout .o-layout__item:nth-child(2) > .o-layout:nth-child(1) .s-header-links {
      right: 9%; } }

/* Mobile Search Updates */
@media only screen and (max-width: 740px) {
  .c-mobile-search {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left; }
    .c-mobile-search.active {
      left: 0; }
    .c-mobile-search .c-mobile-search__close {
      margin: 10px 0 25px auto;
      padding: 12px; }
    .c-mobile-search input#search {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px;
      padding: 5px 10px; }
    .c-mobile-search .c-input-combined__button {
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
    .c-mobile-search .c-input-wrap + span {
      display: inline-block; }
    .c-mobile-search .u-display-inline {
      display: inline-block !important;
      vertical-align: top;
      max-width: 80%; }
      .c-mobile-search .u-display-inline .c-listings__search-suggestion {
        padding-left: 15px !important; }
        .c-mobile-search .u-display-inline .c-listings__search-suggestion:first-of-type {
          padding-left: 10px !important; } }

@media only screen and (max-width: 550px) {
  .c-mobile-search {
    margin-top: 10px; }
    .c-mobile-search .u-display-inline {
      max-width: 100%; }
      .c-mobile-search .u-display-inline .c-listings__search-suggestion:first-of-type {
        padding-left: 0 !important; } }

/* Mobile Search Updates */
/* Header updates END */
@-webkit-keyframes example {
  from {
    bottom: -100vh; }
  to {
    bottom: 0; } }
@keyframes example {
  from {
    bottom: -100vh; }
  to {
    bottom: 0; } }

.amgdprcookie-bar-template {
  z-index: 99990999999 !important; }

.amgdprcookie-bar-template .amgdprcookie-bar-container {
  -webkit-animation-name: example;
  animation-name: example;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  position: fixed;
  bottom: 0;
  z-index: 99990999999 !important;
  top: 0;
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.4); }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 500px;
  margin: auto;
  background: white; }

@media only screen and (max-width: 1024px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy {
  float: left;
  margin: 0; }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy h2 {
  color: #000;
  font-size: 22px;
  margin-bottom: 15px;
  line-height: 1.3em; }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy a:hover {
  color: #000; }

.gdpr-cookie-container_setup-modal._show div[data-role="focusable-start"] {
  width: 100%;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  z-index: 99999999999999; }

.amContainer {
  margin-bottom: 15px; }

@media only screen and (max-width: 1024px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy {
    text-align: left;
    margin-bottom: 10px; } }

@media only screen and (max-width: 750px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy .amContainer::-webkit-scrollbar {
    width: 5px; }
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy .amContainer::-webkit-scrollbar-track {
    background: #2f2f2f; }
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy .amContainer::-webkit-scrollbar-thumb {
    background: #484848; }
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy .amContainer::-webkit-scrollbar-thumb:hover {
    background: #484848; } }

@media only screen and (max-width: 450px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy .amContainer {
    max-height: 200px;
    overflow: auto; } }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; } }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block button {
  padding: 10px;
  margin: 5px;
  font-weight: normal !important;
  min-width: 150px; }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block button.amgdprcookie-button.-allow {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 10px;
  width: 100%;
  min-width: 240px; }

.amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block button.amgdprcookie-button.-settings {
  background: none;
  border: 1px solid #000;
  opacity: 1;
  padding: 8px 0;
  font-size: 14px;
  text-transform: capitalize; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block button.amgdprcookie-button.-settings {
    width: 100%; } }

body#desktop-theme.page-layout-1column:not(.guest-checkout-login-account-login) .modal-inner-wrap {
  z-index: 999909999999 !important; }

.amgdprcookie-groups-modal .modal-inner-wrap {
  border-radius: 10px;
  z-index: 999909999999 !important;
  width: 95%;
  top: 0 !important; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap {
    width: 100%;
    margin: auto;
    height: 100%;
    border-radius: 0; } }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-header {
  margin: 0;
  padding-bottom: 5px; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-header .modal-title {
  font-size: 26px !important; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-header .action-close {
  padding: 20px 20px 10px 20px;
  border-radius: 0px 10px 0px 0px; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-header .action-close {
    border-radius: 0; } }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-header .action-close:before {
  height: 16px;
  width: 16px; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-content {
    padding: 10px; } }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-description {
  color: black;
  margin-bottom: 15px;
  text-align: center;
  max-width: calc(100% - 50px);
  padding-left: 50px;
  font-size: 17px; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-description {
    padding: 0;
    text-align: left;
    line-height: 1.3em;
    margin-bottom: 0; } }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container {
  overflow: auto;
  padding-right: 10px; }

@media only screen and (min-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container {
    max-height: unset; } }

@media only screen and (max-height: 790px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container {
    max-height: 330px; } }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container {
    max-height: calc(86vh - 160px);
    max-height: -webkit-calc(86vh - 160px);
    max-height: -moz-calc(86vh - 160px); } }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container::-webkit-scrollbar {
  width: 8px; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container::-webkit-scrollbar-track {
  background: #f1f1f1; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container::-webkit-scrollbar-thumb {
  background: #888; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container::-webkit-scrollbar-thumb:hover {
  background: #555; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: solid 1px #ececec;
  border-radius: 0px; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container:last-child {
  border-bottom: none; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-header {
  padding: 0; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-header h3 {
  margin-bottom: 5px;
  font-weight: 600; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-header .amgdprcookie-toggle-cookie .amgdprcookie-input:checked:not([disabled]) + .amgdprcookie-label {
  background: #1ba90a; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-text {
  padding: 0;
  max-width: calc(100% - 60px); }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-options {
  background: none;
  color: #3a3a3a;
  padding: 0;
  margin: 5px 0px 0px 0px;
  font-weight: 600; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-options:before,
.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-form-container .amgdprcookie-cookie-container .amgdprcookie-options:after {
  display: none; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-buttons-block.-settings .amgdprcookie-done {
  padding: 10px 40px;
  width: 100%;
  background-color: #1ba90a;
  border-color: #1ba90a;
  color: #ffffff;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  letter-spacing: 1.35px;
  font-weight: 600;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  margin: 20px 0px;
  font-size: 0; }

.amgdprcookie-groups-modal .modal-inner-wrap .modal-content .amgdprcookie-main-wrapper .amgdprcookie-buttons-block.-settings .amgdprcookie-done:before {
  content: "Save Preferences";
  font-size: 15px;
  font-weight: normal !important; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap {
  overflow: hidden;
  padding-right: 10px;
  height: auto;
  border-radius: 10px;
  max-height: calc(100% - 10rem);
  width: 100%;
  max-width: 1228px;
  margin-bottom: 20px; }

@media only screen and (max-width: 750px) {
  .amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap {
    height: 100%;
    max-height: 100%; } }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content {
  overflow: auto;
  margin-bottom: 20px; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content * {
  text-align: left; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content::-webkit-scrollbar-track {
  background: #f1f1f1; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content::-webkit-scrollbar-thumb {
  background: #888; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content::-webkit-scrollbar-thumb:hover {
  background: #555; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-description {
  padding: 0;
  text-align: left;
  max-width: 100%; }

@media only screen and (max-width: 1024px) {
  .amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-description {
    width: 200%;
    max-width: unset; } }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-table .amgdprcookie-title {
  padding-right: 10px;
  min-width: 140px;
  font-weight: 600; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-table .amgdprcookie-title.-wide {
  min-width: 300px; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-table .amgdprcookie-row {
  min-width: 140px; }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-table .amgdprcookie-row .amgdprcookie-cell {
  padding-right: 10px; }

@media only screen and (max-width: 1024px) {
  .amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-content .amgdprcookie-table {
    width: 200%; } }

.amgdprcookie-groups-modal.amgdprcookie-groups-modal.-table .modal-inner-wrap .modal-footer {
  display: none; }

@font-face {
  font-family: 'peppa';
  src: url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_bold_italic-webfont.woff2") format("woff2"), url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_bold_italic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'peppa';
  src: url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_bold-webfont.woff2") format("woff2"), url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'peppa';
  src: url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_italic-webfont.woff2") format("woff2"), url("https://cdn.regatta.com/Fonts/peppa-pig/peppa_italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'peppa';
  src: url("https://cdn.regatta.com/Fonts/peppa-pig/peppa-webfont.woff2") format("woff2"), url("https://cdn.regatta.com/Fonts/peppa-pig/peppa-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

#peppapig {
  max-width: 2000px;
  margin: auto;
  overflow: hidden;
  scroll-behavior: smooth; }
  @media only screen and (min-width: 1090px) {
    #peppapig {
      border: solid 1px #ababab;
      -webkit-box-shadow: 0px 30px 50px #d2d2d2;
      box-shadow: 0px 30px 50px #d2d2d2; } }
  #peppapig * {
    font-family: 'peppa' !important; }
  #peppapig a {
    text-decoration: none; }
  #peppapig .margin-auto {
    margin: 0 auto; }
  #peppapig .ta-center {
    text-align: center; }
  #peppapig .mw-default {
    max-width: 1288px; }
  #peppapig .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 10px;
    border: solid 3px #ffffff;
    margin: 5px auto;
    color: #ffffff;
    max-width: 110px;
    font-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background: #0266B3;
    border-bottom-right-radius: 30% 87%;
    border-bottom-left-radius: 32% 57%;
    border-top-right-radius: 40% 70%;
    border-top-left-radius: 50% 80%; }
    @media only screen and (max-width: 790px) {
      #peppapig .btn {
        font-size: 16px; } }
  #peppapig h1 {
    font-size: 72px;
    margin-bottom: 0; }
    @media only screen and (max-width: 1090px) {
      #peppapig h1 {
        text-align: left;
        margin-left: 33%;
        font-size: 52px; } }
    @media only screen and (max-width: 700px) {
      #peppapig h1 {
        text-align: center;
        margin-left: 0;
        margin-top: 50px;
        font-size: 10vw; } }
  #peppapig h2 {
    font-size: 62px;
    margin-bottom: 0;
    line-height: 1.1em; }
    @media only screen and (max-width: 790px) {
      #peppapig h2 {
        font-size: 47px; } }
    @media only screen and (max-width: 700px) {
      #peppapig h2 {
        font-size: 10vw; } }
  #peppapig p {
    font-size: 16px;
    font-family: "arial" !important;
    line-height: 1.3em; }
    @media only screen and (max-width: 1090px) {
      #peppapig p {
        text-align: left;
        margin-left: 33%; } }
    @media only screen and (max-width: 700px) {
      #peppapig p {
        text-align: center;
        margin-left: 0; } }
  @media only screen and (max-width: 950px) {
    #peppapig .slider-container .flex-control-nav {
      display: none !important; } }
  #peppapig .cover {
    background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/cover-static.jpg?3");
    position: relative;
    padding-top: 25%;
    padding-bottom: 20%;
    background-size: 115%;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #88baf9;
    z-index: 1;
    margin: 0; }
    @media only screen and (max-width: 700px) {
      #peppapig .cover {
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/cover-static-mobile.jpg?3");
        padding-top: 80vh;
        background-size: cover;
        background-position: top center; } }
    #peppapig .cover > img {
      position: absolute;
      top: 10%;
      bottom: 10%;
      left: 0;
      right: 0;
      margin: auto;
      max-width: 30%;
      display: none !important; }
      @media only screen and (max-width: 700px) {
        #peppapig .cover > img {
          top: -10%;
          max-width: 200px; } }
      #peppapig .cover > img[location="1"] {
        position: absolute;
        max-width: 13%;
        top: 0;
        bottom: -22%;
        margin: auto;
        right: -52%;
        z-index: 1; }
        @media only screen and (max-width: 1090px) {
          #peppapig .cover > img[location="1"] {
            bottom: -16%; } }
        @media only screen and (max-width: 700px) {
          #peppapig .cover > img[location="1"] {
            max-width: 40%;
            left: 50%;
            right: 0;
            margin-top: -110px;
            z-index: 2;
            position: relative; } }
      #peppapig .cover > img[location="2"] {
        position: absolute;
        max-width: 11%;
        top: 0;
        bottom: -32%;
        margin: auto;
        left: -52%;
        z-index: 1; }
        @media only screen and (max-width: 1090px) {
          #peppapig .cover > img[location="2"] {
            bottom: -25%; } }
        @media only screen and (max-width: 700px) {
          #peppapig .cover > img[location="2"] {
            max-width: 35%;
            right: 0%;
            left: -50%;
            margin-top: -70px;
            z-index: 2;
            position: relative; } }
  #peppapig .intro {
    position: relative;
    z-index: 2;
    padding: 0;
    background: #19b592;
    background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/intro-background.svg?1");
    background-size: 100%;
    background-position: center;
    margin: -30px 0 10%; }
    @media only screen and (max-width: 790px) {
      #peppapig .intro {
        background-size: 150%; } }
    #peppapig .intro h1, #peppapig .intro p {
      text-align: center;
      margin-left: 0%; }
    #peppapig .intro [location="1"] {
      position: absolute;
      max-width: 46%;
      top: 15%;
      bottom: 0;
      margin: auto;
      right: 68%;
      z-index: 1; }
      @media only screen and (max-width: 790px) {
        #peppapig .intro [location="1"] {
          display: none; } }
    #peppapig .intro [location="2"] {
      position: absolute;
      max-width: 150px;
      bottom: 10%;
      margin: auto;
      right: 6%;
      z-index: -1; }
      @media only screen and (max-width: 1090px) {
        #peppapig .intro [location="2"] {
          display: none; } }
    #peppapig .intro:before {
      content: "";
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/intro-top.svg?1");
      width: 100%;
      padding: 5%;
      background-size: cover;
      margin-top: -5%;
      background-position: center top; }
    #peppapig .intro:after {
      content: "";
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/intro-bottom.svg?1");
      width: 100%;
      padding-top: 10%;
      background-size: cover;
      margin-bottom: -10%;
      background-position: center top; }
    #peppapig .intro > div {
      max-width: 600px; }
      @media only screen and (max-width: 1090px) {
        #peppapig .intro > div {
          max-width: 80%;
          min-height: 450px; } }
      @media only screen and (max-width: 790px) {
        #peppapig .intro > div {
          max-width: 90%; } }
      #peppapig .intro > div * {
        color: #ffffff; }
      #peppapig .intro > div .sub-title {
        color: #f3eb2f;
        font-size: 32px; }
      #peppapig .intro > div ul {
        padding: 0;
        margin: 0; }
        #peppapig .intro > div ul li {
          list-style: none;
          display: inline-block; }
          #peppapig .intro > div ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 7px 15px;
            border: solid 3px #ffffff;
            background-size: 100%;
            margin: 5px;
            text-decoration: none;
            font-size: 22px;
            background-repeat: no-repeat;
            background-position: center;
            background: #0266B3; }
            @media only screen and (max-width: 700px) {
              #peppapig .intro > div ul li a {
                font-size: 19px;
                padding: 7px 10px; } }
          #peppapig .intro > div ul li:nth-child(1) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 12% 27%;
            border-top-right-radius: 30% 40%;
            border-top-left-radius: 20% 80%; }
          #peppapig .intro > div ul li:nth-child(2) a {
            border-bottom-right-radius: 20% 97%;
            border-bottom-left-radius: 42% 57%;
            border-top-right-radius: 30% 40%;
            border-top-left-radius: 30% 80%; }
          #peppapig .intro > div ul li:nth-child(3) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 12% 27%;
            border-top-right-radius: 60% 40%;
            border-top-left-radius: 30% 80%; }
          #peppapig .intro > div ul li:nth-child(4) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 12% 27%;
            border-top-right-radius: 30% 40%;
            border-top-left-radius: 10% 80%; }
          #peppapig .intro > div ul li:nth-child(5) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 12% 27%;
            border-top-right-radius: 30% 40%;
            border-top-left-radius: 20% 80%; }
          #peppapig .intro > div ul li:nth-child(6) a {
            border-bottom-right-radius: 20% 97%;
            border-bottom-left-radius: 42% 57%;
            border-top-right-radius: 30% 40%;
            border-top-left-radius: 30% 80%; }
          #peppapig .intro > div ul li:nth-child(7) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 22% 57%;
            border-top-right-radius: 60% 40%;
            border-top-left-radius: 30% 40%; }
          #peppapig .intro > div ul li:nth-child(8) a {
            border-bottom-right-radius: 20% 27%;
            border-bottom-left-radius: 22% 47%;
            border-top-right-radius: 20% 50%;
            border-top-left-radius: 30% 40%; }
          #peppapig .intro > div ul li:nth-child(9) a {
            border-bottom-right-radius: 20% 47%;
            border-bottom-left-radius: 12% 27%;
            border-top-right-radius: 60% 40%;
            border-top-left-radius: 30% 80%; }
  #peppapig .jackets {
    background-color: #92C7D9;
    background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/jackets-background.svg?1");
    background-size: 100%;
    background-position: top 5% left;
    background-repeat: no-repeat;
    padding-top: 20%;
    margin-top: -10%;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 790px) {
      #peppapig .jackets {
        background-size: 140%;
        background-position: top left 30%;
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 700px) {
      #peppapig .jackets {
        padding-bottom: 150px; } }
    #peppapig .jackets > div {
      max-width: 1228px;
      margin: 5% auto;
      position: relative; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets > div {
          margin: 5% auto 15%; } }
      #peppapig .jackets > div .copy h2 {
        color: #344343; }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets > div .copy h2 {
            text-align: center; } }
      #peppapig .jackets > div .copy p {
        color: #344343; }
        @media only screen and (max-width: 1090px) {
          #peppapig .jackets > div .copy p {
            margin-left: 0; } }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets > div .copy p {
            text-align: center; } }
      #peppapig .jackets > div .copy ul {
        padding: 0; }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets > div .copy ul {
            max-width: 30%; } }
        @media only screen and (max-width: 700px) {
          #peppapig .jackets > div .copy ul {
            max-width: 100%; } }
        #peppapig .jackets > div .copy ul li {
          list-style: none; }
          @media only screen and (max-width: 790px) {
            #peppapig .jackets > div .copy ul li {
              width: 100%; } }
          @media only screen and (max-width: 700px) {
            #peppapig .jackets > div .copy ul li {
              width: 50%; } }
          #peppapig .jackets > div .copy ul li .btn {
            top: -30px;
            position: relative;
            z-index: 2; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets > div .copy {
          width: 100%;
          padding: 0; } }
      #peppapig .jackets > div .images {
        position: relative; }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets > div .images {
            position: absolute;
            max-width: 66%;
            bottom: -70px;
            right: 0;
            width: 100%; } }
        @media only screen and (max-width: 700px) {
          #peppapig .jackets > div .images {
            position: static;
            max-width: 100%; } }
    @media only screen and (max-width: 700px) {
      #peppapig .jackets [item="1"] {
        margin: 5% auto -15%; } }
    #peppapig .jackets [item="1"] .images .main {
      width: calc(100% + 20%);
      margin-left: 10%; }
      @media only screen and (max-width: 700px) {
        #peppapig .jackets [item="1"] .images .main {
          width: 100%;
          margin-left: 10%; } }
    #peppapig .jackets [item="1"] .images .sub {
      position: absolute;
      max-width: 40%;
      left: 5%;
      top: 65%; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="1"] .images .sub {
          position: relative;
          margin-top: 20px;
          left: -10%; } }
      @media only screen and (max-width: 700px) {
        #peppapig .jackets [item="1"] .images .sub {
          left: -30%;
          top: -15%; } }
    @media only screen and (max-width: 700px) {
      #peppapig .jackets [item="2"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
    @media only screen and (max-width: 790px) {
      #peppapig .jackets [item="2"] .images {
        bottom: -130px; } }
    #peppapig .jackets [item="2"] .images .main {
      width: 90%;
      margin-left: -10%; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="2"] .images .main {
          width: 100%;
          margin-left: 0;
          margin-right: -50%; } }
    #peppapig .jackets [item="2"] .images .sub {
      position: absolute;
      max-width: 60%;
      right: 5%;
      top: 60%; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="2"] .images .sub {
          position: relative;
          margin-top: -40%;
          left: -18%; } }
      @media only screen and (max-width: 700px) {
        #peppapig .jackets [item="2"] .images .sub {
          left: -30%;
          top: 5%; } }
    @media only screen and (max-width: 790px) {
      #peppapig .jackets [item="3"] {
        padding-bottom: 20%;
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 700px) {
      #peppapig .jackets [item="3"] {
        margin: 5% auto -15%; } }
    #peppapig .jackets [item="3"] .copy .slider-container {
      position: relative; }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="3"] .copy .slider-container {
          padding-left: 10px; } }
      #peppapig .jackets [item="3"] .copy .slider-container .flexslider1 {
        width: 100%; }
        #peppapig .jackets [item="3"] .copy .slider-container .flexslider1 .slides {
          display: inline-block;
          overflow: hidden; }
          @media only screen and (max-width: 790px) {
            #peppapig .jackets [item="3"] .copy .slider-container .flexslider1 .slides {
              max-width: initial; } }
          #peppapig .jackets [item="3"] .copy .slider-container .flexslider1 .slides li {
            display: none; }
          #peppapig .jackets [item="3"] .copy .slider-container .flexslider1 .slides li:nth-child(-n+2) {
            display: inline-block;
            width: 49%; }
      #peppapig .jackets [item="3"] .copy .slider-container .flex-disabled {
        opacity: 0.5; }
      #peppapig .jackets [item="3"] .copy .slider-container .flex-prev {
        position: absolute;
        left: 0;
        top: 37%;
        background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_left_24px.svg?1");
        font-size: 0;
        padding: 20px;
        background-size: 100%; }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets [item="3"] .copy .slider-container .flex-prev {
            position: static; } }
      #peppapig .jackets [item="3"] .copy .slider-container .flex-next {
        position: absolute;
        right: 0;
        top: 37%;
        background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_right_24px.svg?1");
        font-size: 0;
        padding: 20px;
        background-size: 100%; }
        @media only screen and (max-width: 790px) {
          #peppapig .jackets [item="3"] .copy .slider-container .flex-next {
            position: static; } }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="3"] .copy .slider-container .custom-navigation1 {
          text-align: right;
          padding: 0px 10px; } }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="3"] .copy .slider-container .flex-prev, #peppapig .jackets [item="3"] .copy .slider-container .flex-next {
          background-color: #ffffff; } }
      @media only screen and (max-width: 790px) {
        #peppapig .jackets [item="3"] .copy .slider-container .custom-controls-container1 {
          text-align: center;
          display: inline-block;
          width: calc(100% - 140px); } }
      #peppapig .jackets [item="3"] .copy .slider-container .custom-controls-container1 .flex-control-nav {
        display: block;
        padding: 0;
        margin: 0; }
        #peppapig .jackets [item="3"] .copy .slider-container .custom-controls-container1 .flex-control-nav li {
          display: inline-block; }
          #peppapig .jackets [item="3"] .copy .slider-container .custom-controls-container1 .flex-control-nav li a {
            display: block;
            font-size: 0;
            padding: 4px 13px;
            border-radius: 100px;
            margin: 5px;
            background-color: #C8E3EC; }
            #peppapig .jackets [item="3"] .copy .slider-container .custom-controls-container1 .flex-control-nav li a.flex-active {
              background-color: #0266B3; }
    #peppapig .jackets [item="3"] .images .main {
      width: 110%;
      margin-left: 10%; }
    #peppapig .jackets [item="3"] .images .sub {
      position: absolute;
      max-width: 40%;
      left: 5%;
      top: 65%; }
    @media only screen and (max-width: 790px) {
      #peppapig .jackets [item="3"] .images {
        display: none; } }
  #peppapig .puddle-suits-swimware {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 3;
    padding: 0;
    background-size: 100%;
    background-position: center top;
    margin: -30px 0 10%; }
    @media only screen and (max-width: 790px) {
      #peppapig .puddle-suits-swimware {
        background-size: 150%; } }
    #peppapig .puddle-suits-swimware.puddleStyles {
      background-color: #76C164;
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/puddle-background.svg?1"); }
    #peppapig .puddle-suits-swimware.swimwareStyles {
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/swimware-background.svg?1");
      background-repeat: no-repeat;
      background-size: cover;
      margin: -30px 0 0% 0%;
      padding-bottom: 10%; }
      #peppapig .puddle-suits-swimware.swimwareStyles:before {
        content: "";
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/swimware-background-sky.svg?1");
        width: 100%;
        padding-top: 50%;
        margin-top: -5%;
        background-size: 100%; }
        @media only screen and (max-width: 740px) {
          #peppapig .puddle-suits-swimware.swimwareStyles:before {
            background-size: 130%; } }
      #peppapig .puddle-suits-swimware.swimwareStyles .text-content {
        max-width: 1288px;
        padding-bottom: 0; }
        @media only screen and (max-width: 740px) {
          #peppapig .puddle-suits-swimware.swimwareStyles .text-content .push-content {
            text-align: center; } }
        #peppapig .puddle-suits-swimware.swimwareStyles .text-content [location="3"] {
          margin-top: -30%;
          max-width: 350px; }
        #peppapig .puddle-suits-swimware.swimwareStyles .text-content .floating-image {
          margin-top: -50%; }
          @media only screen and (max-width: 1190px) {
            #peppapig .puddle-suits-swimware.swimwareStyles .text-content .floating-image {
              margin-top: -30%; } }
          @media only screen and (max-width: 740px) {
            #peppapig .puddle-suits-swimware.swimwareStyles .text-content .floating-image {
              display: none; } }
        #peppapig .puddle-suits-swimware.swimwareStyles .text-content h2 {
          color: #3378B6;
          margin: 20px 10px 10px 10px;
          max-width: calc(100% - 20px); }
        #peppapig .puddle-suits-swimware.swimwareStyles .text-content p {
          color: #000000;
          max-width: 420px;
          margin: auto 10px; }
          @media only screen and (max-width: 740px) {
            #peppapig .puddle-suits-swimware.swimwareStyles .text-content p {
              margin: auto; } }
      #peppapig .puddle-suits-swimware.swimwareStyles .product-content {
        margin-top: 0;
        background: none; }
        #peppapig .puddle-suits-swimware.swimwareStyles .product-content:after {
          display: none; }
        #peppapig .puddle-suits-swimware.swimwareStyles .product-content .custom-navigationStyles {
          padding: 10px 10px !important; }
        #peppapig .puddle-suits-swimware.swimwareStyles .product-content .flex-viewport {
          overflow: visible !important; }
    #peppapig .puddle-suits-swimware [location="1"] {
      position: absolute;
      max-width: 200px;
      top: 0;
      bottom: 0;
      margin: auto;
      left: -40%;
      z-index: 1; }
      @media only screen and (max-width: 1090px) {
        #peppapig .puddle-suits-swimware [location="1"] {
          left: 0; } }
      @media only screen and (max-width: 790px) {
        #peppapig .puddle-suits-swimware [location="1"] {
          position: relative;
          max-width: 40%; } }
    #peppapig .puddle-suits-swimware [location="2"] {
      position: absolute;
      max-width: 200px;
      top: -70%;
      bottom: 0;
      margin: auto;
      right: -40%;
      z-index: 1; }
      @media only screen and (max-width: 1140px) {
        #peppapig .puddle-suits-swimware [location="2"] {
          top: -80%;
          right: -20%; } }
      @media only screen and (max-width: 1090px) {
        #peppapig .puddle-suits-swimware [location="2"] {
          right: -7%; } }
      @media only screen and (max-width: 790px) {
        #peppapig .puddle-suits-swimware [location="2"] {
          position: relative;
          right: 0;
          top: -30%;
          max-width: 45%; } }
    #peppapig .puddle-suits-swimware > .text-content {
      max-width: 600px;
      position: relative;
      padding: 5% 0 10%; }
      @media only screen and (max-width: 1090px) {
        #peppapig .puddle-suits-swimware > .text-content {
          max-width: 80%; } }
      @media only screen and (max-width: 790px) {
        #peppapig .puddle-suits-swimware > .text-content {
          max-width: 90%; } }
      #peppapig .puddle-suits-swimware > .text-content * {
        color: #ffffff; }
      @media only screen and (max-width: 1090px) {
        #peppapig .puddle-suits-swimware > .text-content h2 {
          margin-left: 33%; } }
      @media only screen and (max-width: 790px) {
        #peppapig .puddle-suits-swimware > .text-content h2 {
          margin: 0;
          width: 100%;
          text-align: center;
          margin-bottom: 20px; } }
      @media only screen and (max-width: 790px) {
        #peppapig .puddle-suits-swimware > .text-content p {
          margin: 0;
          width: 100%;
          text-align: center; } }
    #peppapig .puddle-suits-swimware > .image-content {
      max-width: 1000px; }
      #peppapig .puddle-suits-swimware > .image-content > div {
        position: relative; }
        @media only screen and (max-width: 1090px) {
          #peppapig .puddle-suits-swimware > .image-content > div[position="1"] {
            width: 100%; } }
        #peppapig .puddle-suits-swimware > .image-content > div[position="1"] [item="1"] {
          position: relative;
          max-width: 100%;
          margin-left: -10%; }
          @media only screen and (max-width: 1090px) {
            #peppapig .puddle-suits-swimware > .image-content > div[position="1"] [item="1"] {
              margin-left: 0;
              max-width: 65%;
              margin-top: 10%; } }
        #peppapig .puddle-suits-swimware > .image-content > div[position="1"] [item="2"] {
          position: absolute;
          max-width: 50%;
          right: -24%;
          top: 10%; }
          @media only screen and (max-width: 1090px) {
            #peppapig .puddle-suits-swimware > .image-content > div[position="1"] [item="2"] {
              right: 0;
              max-width: 30%;
              top: 0; } }
        @media only screen and (max-width: 1090px) {
          #peppapig .puddle-suits-swimware > .image-content > div[position="2"] {
            width: 100%; } }
        #peppapig .puddle-suits-swimware > .image-content > div[position="2"] [item="1"] {
          position: relative;
          max-width: 90%;
          float: right;
          margin-right: -20%; }
          @media only screen and (max-width: 1090px) {
            #peppapig .puddle-suits-swimware > .image-content > div[position="2"] [item="1"] {
              max-width: 50%;
              margin-right: 0;
              margin-top: -20%; } }
        #peppapig .puddle-suits-swimware > .image-content > div[position="2"] [item="2"] {
          position: absolute;
          max-width: 50%;
          left: 0;
          top: 65%; }
          @media only screen and (max-width: 1090px) {
            #peppapig .puddle-suits-swimware > .image-content > div[position="2"] [item="2"] {
              max-width: 42%;
              left: 4%;
              top: 25%; } }
    #peppapig .puddle-suits-swimware .product-content {
      background-color: #76C164;
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/full-collection-background.svg?1");
      background-size: cover;
      background-position: left 40% top;
      padding: 5% 0;
      position: relative;
      margin-top: 150px; }
      @media only screen and (max-width: 700px) {
        #peppapig .puddle-suits-swimware .product-content {
          background-size: cover;
          padding-top: 70px; } }
      #peppapig .puddle-suits-swimware .product-content:after {
        content: "";
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/full-collection-background-bottom.svg?1");
        background-size: 100%;
        background-position: bottom center;
        padding-top: 70%;
        position: absolute;
        bottom: -12%;
        width: 100%;
        background-repeat: no-repeat; }
      #peppapig .puddle-suits-swimware .product-content > div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #peppapig .puddle-suits-swimware .product-content > div h2 {
          display: inline-block;
          margin: 0;
          color: #ffffff; }
          @media only screen and (max-width: 700px) {
            #peppapig .puddle-suits-swimware .product-content > div h2 {
              text-align: center; } }
        #peppapig .puddle-suits-swimware .product-content > div .cta {
          float: right;
          min-height: auto;
          padding: 10px 40px;
          border: solid;
          color: #ffffff;
          font-family: "Nunito", helvetica, serif !important; }
          #peppapig .puddle-suits-swimware .product-content > div .cta:after {
            -webkit-filter: invert(1);
            filter: invert(1); }
          #peppapig .puddle-suits-swimware .product-content > div .cta:hover {
            background: #0266b3; }
          @media only screen and (max-width: 700px) {
            #peppapig .puddle-suits-swimware .product-content > div .cta {
              margin: 20px auto 0;
              float: none; } }
        #peppapig .puddle-suits-swimware .product-content > div .slider-container {
          position: relative;
          max-width: 1368px;
          overflow: visible;
          margin: auto;
          z-index: 3;
          margin-top: 30px; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 {
            width: 100%; }
            #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .flex-viewport {
              overflow: visible !important; }
            #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .slides {
              display: inline-block;
              overflow: hidden; }
              @media only screen and (max-width: 790px) {
                #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .slides {
                  max-width: initial; } }
              #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .slides li {
                display: none; }
                #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .slides li .btn {
                  top: -30px;
                  position: relative;
                  z-index: 2; }
              #peppapig .puddle-suits-swimware .product-content > div .slider-container .flexslider2 .slides li:nth-child(-n+2) {
                display: inline-block;
                width: 49%; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-disabled {
            opacity: 0.5; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-prev {
            background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_left_24px.svg?1");
            font-size: 0;
            padding: 20px;
            background-size: 100%;
            background-color: #ffffff; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-next {
            background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_right_24px.svg?1");
            font-size: 0;
            padding: 20px;
            background-size: 100%;
            background-color: #ffffff; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .custom-navigationStyles {
            text-align: right;
            padding: 0px 10px; }
          #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-control-nav {
            display: block;
            padding: 0;
            margin: 0;
            margin-bottom: -24px;
            max-width: calc(100% - 200px);
            text-align: center;
            padding-left: 100px; }
            #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-control-nav li {
              display: inline-block; }
              #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-control-nav li a {
                display: block;
                font-size: 0;
                padding: 4px 13px;
                border-radius: 100px;
                margin: 5px;
                background-color: #C8E3EC; }
                #peppapig .puddle-suits-swimware .product-content > div .slider-container .flex-control-nav li a.flex-active {
                  background-color: #0266B3; }
  #peppapig .fleece-and-hoodies {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    padding: 10% 2% 10% 2%;
    background-size: cover;
    background-position: center top;
    margin: -10% 0 10%; }
    #peppapig .fleece-and-hoodies.fleece {
      background-color: #f3af87;
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/fleece-background.svg?1"); }
    #peppapig .fleece-and-hoodies.hoodies {
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/hoodies-background.svg?1");
      margin: -15% 0 0%; }
      @media only screen and (max-width: 1190px) {
        #peppapig .fleece-and-hoodies.hoodies {
          padding: 10% 0% 10% 0%; } }
      @media only screen and (max-width: 740px) {
        #peppapig .fleece-and-hoodies.hoodies {
          padding: 20% 0% 30% 0; } }
    @media only screen and (max-width: 1024px) {
      #peppapig .fleece-and-hoodies {
        padding: 10% 2% 0% 2%; } }
    @media only screen and (max-width: 740px) {
      #peppapig .fleece-and-hoodies {
        padding: 35% 2% 15% 2%; } }
    #peppapig .fleece-and-hoodies .overlay {
      background-size: 100%;
      padding: 7% 7%;
      margin: 10% auto 0% auto;
      background-repeat: no-repeat; }
      #peppapig .fleece-and-hoodies .overlay.fleece {
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/fleece-overlay.svg?1"); }
      #peppapig .fleece-and-hoodies .overlay.hoodies {
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/hoodies-overlay.svg?1");
        padding: 5% 7% 17% 7%; }
        @media only screen and (max-width: 1190px) {
          #peppapig .fleece-and-hoodies .overlay.hoodies {
            background-size: cover;
            background-position: top center;
            margin-bottom: -12%; } }
        @media only screen and (max-width: 740px) {
          #peppapig .fleece-and-hoodies .overlay.hoodies {
            margin-bottom: -30%; } }
        #peppapig .fleece-and-hoodies .overlay.hoodies h2 {
          margin-bottom: 15px;
          color: #50B6D6; }
          @media only screen and (max-width: 740px) {
            #peppapig .fleece-and-hoodies .overlay.hoodies h2 {
              text-align: center; } }
        #peppapig .fleece-and-hoodies .overlay.hoodies p {
          max-width: 460px; }
          @media only screen and (max-width: 740px) {
            #peppapig .fleece-and-hoodies .overlay.hoodies p {
              text-align: center; } }
        #peppapig .fleece-and-hoodies .overlay.hoodies .text-contents {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          @media only screen and (min-width: 740px) {
            #peppapig .fleece-and-hoodies .overlay.hoodies .text-contents.col-8 {
              width: 60%; } }
          #peppapig .fleece-and-hoodies .overlay.hoodies .text-contents img {
            margin-top: -10%;
            max-width: 265px; }
            @media only screen and (max-width: 740px) {
              #peppapig .fleece-and-hoodies .overlay.hoodies .text-contents img {
                margin-top: -30%;
                max-width: 69%; } }
        #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .col-12 {
          width: 100%; }
        #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .col-4 {
          width: 33.333%; }
        #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents h2 {
          text-align: left;
          margin-top: 30px; }
        #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .sliderfix {
          margin-left: 0 !important; }
        #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container {
          position: relative;
          width: 100%;
          max-width: 1368px;
          overflow: visible;
          margin: auto;
          z-index: 3;
          margin-left: 320px; }
          #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles {
            width: 100%; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles .flex-viewport {
              overflow: visible !important; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles .slides {
              display: inline-block;
              overflow: hidden;
              width: 100%; }
              @media only screen and (max-width: 790px) {
                #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles .slides {
                  max-width: initial; } }
              #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles .slides li .btn {
                top: -30px;
                position: relative;
                z-index: 2; }
              #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flexsliderStyles .slides li {
                display: inline-block;
                width: calc(25% - 4px); }
          @media only screen and (min-width: 740px) {
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation3, #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation4 {
              display: none; } }
          @media only screen and (max-width: 740px) {
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation3, #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation4 {
              display: block; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flex-disabled {
              opacity: 0.5; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flex-prev {
              background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_left_24px.svg?1");
              font-size: 0;
              padding: 20px;
              background-size: 100%;
              background-color: #ffffff; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flex-next {
              background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_right_24px.svg?1");
              font-size: 0;
              padding: 20px;
              background-size: 100%;
              background-color: #ffffff; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation3, #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .custom-navigation4 {
              text-align: right;
              padding: 0px 10px; }
            #peppapig .fleece-and-hoodies .overlay.hoodies .image-contents .slider-container .flex-control-nav {
              display: none; } }
      @media only screen and (max-width: 700px) {
        #peppapig .fleece-and-hoodies .overlay {
          padding: 7% 7% 37% 7%;
          margin: 10% auto -10% auto;
          background-repeat: no-repeat; }
          #peppapig .fleece-and-hoodies .overlay.fleece {
            background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/fleece-overlay-mobile.svg?1"); } }
      #peppapig .fleece-and-hoodies .overlay h2 {
        margin-top: 0;
        color: #f07f2d; }
      #peppapig .fleece-and-hoodies .overlay p {
        margin: 0;
        max-width: 460px; }
      #peppapig .fleece-and-hoodies .overlay ul li {
        list-style: none; }
        #peppapig .fleece-and-hoodies .overlay ul li .btn {
          top: -30px;
          position: relative;
          z-index: 2; }
      @media only screen and (max-width: 1024px) {
        #peppapig .fleece-and-hoodies .overlay .text-contents > img {
          max-width: 30%; } }
  @media only screen and (max-width: 1024px) and (max-width: 700px) {
    #peppapig .fleece-and-hoodies .overlay .text-contents > img {
      max-width: 70%;
      margin: auto;
      margin-top: -40%; } }
      @media only screen and (max-width: 1024px) {
        #peppapig .fleece-and-hoodies .overlay .text-contents > div {
          max-width: 70%; } }
  @media only screen and (max-width: 1024px) and (max-width: 700px) {
    #peppapig .fleece-and-hoodies .overlay .text-contents > div {
      max-width: 100%;
      margin-bottom: 0; } }
      @media only screen and (max-width: 1024px) {
          #peppapig .fleece-and-hoodies .overlay .text-contents > div p {
            text-align: left; } }
      @media only screen and (max-width: 740px) {
        #peppapig .fleece-and-hoodies .overlay .image-contents {
          margin-top: 0; }
          #peppapig .fleece-and-hoodies .overlay .image-contents li {
            width: 50%; } }
  #peppapig .packits {
    background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/pack-it.svg?1");
    margin-top: -10%;
    z-index: 6;
    padding: 7% 0%;
    background-position: center top;
    background-size: cover; }
    @media only screen and (max-width: 950px) {
      #peppapig .packits .tablet-style {
        background: #ffffff;
        margin-top: 30%; } }
    #peppapig .packits .overlay {
      background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/pack-it-overlay.svg?1");
      background-repeat: no-repeat;
      background-size: 100%;
      padding: 10% 5%;
      max-width: 1250px;
      background-position: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media only screen and (max-width: 1170px) {
        #peppapig .packits .overlay {
          max-width: 95%; } }
      @media only screen and (max-width: 950px) {
        #peppapig .packits .overlay {
          max-width: 100%;
          text-align: center;
          background-image: none;
          padding-bottom: 0;
          display: block; } }
      #peppapig .packits .overlay .image-float {
        max-width: 250px;
        margin-top: -2%;
        margin-bottom: 4%;
        margin-left: -1%;
        position: relative;
        margin-right: 50px; }
        @media only screen and (max-width: 950px) {
          #peppapig .packits .overlay .image-float {
            margin-top: -32%;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            max-width: 190px; } }
      #peppapig .packits .overlay .text-contents {
        max-width: 65%;
        float: right; }
        @media only screen and (max-width: 950px) {
          #peppapig .packits .overlay .text-contents {
            max-width: 100%; } }
        @media only screen and (max-width: 1170px) {
          #peppapig .packits .overlay .text-contents p {
            margin-left: 0px; } }
        @media only screen and (max-width: 950px) {
          #peppapig .packits .overlay .text-contents p {
            text-align: center; } }
    #peppapig .packits .products {
      margin-top: 5%; }
      @media only screen and (max-width: 950px) {
        #peppapig .packits .products {
          padding-bottom: 10%; }
          #peppapig .packits .products .show-image {
            display: none; }
          #peppapig .packits .products .item {
            max-width: 50%; } }
  #peppapig .wellies {
    background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/wellies-background-top.svg?1");
    margin-top: -10%;
    z-index: 6;
    padding: 0%;
    background-position: left 62% top;
    background-size: 150%;
    background-color: #6AB755;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 1200px) {
      #peppapig .wellies {
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/wellies-tablet-background.svg?1"); } }
    @media only screen and (max-width: 950px) {
      #peppapig .wellies {
        background-image: url("https://cdn.regatta.com/images/uk/SS21/pages/peppa-pig/wellies-mobile-background.svg?1");
        background-size: 190%;
        background-position: top center; } }
    @media only screen and (max-width: 400px) {
      #peppapig .wellies {
        background-size: 200%; } }
    #peppapig .wellies .titles {
      max-width: 600px;
      margin: auto;
      text-align: center;
      padding-top: 5%;
      padding-bottom: 17vmax; }
      #peppapig .wellies .titles > h2 {
        color: #ffffff;
        width: 100%;
        margin-bottom: 20px; }
      #peppapig .wellies .titles > p {
        color: #ffffff;
        margin: auto;
        text-align: center; }
      @media only screen and (max-width: 1200px) {
        #peppapig .wellies .titles {
          padding-top: 21vw;
          padding-bottom: 32vw; } }
      @media only screen and (max-width: 950px) {
        #peppapig .wellies .titles {
          padding-bottom: 52%;
          padding-top: 20%; } }
    #peppapig .wellies .peppa-pond {
      display: none; }
    @media only screen and (max-width: 1200px) {
      #peppapig .wellies .peppa-pond {
        display: block; } }
    #peppapig .wellies .accessories {
      padding-top: 9vw;
      margin-bottom: 10px;
      color: #ffffff; }
      @media only screen and (max-width: 1670px) {
        #peppapig .wellies .accessories {
          padding-top: 0; } }
      #peppapig .wellies .accessories + p {
        margin: 0px auto 20px auto;
        width: 100%;
        text-align: center;
        color: #ffffff; }
    #peppapig .wellies .accessories-products li {
      list-style: none;
      margin-bottom: 10px; }
      #peppapig .wellies .accessories-products li .btn {
        top: -30px;
        position: relative;
        z-index: 2; }
      @media only screen and (max-width: 1024px) {
        #peppapig .wellies .accessories-products li {
          width: 32.99%; } }
      @media only screen and (max-width: 950px) {
        #peppapig .wellies .accessories-products li {
          width: 33.99%; } }
    #peppapig .wellies .slider-container {
      position: relative;
      width: 100%;
      max-width: 530px;
      padding-bottom: 50px;
      overflow: hidden;
      margin: auto;
      z-index: 3; }
      #peppapig .wellies .slider-container .flexsliderStyles {
        width: 100%; }
        #peppapig .wellies .slider-container .flexsliderStyles .flex-viewport {
          overflow: visible !important; }
        #peppapig .wellies .slider-container .flexsliderStyles .slides {
          display: inline-block;
          overflow: hidden;
          width: 100%; }
          @media only screen and (max-width: 790px) {
            #peppapig .wellies .slider-container .flexsliderStyles .slides {
              max-width: initial; } }
          #peppapig .wellies .slider-container .flexsliderStyles .slides li .btn {
            top: -30px;
            position: relative;
            z-index: 2; }
          #peppapig .wellies .slider-container .flexsliderStyles .slides li {
            display: inline-block;
            width: calc(33.333% - 4px); }
      #peppapig .wellies .slider-container .custom-controls-container6 {
        display: none; }
      #peppapig .wellies .slider-container .custom-navigation6 {
        display: block; }
      #peppapig .wellies .slider-container .flex-disabled {
        opacity: 0.5; }
      #peppapig .wellies .slider-container .flex-prev {
        background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_left_24px.svg?1");
        font-size: 0;
        padding: 20px;
        background-size: 100%;
        background-color: #ffffff; }
      #peppapig .wellies .slider-container .flex-next {
        background-image: url("https://global-cdn.regatta.com/assets/icon-pack/navigation/ic_chevron_right_24px.svg?1");
        font-size: 0;
        padding: 20px;
        background-size: 100%;
        background-color: #ffffff; }
      #peppapig .wellies .slider-container .custom-navigation6 {
        text-align: right;
        padding: 0px 10px; }
  #peppapig .legal {
    background: #ffffff;
    padding: 10px 20px;
    margin: 20px auto 0px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 95%; }
    @media only screen and (max-width: 790px) {
      #peppapig .legal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 20px; } }
    #peppapig .legal p {
      display: inline-block;
      max-width: calc(100% - 230px);
      margin: 0; }
      @media only screen and (max-width: 790px) {
        #peppapig .legal p {
          max-width: 100%; } }
    #peppapig .legal img {
      max-width: 200px;
      display: inline-block; }