/******************************************************************/
/******************* Client Specific CSS File.*********************/
/* This file is referenced after the estar css file				  */
/* so can over-write estar styling as required.					  */
/******************************************************************/

.mobile-site-nav .nav-menu-item .Sale,
.mobile-site-nav .nav-menu-item .SALE {
  color: #d64040 !important;
}

.productpage .afterpay-widget {
  float: none;
  width: 100%;
  text-align: left;
  padding: 16px 0 5px;
  font-size: 12px;
  line-height: 20px;
  display: block !important;
  letter-spacing: 0.5px;
  /* display: none !important; */
}

.product_detail .availability.unavailable {
  color: #d4022e;
  margin-bottom: 25px;
  display: none;
}

.item.sli_grid_result {
  width: 212px;
  max-width: none;
  padding: 0;
}

li[data-catid='5'] .nav-level-two > li {
  width: 105px;
}

li[data-catid='2023'] .nav-level-two > li {
  width: 105px;
}

li[data-catid='6'] .nav-level-two > li {
  width: 105px;
}

li[data-catid='131318'] .nav-level-two > li {
  width: 125px;
}

li[data-catid='131326'] .nav-level-two > li {
  width: 125px;
}

li[data-catid='131320'] .nav-level-two > li {
  width: 125px;
}

/* li.nav-menu-item:nth-of-type(9) {
  display: none;
} */

li.nav-menu-item h2.App.Exclusive.toggle-header {
  display: none;
}

@charset "utf-8";

/*----------------------------------------------------*/
/*------------------- CAREERS ------------------------*/
/*----------------------------------------------------*/
#ark_info-container {
  width: 100%;
  margin: 0 auto;
  color: #333;
  line-height: 130%;
}

#ark_info-sidebar {
  float: left;
  width: 180px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#ark_info-content {
  margin-left: 190px;
  padding: 0 1em;
  text-align: center;
}

.ark_info-content {
  max-width: 610px;
  padding: 0;
  padding-bottom: 10px;
  margin: 0 auto;
}

.ark_info-content img {
  margin: 20px 0;
}

.ark_info-content .ark_grid img,
.ark_info-content .ark_info-carousel img {
  margin: 0;
}

.ark_info-content.wide {
  max-width: 680px;
}

.ark_info-content.widest {
  max-width: 990px;
}

.ark_info-content .ark_clearfix:before,
.ark_clearfix:after {
  display: table;
  content: '';
  line-height: 0;
}

.ark_info-content .ark_clearfix:after {
  clear: both;
}

.ark_info-content .ark_text-left {
  text-align: left;
}

.ark_info-content .ark_text-right {
  text-align: right;
}

.ark_info-content .ark_text-center {
  text-align: center;
}

.ark_info-content .ark_img_left {
  float: left;
}

.ark_info-content .ark_img_right {
  float: right;
}

.ark_info-content h1,
.ark_info-content h2,
.ark_info-content h3,
.ark_info-content h4,
.ark_info-content h5 {
  text-align: center;
  padding: 0.5em 0;
  margin: 0;
}

.ark_info-content h2 {
  padding: 0 0 0.5em 0;
}

.ark_info-content h5 {
  text-align: left;
}

.ark_info-content p {
  padding: 0.5em 0;
  margin: 0;
  text-align: left;
}

.ark_info-content strong {
  font-weight: bold;
  color: #857650;
}

.ark_info-content hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #fff;
}

.ark_info-content hr.fakebreak {
  margin: 20px 0 150px;
  border: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#ark_leftnav a {
  text-decoration: none;
  color: #686868;
}

#ark_leftnav ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

#ark_leftnav li {
  padding: 4px;
}

#ark_leftnav ul li ul {
  margin: 0;
  padding: 0;
}

#ark_leftnav li li {
  font-weight: 400;
  margin-left: 0.5em;
}

#ark_leftnav li li a {
  color: #686868;
}

.ark_info-content .ark_inline-nav {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.ark_info-content .ark_inline-nav span {
  padding: 0 15px;
  color: #898787;
}

.ark_info-content .ark_inline-nav a {
  text-decoration: none;
  color: #898787;
  line-height: 150%;
}

.ark_info-content .ark_inline-nav a.active {
  color: #000;
}

.ark_info-content .ark_btn,
.ark_careers_btn {
  display: inline-block;
  padding: 4px 12px;
  margin: 30px 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  font-family: 'effraregular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.ark_info-content .ark_btn:hover,
.ark_careers_btn:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}

.ark_careers_btn {
  margin: 10px 0 0;
}

.ark_info-content .ark_grid div {
  width: 290px;
  float: left;
  margin-bottom: 20px;
}

.ark_info-content .ark_grid div.ark_alt {
  margin-right: 20px;
}

.ark_info-content .ark_grid h5 {
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}

.ark_info-content .ark_grid h5 a {
  text-decoration: none;
}

.ark_title_arrow {
  display: inline-block;
  vertical-align: baseline;
  width: 7px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/assetimages/homepage/panel_arrow.png) no-repeat;
  margin-left: 5px;
}

.ark_info-content .ark_social .ark_intro {
  text-transform: uppercase;
  margin-right: 10px;
  margin-top: -10px;
}

.ark_info-content .ark_social img {
  margin-left: 20px;
  margin-bottom: -4px;
}

.ark_block_essence {
  width: 557px;
  height: 322px;
  padding: 40px 25px 55px 25px;
  background: url(/images/assetimages/careers/essence_bg.jpg) no-repeat;
  font-size: 1.1em;
}

.ark_block_essence strong {
  color: #000;
}

.ark_info-content .ark_values_bg {
  width: 610px;
  padding: 0 115px;
  margin-left: -115px;
  background: url(/images/assetimages/careers/handbag_bg.gif) no-repeat right 90px;
  overflow: hidden;
}

#jobListing table {
  width: 100%;
  clear: both;
}

/*------ carousel ------*/
.ark_info-content .ark_carousel_careers {
  position: relative;
  width: 680px;
  height: 479px;
  padding: 16px 0 50px 0;
  background: url(/images/assetimages/careers/carousel_bg.gif) no-repeat;
}

.ark_info-content .ark_carousel_prev,
.ark_carousel_next {
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -45px;
  width: 26px;
  height: 48px;
  background: url(/images/assetimages/careers/carousel_arrow_left.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.ark_info-content .ark_carousel_next {
  left: auto;
  right: -35px;
  background-image: url(/images/assetimages/careers/carousel_arrow_right.gif);
}

.ark_info-content .ark_carousel_pagination {
  position: absolute;
  bottom: 35px;
  left: 0;
  width: 100%;
  text-align: center;
}

.ark_info-content .ark_carousel_pagination a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/images/assetimages/careers/carousel_dots.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 4px;
}

.ark_info-content .ark_carousel_pagination .selected {
  background-position: right 0;
}

/*------*/
.ark_cursor:hover {
  cursor: pointer;
}

.ark_hover_black:hover {
  color: #000;
}

.ark_work_with_us,
.ark_dept_and_roles,
.ark_applying_for_roles {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

ul.ark_active {
  height: auto;
}

/*----------------------------------------------------*/
/*------------------- HOMEPAGE -----------------------*/
/*----------------------------------------------------*/
.homepage #main_page {
  background: none !important;
  margin-right: 0;
  margin-left: 0;
}

.homepage #main_page .container {
  width: 100%;
  margin: 0;
}

