/*
*   07/01/2020 - Sale and New in link styling on mobile
*   27/01/2020 - Updated Logo in Checkout & Sign In
*
*/
/* Christmas Nav Styles */
.gui-nav-default .gui-nav-list > li a[id^="topNav_Christmas"] {
  color: #fff;
  background-color: #c69219;
}
.gui-nav-default .gui-nav-list > li:hover a[id^="topNav_Christmas"] {
  background-color: #f140a9;
}
/* Black Friday Nav styles */
.gui-nav-default .gui-nav-list > li a[id^="topNav_BlackFriday"] {
  color: #fff;
  background-color: #000;
}
.gui-nav-default .gui-nav-list > li:hover a[id^="topNav_BlackFriday"] {
  background-color: #f140a9;
}
/* Header Top  */
.gui-header-top {
  border-bottom: none;
}
@media (min-width: 768px) {
  .gui-header-top {
    border-bottom: none;
  }
}
/* Header Top Links */
.gui-top-links li a {
  color: #666666;
  font-family: "LatoRegular";
}
.gui-top-links li:first-child a {
  color: #f140a9;
}
/* Header Main Links */
.gui-nav-list-extra .gui-main-links li a,
.gui-header-main-links ul li a {
  border: none;
  color: #666666;
  font-family: "LatoRegular";
}
.gui-nav-list-extra .gui-main-links li a:before,
.gui-header-main-links ul li a:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 576 512' style='enable-background:new 0 0 576 512;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23666666;%7d %3c/style%3e%3cpath class='st0' d='M414.9,24C361.8,24,312,65.7,288,89.3C264,65.7,214.2,24,161.1,24C70.3,24,16,76.9,16,165.5 c0,72.6,66.8,133.3,69.2,135.4l187,180.8c8.8,8.5,22.8,8.5,31.6,0l186.7-180.2c2.7-2.7,69.5-63.5,69.5-136 C560,76.9,505.7,24,414.9,24z'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  content: "";
  height: 20px;
  margin-right: 10px;
  width: 20px;
}
#topNav_Deals {
  background: #000;
  color: #fff;
}
.gui-no-touch .gui-nav-default .gui-nav-list > li:hover > a#topNav_Deals {
  color: #fff;
  background-color: #f140a9;
}
#topNav_BlackFridayDeals {
  background: #000;
  color: #fff;
}
.gui-nav-list > li.gui-show > a#topNav_BlackFridayDeals {
  border-bottom: 1px solid #dedede;
  background-color: #f140a9;
  color: #fff;
}
a[id^="topNav_BlackFridayDeals"] + .gui-sub-nav-toggle span {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23ffffff' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e");
  background-size: 13px 13px;
  background-position: center center;
}
/* Logo */
.logo {
  width: 160px;
}
@media (min-width: 992px) {
  .logo {
    width: 190px;
  }
}
/* Search */
.gui-search {
  font-family: "LatoRegular";
}
@media (min-width: 768px) {
  .gui-search {
    width: 280px;
  }
}
@media (min-width: 992px) {
  .gui-search {
    width: 360px;
  }
}
.gui-search button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.01 43.96'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ccc;%7d%3c/style%3e%3c/defs%3e%3ctitle%3esearch%3c/title%3e%3cpath class='cls-1' d='M44,40.61A3.43,3.43,0,0,1,40.61,44a3.14,3.14,0,0,1-2.38-1l-9.07-9a18.11,18.11,0,0,1-10.55,3.28,18.3,18.3,0,0,1-7.23-1.47,18.22,18.22,0,0,1-9.92-9.92,18.56,18.56,0,0,1,0-14.46,18.24,18.24,0,0,1,9.92-9.92,18.56,18.56,0,0,1,14.46,0,18.26,18.26,0,0,1,9.92,9.92,18.31,18.31,0,0,1,1.47,7.23A18.1,18.1,0,0,1,34,29.17l9,9.07A3.24,3.24,0,0,1,44,40.61ZM27,27a11.4,11.4,0,0,0,3.48-8.37A11.4,11.4,0,0,0,27,10.25a11.4,11.4,0,0,0-8.37-3.48,11.4,11.4,0,0,0-8.37,3.48,11.41,11.41,0,0,0-3.48,8.37A11.41,11.41,0,0,0,10.25,27a11.41,11.41,0,0,0,8.37,3.48A11.41,11.41,0,0,0,27,27Z' transform='translate(0.01 -0.04)'/%3e%3c/svg%3e");
  border-left: none;
}
/* Header Toggle Buttons */
.gui-minibag-toggle,
.gui-nav-toggle,
.gui-search-toggle {
  border: none;
}
/* Search Toggle */
.gui-search-toggle {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23666666;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3cg%3e%3cpath class='st0' d='M44,40.6c0,0.9-0.3,1.7-1,2.4c-0.7,0.7-1.5,1-2.4,1c-1,0-1.7-0.3-2.4-1l-9.1-9c-3.2,2.2-6.7,3.3-10.6,3.3 c-2.5,0-4.9-0.5-7.2-1.5c-2.3-1-4.3-2.3-5.9-4s-3-3.6-4-5.9c-1-2.3-1.5-4.7-1.5-7.2c0-2.5,0.5-4.9,1.5-7.2c1-2.3,2.3-4.3,4-5.9 s3.6-3,5.9-4c2.3-1,4.7-1.5,7.2-1.5c2.5,0,4.9,0.5,7.2,1.5c2.3,1,4.3,2.3,5.9,4c1.7,1.7,3,3.6,4,5.9c1,2.3,1.5,4.7,1.5,7.2 c0,3.9-1.1,7.4-3.3,10.6l9.1,9.1C43.7,38.9,44,39.7,44,40.6z M27,27c2.3-2.3,3.5-5.1,3.5-8.4c0-3.3-1.2-6.1-3.5-8.4 c-2.3-2.3-5.1-3.5-8.4-3.5c-3.3,0-6.1,1.2-8.4,3.5c-2.3,2.3-3.5,5.1-3.5,8.4c0,3.3,1.2,6.1,3.5,8.4s5.1,3.5,8.4,3.5 C21.9,30.4,24.7,29.3,27,27z'/%3e%3c/g%3e%3c/svg%3e ");
}
/* Nav Toggle */
.gui-nav-toggle {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 34' style='enable-background:new 0 0 44 34;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;stroke:%23666666;stroke-width:6;stroke-miterlimit:10;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3cline class='st0' x1='0' y1='3' x2='44' y2='3'/%3e%3cline class='st0' x1='0' y1='31' x2='44' y2='31'/%3e%3cline class='st0' x1='0' y1='17' x2='44' y2='17'/%3e%3c/svg%3e ");
}
/* Minibag Toggle */
.gui-minibag-toggle-count {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d .st1%7bfill:%23666666;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3ccircle class='st0' cx='22.5' cy='16.5' r='15'/%3e%3cpath class='st1' d='M22.5,33C13.4,33,6,25.6,6,16.5S13.4,0,22.5,0S39,7.4,39,16.5C39,25.6,31.6,33,22.5,33z M22.5,3 C15,3,9,9,9,16.5S15,30,22.5,30S36,24,36,16.5C36,9,30,3,22.5,3z'/%3e%3crect y='8' class='st1' width='44' height='36'/%3e%3c/svg%3e ");
}
.gui-minibag-toggle-text {
  color: #f140a9;
  font-family: "LatoRegular";
  line-height: 1.6;
}
.gui-minibag-toggle-count {
  line-height: 2.375;
}
/* Nav */
.gui-nav-default .gui-nav {
  border-bottom: 1px solid #f140a9;
  margin-bottom: 10px;
}
.gui-nav-default .gui-nav-list > li > a {
  font-size: 12px;
}
/*@media (min-width: 992px) {
    .gui-nav-default .gui-nav-list>li>a {
        font-size: 13px!important;
    }
}*/
.gui-nav-off-canvas .gui-header-main {
  border-bottom: 1px solid #f140a9;
}
.gui-nav-list > li > a {
  font-family: "LatoRegular";
}
/* Sub Nav Toggle Active */
.gui-show .gui-sub-nav-toggle {
  background: #f140a9;
}
/* Nav Hover Style */
.gui-no-touch .gui-nav-default .gui-nav-list > li:hover,
.gui-touch .gui-nav-default .gui-nav-list > li.gui-show {
  background: none;
}
.gui-no-touch .gui-nav-default .gui-nav-list > li:hover > a,
.gui-touch .gui-nav-default .gui-nav-list > li.gui-show > a {
  color: #fff;
  background-color: #f140a9;
}
/* Sub Nav Content */
.gui-nav-default .gui-sub-nav-content {
  width: 100%;
  border: none;
  border-top: 5px solid #f140a9;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
/* Sub Nav Content - Sale Dropdown Width */
.gui-nav-default #topNav_Sale + div + .gui-sub-nav-content {
  width: 100%;
}
/* Nav Default */
.gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a {
  padding: 4px 0;
}
.gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: #f140a9;
}
.gui-sub-nav-content .gui-sub-nav-content-list {
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
/* Sub Nav Title */
.gui-sub-nav-content-grid > div .gui-sub-nav-title {
  border-bottom: 1px solid #f140a9;
  padding: 3px 0;
  color: #000;
  background-color: #fff;
  font-family: "LatoRegular";
  font-size: 14px;
  font-weight: bold;
}
/* Sub Nav Title - Standalone */
.gui-sub-nav-content .gui-sub-nav-content-list + a:hover {
  text-decoration: none;
}
/* Sub Nav Link */
.gui-sub-nav-content .gui-sub-nav-content-list a {
  color: #666666;
}
/* Secondary Nav */
.gui-secondary-nav {
  background: #ffffff;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
}
.gui-secondary-nav .gui-container {
  max-width: 1416px;
  padding: 0;
}
.gui-secondary-nav li {
  padding: 0 3px;
}
.gui-secondary-nav a {
  background: #ededed;
  font-family: "LatoBlack";
  padding: 5px;
}
.gui-secondary-nav a span {
  display: block;
  font-family: "LatoRegular";
}
/* Background SVG's This will push SVG's through to Fatwire */
.svgs {
  background: url("/repo/FW/desktop/responsiveheader/02-images/FashionWorld-Logo.svg"),
  url("/repo/FW/desktop/responsiveheader/02-images/logo-FW.svg");
}
.hd-backtotop {
  background: url(/repo/FW/desktop/header/02-images/160302_FW_Header_Sprite.png) -48px -57px;
  bottom: 20px;
  display: none;
  float: right;
  height: 90px;
  opacity: 0.5;
  position: fixed;
  right: 20px;
  width: 90px;
  color: transparent !important;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  .gui-sub-nav-content-grid > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) {
  /*guiHeader */
  .gui-header a:hover,
  .gui-header-top a:hover {
    text-decoration: none;
  }
  .gui-header-top-links ul {
    font: 11px/12px "LatoRegular";
    letter-spacing: 1px;
  }
  .gui-nav-default .gui-nav-list > li > a {
    font-family: "LatoRegular";
    font-size: 9px;
    line-height: 30px;
    letter-spacing: 0.5px;
    padding: 0.4em 0;
  }
  #topNav_Sale {
    color: #d32027;
  }
  .gui-nav-default .gui-nav-container {
    padding: 0 6px;
  }
  .gui-nav-default .gui-nav {
    margin: 20px 0 0;
  }
  .gui-secondary-nav li {
    padding: 0;
  }
  .gui-secondary-nav ul li {
    width: calc(100% / 4.08);
    margin: 0 0.2%;
  }
  .gui-secondary-nav a {
    font: 11px "LatoBlack";
    margin: 8px 0;
    padding: 5px;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #ededed !important;
    -webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
  }
  .gui-secondary-nav a:hover {
    border: 1px solid hotpink !important;
  }
  .gui-secondary-nav a::after {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-family: "LatoRegular" !important;
  }
  #topNav_AmazingValue {
    background-color: #ededed !important;
    background: url(/repo/FW/desktop/responsiveheader/02-images/xmas_last_order_dates.png)
      no-repeat center;
    background-size: contain;
    text-indent: -9999px;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: normal;
    padding: 6px 0px 2px 13px;
    letter-spacing: 0.75px;
  }
  /*.gui-nav-container>ul>li:nth-child(2)>div.gui-sub-nav-content>div>div:nth-child(3)>span:nth-of-type(1),
    .gui-nav-container>ul>li:nth-child(3)>div.gui-sub-nav-content>div>div:nth-child(3)>span:nth-child(1),
    .gui-nav-container>ul>li:nth-child(4)>div.gui-sub-nav-content>div>div:nth-child(3)>span:nth-child(1),
    .gui-nav-container>ul>li:nth-child(5)>div.gui-sub-nav-content>div>div:nth-child(3)>span:nth-child(1),
    .gui-nav-container>ul>li:nth-child(6)>div.gui-sub-nav-content>div>div:nth-child(3)>span:nth-child(1),
    .gui-nav-container>ul>li:nth-child(7)>div.gui-sub-nav-content>div>div:nth-child(4)>span:nth-child(1),
    .gui-nav-container>ul>li:nth-child(9)>div.gui-sub-nav-content>div>div:nth-child(4)>span:nth-child(1) {
        color: #000 !important;
        background: #ffd801;
    }*/
  .gui-sub-nav-content .gui-btn-close {
    width: 25px;
    height: 25px;
    padding: 0;
    background: #000
      url(/repo/FW/desktop/responsiveheader/02-images/icons_modal-close-cross.png)
      no-repeat center center;
    background-size: 11px;
    border-radius: 50%;
  }
  .gui-nav-default .gui-sub-nav-content {
    margin-top: 1px;
  }
  /* Secondary nav text */
  #topNav_NextDayDelivery::after {
    content: "Order before 11pm" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
  #topNav_SignupforEmail::after {
    content: "for our latest offers" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
  #topNav_CreditAvailable::after {
    content: "with a personal credit account" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
  #topNav_LastOrderDates::after {
    content: "on all orders" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
  #topNav_Easy28DayReturns::after {
    content: "on all orders" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
  #topNav_TopBrandsAvailable::after {
    content: "Check out our A-Z of brands" !important;
    font: 11px/1.2 "LatoRegular" !important;
  }
}
@media only screen and (min-width: 992px) {
  .gui-nav-default .gui-nav-list > li > a {
    font-family: "LatoRegular";
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0.5px;
    padding: 0.4em 0;
  }
}
/*1200*/
@media only screen and (min-width: 1200px) {
  /*emergency amends*/
  .gui-nav-container
    > ul
    > li:nth-child(2)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(3)
    > span:nth-of-type(1),
  .gui-nav-container
    > ul
    > li:nth-child(3)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(3)
    > span:nth-child(1),
  .gui-nav-container
    > ul
    > li:nth-child(4)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(3)
    > span:nth-child(1),
  .gui-nav-container
    > ul
    > li:nth-child(5)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(3)
    > span:nth-child(1),
  .gui-nav-container
    > ul
    > li:nth-child(6)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(3)
    > span:nth-child(1),
  .gui-nav-container
    > ul
    > li:nth-child(7)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(4)
    > span:nth-child(1),
  .gui-nav-container
    > ul
    > li:nth-child(9)
    > div.gui-sub-nav-content
    > div
    > div:nth-child(4)
    > span:nth-child(1) {
    margin-top: 0;
  }
  .gui-nav-default .gui-nav-list > li > a {
    font-size: 13px;
    padding: 0.4em 0;
    line-height: 30px;
  }
  .gui-nav-default .gui-nav {
    margin: 25px 0 0;
  }
  .gui-secondary-nav .gui-container {
    padding: 0 1rem;
  }
  .gui-secondary-nav a {
    font: 14px/1 "LatoBlack";
  }
  .gui-secondary-nav a::after {
    font: 12px/1.2 "LatoRegular" !important;
  }
  .gui-sub-nav-content ul,
  .gui-sub-nav-content ul:last-child {
    margin: 0 0 15px;
  }
  .gui-sub-nav-content ul:last-of-type {
    margin: 0;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a {
    padding: 4.5px;
    letter-spacing: 0px;
  }
}
/*end 1200*/
/* Mobile Styling */
@media (max-width: 767px) {
  .gui-nav-list {
    padding: 12px;
  }
  .gui-nav-list > li {
    border-bottom: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .gui-nav-list > li > a {
    font-size: 13px;
    font-weight: bold;
    padding: 12px 35px 12px 12px;
    margin-bottom: 10px;
    background-color: #eee;
    text-decoration: none !important;
  }
  .gui-nav-list > li > a[id^="topNav_Christmas"] {
    color: #fff;
    background-color: #c69219;
  }
  .gui-nav-list > li > a[id^="topNav_Sale"] {
    color: #fff;
    background-color: #9e3e47;
  }

  /* White arrow on Sale link*/

  .gui-nav-list li a#topNav_Sale + .gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjcuMyA0ODEiPjx0aXRsZT5BcnJvdzwvdGl0bGU+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkFycm93Ij48cGF0aCBkPSJNMjA3LjMsMjQwLjgsNC41LDM3LjlhMTUuMjEsMTUuMjEsMCwwLDEsMC0yMS42TDE2LjIsNC41YTE1LjIxLDE1LjIxLDAsMCwxLDIxLjYsMGwyMjUsMjI1YTE1LjUzLDE1LjUzLDAsMCwxLDQuNSwxMC45LDE1LjI4LDE1LjI4LDAsMCwxLTQuNSwxMC45TDM3LjgsNDc2LjVhMTUuMjEsMTUuMjEsMCwwLDEtMjEuNiwwTDQuOSw0NjUuMmExNS4yMSwxNS4yMSwwLDAsMSwwLTIxLjZaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9nPjwvZz48L3N2Zz4=");
  }
  .gui-nav-list > li > a[id^="topNav_NewIn"] {
    background-color: #c2994c;
  }
  .gui-nav-list > li.gui-show > a {
    border-bottom: 1px solid #dedede;
    background-color: #f140a9;
    color: #fff;
  }
  .gui-nav-list > li.gui-show > a[id^="topNav_Christmas"] {
    border-bottom: 1px solid #dedede;
    background-color: #c69219;
  }
  .gui-nav-list > li.gui-show > a[id^="topNav_Sale"] {
    border-bottom: 1px solid #dedede;
    background-color: #9e3e47;
  }
  .gui-nav-list > li.gui-show > a[id^="topNav_NewIn"] {
    border-bottom: 1px solid #dedede;
    background-color: #c2994c;
  }
  .gui-sub-nav-toggle {
    bottom: 0;
    padding: 10px 5px;
  }
  /* Sub Nav Toggle */
  .gui-show .gui-sub-nav-toggle {
    background-color: transparent;
  }
  .gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23000000' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e");
    background-size: 13px 13px;
    background-position: center center;
  }
  .gui-show .gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23fff' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e");
    transform: rotate(90deg);
  }
  /* Christmas */
  a[id^="topNav_Christmas"] + .gui-sub-nav-toggle span,
  a[id^="topNav_BlackFriday"] + .gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Arrow' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cpath fill='%23ffffff' d='M324.9,257.4L122.1,54.5c-6-6-6-15.7,0-21.6l11.7-11.8c6-6,15.7-6,21.6,0l225,225c2.9,2.9,4.5,6.9,4.5,10.9 c0,4-1.5,7.9-4.5,10.9l-225,225.2c-6,6-15.7,6-21.6,0l-11.3-11.3c-6-6-6-15.7,0-21.6L324.9,257.4z'/%3e%3c/svg%3e");
    background-size: 13px 13px;
    background-position: center center;
  }
  /* Sub Nav Content */
  .gui-show > .gui-sub-nav-content {
    background-color: #eeeeee;
    padding-bottom: 0;
    top: -10px;
    position: relative;
  }
  .gui-sub-nav-content-grid > div .gui-sub-nav-title {
    border-bottom: none;
    padding: 0;
    color: #f140a9;
    background-color: transparent;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a {
    position: relative;
    background-color: #fff;
    color: #000;
    border: none;
    border-bottom: 1px solid #eee;
    padding: 13px 25px 13px 10px;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a:hover {
    color: #f140a9;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a:after {
    content: "";
    position: absolute;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 10px;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23979797' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
  }
}
@media (max-width: 560px) {
  .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list {
    grid-template-columns: none;
    grid-gap: 0;
  }
}
/* Mobile Bespoke Icons */
/* My Account / Help / Wishlist / Track an Order */
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_MyAccount"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_Help"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_WishList"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_UnlimitedDelivery"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_SpreadTheCost"]:after {
  content: "";
  position: absolute;
  right: 8px;
  top: calc(50% - 13px);
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_MyAccount"]:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
}
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_Help"]:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23000000'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e");
}
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_WishList"]:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000'  d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e");
}
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_UnlimitedDelivery"]:after {
  top: calc(50% - 14px);
  right: 3px;
  width: 30px;
  height: 20px;
  background-size: 30px 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Van' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1379.78 1000' style='enable-background:new 0 0 1379.78 1000;' xml:space='preserve'%3e%3cpath d='M437.22,617.33H303.84c-10.54,0-19.16,8.62-19.16,19.16v12.64h122.59C415.77,637.22,425.86,626.52,437.22,617.33z'/%3e%3cpath d='M669.76,649.13h313.43c8.5-11.91,18.58-22.61,29.94-31.8H639.81C651.17,626.52,661.26,637.22,669.76,649.13z'/%3e%3cpath d='M1312.73,617.33h-97.03c6.26,5.07,12.14,10.59,17.57,16.52c26.26,28.67,42.29,66.87,42.29,108.81c0,0.01,0,0.02,0,0.03 h37.17c10.54,0,19.16-8.62,19.16-19.16v-87.04C1331.89,625.95,1323.27,617.33,1312.73,617.33z'/%3e%3cpath d='M381.41,706.6h-96.73v16.93c0,10.54,8.62,19.16,19.16,19.16h73.52c0-0.01,0-0.02,0-0.03 C377.36,730.27,378.76,718.2,381.41,706.6z'/%3e%3cpath d='M699.68,742.69h253.57c0-0.01,0-0.02,0-0.03c0-12.4,1.42-24.47,4.07-36.06h-261.7c2.65,11.59,4.05,23.67,4.05,36.06 C699.68,742.67,699.68,742.68,699.68,742.69z'/%3e%3cpath d='M908.42,580.61H323.19c-9.35,0-17-7.65-17-17v-417.1c0-9.35,7.65-17,17-17h585.22c9.35,0,17,7.65,17,17v417.1 C925.42,572.96,917.77,580.61,908.42,580.61z'/%3e%3cpath d='M256.82,168.84H47.88c-9.67,0-17.5-7.83-17.5-17.5s7.83-17.5,17.5-17.5h208.94c9.67,0,17.5,7.83,17.5,17.5 S266.49,168.84,256.82,168.84z'/%3e%3cpath d='M256.82,237.22H93.47c-9.67,0-17.5-7.83-17.5-17.5s7.83-17.5,17.5-17.5h163.35c9.67,0,17.5,7.83,17.5,17.5 S266.49,237.22,256.82,237.22z'/%3e%3cpath d='M255.69,305.6H151.23c-9.67,0-17.5-7.83-17.5-17.5s7.83-17.5,17.5-17.5h104.47c9.67,0,17.5,7.83,17.5,17.5 S265.36,305.6,255.69,305.6z'/%3e%3cpath d='M1273.88,537.55c0,13.77,10.34,25.16,23.67,26.83v-53.66C1284.22,512.4,1273.88,523.79,1273.88,537.55z'/%3e%3cpath d='M1287.4,424.29c-10.14-18.03-111.52-193.1-111.52-193.1l-0.01,0.01c-8.42-14.41-24.06-24.15-41.86-24.15H1010.6 c-26.65,0-48.46,21.81-48.46,48.46v356.41c0,15.94,7.8,30.14,19.78,38.99c29.1-41.94,77.58-69.4,132.49-69.4 c47.06,0,89.41,20.18,118.87,52.35l64.26-9.52v-36.19c-26.39-1.75-47.33-23.76-47.33-50.59c0-26.83,20.94-48.84,47.33-50.59v-2.94 v-15.78C1297.54,468.24,1297.54,442.32,1287.4,424.29z M1185.97,409.64h-68.53h-78.54c-6.82,0-12.4-5.58-12.4-12.4v-112.7 c0-6.82,5.58-12.4,12.4-12.4h78.54c1.36,0,2.58,0.22,3.67,0.56c0.01,0,0.02,0.01,0.02,0.01c0.37,0.12,0.72,0.25,1.05,0.39 c0.06,0.03,0.12,0.05,0.18,0.08c0.28,0.12,0.55,0.25,0.8,0.39c0.1,0.05,0.2,0.1,0.29,0.16c0.22,0.13,0.44,0.26,0.64,0.39 c0.17,0.11,0.34,0.22,0.5,0.34c0.18,0.13,0.36,0.26,0.53,0.39c0.13,0.1,0.26,0.21,0.39,0.32c0.19,0.16,0.36,0.32,0.53,0.48 c0.08,0.08,0.16,0.16,0.24,0.24c0.86,0.87,1.3,1.56,1.3,1.56s0.01,0.02,0.02,0.03c0.35,0.5,0.65,1.02,0.93,1.57 c7.91,13.41,63.56,107.73,69.84,118.19C1205.13,408.51,1192.79,409.64,1185.97,409.64z'/%3e%3cpath d='M996.07,742.67c0,65.35,52.98,118.33,118.33,118.33c65.35,0,118.33-52.98,118.33-118.33c0-65.35-52.98-118.33-118.33-118.33 C1049.05,624.33,996.07,677.31,996.07,742.67z M1114.41,794.51c-28.63,0-51.84-23.21-51.84-51.84c0-28.63,23.21-51.84,51.84-51.84 s51.84,23.21,51.84,51.84C1166.25,771.3,1143.04,794.51,1114.41,794.51z'/%3e%3cpath d='M538.52,624.33c-65.35,0-118.33,52.98-118.33,118.33c0,65.35,52.98,118.33,118.33,118.33s118.33-52.98,118.33-118.33 C656.85,677.31,603.87,624.33,538.52,624.33z M538.52,794.51c-28.63,0-51.84-23.21-51.84-51.84c0-28.63,23.21-51.84,51.84-51.84 c28.63,0,51.84,23.21,51.84,51.84C590.36,771.3,567.15,794.51,538.52,794.51z'/%3e%3c/svg%3e ");
}
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_SpreadTheCost"]:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Cost' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M409.4,478H101.1V408H176c8.8-17.9,16.1-46.9,16.1-65.2c0-12.8-1.4-26.4-2.6-35.3h-70.4v-62.3h57.2l-7.5-21.1 c-7.1-20.1-14.5-44.5-14.5-72.2c0-34.7,13.1-64.4,38-85.9c22.9-19.9,54.3-30.8,88.3-30.8c51.5,0,88.6,18,113.5,55l5,7.5 l-42.7,51.1l-9.2-11.5c-0.5-0.6-1-1.3-1.7-2.3c-6.5-8.8-23.8-32.1-60.7-32.1c-18,0-31.8,5.4-40.9,16.2 c-7.6,8.9-11.7,21.2-11.7,34.6c0,26.5,7.9,47.9,14.2,65.1l0.1,0.3l9.2,26.1H349v62.3h-81.4c1.2,9.5,2.4,22.6,2.4,35.3 c0,18.5-5.8,44.7-13.9,65.2h153.4V478z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}
/* START - My Account Selector */
.gui-my-account-selector * {
  font-family: "LatoRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.gui-my-account-selector .gui-dropdown-menu {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-top: 0px;
}
.gui-my-account-selector .gui-dropdown-toggle {
  background: #fff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #000;
  font-size: 14px;
}
.gui-my-account-selector .gui-dropdown-toggle:hover {
  color: #f140a9;
}
.gui-my-account-selector .gui-dropdown-toggle:before {
  content: "";
  width: auto;
  height: auto;
  color: #f140a9;
  font-size: 16px;
  line-height: 1.9;
  display: none;
  background-image: none;
  margin-right: 12px;
  margin-top: -1px;
}
.gui-my-account-selector .gui-dropdown-toggle:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23666666' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px;
  height: 20px;
  margin-top: -1px;
  margin-left: 0;
  content: "";
}
.gui-header .gui-my-account-selector.gui-dropdown {
  width: auto;
  margin-right: 0;
}
@media (min-width: 768px) {
  .gui-header .gui-my-account-selector.gui-dropdown {
    display: inline-block;
  }
  .gui-my-account-selector .gui-dropdown-toggle:before {
    content: "My Account";
    display: block;
  }
}
@media (max-width: 350px) {
  .gui-my-account-selector .gui-dropdown-menu {
    min-width: 220px;
  }
}
/* Welcome Name Surname */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome {
  color: #000;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 0 10px;
}
/* Dropdown Button - Sign In/Out Button */
/* Signed Out */
.gui-my-account-selector .gui-dropdown-menu ul li:first-child {
  border-bottom: 1px solid #f5f5f5;
  display: block;
}
/* Signed In */
.gui-my-account-selector .gui-dropdown-menu.signed-in ul li:first-child {
  display: block;
}
.gui-my-account-selector .gui-dropdown-menu.signed-in ul li:last-child {
  display: block;
  border-top: 1px solid #f5f5f5;
  padding-top: 4px;
}
/* Sign In Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin {
  color: #fff;
  background-color: #f140a9;
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover {
  color: #000;
  background-color: #ededed;
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23fff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e");
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23666666' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e");
}
/* Sign Out Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:after {
  display: none;
}
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:hover {
  background-color: #fff;
}
/* Drop Down Links*/
.gui-my-account-selector .gui-dropdown-menu ul li:nth-child(2) {
  margin-top: 6px;
}
.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li a {
  text-transform: none;
}
.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a {
  color: #000;
  text-transform: none;
}
.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover {
  color: #f140a9;
  text-decoration: underline;
}
.gui-my-account-selector
  .gui-dropdown-menu.signed-in
  ul
  li.credit-available
  + li {
  margin-top: 0;
}
/* Icon Sizes */
.gui-my-account-selector
  ul
  li:not(:first-child)
  .gui-btn-sm.gui-icon-right:after {
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
}
/* Arrow Link - :after Background Image */
.gui-my-account-selector
  ul
  li:not(:first-child)
  .gui-btn-sm.gui-icon-right:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23666666' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
}
/* Help Link - :after Background Image */
.gui-my-account-selector
  .gui-dropdown-menu
  ul
  li:not(:first-child)
  a.my-account-help:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23666666'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e");
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* Wishlist Link - :after Background Image */
.gui-my-account-selector
  .gui-dropdown-menu
  ul
  li:not(:first-child)
  a.my-account-wishlist:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23666666'  d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e");
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* Available to Spend*/
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
  color: #000;
  font-size: 12px;
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong {
  color: #f140a9;
}
.gui-my-account-selector
  .gui-dropdown-menu
  ul
  li.credit-available
  span:not(:first-child) {
  text-align: right;
}
.gui-header-main
  .gui-my-account-selector
  .gui-dropdown-menu
  ul
  li.credit-available {
  font-size: 14px;
}
/* Account Notifications */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification {
  border-bottom: 1px solid #f5f5f5;
  padding: 4px 0;
  margin: 0;
}
.gui-my-account-selector
  .gui-dropdown-menu
  ul
  li.gui-my-account-notification
  .gui-my-account-notifications {
  position: absolute;
  right: 0;
  line-height: 13px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background-color: #666666;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.gui-my-account-selector
  .gui-dropdown-menu
  ul
  li.gui-my-account-notification
  a:hover
  .gui-my-account-notifications {
  background-color: #ededed;
  color: #000;
}
/* END - Notifications */
/* Mobile - My Account Link/Dropdown */
.gui-header-main .gui-my-account-selector .gui-dropdown-toggle {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom: none;
  color: #222222;
  z-index: 102;
  width: auto;
  padding: 10px 12px;
  position: relative;
  text-transform: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gui-header-main .gui-my-account-selector.gui-active .gui-dropdown-toggle {
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.gui-header-main .gui-my-account-selector .gui-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  z-index: 101;
}
@media (max-width: 767px) {
  .gui-header-main .gui-my-account-selector .gui-dropdown-toggle {
    z-index: 9;
  }
  .gui-header-main .gui-my-account-selector .gui-dropdown-menu {
    z-index: 8;
  }
}
/* END - My Account Selector */
@media (max-width: 334px) {
  .gui-header-main .block-1 > *,
  .gui-header-main .block-3 > * {
    margin-left: 5px;
  }
}

/* USP HEADER CSS BEGIN */



@media screen and (max-width: 767px) {
  .usp-wrapper {
    background-color: #000;
    width: 100%;
  }

  .usp-wrapper a,
  .usp-wrapper a:visited,
  .usp-wrapper a:hover,
  .usp-wrapper a:focus,
  .usp-wrapper a:link {
    text-decoration: none;
    color: inherit;
  }

  .usp-item {
    font-family: "LatoRegular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 0.3em 0;
    font-size: 3.5vw;
  }

  .usp-bold {
    font-family: "LatoBlack", Arial, Helvetica, sans-serif;
  }

  .usp-pink {
    color: #ff2ba6 !important;
  }

  .usp-blue {
    color: #85ecf4 !important;
  }

  .usp-green {
    color: #5df39e !important;
  }

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





@media screen and (min-width: 425px) {
  .usp-item {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .usp-wrapper {
    display: none !important;
  }
}

/* USP HEADER CSS END */