.homepage .page_content {
  padding: 0 !important;
}

.ark_bg {
  display: block;
  width: 100%;
}

/*------*/
.ark_panel_tab {
  position: absolute;
  top: 25%;
  left: -40px;
  width: 115px;
  height: 74px;
  padding-left: 40px;
  background: #fff url(/images/assetimages/homepage/carousel_arrow_left.gif) no-repeat 10px center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: left 0.5s;
  outline: 0;
}

.ark_panel_tab:hover {
  left: -155px;
}

.ark_panel_container.open .ark_panel_tab {
  left: 0;
  width: 0;
  background: url(/images/assetimages/homepage/panel_close.gif) no-repeat 7px 25px;
}

.ark_panel_tab h3 {
  font-size: 15px;
  padding-top: 20px;
}

.ark_panel_tab h3:hover {
  color: #666;
}

.ark_panel_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: url(/images/assetimages/homepage/panel_close.jpg);
  cursor: pointer;
}

.ark_panel_container {
  position: fixed;
  top: 20%;
  right: -90%;
  width: 90%;
  height: 60%;
  background: url(/images/assetimages/homepage/panel_bg.png.);
}

.ark_panel_container h2 {
  width: 250px;
  height: 142px;
  margin: 0 auto 0.5em auto;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/assetimages/homepage/panel_alchemy.png) no-repeat;
}

.ark_panel_container p {
  padding: 1em 4em 2em 4em;
}

.ark_panel_container .ark_grid {
  list-style: none;
  padding: 20px 0;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

.ark_panel_container .ark_grid li {
  position: relative;
  float: left;
  width: 30%;
  padding: 0 1.5% 30px 1.5%;
}

.ark_panel_container .ark_grid img {
  width: 100%;
  height: auto;
}

.ark_panel_container .ark_grid p {
  padding: 0 0 1em 0;
}

.ark_panel_container .ark_grid .ark_read_more {
  display: block;
  text-align: center;
  text-decoration: none;
}

.ark_panel_container .ark_grid .ark_panel_arrow,
.ark_grid .title_arrow {
  display: inline-block;
  vertical-align: baseline;
  width: 7px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/assetimages/homepage/panel_arrow.png) no-repeat;
  margin-left: 5px;
}

/*------*/
.ark_scroller_wrap {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 65px;
}

.ark_scroller {
  position: relative;
  height: 100%;
}

.ark_scroller .jspVerticalBar {
  width: 6px;
}

.ark_scroller .jspDrag {
  background-color: #000;
  border-radius: 0;
}

.ark_scroller .jspTrack {
  background-color: #b7b7b7;
}

/*----------------------------------------------------*/
.ark_parallax_container,
.ark_parallax_items {
  position: relative;
}

.ark_hp_shad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background: url(/images/assetimages/homepage/shad.png) repeat-x;
}

.ark_hp_image {
  position: absolute;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.7);
}

.ark_hp_image img,
.ark_hp_image_link {
  display: block;
}

.ark_hp_image img {
  width: 100%;
}

.ark_hp_image_rollover,
.ark_hp_image_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ark_hp_image_rollover {
  background: url(/images/assetimages/homepage/item_rollover.png);
  border: 3px solid #fff;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}

.ark_hp_image_rollover,
.ark_hp_image_rollover a {
  color: #fff;
  text-decoration: none;
}

.ark_hp_image_rollover a {
  line-height: 1.8em;
}

.ark_hp_image:hover .ark_hp_image_rollover {
  opacity: 1;
  visibility: visible;
}

.ark_hp_image_rollover span {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.ark_hp_image_rollover .ark_align {
  width: 0;
  height: 100%;
}

.ark_hp_image_rollover .ark_hp_content {
  padding: 0 1em;
}

.ark_hp_image_rollover .ark_hp_image_arrow {
  vertical-align: baseline;
  width: 7px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/assetimages/homepage/item_arrow.png) no-repeat;
  margin-left: 5px;
}

.ark_hp_image_link {
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/assetimages/homepage/blank.png);
}

.ark_hp_image.item1 {
  top: 5%;
  left: 50%;
  width: 30%;
  max-width: 485px;
}

.ark_hp_image.item2 {
  top: 20%;
  right: 60%;
  width: 20%;
  max-width: 300px;
}

.ark_hp_image.item3 {
  top: 36%;
  right: 50%;
  width: 20%;
  max-width: 300px;
}

.ark_hp_image.item4 {
  top: 45%;
  left: 60%;
  width: 20%;
  max-width: 300px;
}

.ark_hp_image.item5 {
  top: 60%;
  right: 60%;
  width: 20%;
  max-width: 300px;
}

.ark_hp_image.item6 {
  top: 65%;
  left: 50%;
  width: 20%;
  max-width: 300px;
}

.ark_hp_image.item7 {
  top: 80%;
  left: 60%;
  width: 20%;
  max-width: 300px;
}

/*----------------------------------------------------*/
#ark_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/assetimages/homepage/item_rollover.png);
  display: none;
  opacity: 0;
}

#ark_overlay .ark_video_wrap2 {
  position: relative;
  top: 35%;
  left: 25%;
  width: 50%;
}

#ark_overlay .ark_video_wrap {
  height: 0;
  padding-bottom: 56.25%;
}

.ark_overlay_close {
  position: absolute;
  top: -50px;
  left: -50px;
  width: 37px;
  height: 37px;
  background: url(/images/assetimages/homepage/video_close.png);
  cursor: pointer;
}

#ark_overlay iframe,
#ark_overlay object,
#ark_overlay embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ark_overlay video {
  width: 100%;
  height: auto;
}

/*----------------------------------------------------*/
/*------------------- SOUL LANDING -------------------*/
/*----------------------------------------------------*/
.ark_history {
  position: relative;
  left: -10px;
  width: 990px;
}

.ark_history #ark_info-content {
  margin: 0;
}

.ark_history img {
  display: block;
}

.ark_history_video_wrap {
  position: relative;
}

.ark_history_video {
  position: absolute;
  top: 276px;
  right: 10px;
  width: 559px;
  height: 316px;
  text-indent: -9999px;
  overflow: hidden;
}

#ark_title {
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 1em;
}

/*------*/
.ark_hero-container {
  background: url(/images/assetimages/soul/hero_container.jpg) no-repeat scroll 0 0 transparent;
  background-color: #fff;
  background-size: 100% auto;
  position: relative;
  width: 100%;
  height: 516px;
}

.ark_hero {
  display: inline-block;
  margin: 48px 15px;
  float: right;
}

.ark_hero-subtitle {
  margin-top: 15px;
}

.ark_hero-image {
  display: block;
  margin: 90px 20px 37px 0;
}

.ark_hero-text {
  max-width: 330px;
  position: absolute;
  top: 35px;
  left: 15px;
  text-align: center;
}

.ark_hero-link {
  display: block;
  margin-top: 20px;
}

#ark_subtitle {
  text-align: center;
  padding: 0.5em 0;
}

#ark_subtitle a {
  text-decoration: none;
  padding: 0.5em 1em;
}

#ark_page-container {
  background: #fff;
}

#ark_info-container {
  max-width: 990px;
  margin: 0 auto;
  display: block;
}

.ark_header {
  font-size: 200%;
  padding: 0.5em 0 0 0;
  margin: 0 auto;
}

.ark_subheader {
  margin: 0 auto;
  padding: 0 0 0.5em 0;
}

.ark_three-column-layout {
  display: inline-block;
  vertical-align: top;
  width: 290px;
  margin: 15px 15px 10px;
}

.ark_three-column-social {
  max-width: 280px;
  padding: 0 15px;
  margin: 20px 0;
  display: inline-block;
  background: url(/images/assetimages/soul/social_repeat.jpg) repeat-y scroll 0 0 transparent;
  background-color: #fff;
  background-size: 100% auto;
}

.ark_fullwidth {
  margin: 0 auto;
  width: 100%;
  display: block;
}

.ark_column-thumbnail {
  width: 100%;
  height: auto;
  margin: 5px auto 10px auto;
}

.ark_column-subtitle-twitter {
  margin-bottom: 20px;
}

.ark_column-subtitle-twitter ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ark_tweet-owner,
.ark_column-subtitle-twitter .user a {
  text-align: left;
  color: #84774d;
  text-decoration: none;
  margin: 10px 0 0 0;
}

.ark_column-subtitle-twitter .user img,
.ark_column-subtitle-twitter .user span span,
.ark_column-subtitle-twitter .interact {
  display: none;
}

.ark_column-subtitle-twitter .tweet a {
  word-wrap: break-word;
}

.ark_column-subtitle-link {
  margin: 10px 0;
}

.ark_column-subtitle-link:hover {
  color: #666;
}

.ark_black-subtitle {
  background-color: #000;
  color: #fff;
  padding: 10px 0;
}

.ark_title-divider {
  padding: 15px 0 0 0;
  margin: 30px 0 0 0;
  position: relative;
}

.ark_centered_header {
  font-size: 140%;
  padding: 0;
  position: absolute;
  top: -10px;
  left: 380px;
  width: 220px;
  background-color: #fff;
  text-align: center;
}

.ark_social_item {
  background: url(/images/assetimages/soul/item_container.jpg) no-repeat scroll 0 0 transparent;
  background-color: #fff;
  background-size: 100% auto;
  position: relative;
  width: 290px;
  height: 335px;
}

.ark_social-item-thumbnail {
  height: 260px;
  margin: 25px auto 10px auto;
}

iframe.ark_social-item-thumbnail {
  width: 260px;
}

.ark_social-item-twitter {
  width: 116px;
  height: 45px;
  margin: 0 auto;
}

.ark_black-thumbnail {
  margin: 0;
  padding: 0;
  display: block;
}

.ark_black-subtitle-hr {
  margin: 2px auto;
  width: 50%;
}

.ark_border-bottom {
  border-bottom: 1px solid #474747;
}

.ark_border-top {
  border-top: 1px solid #474747;
}

.ark_border-top-white {
  border-top: 1px solid #fff;
}

.ark_border-full {
  border: 1px solid #f3f3f3;
}

#ark_footer {
  color: #fff;
  background-color: #000;
  height: 150px;
  margin: 0 auto;
  padding: 150px;
}

.ark_white {
  color: #fff;
}

.ark_nostyle {
  text-decoration: none;
}

.ark_center {
  text-align: center;
}

.ark_align-left {
  text-align: left;
}

.ark_align-right {
  text-align: right;
}

.ark_bold {
  font-weight: bold;
}

.ark_vert-align-bottom {
  vertical-align: bottom;
}

.ark_social_item a:after,
.ark_boxout:after,
.ark_panel_container .ark_grid .ark_read_more:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ark_panel_container .ark_grid .ark_multi_link .ark_read_more:after {
  content: '';
  position: static;
  width: 0;
  height: 0;
}

.ark_campaign-hero-container {
  background: url(/images/assetimages/soul/campaign_hero_bg.jpg) no-repeat scroll 0 0 transparent;
  background-color: #fff;
  background-size: 100% auto;
  display: block;
  width: 905px;
  height: 728px;
  margin: 0 auto;
  padding-top: 23px;
}

.ark_loader {
  position: absolute;
  top: 43%;
  left: 47%;
  width: 50px;
  height: 50px;
}

.ark_campaign-blurb {
  max-width: 905px;
  height: auto;
  margin: 10px auto 0 auto;
}

.ark_campaign-archive-item {
  background: url(/images/assetimages/soul/campaign_item_bg.jpg) no-repeat scroll 0 0 transparent;
  background-color: #fff;
  background-size: 99% auto;
  width: 290px;
  height: 261px;
}

.ark_blurb-share {
  margin-top: 1.5em;
}

.ark_blurb-share-icon {
  padding: 0 4px;
}

.ark_campaign-hero-container {
  position: relative;
}

.ark_carousel_prev,
.ark_carousel_next {
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -45px;
  width: 26px;
  height: 48px;
  background: url(/images/assetimages/soul/carousel_arrow_left.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.ark_carousel_next {
  left: 920px;
  background: url(/images/assetimages/soul/carousel_arrow_right.gif) no-repeat;
}

.ark_carousel_pagination {
  margin: 10px auto 0 auto;
  width: 100%;
  text-align: center;
}

.ark_carousel_pagination a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/images/assetimages/soul/carousel_dots.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 4px;
}

.ark_carousel_pagination .selected {
  background-position: right 0;
}

.ark_grey-out {
  opacity: 0.45;
}

.ark_column-thumbnail:hover {
  cursor: pointer;
}

/*------ Video ------*/
.ark_video-hero-container {
  position: relative;
  width: 826px;
  height: 461px;
  padding: 22px 0 21px 0;
  background: url(/images/assetimages/soul_video/video_hero_bg.jpg) no-repeat;
  margin: 0 auto 30px;
}

.ark_video-hero-container img {
  position: absolute;
}

.ark_three-column-layout {
  position: relative;
}

.ark_video_play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  margin-top: 5px;
  background: url(/images/assetimages/soul_video/video_play_overlay.png) no-repeat center 75px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s;
}

.ark_video_play:hover {
  opacity: 1;
}

/*------ Automatic Youtube ------*/
.ark_automatic .ark_video_play {
  height: 163px;
  background-position: center 44px;
}

.ark_automatic .ark_three-column-layout {
  height: 265px;
}

/*------ Sisters ------*/
.ark_sisters_container {
  width: 970px;
  margin: 0 auto;
}

.ark_sisters_container h1 {
  text-align: center;
}

.ark_sisters_3col {
  text-align: center;
}

.ark_sisters_3col .ark_sisters_item {
  display: inline;
  vertical-align: middle;
  padding: 30px;
}

.ark_sisters_4col {
  overflow: hidden;
}

.ark_sisters_4col .ark_sisters_item {
  float: left;
  width: 219px;
  margin: 30px 20px 30px 0;
}

/*------ Careers * -------*/
.ark_info-content .ark_btn:hover,
.ark_careers_btn:hover {
  color: #fff;
  background-color: #917b4c;
  border: 1px solid #917b4c;
}

#ark_leftnav li li a:hover {
  color: #000;
}

#ark_leftnav li a:hover {
  color: #000;
}

.ark_color_grey {
  color: #666;
}

#ark_leftnav .ark_color_black,
#ark_leftnav .ark_careers_black {
  color: #000;
}

.ark_show {
  display: block;
}

.ark_hide {
  display: none;
}

.ark_info-carousel a {
  display: block;
  float: left;
}

.ark_clearfix {
  float: none;
  clear: both;
}

/*------ Spring Racing ------*/
.ark_spring_heading {
  text-align: center;
  padding: 0 100px 10px 0;
}

.ark_spring_container {
  overflow: hidden;
}

.ark_spring_container ul,
.ark_spring_container li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ark_spring_container img {
  display: block;
}

.ark_spring_thumbs {
  float: left;
  width: 210px;
}

.ark_spring_thumbs li {
  float: left;
  width: 85px;
  padding: 0 20px 10px 0;
}

.ark_spring_thumbs li.ark_spring_active,
.ark_spring_thumbs li:hover {
  opacity: 0.3;
}

.ark_spring_main {
  float: left;
  width: 470px;
  text-align: center;
}

.ark_spring_main .ark_spring_main_pic {
  margin-bottom: 25px;
}

.ark_spring_main .ark_spring_full img {
  display: inline-block;
}

.ark_spring_main .ark_spring_social {
  padding: 20px 0;
}

.ark_spring_main .ark_spring_social > * {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  text-transform: uppercase;
}

.ark_spring_products {
  float: right;
  width: 280px;
}

.ark_spring_products li {
  float: left;
  width: 120px;
  height: 225px;
  padding: 10px 10px 0;
  text-align: center;
}

.ark_spring_products li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
}

.ark_spring_products li span {
  display: block;
}

.ark_spring_products .ark_spring_prod_img {
  width: 100%;
}

.ark_spring_products .ark_spring_title {
  color: #696969;
  padding-top: 10px;
}

.ark_spring_products .ark_spring_price,
.ark_spring_products .ark_spring_link {
  color: #000;
}

.ark_spring_products .ark_spring_link {
  font-weight: bold;
}

.ark_spring_products .ark_spring_shop_now {
  display: inline;
  padding-left: 5px;
}

/*------ New Homepage ------*/
.ark_hp_background {
  position: relative;
  background: #eff0fa url(/images/assetImages/homepage/bg.gif);
  overflow: hidden;
}

.ark_hp_background > img {
  position: absolute;
  top: 0;
  height: 100%;
  display: block;
}

.ark_hp_background .left {
  right: 50%;
  margin-right: 495px;
}

.ark_hp_background .right {
  left: 50%;
  margin-left: 495px;
}

.ark_hp_shad2 {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  height: 10px;
  background: url(/images/assetImages/homepage/shad.png) repeat-x;
  z-index: 3;
}

.ark_hp_container {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -495px;
  width: 990px;
  background: #fdd;
}

.ark_hp_container:after {
  content: '';
  display: block;
  clear: both;
}

.ark_hp_container .ark_hp_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/assetImages/homepage/overlay.png);
}

.ark_hp_container .ark_hp_item {
  position: absolute;
  width: 198px;
  height: 198px;
  background: #000;
}

.ark_hp_container .ark_hp_item.w2 {
  width: 396px;
}

.ark_hp_container .ark_hp_item.h2 {
  height: 396px;
}

.ark_hp_container .ark_hp_item.active {
  z-index: 3;
}

.ark_hp_container .ark_hp_item > img {
  display: block;
}

.ark_hp_container .ark_hp_item .ark_hp_item_rollover {
  display: none;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 194px;
  height: 194px;
  background: url(/images/assetImages/homepage/rollover.png);
  cursor: pointer;
}

.ark_hp_container .ark_hp_item.w2 .ark_hp_item_rollover {
  width: 392px;
}

.ark_hp_container .ark_hp_item.h2 .ark_hp_item_rollover {
  height: 392px;
}

.ark_hp_container .ark_hp_item.hover .ark_hp_item_rollover {
  display: block;
}

.ark_hp_container .ark_hp_item.active .ark_hp_item_rollover {
  display: none;
}

.ark_hp_container .ark_hp_item .ark_hp_popout {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 396px;
  height: 396px;
  background: #fff;
  font-size: 90%;
}

.ark_hp_container .ark_hp_item.active .ark_hp_popout {
  display: block;
}

.ark_hp_container .ark_hp_item.pop_left .ark_hp_popout {
  left: auto;
  right: 100%;
}

.ark_hp_container .ark_hp_item.pop_top .ark_hp_popout {
  top: auto;
  bottom: 0;
}

.ark_hp_container .ark_hp_item .ark_hp_popout_close {
  position: absolute;
  top: 5px;
  right: 3px;
  width: 23px;
  height: 24px;
  background: url(/images/assetImages/homepage/popup_close.gif) no-repeat;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}

.ark_hp_container .ark_hp_item h3 {
  text-align: center;
  padding: 25px 0 15px;
}

.ark_hp_container .ark_hp_item .ark_hp_top {
  overflow: hidden;
  padding: 0 15px;
}

.ark_hp_container .ark_hp_item .ark_hp_top img {
  float: left;
  width: 160px;
}

.ark_hp_container .ark_hp_item .ark_hp_top .ark_hp_desc {
  float: right;
  width: 190px;
  line-height: 120%;
  color: #656565;
}

.ark_hp_container .ark_hp_item .ark_hp_top strong {
  color: #000;
}

.ark_hp_container .ark_hp_item .ark_hp_form {
  text-align: center;
  padding: 5px 0 25px;
}

.ark_hp_container .ark_hp_item .ark_hp_form > * {
  display: inline;
  margin: 0 10px;
}

.ark_hp_container .ark_hp_item .ark_hp_form .ark_hp_select_wrap {
  padding: 2px;
  border-radius: 7px;
}

.ark_hp_container .ark_hp_item .ark_hp_form input {
  width: 20px;
  margin-left: 10px;
  border-radius: 2px;
}

.ark_hp_container .ark_hp_item .ark_hp_btns {
  position: relative;
  width: 269px;
  margin: 0 auto;
}

.ark_hp_container .ark_hp_item .ark_hp_btns a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

.ark_hp_container .ark_hp_item .ark_hp_btns .ark_hp_bag {
  width: 269px;
  height: 35px;
  background: url(/images/assetImages/homepage/add_to_bag.gif) no-repeat;
}

.ark_hp_container .ark_hp_item .ark_hp_btns .ark_hp_2btns {
  overflow: hidden;
  padding-top: 6px;
}

.ark_hp_container .ark_hp_item .ark_hp_btns .ark_hp_more {
  float: left;
  width: 143px;
  height: 26px;
  background: url(/images/assetImages/homepage/view_more_products.gif) no-repeat;
}

.ark_hp_container .ark_hp_item .ark_hp_btns .ark_hp_list {
  float: right;
  width: 120px;
  height: 26px;
  background: url(/images/assetImages/homepage/add_to_wishlist.gif) no-repeat;
}

/*------ Sitewide Alert Banner ------*/
.ark_alert {
  background: #857650 !important;
  color: #fff;
  height: 100%;
  height: 45px;
  padding: 12px 0 5px 0;
  margin-bottom: -10px;
}

.ark_alert_container {
  width: 990px;
  margin: 0 auto;
  text-align: center;
}

.ark_alert_container p {
  text-align: center;
  margin: 0;
}

.active_alert {
  padding: 47px 0 0 0;
}

.ark_alert .ark_underline {
  text-decoration: underline !important;
  color: #fff !important;
}

/*-------- Homepage Update 1401 - Shell -----------*/
/*2 columns*/
.ark_2col_wrap {
  text-align: center;
  width: 990px;
  margin: 0 auto;
}

.ark_2col_wrap .ark_2col_item {
  display: inline-block;
  vertical-align: middle;
  padding: 26px 0 0 0;
}

.ark_2col_wrap .item1 {
  height: 459px;
  border: none;
  background: url(/images/assetimages/ark_1401_feat_one_a.jpg) no-repeat;
  width: 600px;
  margin-left: -7px;
}

.ark_2col_wrap .item2 {
  height: 459px;
  background: url(/images/assetimages/ark_1401_feat_two_b.jpg) no-repeat;
  margin-left: 18px;
  width: 370px;
}

/*3 colums*/
.ark_3col_wrap_top {
  text-align: center;
  width: 990px;
  margin: 0 auto;
  padding: 2em 0 1em 0;
}

.ark_3col_wrap {
  text-align: center;
  width: 990px;
  margin: 10px auto;
}

.ark_3col_item {
  display: inline-block;
  vertical-align: middle;
  width: 315px;
}

.ark_3col_items {
  display: inline-block;
  vertical-align: middle;
  width: 325px;
}

.ark_3col_wrap .first {
  padding-right: 18px;
}

.ark_3col_wrap .last {
  padding-left: 18px;
}

.ark_3col_wrap_top .first {
  padding-right: 18px;
}

.ark_3col_wrap_top .last {
  padding-left: 18px;
}

.ark_3col_wrap .first2 {
  padding-right: 4px;
}

.ark_3col_wrap .last2 {
  padding-left: 4px;
}

/*2 and 3 column*/
.ark_2col_title h1 {
  font-size: 33px;
}

.ark_3col_title h2 {
  font-size: 26px;
}

.ark_2col_title h1,
.ark_3col_title h2 {
  text-transform: uppercase;
  margin: 10px 0 -3px;
  font-family: 'effralight', 'effraregular';
}

.ark_2col_desc,
.ark_3col_desc {
  text-align: center;
  padding: 8px 0;
  font-size: 18px;
  font-weight: normal;
  font-family: 'effralight', 'effraregular';
}

.ark_2col_img,
.ark_3col_img {
  display: block;
}

.ark_2col_item a,
.ark_3col_item a,
.ark_3col_items a {
  text-decoration: none;
  border: none;
  font-family: 'effralight', 'effraregular';
  font-size: 16px;
}

.ark_3col_img a img {
  display: block;
  width: 318px;
  border: none;
}

.ark_2col_reset,
.ark_3col_reset {
  clear: both;
  display: block;
  height: 2em;
}

/*------ Homepage update 1401 - Carousel -----*/
.ark_hp_car_banner {
  position: relative;
}

.ark_hp_car_carousel {
  width: 100%;
}

.ark_hp_car_carousel .slide {
  width: 990px;
  height: 635px;
  float: left;
}

.ark_hp_car_carousel .slide > a {
  display: block;
  float: left;
}

.ark_hp_car_carousel .slide > a > img {
  display: block;
}

.ark_hp_car_prev,
.ark_hp_car_next {
  position: absolute;
  top: 0;
  width: 1500px;
  height: 635px;
  margin-top: 0;
  background: #fff;
  text-indent: -9999px;
}

.ark_hp_car_prev {
  left: 50%;
  margin-left: -1969px;
  background: url(/images/assetimages/homepage/S14_arrow_l_white.png) no-repeat;
}

.ark_hp_car_next {
  right: 50%;
  margin-right: -1969px;
  background: url(/images/assetimages/homepage/S14_arrow_r_white.png) no-repeat;
}

.ark_hp_car_nav {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: center;
}

.ark_hp_car_nav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/images/assetimages/careers/carousel_dots.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 4px;
}

.ark_hp_car_nav .selected {
  background-position: right 0;
}

/*------ Soul - Stories -----*/
#ark_soul_stories h1 {
  padding: 10px 0 28px;
}

.ark_3col_wrap_stories {
  width: 990px;
}

/*CUSTOM - 3 COLUMN*/
.ark_3col_item1 {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 0 5px;
}

/*stories*/
/*SALE NAV*/
oul_stories h1 {
  padding: 10px 0 28px;
}

.ark_3col_wrap_stories {
  width: 990px;
}

/*CUSTOM - 3 COLUMN*/
.ark_3col_item1 {
  display: inline-block;
  vertical-align: middle;
  width: 220px;
  padding: 0 5px;
}

/*stories*/
/*ARKADE HOMEPAGE UPDATE 1408*/
#ark_1408_wrapper h1,
#ark_1408_wrapper h2,
#ark_1408_wrapper h3,
#ark_1408_wrapper h4,
#ark_1408_wrapper p,
#ark_1408_wrapper a {
  font-family: 'effralight', arial;
  padding: 0;
  margin: 0;
  color: #000000 !important;
  font-weight: normal;
}

#ark_1408_wrapper a,
#ark_1408_wrapper a:visited {
  color: #000000;
  border: none;
}

#ark_1408_wrapper a:hover img {
  -webkit-opacity: 0.6;
}

#ark_1408_wrapper,
#wrapper2,
#wrapper4,
#wrapper5 {
  width: 990px;
}

#ark_1408_wrapper {
  margin: 0 auto;
  padding: 0;
}

#ark_1408_wrapper #wrapper2 {
  float: left;
}

#ark_1408_wrapper #wrapper3 {
  width: 323px;
  float: right;
}

#ark_1408_wrapper #wrapper4,
#ark_1408_wrapper #wrapper5 {
  clear: both;
  padding: 10px 0;
}

#ark_1408_wrapper #feature {
  background: #ececec;
}

#ark_1408_wrapper #feature {
  width: 660px;
  padding: 0;
  display: block;
  height: 575px;
  position: absolute;
}

#ark_1408_wrapper .block1,
#ark_1408_wrapper .block2 {
  height: 282px;
  width: 323px;
  display: block;
  background: #ececec;
  padding: 0;
}

#ark_1408_wrapper .block1 {
  margin: 0 0 11px 0;
}

#ark_1408_wrapper #wrapper4 h1 {
  font-size: 16px;
}

#ark_1408_wrapper #wrapper4 h2 {
  text-transform: uppercase;
  font-size: 18px;
  padding: 5px 0 3px 0;
}

#ark_1408_wrapper #wrapper4 p {
  font-size: 12px;
  font-family: 'effraregular', arial;
}

#ark_1408_wrapper #wrapper4 a {
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#ark_1408_wrapper #wrapper4 img {
  border: solid 3px #ffffff;
  margin: 10px 0 0 0;
}

#ark_1408_wrapper .frame1,
#ark_1408_wrapper .frame2,
#ark_1408_wrapper .frame3 {
  width: 323px;
  height: 312px;
  margin: 0;
  display: block;
  background: url(bg_frame.jpg) no-repeat;
  float: left;
  text-align: center;
}

#ark_1408_wrapper .frame1 {
  margin: 0 12px 0 0;
}

#ark_1408_wrapper .frame3 {
  margin: 0 -2px 0 9px;
}

#ark_1408_wrapper #wrapper5 h1 {
  font-size: 16px;
}

#ark_1408_wrapper #wrapper5 h2 {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
}

#ark_1408_wrapper #wrapper5 p {
  font-size: 14px;
  font-family: 'effralight', arial;
  line-height: 28px;
}

#ark_1408_wrapper #wrapper5 a {
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

#ark_1408_wrapper #wrapper5 img {
  border: solid 3px #ffffff;
  margin: 10px 0 0 0;
}

#ark_1408_wrapper .content1,
#ark_1408_wrapper .content2,
#ark_1408_wrapper .content3 {
  width: 323px;
  margin: 0;
  display: block;
  float: left;
  text-align: center;
}

#ark_1408_wrapper .content1 {
  margin: 0 10px 0 0;
}

#ark_1408_wrapper .content3 {
  margin: 0 0 0 10px;
}

#ark_1408_wrapper .arrow_small {
  background: url(/images/assetimages/homepage/dev/arrow_small.png) no-repeat;
  width: 10px;
  height: 7px;
  display: inline-block;
}

#ark_1408_wrapper .arrow_medium {
  background: url(/images/assetimages/homepage/dev/arrow_medium.png) no-repeat;
  width: 15px;
  height: 11px;
  display: inline-block;
}

/*remove bold and green colour from navigation */
#site_nav > .container > ul > li:first-child > a > span {
  color: #666 !important;
  font-weight: normal;
}

#site_nav > .container > ul > li > a {
  padding: 0 0 0 2.1em;
  font-size: 16px;
}

/*MEDIA SCREEN*/
/* @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  html,
  body {
    width: 100%;
    overflow-y: hidden;
  }
} */

/*hp background*/
.ark_hp_background_solid {
  background: #fff;
}

/*---------------------------------*/
/*        Kyle's Styles            */
/*---------------------------------*/
@font-face {
  font-family: GothamCondensed-Light;
  src: url(/images/assetimages/Fonts/gotham-condensed/GothamCondensed-Light.woff);
}

@font-face {
  font-family: BodoniFLF;
  src: url(/images/assetimages/fonts/bodoniFLF/BodoniFLF-Italic.woff);
}

@font-face {
  font-family: GothamLight;
  src: url(/images/assetimages/Fonts/gotham-light/Gotham-Light.woff);
}

@font-face {
  font-family: OldStyle;
  src: url(/images/assetimages/Fonts/GoudyOldStyle/goudy-old-style-regular.woff);
}

@font-face {
  font-family: GothamBook;
  src: url(/images/assetimages/Fonts/GothamBook/gotham-book.woff);
}

@font-face {
  font-family: Gotham Medium;
  src: url(/images/assetimages/Fonts/gotham-medium/gotham-medium.woff);
}

@font-face {
  font-family: 'Gotham Ligh';
  src: url(/images/assetimages/Fonts/gotham-light/Gotham-Light.woff);
}

/* topper styles */
#category-topper {
  position: relative;
  width: 990px;
  height: 113px;
}

#category-topper .title-container {
  width: 30%;
  position: absolute;
  left: 1%;
  height: 113px;
  line-height: 113px;
  text-align: center;
}

#category-topper .desc-container {
  width: 60%;
  position: absolute;
  left: 38%;
  height: 113px;
  line-height: 113px;
  text-align: center;
}

#category-topper h1 {
  font-size: 20px !important;
  text-align: center;
  font-weight: normal !important;
  display: inline-block;
  color: black !important;
  vertical-align: middle;
  line-height: normal;
  font-family: Gotham;
  letter-spacing: 5px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

#category-topper h3 {
  font-size: 14px;
  color: black;
  text-transform: none !important;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: GothamBook;
}

#category-topper br:after {
  content: ' ';
}

#category-topper br {
  content: '';
}

/* navigation menu styles */
#site_nav > .container > ul > li:first-child > a > span {
  color: #917b4c !important;
  font-weight: bold;
}

#site_nav > .container > ul > li > a {
  padding: 0 0 0 2em;
  font-size: 15px;
}

/* make the sale link on the megamenu pink */
#site_nav .container.dropdown a[title~='SALE'] span {
  color: rgb(236, 0, 140) !important;
}

#site_nav li.blog-link {
  display: none !important;
}

#main-page .container {
  width: 990px;
}

#site-header .container {
  width: 100%;
}

/*EOSS WED PINK SALE NAV MENU ITEMS */
.subnav a[href*='sale'] {
  color: #d64040 !important;
}

.subnav a[href*='Sale'] {
  color: #d64040 !important;
}

.sale .nav-level-three a {
  color: #5d5d5c !important;
}

/* Change the size of the dinkus' */
.overlay {
  width: 24%;
}

.ESO_carousel .overlay {
  width: 15%;
}

/************
  Reformat Toppers
**************/
/* Reformat topper text */
#category-topper h1 {
  margin: 0px;
}

#category-topper h1 span {
  color: #000 !important;
  display: block;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10.5pt;
  letter-spacing: 0.4em;
}

#category-topper .desc-container h3 {
  text-align: center !important;
  display: block;
  font-family: 'Gotham Light', 'Gotham', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  letter-spacing: 0.15em;
  line-height: 1.5em;
}

#category-topper .desc-container h3 span {
  text-transform: none;
  color: #999 !important;
}

/* Hide topper image */
#category-topper img {
  display: none;
}

/* Reposition text */
#category-topper {
  height: 100%;
  padding: 30px 0;
}

#category-topper .title-container {
  width: 100%;
  position: relative;
  height: auto;
  line-height: 1em;
  left: 0;
}

#category-topper .desc-container {
  position: relative;
  width: 600px;
  height: 100%;
  margin: auto;
  left: 0;
}

/* Recolouration */
.blog-page .back-top-link a {
  color: #000;
}

.taggd .taggd-categories-list li.selected > a,
.taggd .taggd-categories-list li.selected > a {
  color: #000;
}

.store #store-list li a:hover {
  color: #a09e9e;
}

/* Menu categories */
.nav-level-two > li {
  width: 105px;
}

/* Custom width for personalise */
.with-children.dropdown_menu:nth-child(2) li.col-5.with-children {
  width: 115px;
}

.delivery-check {
  font-size: 13px;
}

.delivery-check > div {
  color: black;
}

/********

BEM Stylesheet

********/
@charset "UTF-8";

#main_page {
  margin-top: 113px;
}

#fullpage,
#mobile-hp {
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  color: #000;
  background: #fff;
  font-weight: 400;
  font-size: medium;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  border: 0;
  padding-bottom: 1px;
}

#fullpage h1,
#fullpage h2,
#fullpage h3,
#fullpage h4,
#fullpage h5,
#fullpage h6,
#fullpage p,
#mobile-hp h1,
#mobile-hp h2,
#mobile-hp h3,
#mobile-hp h4,
#mobile-hp h5,
#mobile-hp h6,
#mobile-hp p {
  margin: 0;
}

#fullpage a,
#mobile-hp a {
  color: inherit;
  text-decoration: none;
}

#taggd {
  margin-top: 0;
}

@media (max-width: 700px) {
  .home article {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Reactive Image Block */
.l-responsiveContent {
  display: block;
  width: 100%;
  height: auto;
}

.l-responsiveContent-inline {
  max-height: 1em;
}

.l-responsiveContent-byHeight {
  height: 100%;
  width: auto;
}

.l-responsiveContent.-desktop {
  display: block;
}

@media screen and (max-width: 700px) {
  .l-responsiveContent.-desktop {
    display: none;
  }
}

.l-responsiveContent.-mobile {
  display: none;
}

@media screen and (max-width: 700px) {
  .l-responsiveContent.-mobile {
    display: block;
  }
}

.l-responsiveContent-centerImg {
  vertical-align: middle;
}

.c-cta {
  margin-top: 1.5em;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  text-align: center;
}

.c-cta__header {
  padding: 0;
  font-size: 1em;
  letter-spacing: 0.15em;
  line-height: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 0.5em;
}

.c-cta__header.-equalPadding {
  padding: 1em 0;
}

.c-cta__header.-noPadding {
  padding: 0;
}

.c-cta__link {
  font-size: 0.75em;
  letter-spacing: 0.15em;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}

.c-cta__link.-bold {
  font-weight: 600;
}

.c-cta.-closeMargin {
  margin-top: 0.5em;
}

.c-cta.-evenMargin {
  margin: 1em auto;
}

.c-cta.-noMargin {
  margin-top: 0em;
}

.c-cta.-bold {
  font-weight: 600;
}

.l-section {
  display: block;
  position: relative;
  margin: 6em auto;
  max-width: 990px;
}

@media screen and (max-width: 700px) {
  .l-section {
    margin: 4em auto;
  }
}

.l-section.-top {
  margin-top: 2em;
}

.l-section.-bottom {
  margin-bottom: 2em;
}

.l-section.-noMargin {
  margin: 0;
}

.l-section.-wideBleed {
  max-width: 1470px;
}

.l-section.-fullBleed {
  max-width: 100%;
}

.l-section__h1 {
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 0.35em;
  font-family: 'Gotham Medium', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 2;
  text-align: center;
}

.l-section__h1.-evenBigger {
  font-size: 2.5em;
}

.l-section__h1.-bigger {
  font-size: 2.25em;
}

.l-section__h1.-smaller {
  font-size: 1.75em;
}

.l-section__h1.-evenSmaller {
  font-size: 1.5em;
}

.l-section__h1.-lowercase {
  text-transform: none;
}

.l-section__h1.-uppercase {
  text-transform: uppercase;
}

.l-section__h1.-moreSpacing {
  letter-spacing: 0.5em;
}

.l-section__h1.-bold {
  font-weight: 600;
}

.l-section__h1.-reducedHeight {
  line-height: 1.25;
}

.l-section__h2 {
  font-size: 1.5em;
  font-weight: 500;
  letter-spacing: 0.35em;
  text-align: center;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.75;
}

.l-section__h2.-evenBigger {
  font-size: 2em;
}

.l-section__h2.-bigger {
  font-size: 1.75em;
}

.l-section__h2.-smaller {
  font-size: 1.25em;
  letter-spacing: 0.25em;
}

.l-section__h2.-evenSmaller {
  font-size: 1em;
}

.l-section__h2.-lowercase {
  text-transform: none;
}

.l-section__h2.-uppercase {
  text-transform: uppercase;
}

.l-section__h2.-bold {
  font-weight: 600;
}

.l-section__h2.-reducedHeight {
  line-height: 1.5;
}

.l-section__h2.-evenLessHeight {
  line-height: 1.25;
}

.l-section__h2.-moreSpacing {
  letter-spacing: 0.45em;
}

.l-section__h2.-lessSpacing {
  letter-spacing: 0.25em;
}

.l-section__h3 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.3em;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  line-height: 1.75;
  text-align: center;
}

.l-section__h3.-evenBigger {
  font-size: 1.5em;
}

.l-section__h3.-bigger {
  font-size: 1.25em;
}

.l-section__h3.-smaller {
  font-size: 0.75em;
}

.l-section__h3.-evenSmaller {
  font-size: 0.5em;
}

.l-section__h3.-lowercase {
  text-transform: none;
}

.l-section__h3.-uppercase {
  text-transform: uppercase;
}

.l-section__h3.-moreLineHeight {
  line-height: 3;
}

.l-section__h3.-bold {
  font-weight: 600;
}

.l-section__p {
  font-size: 1em;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-bottom: 0.5em;
}

.l-section__p.-evenBigger {
  font-size: 1.35em;
}

.l-section__p.-bigger {
  font-size: 1.25em;
}

.l-section__p.-smaller {
  font-size: 0.85em;
  letter-spacing: 0.15em;
}

.l-section__p.-evenSmaller {
  font-size: 0.75em;
}

.l-section__p.-lowercase {
  text-transform: none;
}

.l-section__p.-uppercase {
  text-transform: uppercase;
}

.l-section__p.-doubleLine {
  line-height: 2;
}

.l-section__p.-noPadding {
  padding: 0;
}

.l-section__p.-strong {
  font-weight: 600;
  letter-spacing: 0.15em;
}

.l-section__p.-weak {
  font-weight: 400;
}

.l-section__p.-extraSpace {
  letter-spacing: 0.15em;
}

.l-section__p.-moreLineHeight {
  line-height: 2.5;
}

.l-section__p.-landingHeight {
  line-height: 2;
}

.l-section__termsConditions {
  text-align: center;
  font-size: 0.65em;
  letter-spacing: 0.01em;
  font-weight: 100;
  line-height: 1.25;
}

.l-section__termsConditions .-strong {
  font-weight: 400;
}

.l-section__termsConditions .-a {
  text-decoration: underline;
  color: inherit;
}

.l-section__cta {
  display: block;
  font-size: 0.85em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: inherit;
  font-weight: 400;
}

.l-section__cta.-evenBigger {
  font-size: 1em;
}

.l-section__cta.-bigger {
  font-size: 0.9em;
}

.l-section__cta.-smaller {
  font-size: 0.75em;
}

.l-section__cta.-evenSmaller {
  font-size: 0.65em;
}

.l-section__cta.-lowercase {
  text-transform: none;
}

.l-section__cta.-uppercase {
  text-transform: uppercase;
}

.l-section a {
  color: inherit;
  text-decoration: none;
}

.l-section__hr {
  max-width: 5%;
  border: none;
  border-top: solid 2px;
  margin: 0.25em auto;
}

.l-section__icon {
  line-height: 1;
  font-weight: 400;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  font-size: 5em;
  letter-spacing: 0;
}

@media screen and (max-width: 700px) {
  .l-section__icon {
    font-size: 4em;
  }
}

.l-section__super {
  font-size: 0.5em;
  display: inline;
  vertical-align: super;
}

.l-container {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.l-container.-navy {
  color: #fff;
  background-color: #23334d;
}

.l-container.-hot-pink {
  background-color: #e78499;
  color: #fff;
}

.l-container.-pink {
  background-color: #fff5f6;
  color: #4e5535;
}

.l-container.-grey {
  color: black;
  background-color: #b2b0b0;
}

.l-container.-standardPadding {
  padding: 1em 0;
}

.l-container.-morePadding {
  padding: 2em;
}

.l-container.-evenMorePadding {
  padding: 3em;
}

@media screen and (max-width: 700px) {
  .l-container.-evenMorePadding {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-container.-sideGutterPadding {
  padding-left: 4em;
  padding-right: 4em;
}

@media screen and (max-width: 700px) {
  .l-container.-sideGutterPadding {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-container.-sideGutterLarge {
  padding-left: 6em;
  padding-right: 6em;
}

@media screen and (max-width: 700px) {
  .l-container.-sideGutterLarge {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-container.-smallSideGutter {
  padding-left: 1em;
  padding-right: 1em;
}

.l-container.-lessPadding {
  padding: 0.5em 0;
}

.l-container.-noTopPadding {
  padding-top: 0;
}

.l-container.-noBottomPadding {
  padding-bottom: 0;
}

.l-container.-noLeftPadding {
  padding-left: 0;
}

.l-container.-noRightPadding {
  padding-right: 0;
}

.l-container.-noSidePadding {
  padding-left: 0;
  padding-right: 0;
}

.l-container.-noPadding {
  padding: 0;
}

.l-container.-offsetDownQuarter {
  padding-top: 18%;
}

.l-container.-bindWidth {
  max-width: 990px;
  margin: auto;
}

.l-container.-rightBorder:after {
  content: '';
  background: black;
  position: absolute;
  top: 25%;
  left: 0;
  height: 50%;
  width: 1px;
}

@media screen and (max-width: 700px) {
  .l-container.-rightBorder:after {
    background: none;
  }
}

.l-container.-rightBorder.-light:after {
  background: #9f9f9f;
}

@media screen and (max-width: 700px) {
  .l-container.-rightBorder.-light:after {
    background: none;
  }
}

.l-container.-rightBorder.-fullHeight:after {
  top: 0;
  height: 100%;
}

.l-container.overrideLineHeight {
  line-height: 0;
}

.l-container.-saleColor {
  background-color: #e62b4d;
  color: #fff;
}

/* Flex Block */
.l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* Flex-items */
}

@media screen and (max-width: 700px) {
  .l-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.l-flex__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  max-width: 100%;
  text-align: center;
  /* 3:2 (6:4) */
}

.l-flex__item.-even {
  width: 100%;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 700px) {
  .l-flex__item.-even {
    min-width: 100%;
  }
}

.l-flex__item.-minSize300 {
  min-width: 300px;
}

.l-flex__item.-smallXMargins {
  margin-right: 1em;
}

@media screen and (max-width: 700px) {
  .l-flex__item.-noMarginMobile {
    margin-right: 0;
  }
}

.l-flex__item-50 {
  min-width: 47%;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l-flex__item-60 {
  -webkit-flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}

.l-flex__item-40 {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.l-flex.-autoMargin {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}

.l-flex.-wrap {
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.l-flex.-fixedHeight {
  min-height: 488px;
}

/* Hero panels */
.c-hero {
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
}

.c-hero.-inverse {
  background-color: #874041;
  color: #fff;
}

.c-hero__termsConditions {
  position: absolute;
  bottom: 0.5em;
  left: 0;
  right: 0;
}

.l-centered {
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.l-centered-up10 {
  top: 40%;
  left: 50%;
}

.l-centered-up5 {
  top: 45%;
  left: 50%;
}

.l-centered-down10 {
  top: 60%;
  left: 50%;
}

.l-centered-nestInXLines:before,
.l-centered-nestInXLines:after {
  content: ' ';
  border-bottom: 1px white solid;
  height: 0px;
  width: 1000%;
  position: absolute;
  top: 50%;
  right: 99%;
}

.l-centered-nestInXLines:after {
  left: 99%;
  right: auto;
}

.l-centered-onBorder {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  z-index: 999;
}

.c-circleContianer {
  width: 100%;
  border-radius: 50%;
  margin-left: 3em;
}

.c-circleContianer:first-child {
  margin: 0;
}

.c-circleContianer:before {
  content: '';
  float: left;
  padding-top: 100%;
}

.c-circleContianer.-largeGap {
  margin-left: 6em;
}

.c-circleContianer.-largeGap:first-child {
  margin: 0;
}

.c-circleContianer.-largeGap:before {
  content: '';
  float: left;
  padding-top: 100%;
}

.c-carousel {
  max-width: 100%;
}

.c-carousel__list {
  margin: 0 auto 0 auto;
  padding: 0;
  list-style: none;
  width: 70%;
}

.c-carousel .slick-slider .slick-arrow {
  font-size: 30px;
  font-family: 'mi_icons';
  color: #b8b7b7;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.c-carousel .slick-slider .slick-prev {
  left: 0;
}

.c-carousel .slick-slider .slick-prev:before {
  content: '';
  display: block;
}

.c-carousel .slick-slider .slick-next {
  left: auto;
  right: 0;
}

.c-carousel .slick-slider .slick-next:before {
  content: '';
  display: block;
}

.c-megaMenu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-megaMenu__item {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}

.c-megaMenu__link-header {
  padding: 0.5em 0 0 0;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.15em;
  line-height: 1.5em;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.c-megaMenu__link-header a {
  color: black !important;
}

.c-megaMenu__cta {
  font-size: 9pt;
  letter-spacing: 2.5px;
  font-weight: 400;
  font-family: 'Gotham', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: black !important;
}

/* Instagram */
.instagram {
  clear: both;
  text-align: center;
  background-color: #f8d3d7;
}

.instagram .taggd {
  margin: 1em auto 0 auto;
  background: transparent;
}

.instagram .taggd .taggd-header,
.instagram .taggd .taggd-footer {
  display: none;
}

.js-afterpay__panel {
  display: none;
}

.js-afterpay__panel.-active {
  display: block;
}

.l-leftPanel {
  position: relative;
  text-align: center;
  width: 210px;
}

.l-leftPanel.-saleColor {
  background-color: #e62b4d;
  color: #fff;
}

.c-button {
  display: inline-block;
  position: relative;
  padding: 1em;
  border: #000 solid 1px;
  margin: auto;
  font-size: 1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
}

/* iphone zoom issue */
/* prevent iphones from zooming the site when focussing on undersized select/input elements in the basket and checkout */
body.iphone #app .order-list .item-container .option select {
  background-size: 1.4rem;
  font-size: 16px;
  transform-origin: top left;
  transform: scale(0.875);
  padding: 0.3rem 1.4rem 0 1.4rem;
  background-position: 100% 0.4rem;
}

body.iphone #app .order-list .item-container .option.quantity label + input[type='text'] {
  font-size: 16px;
  transform-origin: top left;
  transform: scale(0.875);
  padding: 0.2rem 1.4rem;
}

/* category banner */

.category-banner .category-banner-content {
  max-width: 600px;
  width: 100%;
  height: 100%;
  margin: auto;
}
.category-banner h1 {
  font-family: 'Gotham';
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.75px;
  text-align: center;
  color: #000;
  display: block;
  margin-bottom: 20px;
}
.category-banner p {
  color: #000;
  font-family: 'Gotham';
  font-weight: 300;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.75px;
  line-height: 17px;
  text-align: center;
  margin: 0;
}
.category-banner p a {
  text-decoration: underline !important;
}
.category-banner img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .category-banner .category-banner-image {
    width: 50%;
  }
  .category-banner .category-banner-content {
    width: 50%;
    padding: 0 40px;
  }
}

/* end category banner */

/* Low stock overlay AU */
/* dinkus_lowstock */

#app .item-container table .remove-item button {
  float: right;
}

#app .item-container .product-code {
  font-size: 1rem;
}
#app .item-container .product-details,
#app .item-container .product-options,
#app .item-container .personalised-details {
  margin-left: 115px !important;
}
#app .item-container .product-image img {
  width: 100%;
  height: 100%;
  max-width: 100px;
}
#app .item-container .product-image a {
  text-decoration: none;
}
#app .item-container .product-image .overlay.dinkus_lowstock {
  right: 0;
  left: auto;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 25px;
  background: rgba(197, 197, 197, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .item-container .product-image .overlay.dinkus_lowstock:after {
  display: block;
  font-family: 'Gotham', Helvetica, Arial, 'sans-serif';
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}
#app .item-container .product-image .overlay.dinkus_lowstock img {
  display: none;
}
#app .item-container .product-image .overlay.dinkus_lowstock:after {
  content: 'Low Stock';
}

#app .personalised-details .pricing .remove-item-personalisation:hover {
  color: #000;
}

@media (min-width: 768px) {
  #app .item-container .product-image img {
    max-width: 110px;
  }
}