body {
  overflow-x: hidden;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 300;
  text-transform: uppercase;
}

.prizedrawpage h2 { border:1px dotted; padding:5px; display:inline;}

strong {
  font-weight: 400;
}
a {
  color: #696969;
}
a:hover,
a:active {
  color: #acacac;
}
a:focus {
  text-decoration: none;
}

@media (max-width: 767px) {
  .mobile-line-drop {
    display: block;
  }
}

.response {
  font-size: 0.7em;
  margin-top: 5px;
}

.page {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page h4 {
  margin-top: 40px;
}

.OutofStockisactive {
display:none !important;
}

.OutOfStockMessage.active {
  padding: 15px;
  text-transform: none;
  font-size: 13px;
  color: red;
  background: #f9f9f9;
  margin-bottom: 15px;
  border: 1px solid #eaeaea;
}
.ProductName {
  font-size: 13px;
}

.marketing_banner { width:60%; display:inline-block; text-align:center; margin-top:-13px; margin-bottom:-17px; }
.marketing_banner img { width:40%; height:auto; max-width:525px; }

  .ColButtons {
    position: absolute; z-index:10; width:400px; text-align:center;   margin-left:-200px; top: 40%;
  }

  .TFashionSale .ColButtons {
    left: 50%;
  }
  .THouseSale .ColButtons {
    left: 50%;
  }

.ReqCatalogue_buttons { margin-top:-19%; position: relative;     text-align: center;
    z-index: 99;  }
.NewsletterSignup_full { padding-left:10px;  }
.ReqCatalogue_full { padding-right:10px;  }

    .ReqCatalogue_full .btn, .NewsletterSignup_full .btn {  background:rgba(255,255,255,0.7) !important; border:1px solid #000 !important;  }



@media (min-width: 768px) {
    .HPbutton { padding:6px 30px !important; letter-spacing:-1px !important; font-size:17px !important; color:#000000 !important;  }


  .colTop {
    position: relative;
  }

  .mood-block {
    z-index:5;
  }
    .BContainer {
      display:none;
    }



    .ColButtons .btn {
      font-size:19px !important;
    }

  .ColButtons .btn.btn-outline {
    border:none !important;
  }
}

@media (min-width: 991px) {
  .ColButtons {
    bottom: 35%;
  }
}

.one-col .ColButtons {
  bottom: 10%;
  width: 100%;
  margin-left: -20px;
}

.one-col .ColButtons .btn {
  display: inline-block;
  margin-left: 7.5px;
  margin-right: 7.5px;
}

@media (max-width: 1199px) {
  .one-col .ColButtons {
    bottom: 5%;
  }
}

@media (max-width: 991px) {
  .one-col .ColButtons {
    margin-left: -20px;
  }

  .one-col .ColButtons .btn {
    font-size: 14px !important;
  }
}

.one-col.offset-left .ColButtons {
  bottom: 35%;
  left: 110px;
  width: 682px;
  margin-left: 0;
}

.one-col.offset-right .ColButtons {
  bottom: 8%;
  right: 6%;
  margin-left: 0;
  text-align: right;
}

.one-col.offset-left .ColButtons a {
  font-size: 22px !important;
}

@media (max-width: 1439px) {
  .one-col.offset-left .ColButtons {
    bottom: 32%;
    left: 90px;
    width: 555px;
  }

  .one-col.offset-left .ColButtons a {
    font-size: 19px !important;
  }
}

@media (max-width: 1199px) {
  .one-col.offset-left .ColButtons {
    bottom: 30%;
    left: 75px;
    width: 456px;
  }
}

@media (max-width: 991px) {
  .one-col.offset-left .ColButtons {
    left: 57px;
    width: 370px;
  }

  .one-col.offset-left .ColButtons a {
    font-size: 14px !important;
  }
}

@media (min-width: 767px) {
.catbuttons { display:none; } }

@media (max-width: 767px) {
  .colTop { padding-bottom:10px; }

}


@media (min-width: 1440px) {
  .container {
    width: 1440px;
  }
}

.top {
  position: relative;
  z-index: 201;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  background: white;
}
@media (max-width: 992px) {
  .top {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .top .continue.text-right {
    text-align: center;
    margin-top: 15px;
  }
}
.top .account-links {
  text-align: right;
  font-size: 0.8em;
}
@media (max-width: 992px) {
  .top .account-links {
    display: none;
  }
}
.top .account-links a {
  display: inline-block;
  margin-left: 25px;
  color: #333333;
}
.top .account-links a span.count {
  color: #acacac;
}
.top .account-links a.currency span.currency {
  margin-left: 5px;
}
.top .account-links a.currency i {
  margin-left: 5px;
}
.top .account-links a.basket {
  font-size: 1.2em;
}
.top .account-links a:hover {
  text-decoration: none;
}
.top .inline {
  display: inline-block;
  float: none;
  margin-right: -4px;
}
@media (max-width: 992px) {
  .top .logo {
    vertical-align: bottom;
  }
}
@media (max-width: 767px) {
  .top .logo {
    text-align: center;
  }
}
.top .logo img {
  width: 90%;
  height: auto;
}
@media (max-width: 767px) {
  .top .logo img {
    margin: 0 auto;
    width: 100px;
    height: auto;
  }
}
.top .navigation {
  vertical-align: bottom;
  font-size: 1.2em;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
@media (max-width: 1439px) {
  .top .navigation {
    font-size: 1.1em;
  }
}

@media (max-width: 992px) {
  .top .navigation {
    font-size: 1em;
  }
}
.top .navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 992px) {
  .top .navigation ul {
    display: none;
  }
  .top .navigation ul.active {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    padding: 30px;
    background: white;
  }
}
.top .navigation ul li {
  position: relative;
  display: inline-block;
  margin-right: -4px;
}
.top .navigation ul li a {
  color: #333333;
  margin-right: 25px;
}

.top .navigation ul li.social-space {
  margin-left: 10px;
}

@media (max-width: 1439px) {
  .top .navigation ul li.social-space {
    margin-left: 10px;
  }

  .top .navigation ul li a {
    margin-right: 30px;
  }
}

@media (max-width: 1199px) {
  .top .navigation ul li.social-space {
    margin-left: 0px;
  }
  .top .navigation ul li a {
    margin-right: 30px;
  }
}

.top .navigation ul li.Mid_Winter_Sale a {
  color: #f20000!important;
}

.top .navigation ul li.resort a {
  color: #179ab9 !important;
}

.top .navigation ul li.christmas a {
  color: #109e0c;
  /*margin-right: 35px;*/
}

@media (max-width: 1439px) {
  .top .navigation ul li.christmas a {
    color: #109e0c;
    /*margin-right: 25px;*/
  }

  .top .navigation ul li.resort a {
    color: #179ab9 !important;
  }
}

.top .navigation ul li a:hover,
.top .navigation ul li a:active {
  text-decoration: none;
  color: #acacac;
}

/*.top .navigation ul li.PREVIEW_SALE a, .top .navigation ul li:nth-child(6) a {
  color: #e60000 !important;
}*/

.top .navigation ul li.PREVIEW_SALE a:hover, .top .navigation ul li:nth-child(6) a:hover
.top .navigation ul li.PREVIEW_SALE a:active, .top .navigation ul li:nth-child(6) a:active  {
  color: #ff3030 !important;
}


.top .navigation ul li.SpringSale a:after,
.top .navigation ul li.Archive_Sale a:after,
.top .navigation ul li.Sample_Sale a:after,
.top .navigation ul li.The_Sample_Sale a:after,
.top .navigation ul li.Splash_Sale a:after,
.top .navigation ul li.Annual_Sample_Sale a:after,
.top .navigation ul li.Autumn_Sale a:after,
.top .navigation ul li.Fashion a:after/*
.top .navigation ul li.House a:after*/ {
  font-family: FontAwesome;
  content: '\f0d7';
  display: inline;
  margin-left: 5px;
  font-size: 0.8em;
}
.top .navigation ul li .sub {
  position: absolute;
  top: 20px;
  left: -30px;
  padding-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  width: 600px;
  z-index: 201;
  display: none;
  background: white;
  font-size: 0.9em;
}
@media (max-width: 992px) {
  .top .navigation ul li .sub {
    width: 450px;
  }
}
.top .navigation ul li .sub ul li {
  width: 33%;
}
.top .navigation ul li .sub ul li a {
  display: inline-block;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333333 !important;
}
.top .navigation ul li .sub ul li a:after {
  display: none;
}

.top .navigation ul li.SpringSale:hover a,
.top .navigation ul li.Archive_Sale:hover a,
.top .navigation ul li.Sample_Sale:hover a,
.top .navigation ul li.The_Sample_Sale:hover a,
.top .navigation ul li.Splash_Sale:hover a,
.top .navigation ul li.Annual_Sample_Sale:hover a,
.top .navigation ul li.Fashion:hover a,
.top .navigation ul li.Autumn_Sale:hover a,
.top .navigation ul li.Early_Sale:hover a/*,
.top .navigation ul li.House:hover a*/ {
  color: #acacac;
}

.top .navigation ul li.SpringSale:hover .sub,
.top .navigation ul li.Archive_Sale:hover .sub,
.top .navigation ul li.Sample_Sale:hover .sub,
.top .navigation ul li.The_Sample_Sale:hover .sub,
.top .navigation ul li.Splash_Sale:hover .sub,
.top .navigation ul li.Annual_Sample_Sale:hover .sub,
.top .navigation ul li.Fashion:hover .sub,
.top .navigation ul li.Autumn_Sale:hover .sub,
.top .navigation ul li.Early_Sale:hover .sub/*,
.top .navigation ul li.House:hover .sub*/ {
  display: block;
}



.top .navigation ul li.SpringSale:hover .sub ul li a,
.top .navigation ul li.Archive_Sale:hover .sub ul li a,
.top .navigation ul li.Sample_Sale:hover .sub ul li a,
.top .navigation ul li.The_Sample_Sale:hover .sub ul li a,
.top .navigation ul li.Splash_Sale:hover .sub ul li a,
.top .navigation ul li.Annual_Sample_Sale:hover .sub ul li a,
.top .navigation ul li.Autumn_Sale:hover .sub ul li a,
.top .navigation ul li.Fashion:hover .sub ul li a,
.top .navigation ul li.Early_Sale:hover .sub ul li a/*,
.top .navigation ul li.House:hover .sub ul li a*/ {
  color: #333333;
}



.top .navigation ul li.SpringSale:hover .sub ul li a:hover,
.top .navigation ul li.SpringSale:hover .sub ul li a:active,
.top .navigation ul li.Archive_Sale:hover .sub ul li a:hover,
.top .navigation ul li.Archive_Sale:hover .sub ul li a:active,
.top .navigation ul li.Sample_Sale:hover .sub ul li a:hover,
.top .navigation ul li.Sample_Sale:hover .sub ul li a:active,
.top .navigation ul li.The_Sample_Sale:hover .sub ul li a:hover,
.top .navigation ul li.The_Sample_Sale:hover .sub ul li a:active,
.top .navigation ul li.Splash_Sale:hover .sub ul li a:hover,
.top .navigation ul li.Splash_Sale:hover .sub ul li a:active,
.top .navigation ul li.Annual_Sample_Sale:hover .sub ul li a:hover,
.top .navigation ul li.Annual_Sample_Sale:hover .sub ul li a:active,
.top .navigation ul li.Fashion:hover .sub ul li a:hover,
.top .navigation ul li.Early_Sale:hover .sub ul li a:hover,
.top .navigation ul li.Autumn_Sale:hover .sub ul li a:hover,
/*.top .navigation ul li.House:hover .sub ul li a:hover,*/
.top .navigation ul li.Fashion:hover .sub ul li a:active,
.top .navigation ul li.Early_Sale:hover .sub ul li a:active,
.top .navigation ul li.Autumn_Sale:hover .sub ul li a:active/*,
.top .navigation ul li.House:hover .sub ul li a:active */{
  color: #acacac;
}



.top .navigation ul li.SpringSale:hover .sub ul li .sub,
.top .navigation ul li.Archive_Sale:hover .sub ul li .sub,
.top .navigation ul li.Sample_Sale:hover .sub ul li .sub,
.top .navigation ul li.The_Sample_Sale:hover .sub ul li .sub,
.top .navigation ul li.Splash_Sale:hover .sub ul li .sub,
.top .navigation ul li.Annual_Sample_Sale:hover .sub ul li .sub,
.top .navigation ul li.Autumn_Sale:hover .sub ul li .sub,
.top .navigation ul li.Fashion:hover .sub ul li .sub,
.top .navigation ul li.Early_Sale:hover .sub ul li .sub/*,
.top .navigation ul li.House:hover .sub ul li .sub*/ {
  display: none;
}
/*
.lg-bannergrey .navigation ul li.Archive_Sale .sub ul li a,
.lg-bannergrey .navigation ul li.The_Sample_Sale .sub ul li a,
.lg-bannergrey .navigation ul li.Splash_Sale:hover .sub ul li a,
.lg-bannergrey .navigation ul li.Annual_Sample_Sale:hover .sub ul li a,
.lg-bannergrey .navigation ul li.Autumn_Sale:hover .sub ul li a,
.lg-bannergrey .navigation ul li.Fashion:hover .sub ul li a,
.lg-bannergrey .navigation ul li.House:hover .sub ul li a,
.lg-bannergrey .navigation ul li .sub ul li a{
  color:white !important;
}*/



.lg-bannergrey .navigation ul li a,
.lg-bannergrey .account-links a {
  color:#333333 !important;
}



.top.lg-banner {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.top.lg-banner.active {
  background-color: white;
}

.top.lg-banner .account-links a {
  color: white;
}
.top.lg-banner .navigation ul li a {
  color: white;
}
/*.top.lg-banner .navigation ul li .sub {
  background: transparent;
}
.top.lg-banner .navigation ul li .sub ul li a {
  color: white;
}
.top.lg-banner .navigation ul li .sub ul li .sub {
  display: none;
}
.top.lg-banner .navigation ul li.Annual_Sample_Sale:hover .sub ul li a,
.top.lg-banner .navigation ul li.Fashion:hover .sub ul li a,
.top.lg-banner .navigation ul li.House:hover .sub ul li a {
  color: white;
}

.top.lg-banner .navigation ul li.Annual_Sample_Sale:hover .sub ul li a:hover,
.top.lg-banner .navigation ul li.Annual_Sample_Sale:hover .sub ul li a:active,
.top.lg-banner .navigation ul li.Fashion:hover .sub ul li a:hover,
.top.lg-banner .navigation ul li.House:hover .sub ul li a:hover,
.top.lg-banner .navigation ul li.Fashion:hover .sub ul li a:active,
.top.lg-banner .navigation ul li.House:hover .sub ul li a:active {
  color: #acacac;
}*/
@media (max-width: 767px) {
  .top.lg-banner {
    position: relative;
  }
}
.top .search {
  vertical-align: baseline;
}
@media (max-width: 992px) {
  .top .search {
    text-align: right;
  }
}
.top .search .search-box {
  margin-top: 25px;
  text-align: right;
}
@media (max-width: 992px) {
  .top .search .search-box {
    display: none;
  }
}

.top .search .search-box .form-group {
  margin-bottom: 0;
  width: 100%;
}
.top .search .search-box input,
.top .search .search-box button {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin-right: -4px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.top .search .search-box input {
  border-right: transparent;
  width: 60%;
  width: calc(60%);
  height: 40px;
}
@media (max-width: 992px) {
  .top .search .search-box input {
    width: 60%;
    width: calc(80%);
  }
}
.top .search .search-box .form-control {
  border-color: #acacac;
}
.top .search .search-box button {
  border-color: #acacac;
  border-left: transparent;
  width: 40px;
  height: 40px;
}
.top .search .search-box button:hover {
  background: white;
}

.top.lg-sale .search .search-box .form-control {
  border-color: white;
  background-color: transparent;
}

.top.lg-sale .search .search-box button {
  border-color: white;
  background-color: transparent;
  color: white;
}

.top.lg-sale.active .search .search-box .form-control {
  border-color: #333333;
  background-color: transparent;
}

.top.lg-sale.active .search .search-box button {
  border-color: #333333;
  background-color: transparent;
  color: #333333;
}

.drop-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.8);
}
.drop-background.active {
  display: block;
}
.breadcrumbs {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #acacac;
  text-transform: uppercase;
}

@media (max-width: 1439px) {
  .breadcrumbs {
      padding-top: 0px;
      padding-bottom: 15px;
  }
}

.breadcrumbs div.trail {
  display: none;
}
.breadcrumbs div.trail:first-child {
  display: block;
}
.breadcrumbs a {
  color: #acacac;
}
.breadcrumbs .current {
  color: #333333;
}
@media (max-width: 767px) {
  .breadcrumbs {
    text-align: center;
    padding-top: 5px;
  }
}
.cartc {
  position: relative;
}
#SideCartContents {
  display: none;
  position: absolute;
  top: 16px;
  right: 0;
  width: 250px;
  background: white;
  z-index: 999;
  border: 1px solid #acacac;
}
#SideCartContents .cartinside {
  padding: 15px;
}
#SideCartContents .cartinside .quick-cart-title {
  font-size: 1.2em;
  padding-bottom: 5px;
}
#SideCartContents .cartinside .product-item {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #acacac;
}
#SideCartContents .cartinside .product-item .product-title,
#SideCartContents .cartinside .product-item .product-total {
  color: #333333;
  font-size: 1.1em;
}
#SideCartContents .cartinside .product-item img {
  width: 100%;
  height: auto;
}
#SideCartContents .cartinside .quick-cart-total {
  font-size: 1.2em;
  padding-top: 5px;
  padding-bottom: 5px;
}
#SideCartContents .cartinside .btn-row {
  padding-top: 10px;
}
#SideCartContents .cartinside .btn-row .btn {
  display: inline-block;
  margin-left: 5px;
}
#SideCartContents .cartinside .btn-row .btn.btn-outline {
  color: #333333;
}
#SideCartContents .cartinside .btn-row .btn.btn-outline:hover,
#SideCartContents .cartinside .btn-row .btn.btn-outline:active {
  color: #acacac;
}
#SideCartContents .cartinside .btn-row .btn.btn-solid {
  color: white;
}
#SideCartContents .cartinside .btn-row .btn.btn-solid:hover,
#SideCartContents .cartinside .btn-row .btn.btn-solid:active {
  color: white;
}
.basket-mobile #SideCartContents {
  position: fixed;
  top: 10vh;
  left: 50%;
  margin-left: -125px;
  height: auto;
  overflow: auto;
}

.home-page__title {
  position: absolute;
  z-index: 6;
  top: 60vh;
  left: 30px;
  width: 65vw;
  max-width: 1200px;
  height: auto;
}

.home-page__title img {
  width: 100%;
  height: auto;
}

.banner__logo {
  display: block !important;
  z-index: 10;
  position: absolute;
  height: 60% !important;
  width: auto !important;
  left: 30vw;
  top: 30px;
  -webkit-transform: scale(1.0) !important;
  -moz-transform: scale(1.0) !important;
  -o-transform: scale(1.0) !important;
  transform: scale(1.0) !important;
}

@media screen and (min-width: 768px) {
  .banner__logo {
    top: 90px;
  }
}

@media screen and (min-width: 1200px) {
  .banner__logo {
    top: 120px;
    left: 50%;
    margin-left: -250px;
    max-width: 500px;
    height: auto !important;
  }
}

.banner {
  width: 100%;
  height: 85vh;
  position: relative;
  overflow: hidden;
}
.banner .banner-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner .banner-slide.slide-1 {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-spring-1b.jpg');
}

.banner .banner-slide.slide-2 {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-spring-2.jpg');
}

.banner .banner-slide.slide-3 {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-spring-3.jpg');
}

.banner .banner-slide.summer-1 {
  background-image: url('../../../templates/plumov2/img/homepage/3-may-2017/banner-1.jpg');
}

.banner .banner-slide.summer-2 {
  background-image: url('../../../templates/plumov2/img/homepage/3-may-2017/banner-2.jpg');
}

.banner .banner-slide.summer-3 {
  background-image: url('../../../templates/plumov2/img/homepage/3-may-2017/banner-3.jpg');
}

.banner .banner-slide.summer-4 {
  background-image: url('../../../templates/plumov2/img/homepage/3-may-2017/banner-4.jpg');
}

.banner .banner-slide {
  color: white;
}

.banner .banner-slide h1, .banner .banner-slide h2 {
  margin-top: 35vh;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 1;
}

.banner .banner-slide .btn {
  vertical-align: top;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.banner .banner-slide .btn:first-of-type {
  margin-right: 30px;
}

.banner .block-link {
  position: absolute;
  width: 500%;
  height: 500%;
  display: block;
  margin-top: -40%;
  margin-left: -40%;
}

@media (max-width: 767px) {
  .banner .banner-slide .row {
    margin-left: 15px;
    margin-right: 15px;
  }

  .banner .banner-slide h1 {
    display: block;
    width: 100%;
    margin-top: 38vh;
    font-size: 50px;
  }
}

@media (max-width: 425px) {
  .banner .banner-slide .btn:first-of-type {
    margin-right: 30px;
    margin-bottom: 15px;
  }
}

/* Full Page Banner */

.banner.full-page {
  height: 100vh;
  padding-top: 50vh;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.banner.full-page.spring {
  height: 80vh;
  padding-top: 70vh;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.full-page.spring {
  background-image: url('../../../templates/plumov2/img/homepage/7-june-2017/spring-collection.jpg');
  background-position: center center;
  margin-bottom: 15px;
}

.full-page.spring h1 {
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 5em;
  text-align: center;
  line-height: 0.8;
  color: white;
}

@media (max-width: 1199px) {
  .full-page.spring h1 {
    font-size: 5.5em;
  }
}

.full-page.spring strong {
  font-weight: 400;
  font-size: 100%;
  color: black;
}

.banner.full-page.spring h1 a {
  color: black;
}

.banner.full-page.spring h1 a strong {
  color: black;
}

.banner.full-page.spring h1 a:hover {
  color: black;
}

.banner.full-page.spring h1 a:hover strong {
  color: black;
}

.banner.full-page.spring .sign-up-bar {
  position: absolute;
  z-index: 5;
  left: 0px;
  bottom: 50px;
  width: 100vw;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  background-color: white;
}

.banner.full-page.spring .sign-up-bar .sign-up {
  height: 42px;
  margin-right: 15px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 42px;
  text-transform: uppercase;
}

.banner.full-page.spring .sign-up-bar .btn-blue {
  width: 200px;
  height: 42px;
  font-size: 16px;
  font-weight: 300;
  background-color: #393e64;
}

.banner.full-page.spring .sign-up-bar .form-control {
  height: 42px;
  width: 390px;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  background-color: #393e64;
  border: 3px solid #393e64;
  -webkit-box-shadow:inset 0px 0px 0px 1px white;
  -moz-box-shadow:inset 0px 0px 0px 1px white;
  box-shadow:inset 0px 0px 0px 1px white;
}

.banner.full-page.spring .sign-up-bar input[type="email"]::-webkit-input-placeholder {
  color: white !important;
}

@media (max-width: 991px) {
  .full-page.spring h1 {
    text-align: center;
  }

  .banner.full-page.spring .sign-up-bar {
    position: relative;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding-bottom: 15px;
  }

  .banner.full-page.spring .sign-up-bar .form-group,
  .banner.full-page.spring .sign-up-bar .form-control,
  .banner.full-page.spring .sign-up-bar .btn-blue {
    display: block;
    margin: 0 auto;
  }
  .banner.full-page.spring .sign-up-bar .btn-blue {
    margin-top: 10px;
  }
}

@media (max-width: 619px) {
  .banner.full-page.spring {
    padding-top: 50vh;
  }

  .banner.full-page.spring .sign-up-bar .form-control {
    width: 300px;
  }

}

@media (max-width: 1199px) {
  .full-page.spring h1 {
    font-size: 5.5em;
  }
}

.banner.full-page.summer {
  height: auto;
  padding-top: 0;
}

.banner.full-page.summer .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 767px) {
  .banner.full-page.summer {
    background-position: right;
  }
}

.full-page.summer h1 {
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 6em;
  line-height: 0.8;
  text-transform: none;
}

.full-page.summer h1 a {
  color: #3c7eb7;
}

.banner.full-page.winter {
  height: 120vh;
  margin-bottom: 15px;
  padding-top: 30vh;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url('../../../templates/plumov2/img/homepage/12-feb-2018/sale_lastday_main.jpg');
  background-position: center;
}

.banner.full-page.winter .img {
  position: absolute;
  left: 120px;
  right: 120px;
  width: calc(100% - 240px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

.banner.full-page.winter .img img {
  display: block;
  width: 50%;
}

.banner.full-page.winter .img img.full {
  width: 100%;
  margin-bottom: 60px;
}

.banner.full-page.winter .btn {
  margin-top: 60px;
  padding-left: 45px;
  padding-right: 45px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  color: black;
  border-radius: 0;
  background-color: rgba(255,255,255,0.89);
}

@media (max-width: 991px) {
  .banner.full-page.winter {
    padding-top: 20vh;
  }

  .banner.full-page.winter .img {
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
  }

  .banner.full-page.winter .img img {
    width: 70vw;
  }

  .banner.full-page.winter .img .btn {
    -webkit-transform: translateX(-30%) translatey(-50%);
    -moz-transform: translateX(-30%) translatey(-50%);
    -ms-transform: translateX(-30%) translatey(-50%);
    transform: translateX(-30%) translatey(-50%);
  }
}

@media (max-width: 767px) {
  .banner.full-page.winter {
    height: 80vh;
  }

  .banner.full-page.winter .img img {
    width: 85vw;
  }
}



.final-sale {
  position: absolute;
  right: 0;
  width: 500px;
}

@media (max-width: 1199px) {
  .final-sale {
    width: 400px;
  }
}

@media (max-width: 991px) {
  .final-sale {
    width: 300px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .final-sale {
    position: static;
    display: block;
    width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 700px) {
.full-page.summer .full-text { margin-left:25%; }
.full-page.summer .full-text img {
  width: 40%;
} }

@media (max-width: 699px) {
.full-page.summer .full-text img {
  width: 75%;
}
}


.full-page.summer .full-text img {
  display: block;
  height: auto;
  margin: 0 auto;
}




.full-page.summer.summer-sale h1 {
  font-weight: 800;
  font-size: 15em;
  line-height: 0.9em;
  text-align: center;
}

.full-page.summer.summer-sale h1 a {
  text-transform: uppercase;
  color: #ff4902;
  opacity: 0.7;
}

.full-page.summer.summer-sale h1 a .sub {
  display: block;
  font-size: 0.6em;
  line-height: 0.9em;
  color: white;
}

.full-page.summer.summer-sale h1 a .sub .final {
  display: block;
  margin-right: 20%;
}

.full-page.summer.summer-sale h1 a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .banner.full-page.summer h1 {
    font-size: 3.6em;
  }
  .full-page.summer .btn.btn-outline {
    margin-bottom: 15px;
  }
  .full-page.summer.summer-sale h1 {
    font-size: 7em;
  }
  .full-page.summer.summer-sale h1 a .sub .final {
    margin-right: auto;
  }
}

@media (max-width: 460px) {
  .full-page.summer.summer-sale h1 {
    font-size: 6em;
  }
}

.banner.full-page.height-100 {
  height: calc(80vh - 15px);
  padding-top: 35vh;
}

.banner.full-page .full-link {
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  height: 100%;
  width: 100%;
}

.banner.full-page .full-text {
  z-index: 2;
}


.banner.full-page h1, .banner.full-page h2 {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  line-height: 1;
}

.banner.full-page h1 {
  margin-bottom: 0;
  font-size: 6em;
}

.banner.full-page h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.banner.full-page strong {
  font-size: 1.2em;
  color: #fe0000;
}

.full-page.banner-sale h1 {
  padding-bottom: 30px;
  font-weight: 700;
  font-size: 8.4em;
  line-height: 0.8;
  color: #201f1e;
}

.full-page.banner-sale strong {
  display: block;
  font-weight: 700;
  font-size: 130%;
  color: #201f1e;
}

.full-page.banner-sale h2 {
  padding-bottom: 60px;
  color: #201f1e;
  font-weight: 700;
}

@media (max-width: 767px) {
  .banner.full-page h1 {
    font-size: 4em;
  }
  .full-page .btn.btn-outline {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.banner.full-page .btn-outline, .springhomepage .btn-outline, .mayhomepage .btn-outline  {
  margin: 0 5px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-weight: 300;
  border-color: transparent;
  background-color: rgba(255,255,255,0.6) !important;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
}

.btn-nowidth { width: auto !important; padding-left: 60px !important; padding-right: 60px !important; }

.mayhomepage .btn-outline:hover, .mayhomepage .btn-outline:active, .springhomepage .btn-outline:hover, .springhomepage .btn-outline:active, .banner.full-page .btn-outline:hover, .banner.full-page .btn-outline:active {
  color: #3c7eb7;
  border-color: transparent;
  background-color: rgba(255,255,255,1);
}


.banner.full-page.spring .btn-outline:hover, .spinghomepage .btn-outline:hover, .springhomepage .btn-outline:active, .banner.full-page.spring .btn-outline:active {
  color: black;
  border-color: transparent;
  background-color: rgba(255,255,255,1)  !important;
}

.full-page.banner-one {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-one.jpg?v=2');
}

.full-page.banner-two {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-two.jpg?v=2');
}

.full-page.banner-three {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-three.jpg?v=2');
}

.full-page.banner-four {
  background-image: url('../../../templates/plumov2/img/full-width-banner/banner-four.jpg?v=2');
  background-position: center center;
}

.full-page.banner-sale {
  padding-top: 30vh;
  background-color: #fd3521;
}

.banner.full-page.autumn {
  height: 80vh;
  padding-top: 30vh;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.full-page.autumn {
  background-image: url('../../../templates/plumov2/img/homepage/17-august-2018/autumn-range-banner.jpg');
  margin-bottom: 15px;
}

.full-page.autumn img.text {
  width: 50%;
}

.full-page.autumn .text-right {
  text-align: right;
}

.full-page.autumn h1 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.full-page.autumn .btn {
  margin-top: 30px;
  padding: 0;
  text-transform: uppercase;
  border: 0 !important;
  background-color: white !important;
  box-shadow: none !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  .banner.full-page.autumn {
    background-position: top right;
  }
}



.full-page.autumn .btn {
  text-transform: none;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: 600;
  color: #a8a8a8;
  padding: 10px 20px;
  background-color: rgba(255,255,255,0.4) !important;
}

.full-page.autumn .btn:hover {
  color: #a8a8a8;
  background-color: rgba(255,255,255,0.8) !important;
}

@media (max-width: 767px) {
  .banner.full-page.autumn {
    padding-top: 0;
    background-position: top right;
  }

  .banner.full-page.autumn h1 {
    margin-top: 50vh;
  }

  .full-page.autumn img.text {
    width: 100%;
  }

  .full-page.autumn .text-right {
    text-align: center;
  }

  .full-page.autumn .btn {
    display: block;
    font-size: 1.3em !important;
    text-align: left;
    background-color: rgba(255,255,255,0.9) !important;
  }

  .full-page.autumn .btn img {
    width: 110px;
  }

  .full-page.autumn .btn:last-of-type {
    margin-right: 0px;
  }

  .mood-board .mood-block.minimal span.autumn {
    left: 50% !important;
    width: 80% !important;
    font-size: 1em !important;
  }

  .mood-board .mood-block.minimal span.insta {
    font-size: 4em !important;
  }
}

@media (min-width: 768px) {
  .full-page.autumn img.text {
    width: 50%;
  }

  .full-page.autumn .btn {
    display: block;
    text-align: right;
  }

  .full-page.autumn .btn img {
    width: 110px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .full-page.autumn .btn:last-of-type {
    margin-right: 0px;
  }

  /*.mood-board .mood-block.minimal span.autumn {
    left: 40% !important;
    width: 60% !important;
  }*/

  .mood-board .mood-block.minimal span.insta {
    font-size: 3em !important;
  }
}


@media (min-width: 991px) {
  .full-page.autumn img.text {
    width: 50%;
  }

  .full-page.autumn .btn {
    display: inline-block;
    text-align: center;
  }

  .full-page.autumn .btn img {
    width: 110px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .full-page.autumn .btn:last-of-type {
    margin-right: 0px;
  }

  .mood-board .mood-block.minimal span.insta {
    font-size: 4em !important;
  }
}

@media (min-width: 1200px) {

  .full-page.autumn .btn img {
    width: 110px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .full-page.autumn .btn:last-of-type {
    margin-right: 0px;
  }

  .mood-board .mood-block.minimal span.insta {
    font-size: 5em !important;
  }

  .mood-board .mood-block.minimal span.autumn {
    /*left: 30%;*/
    width: 40%;
    font-size: 1.2em;
  }
}

@media (min-width: 1440px) {

  .full-page.autumn .btn img {
    width: 120px;
  }
  .full-page.autumn .btn:last-of-type {
    margin-left: 60px;
  }

  .mood-board .mood-block.minimal span.insta {
    font-size: 6em;
  }

  .mood-board .mood-block.minimal span.autumn {
    /*left: 30%;*/
    width: 40%;
    font-size: 1.2em;
  }
}

@media (max-width: 1199px) {
  .full-page.autumn .btn {
    font-size: 1.6em;
  }
}

@media (max-width: 991px) {
  .full-page.autumn .btn {
    display: inline-block;
  }
}

.banner.full-page--finale-sale {
  height: 85vh;
  padding-top: 60px;
  background-image: url('../../../templates/plumov2/img/homepage/25-july-2018/fern-forest.jpg');
}

.banner.full-page--finale-sale .final {
  display: block;
  max-width: 60%;
  margin: 0 auto 5vh;
}

.banner.full-page--finale-sale .sale {
  display: block;
  width: 75%;
  max-width: 100%;
  margin: 0 auto 5vh;
}

.banner.full-page--finale-sale .btn-outline {
  margin-left: 60px;
  margin-right: 60px;
  font-size: 1.4em;
  background-color: rgba(255,255,255,0.9) !important;
  box-shadow: none;
}

.banner.full-page--finale-sale .btn-outline:hover {
  color: black;
  background-color: rgba(255,255,255,1) !important;
}

@media (max-width: 991px) {
  .banner.full-page--finale-sale .final {
    margin: 0 auto 5vh;
  }

  .banner.full-page--finale-sale .sale {
    width: 100%;
    margin: 0 auto 5vh;
  }

  .banner.full-page--finale-sale .btn-outline {
    margin-left: 30px;
    margin-right: 30px;
    font-size: 1.2em;
  }
}

@media (max-width: 767px) {

  .banner.full-page--finale-sale .final {
    margin: 0 auto 5vh;
  }

  .banner.full-page--finale-sale .sale {
    margin: 0 auto 10vh;
  }

  .banner.full-page--finale-sale .btn-outline {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 1.2em;
  }
}

.springhomepage { position:relative; padding-right:0px !important;  padding-left:0px !important; overflow:hidden;  border-bottom: 20px solid white;}





.top .navigation ul .CLEAROUTSALE a, .top .navigation ul .WinterPreSale a, .top .navigation ul .SAMPLESALEAW a, .top .navigation ul .ENDRAILSALE a, .top .navigation ul .TheSampleSale a, .top .navigation ul .Allorless a, .top .navigation ul .BlackFriday a, .top .navigation ul .AWPreviewSale a { color:red !important; }

/*.springhomepage:first-of-type {
  border-right: 10px solid white;
}
.springhomepage:last-of-type {
  border-left: 10px solid white;
}*/

.springhomepage img { width:100%; height:auto; }
.w-100 { width:100% !important; }

@media (max-width: 767px) {
  .springhomepage img {
    margin-top: 0;
  }
}

.springhomepage.single {
  border-left: 0;
  border-right: 0;
}

.springhomepage.single .sign-up {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 80%;
  padding: 15px 0;
  -webkit-transform: translateX(-50%) translatey(-50%);
  -moz-transform: translateX(-50%) translatey(-50%);
  -ms-transform: translateX(-50%) translatey(-50%);
  transform: translateX(-50%) translatey(-50%);
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-weight: 300;
  color: black;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 3em;
}

@media (max-width: 991px) {
  .springhomepage.single .sign-up {
    font-size: 2em;
  }
}

.springhomepage .black-trans {
  line-height: 1;
  text-transform: uppercase !important;
}

.springhomepage .black-trans small {
  font-size: 70%;
  text-decoration: underline;
}

/*.springhomepage .mood-block span {
  top: auto !important;
  bottom: 0 !important;
}*/

.springhomepage .HomeText { position:absolute; top:65vh;  text-align:center; color:#FFF; z-index:101; width: 100%;}
.springhomepage h1 { position:absolute; top:30vh; text-align:center; width:100%; left:0; font-size:5vw; z-index:100; color:#FFF; font-family: 'Tw Cen MT', 'Muli', sans-serif;  }
.sprnghomepage h1 a { color:#FFF !important; }
.positionabsolute { position:absolute; } 

.home-newsletter { } 


.springhomepage h1.yellow, .springhomepage h1.orange {
  top: 35%;
  left: 15%;
  width: 70%;
  font-size: 7vw;
  font-weight: 700;
  line-height: 0.8;
  color: #ecba16;
}

.springhomepage h1.orange {
  color: #ff5a00;
}

.springhomepage h1.yellow.sample {
  top: 30%;
  text-align: left;
}

.springhomepage .HomeText .btn-outline {
  position: relative;
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.6em;
  color: white;
  background-color: transparent !important;
  box-shadow: none;
}

.springhomepage .HomeText .btn-outline:after {
  position: absolute;
  content: '';
  left: 20px;
  bottom: 5px;
  height: 2px;
  width: calc(100% - 40px);
  background-color: white;
  transition: bottom .2s;
}

.springhomepage .HomeText .btn-outline:hover {
  color: white;
}

.springhomepage .HomeText .btn-outline:hover:after {
  bottom: 0;
}

.springhomepage .HomeText .btn-solid {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: 400;
  color: #3d3d3d;
  text-decoration: none;
  background-color: rgba(255,255,255,0.75);
  border: 0;
}

.springhomepage .HomeText .btn-solid:hover {
  background-color: rgba(255,255,255,0.9);
}

.springhomepage .HomeText .btn-solid:first-of-type {
  margin-right: 7.5px;
}

.springhomepage .HomeText .btn-solid:last-of-type {
  margin-left: 7.5px;
}

.springhomepage a img {
-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
.springhomepage a:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
     transform:scale(1.05);}

.springhomepage a img.text {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.springhomepage a:hover img.text {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
   transform: scale(1);
}

@media (max-width: 1599px) {
  .springhomepage a img.text {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .springhomepage h1 {
    font-size: 5em !important;
  }

  .springhomepage h1.yellow.sample {
    text-align: center;
  }

  .springhomepage:first-of-type {
    border-right: 0;
    border-bottom: 10px solid white;
  }
  .springhomepage:last-of-type {
    border-left: 0;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .springhomepage h1 {
    font-size: 5em !important;
  }
}

@media (max-width: 599px) {
  .springhomepage h1 {
    font-size: 3.8em !important;
  }
}

@media (max-width: 1399px) {
  .springhomepage.custom-adjusted img{
    width: 122%;
    margin-left: -5%;
  }
}

@media (min-width: 1100px) and (max-width: 1399px) {
  .springhomepage.custom-adjusted h1 {
    top: 20%;
  }
}

@media (max-width: 1249px) {
  .springhomepage.custom-adjusted img{
    width: 137%;
    margin-left: -10%;
  }
}

@media (max-width: 1099px) {

  .springhomepage.custom-adjusted img {
    width: 152%;
    margin-left: -15%;
  }

  .springhomepage h1 img {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .springhomepage.custom-adjusted .HomeText {
    top: 70vh;
  }
}

@media (max-width: 991px) {
  .springhomepage.custom-adjusted img {
    width: 100%;
    margin-left: 0;
  }

  .springhomepage h1 {
    top: 15vh;
  }

  .springhomepage.custom-adjusted .HomeText {
    top: 55vh;
  }
}

@media (max-width: 767px) {
  .springhomepage h1 {
    top: 15vh;
  }

  .springhomepage.custom-adjusted .HomeText {
    top: 55vh;
  }
}

.banner .banner-txt {
  position: absolute;
  width: 100%;
  height: 40%;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 6em;
  text-transform: uppercase;
  line-height: 1;
  color: white;
}

.banner .banner-txt .link-txt {
  color: white;
}

.slide-2 .link-txt, .slide-3 .link-txt {
  color: #333333 !important;
}

.banner .banner-content {
  position: relative;
  z-index: 4;
}

.banner .banner-txt small {
  font-size: 55%;
}

.banner .banner-txt .btn-outline {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: white;
  color: white;
}

.banner .banner-txt .btn-outline:hover, .banner .banner-txt .btn-outline:active {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: white;
  color: white;
}

.slide-2 .btn-outline, .slide-3 .btn-outline {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-color: #333 !important;
  color: #333 !important;
}

.slide-2 .btn-outline:hover, .slide-2 .btn-outline:active, .slide-3 .btn-outline:hover, .slide-3 .btn-outline:active {
  background-color: rgba(255, 255, 255, 0.6) !important;
  border-color: #333 !important;
  color: #333 !important;
}

@media (min-width: 1400px) {
  .banner .banner-txt {
    font-size: 8em;
  }
}

@media (max-width: 767px) {
  .banner {
    height: 70vh;
  }

  .banner img {
    width: 160%;
    margin-left: 0;
  }

  .banner .banner-txt {
    height: 50%;
    font-size: 4em;
  }
}

.foot {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #acacac;
  font-size: 0.8em;
  text-transform: uppercase;
}
.foot .social-links {
  text-align: center;
  padding-bottom: 30px;
}
.foot .social-links a {
  display: inline-block;
  font-size: 3em;
  color: #acacac;
  padding-left: 15px;
  padding-right: 15px;
}
.foot .social-links a:hover,
.foot .social-links a:active {
  color: #696969;
  text-decoration: none;
}
.foot .footer-links {
  text-align: right;
}
@media (max-width: 767px) {
  .foot .footer-links {
    text-align: left;
    padding-top: 15px;
  }
}
.foot .footer-links a {
  display: inline-block;
  margin-right: -4px;
  margin-left: 15px;
  color: #acacac;
}
.foot .footer-links a.currency-title {
  margin-left: 30px;
  color: #696969;
}
.foot .footer-links a.cur {
  color: #696969;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
}
.foot .footer-links a.cur:hover {
  color: #333333;
}
@media (max-width: 767px) {
  .foot .footer-links a {
    margin-left: 0;
    margin-right: 20px;
    padding-bottom: 5px;
  }
}

.StandardPrice{
  margin-bottom: 0;
}

.product {
  height: 645px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1439px) {
  .product {
    height: 520px;
  }
}

@media (max-width: 1199px) {
  .product {
    height: 450px;
  }
}

@media (max-width: 767px) {
  .product {
    height: auto;
  }
}

@media (max-width: 459px) {
  .product {
    height: 430px;
  }
}

@media (max-width: 419px) {
  .product {
    height: 360px;
  }
}


.product a {
  color: #333333;
}
.product a:hover,
.product a:active {
  text-decoration: none;
}
.product a img {
  max-height: 400px;
}
.product a .title {
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  color: #333333;
  font-size: 1.3em;
}
@media (max-width: 767px) {
  .product a .title {
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
.product a .price {
  color: #333333;
  font-size: 1em;
}
.product a .price span {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1200px) {
  .product a .price span {
    display: block;
  }
}
.product a .OrigPrice {

}
.product a .SalePrice {
  color: red;
}
.product .btn {
  margin-top: 15px;
}
.product .product-thumb-wrap {
  position: relative;
}
.product .product-thumb-wrap .soldout {
  position: absolute;
  width: 60%;
  height: auto;
  top: 40%;
  left: 20%;
  right: 0;
  bottom: auto;
  text-align: center;
  background: rgba(255,255,255,0.6);
  color: #000000;
  text-transform: uppercase;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2em;
  letter-spacing: 0.2em;
}
.product .preorder {
  display: block;
  margin-top: 5px;
  margin-bottom: -10px;
  color: #424242;
}
.category .product a img,
.SearchContainer .product a img {
  max-height: 548px;
}
@media (max-width: 1400px) {
  .category .product a img,
  .SearchContainer .product a img {
    max-height: 436px;
  }
}
@media (max-width: 1200px) {
  .category .product a img,
  .SearchContainer .product a img {
    max-height: 353px;
  }
}
@media (max-width: 992px) {
  .category .product a img,
  .SearchContainer .product a img {
    max-height: 365px;
  }
}
@media (max-width: 768px) {
  .category .product a img,
  .SearchContainer .product a img {
    max-height: 548px;
  }
}
.product-page .product-img {
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  text-align: right;
}
.product-page .product-img .cycle-slideshow img {
  width: 100%;
  height: auto;
}

.product-page .product-img .cycle-slideshow .btn {
  position: absolute;
  z-index: 1000;
  top: 15px;
  left: 15px;
  padding: 7px 14px;
  font-size: 14px;
}

.product-page .product-img .prod-prev,
.product-page .product-img .prod-next {
  position: absolute;
  left: 20px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 4em;
  height: 50px;
  line-height: 0.4;
  color: #acacac;
}
.product-page .product-img .prod-prev:hover,
.product-page .product-img .prod-next:hover,
.product-page .product-img .prod-prev:active,
.product-page .product-img .prod-next:active {
  color: #333333;
}
@media (max-width: 768px) {
  .product-page .product-img .prod-prev,
  .product-page .product-img .prod-next {
    top: -20%;
  }
}
.product-page .product-img .prod-next {
  left: auto;
  right: 20px;
}
.product-page .product-img .prod-pager {
  text-align: right;
  margin-top: 15px;
  width: 80%;
  display: inline-block;
  margin-right: -4px;
}
.product-page .product-img .prod-pager a {
  vertical-align: bottom;
  display: inline-block;
  margin-right: -4px;
  width: 25%;
  padding-left: 10px;
  padding-right: 0px;
  margin-bottom: 5px;
}
.product-page .product-img .prod-full {
  display: inline-block;
  width: 20%;
  margin-top: 15px;
  text-align: center;
  margin-left: -4px;
  vertical-align: top;
}
.product-page .product-img .prod-full div {
  display: block;
  width: 100%;
  padding-left: 0px;
  padding-right: 10px;
  cursor: pointer;
}
.product-page .product-img .prod-full div img {
  width: 100%;
  height: auto;
}
.product-page .product-info h1 {
  margin-top: 0;
  margin-bottom: 30px;
}

@media (max-width: 1439px) {
  .product-page .product-info h1 {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .product-page .product-info h1 {
    margin-top: 30px;
  }
}
.product-page .product-info .price {
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 1.6em;
  color: #696969;
  text-transform: uppercase;
}

.product-page .product-info .price small {
  font-size: 75%;
}

.product-page .product-info section.price.hide-options {
    display: none;
}

.product-page .product-info .price .SalePrice {
  color: red;
}
.product-page .product-info .product-form {
  text-transform: uppercase;
}
.product-page .product-info .product-form .limited {
  text-transform: none;
  color: red;
}
.product-page .product-info .product-form ul {
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
}
.product-page .product-info .product-form ul li {
  display: inline-block;
  margin-right: 15px;
}
.product-page .product-info .product-form ul li div {
  position: relative;
  height: 45px;
  width: 45px;
  padding: 0 5px;
  border: 1px solid #333333;
  text-align: center;
  cursor: pointer;
}
.product-page .product-info .product-form ul li div input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
}
.product-page .product-info .product-form ul li div span {
  font-weight: 300;
  line-height: 45px;
}
.product-page .product-info .product-form .quantity {
  margin-bottom: 10px;
}
.product-page .product-info .product-form select {
  height: 40px;
}

.product-page .product-info .product-buttons:nth-child(2) {
  padding-left: 0;
}

@media (max-width: 991px) {
  .product-page .product-info .product-buttons:nth-child(2) {
    padding-left: 15px;
  }
}

.product-page .product-info .product-form .product-buttons {
  margin-top: 30px;
}

@media (max-width: 1439px) {
  .product-page .product-info .product-form .product-buttons {
    margin-top: 15px;
  }
}



.product-page .product-info .product-form .product-buttons .btn {
  font-size: 1.2em;
  margin-bottom: 15px;
}
.product-page .product-info .product-buttons .btn {
  width: 100%;
}

.product-page .product-info .product-buttons .btn-solid {
  padding-top: 15px;
  padding-bottom: 15px;
}

.product-page .product-info .product-buttons .btn-outline {
  margin-bottom: 15px;
}

@media (max-width: 1439px) {
  .product-page .product-info .panel-group {
    margin-top: 15px;
  }
}

.product-page .product-info .panel-group .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.product-page .product-info .panel-group h4 {
  padding-top: 15px;
  padding-bottom: 15px;
  border-color: transparent;
}

.product-page .product-info .panel-group h4 .rating {
  overflow: visible;
  display: inline-block;
  margin-left: 15px;
}

.product-page .product-info .panel-group h4 a {
  text-decoration: none;
}
.product-page .product-info .panel-group h4 a:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: '\f0d8';
  color: #acacac;
  font-size: 0.7em;
  margin-left: 10px;
}
.product-page .product-info .panel-group h4 a.collapsed:after {
  content: '\f0d7';
}
.product-page .product-info .panel-group h4 a:hover,
.product-page .product-info .panel-group h4 a:active {
  text-decoration: none;
}
.product-page .product-info .panel-group h4 a.write-review {
  margin-left: 15px;
  font-size: 0.8em;
}
.product-page .product-info .panel-group h4 a.write-review:after {
  display: none;
}
.product-page .recently-viewed,
.product-page .you-may {
  margin-top: 30px;
}
.product-page .recently-viewed h4,
.product-page .you-may h4 {
  color: #acacac;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .product-page .recently-viewed h4,
  .product-page .you-may h4 {
    font-size: 1em;
    margin-bottom: 15px;
  }
}
.product-page .recently-viewed .product:nth-child(4),
.product-page .you-may .product:nth-child(4),
.product-page .recently-viewed .product:nth-child(5),
.product-page .you-may .product:nth-child(5) {
  display: none;
}
.product-page .social-share {
  margin-top: 30px;
}
.product-page .social-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-page .social-share ul li {
  display: inline-block;
  color: #acacac;
  text-transform: uppercase;
  margin-right: 5px;
  vertical-align: middle;
}
.product-page .social-share ul li a {
  display: block;
  height: 25px;
  width: 25px;
  text-align: center;
  color: #acacac;
  border: 1px solid #acacac;
}
.product-page .social-share ul li a:hover,
.product-page .social-share ul li a:active {
  background: #acacac;
  color: white;
}
.product-page .social-share ul li a.addthis_button_pinterest span {
  display: none;
}
.product-page .social-share ul li.pinterest {
  position: relative;
}
/*.product-page .social-share ul li.pinterest :after {
  content: '\f231';
  position: absolute;
  top: 3px;
  left: 7px;
  display: block;
  font-family: FontAwesome;
}*/
.rating {
  margin-bottom: 10px;
  overflow: auto;
}
.rating-1:after {
  content: '\f005 \f006 \f006 \f006 \f006';
  display: inline;
  font-family: FontAwesome;
  font-size: 1.2em;
  letter-spacing: 5px;
}
.rating-2:after {
  content: '\f005 \f005 \f006 \f006 \f006';
  display: inline;
  font-family: FontAwesome;
  font-size: 1.2em;
  letter-spacing: 5px;
}
.rating-3:after {
  content: '\f005 \f005 \f005 \f006 \f006';
  display: inline;
  font-family: FontAwesome;
  font-size: 1.2em;
  letter-spacing: 5px;
}
.rating-4:after {
  content: '\f005 \f005 \f005 \f005 \f006';
  display: inline;
  font-family: FontAwesome;
  font-size: 1.2em;
  letter-spacing: 5px;
}
.rating-5:after {
  content: '\f005 \f005 \f005 \f005 \f005';
  display: inline;
  font-family: FontAwesome;
  font-size: 1.2em;
  letter-spacing: 5px;
}
.zoomWindow {
  width: 720px !important;
  height: 998px !important;
}
@media (max-width: 1440px) {
  .zoomWindow {
    width: 585px !important;
    height: 773px !important;
  }
}
@media (max-width: 1200px) {
  .zoomWindow {
    width: 485px !important;
    height: 607px !important;
  }
}
@media (max-width: 992px) {
  .zoomWindow {
    width: 373px !important;
    height: 424px !important;
  }
}
@media (max-width: 768px) {
  .zoomWindow {
    display: none !important;
  }
}
.zoomContainer {
  width: 600px !important;
  height: 999px !important;
}
@media (max-width: 1440px) {
  .zoomContainer {
    width: 465px !important;
    height: 773px !important;
  }
}
@media (max-width: 1200px) {
  .zoomContainer {
    width: 365px !important;
    height: 607px !important;
  }
}
@media (max-width: 992px) {
  .zoomContainer {
    width: 255px !important;
    height: 424px !important;
  }
}
@media (max-width: 768px) {
  .zoomContainer {
    display: none !important;
  }
}
.create-login .btn {
  margin-top: 15px;
}
.create-login ul {
  margin-top: 15px;
  margin-bottom: 15px;
}
.create-login .forgotten {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 30px;
  color: #acacac;
}
.account .hub-list {
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 1.4em;
  text-transform: uppercase;
  list-style: none;
}
.account .hub-list li {
  display: block;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.account .hub-list li a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333333;
  overflow: auto;
  line-height: 1.2;
}
.account .hub-list li a span {
  display: inline-block;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: right;
  font-size: 0.6em;
  text-align: center;
  color: #333333;
  background: white;
  border: 1px solid #333333;
}
.account .hub-list li a:hover,
.account .hub-list li a:active {
  padding-left: 10px;
  padding-right: 10px;
  background: #333333;
  color: white;
  text-decoration: none;
}
.account .account-menu ul {
  margin-top: 30px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}
.account .account-menu ul li {
  display: block;
  width: 100%;
}
.account .account-menu ul li a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333333;
}
.account .account-menu ul li a:hover,
.account .account-menu ul li a:active {
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: white;
  background: #333333;
}
.account .account-title {
  margin-bottom: 40px;
}
.account form h4 {
  margin-top: 30px;
}
.account table {
  margin-top: 30px;
}
.account table thead {
  text-transform: uppercase;
}
.account table .btn-outline {
  padding-top: 5px;
  padding-bottom: 5px;
}
.account table td:last-child {
  text-align: right;
}
.account table .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.account .wishlist .btn {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .account .wishlist .btn {
    margin-bottom: 15px;
  }
}
.update-card-details table {
  width: 100%;
}
.update-card-details table th,
.update-card-details table td {
  text-align: left;
}
.update-card-details table tfoot {
  display: none;
}
.update-card-details .shipping-address,
.update-card-details .billing-address {
  margin-top: 15px;
  margin-bottom: 15px;
}
.update-card-details input[type="button"] {
  margin-top: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  border: transparent;
  background: #333333;
}
.update-card-details input[type="button"]:hover,
.update-card-details input[type="button"]:active {
  background: #acacac;
}
.update-card-details .payment-details {
  margin-top: 30px;
  margin-right: 0 !important;
  text-align: left;
}
.update-card-details .payment-details label {
  float: none !important;
  display: block !important;
  margin-bottom: 15px;
}
.update-card-details .payment-details select {
  float: none !important;
  display: block !important;
  margin-bottom: 15px;
}
.update-card-details .payment-details input[type="text"] {
  float: none !important;
  display: block !important;
  margin-bottom: 15px;
}
/* Declined card details */

.account .update-card-details {
  text-align: right;
}

.account .logging-info {
  display: none;
}

.account .products-for-order {
  margin-top: 30px;
}

.account .sagepay-btn {
  display: inline-block;
  width: 250px;
  margin-top: 15px;
}

.account .sagepay-btn .btn-green {
  width: 100%;
  background-color: #42a940 !important;
}

.account .sagepay-btn p {
  font-size: 14px;
  text-align: left;
}

.basket {
  padding-top: 0;
}
@media (max-width: 767px) {
  .basket h2 {
    padding-bottom: 15px;
  }
}
.basket .basket-headers {
  padding-top: 20px;
  margin-top: 15px;
  padding-bottom: 30px;
  text-transform: uppercase;
  border-top: 1px solid #dfdfdf;
}
.basket .basket-product {
  padding-bottom: 30px;
}
.basket .basket-product h4 {
  margin-top: 0;
}
.basket .basket-product .size {
  color: #acacac;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}
.stock-warning{
  color: red;
}
.basket .basket-product .remove-basket {
  font-size: 3em;
  line-height: 0.2;
}
.basket .basket-product .remove-basket:hover,
.basket .basket-product .remove-basket:active {
  color: red;
  text-decoration: none;
}
@media (max-width: 767px) {
  .basket .basket-product .basket-quantity,
  .basket .basket-product .basket-total {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .basket .basket-product .basket-total {
    font-size: 1.4em;
  }
}
.basket select {
  border-radius: 0;
  border-color: #333333;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding-right: 30px;
  width: auto;
  background: url('../img/form/select-arrow.png') right center no-repeat;
}
.basket select.form-control {
  width: auto;
}
.basket .media-code .form-control {
  height: 42px;
}
.basket .media-code .btn {
  width: 100%;
}
.basket .basket-totals {
  text-transform: uppercase;
}
.basket .basket-totals span {
  display: block;
}
.basket .basket-totals span.deductions {
  color: red;
}
.basket .basket-totals span.sub-total {
  padding-top: 30px;
  padding-bottom: 15px;
  color: #acacac;
}
.basket .basket-totals .total {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #dfdfdf;
  font-size: 1.2em;
}
.basket .continue-checkout {
  padding-top: 60px;
}
.basket .continue-checkout .btn {
  font-size: 18px;
}
.free-delivery-promo {
  background-color: #fabb1a;
  padding: 10px;
  width: 80%;
  margin: auto;
}

.free-delivery-promo-checkout {
  background: #fabb1a;
  padding: 5px 20px;
}
@media (max-width: 767px) {
.bottom-row { padding-top:20px; }


  .basket .continue-checkout .btn {
    font-size: 14px;
  }
}
.top-checkout .continue {
  text-align: right;
}
@media (max-width: 767px) {
  .top-checkout .continue {
    margin-top: 15px;
    text-align: center;
  }
}
.top-checkout .inline {
  vertical-align: bottom;
}
.checkout {
  padding-top: 0;
}
.checkout .checkout-wrap {
  border: 1px solid #acacac;
  padding: 30px;
}
.checkout .checkout-wrap h3 {
  margin-top: 0px;
  margin-bottom: 15px;
}
.checkout .checkout-wrap h3.ExpressCheckoutTitle {
  font-size: 24px;
}
.checkout .checkout-wrap h3.telephone {
  margin-top: 15px;
  font-size: 3em;
}
@media (max-width: 1200px) {
  .checkout .checkout-wrap h3.telephone {
    font-size: 2em;
  }
}
.checkout .checkout-wrap.assistance p {
  color: #acacac;
  font-size: 1.1em;
}
.checkout .checkout-wrap.assistance span {
  position: relative;
  display: block;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  color: #acacac;
}
.checkout .checkout-wrap.assistance span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  width: 40%;
  height: 1px;
  margin: 0;
  border-bottom: 1px solid #acacac;
}
.checkout .checkout-wrap.assistance span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 0;
  width: 40%;
  height: 1px;
  margin: 0;
  border-bottom: 1px solid #acacac;
}
.checkout .checkout-wrap.assistance .btn {
  width: 100%;
  margin-top: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 2em;
}
.checkout .checkout-wrap .checkout-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 30px;
  /* h3 {
        a {
          position: relative;
          color: @primary;
          padding-left: 45px;


          &:before {
            content: '\f00c';
            position: absolute;
            left: 0;
            bottom: 5px;
            display: block;
            width: 30px;
            height: 30px;
            padding-top: 7px;
            border-radius: 50%;
            background: @primary;
            color: white;
            font-family: FontAwesome;
              font-style: normal;
              font-weight: normal;
              font-size: 16px;
              text-align: center;
          }

          &.collapsed {
            color: @very-light-primary;

            &.login {
              &:before {
                content: '1';
              }
            }

            &.billing-account {
              &:before {
                content: '2';
              }
            }

            &.shipping-details {
              &:before {
                content: '3';
              }
            }

            &.shipping-method {
              &:before {
                content: '4';
              }
            }

            &.order-confirmation {
              &:before {
                content: '5';
              }
            }

            &.payment-details {
              &:before {
                content: '6';
              }
            }



            &:before {
              background: @very-light-primary;
              font-family: 'Oswald', sans-serif;
              font-weight: 300;
            }
          }
        }
      } */
}
.checkout .checkout-wrap .checkout-panel:last-child {
  padding-bottom: 0;
}
.checkout .checkout-wrap .checkout-panel .forgotten {
  display: inline-block;
  vertical-align: bottom;
  color: #acacac;
}
.checkout .checkout-wrap .checkout-panel .disclaimer {
  display: block;
  margin-top: 15px;
  font-size: 0.9em;
  color: #acacac;
}
.checkout .checkout-wrap .checkout-panel hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkout .checkout-wrap .checkout-panel .checkout-headers {
  padding-top: 20px;
  margin-top: 15px;
  padding-bottom: 30px;
  text-transform: uppercase;
}
.checkout .checkout-wrap .checkout-panel .checkout-product {
  padding-bottom: 30px;
}
.checkout .checkout-wrap .checkout-panel .checkout-totals {
  text-transform: uppercase;
}
.checkout .checkout-wrap .checkout-panel .checkout-totals span {
  display: block;
}
.checkout .checkout-wrap .checkout-panel .checkout-totals span.sub-total {
  padding-top: 30px;
  padding-bottom: 15px;
  color: #acacac;
}
.checkout .checkout-wrap .checkout-panel .checkout-totals .total {
  font-size: 1.2em;
}
.checkout .checkout-wrap .checkout-panel .checkout-totals .total .vat {
  font-size: 0.7em;
  color: #acacac;
}

@media (max-width: 767px) {
  .checkout .ChangeLink {
    position: relative;
    right: 0;
    top: 10px;
  }
}

.Field400 {
  width: 100%;
}

/** Opt-in Styles **/
.flex {
  display: flex;
}

@media (max-width: 991px) {
  .flex {
    display: block;
  }
}

.flex .opt-in-box {
  height: 100%;
}

.opt-in-container {
  margin-top:25px;
  margin-bottom: 10px;
}

.opt-in-container .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.opt-in-container .checkbox input[type="checkbox"] + label span {
  margin-top: 1px;
  margin-right: 10px;
}

.opt-in-container .checkbox .faux-label-align {
  display: inline-block;
  width: calc(100% - 40px);
  height: auto;
  margin-right: 0 !important;
  background: none;
}

.opt-in-container small {
  display: inherit;
}

.opt-in__notification {
  display: block !important;
  width: 100% !important;
  font-size: 13px;
  color: #f68b00;
  background: none !important;
}

.opt-in__notification a{
  color: #f68b00;
  text-decoration: underline;
}

.opt-in__notification a:hover {
  text-decoration: none;
}

.opt-in__notification small {
  display: inline;
}

.opt-in-box {
  padding: 10px;
  background-color: #f1f1f1;
}

.opt-in-box label {
  width: 100%;
}

.opt-in-box--margin-top {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .opt-in-box {
    margin-bottom: 20px;
  }

  .opt-in-box--margin-top {
    margin-top: 0px;
  }
}

.opt-in-box:before, .opt-in-box:after {
  content: '';
  display: block;
  clear: both;
}

.opt-in-box__icon {
  float: left;
  width: 50px;
}

.opt-in-box__content {
  float: left;
  width: calc(100% - 50px);
  padding-left: 15px;
}

.mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 300;
  display: none;
  padding: 30px;
  background: white;
  text-transform: uppercase;
  overflow: auto;
}
.mobile .close-menu {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  height: 30px;
  width: 30px;
  font-size: 1.2em;
  color: #333333;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
.mobile .close-menu:hover,
.mobile .close-menu:active {
  color: #acacac;
}
.mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  font-size: 1.2em;
  color: #333333;
}
.mobile ul li .sub {
  display: none;
}
.mobile ul li.Annual_Sample_Sale .sub,
.mobile ul li.Fashion .sub,
.mobile ul li.House .sub {
  display: block;
}
.mobile ul li.Annual_Sample_Sale .sub ul li .sub,
.mobile ul li.Fashion .sub ul li .sub,
.mobile ul li.House .sub ul li .sub {
  display: none;
}
.mobile ul li ul {
  overflow: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
}
.mobile ul li ul li {
  width: 50%;
  display: inline-block;
  margin-right: -4px;
}
.mobile ul li ul li a {
  font-size: 0.9em;
  color: #696969;
}
.mobile ul li ul li .sub {
  display: none;
}
.mobile form {
  padding-top: 30px;
  width: 100%;
  display: block;
}
.mobile form .form-group {
  margin-bottom: 0;
  width: 100%;
}
.mobile form label {
  display: block;
  font-weight: 300;
  font-size: 1.2em;
}
.mobile form input,
.mobile form button {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin-right: -4px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
}
.mobile form input {
  border-right: transparent;
  width: 60%;
  width: calc(80%);
  height: 50px;
}
.mobile form button {
  border-left: transparent;
  width: 50px;
  height: 50px;
  border-color: #333333;
}
.mobile form button:hover {
  background: transparent;
  border-color: #333333;
}
.mobile.account-menu {
  background: #333333;
}
.mobile.account-menu a {
  color: white;
}
.mobile.active {
  display: block;
}
.btn.btn-mobile {
  width: 35px;
  height: 30px;
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  line-height: 1;
  border-color: transparent;
  font-size: 1.2em;
}
.btn.btn-solid {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  background: #333333;
}
.btn.btn-solid:hover,
.btn.btn-solid:active {
  background: #acacac;
}
.btn.btn-solid.light {
  background: #acacac;
}
.btn.btn-solid.light:hover,
.btn.btn-solid.light:active {
  background: #696969;
}
.btn.btn-solid.btn-green {
  background: #36a38f;
}
.btn.btn-solid.btn-green:hover,
.btn.btn-solid.btn-green:active {
  background: #44b8a3;
}

.btn.btn-solid--yellow {
  background: #ff9000;
}
.btn.btn-solid--yellow:hover,
.btn.btn-solid--yellow:active {
  background: #ffa530;
}

.btn.btn-solid--spring-green {
  color: white;
  background: #819857;
}
.btn.btn-solid--spring-green:hover,
.btn.btn-solid--spring-green:active {
  color: white;
  background: #93ab68;
}


@media (min-width: 768px) {
.ModalButtons { width: 450px; margin-left:50%; position:relative; z-index:20; }
}


.btn.btn-outline {
  padding: 7px 25px;
  border: 1px solid #333333;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 300;
  background: white;
  color: #333333;
}
.btn.btn-outline:hover,
.btn.btn-outline:active {
  color: #acacac;
  border-color: #acacac;
}

.btn.btn-minimal {
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-transition: padding-bottom 0.2s linear 0s; /* Safari */
  transition: padding-bottom 0.2s linear 0s;
}

.btn.btn-minimal.btn-white {
  color: white;
  border-bottom: 1px solid white;

}


.btn-transparent { 
    border: none;
    font-size: 150% !important;
    color: #fff;
    text-transform: capitalize !important;

}





.btn.btn-minimal:hover {
  padding-bottom: 15px;
  -webkit-transition: padding-bottom 0.2s linear 0s; /* Safari */
  transition: padding-bottom 0.2s linear 0s;
}

.Submit input[type='submit'],
.ML20 input[type='submit'] {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  background: #333333;
}
.Submit input[type='submit']:hover,
.ML20 input[type='submit']:hover,
.Submit input[type='submit']:active,
.ML20 input[type='submit']:active {
  background: #acacac;
}
.remember-card {
  margin-top: 5px;
  margin-bottom: 10px;
}

#bottom_payment_button {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 20px 40px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  background: #64c887;
}
#bottom_payment_button:hover,
#bottom_payment_button:active {
  background: #6edf96;
}
.block {
  position: relative;
  height: 220px;
  padding: 15px;
  border: 1px solid #acacac;
  color: #f6891c;
}
@media (max-width: 1200px) {
  .block {
    height: auto;
    min-height: 220px;
    overflow: auto;
    margin-bottom: 30px;
  }
}
.block h5 {
  margin-top: 0;
}
.block .btn {
  margin-top: 30px;
  width: 100%;
}
.block .btn.center {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translatey(-50%);
  -moz-transform: translateX(-50%) translatey(-50%);
  -ms-transform: translateX(-50%) translatey(-50%);
  transform: translateX(-50%) translatey(-50%);
  vertical-align: middle;
  margin-top: 0;
}
.checkout-wrap .block {
  height: auto;
}
.checkout-wrap .block .btn.light,
.checkout-wrap .block .btn.btn-outline {
  font-size: 0.9em;
  padding-left: 0;
  padding-right: 0;
}
.checkout-wrap .block.add {
  padding-top: 60px;
  padding-bottom: 60px;
}
.form-group label {
  font-weight: 300;
}
.form-group .form-control {
  border-radius: 0;
  border-color: #333333;
}
.form-group select {
  border-color: #333333;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding-right: 30px;
  width: auto;
  background: url('../img/form/select-arrow.png') right center no-repeat;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.form-group select.form-control {
  width: auto;
}
.form-group select::-ms-expand {
  display: none;
}
.form-group select.no-drop {
  background-image: none;
  padding-right: 0;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"] + label span {
  display: inline-block;
  width: 20px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: top;
  background: url('../img/form/check-box.png') left top no-repeat;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:checked + label span {
  background-position: -19px top;
}
.checkbox label {
  padding-left: 0;
  font-weight: 300;
}
.size-group {
  margin-bottom: 30px;
}

@media (max-width: 1439px) {
  .size-group {
    margin-bottom: 15px;
  }
}

.size-options {
  display: inline-block;
  margin-right: 5px;
}
.size-options input[type="radio"] {
  display: none;
}
.size-options label input[type="radio"] + span {
  display: inline-block;
  min-width: 45px;
  width: auto;
  height: 45px;
  margin: 0px 4px 0 0;
  vertical-align: top;
  border: 1px solid #333333;
  cursor: pointer;
  text-align: center;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.size-options label input[type="radio"] + span.price {
  margin-bottom: 0;
  border: transparent;
  font-size: inherit;
  display: inline-block;
  margin-left: -4px;
  padding-left: 6px;
  padding-right: 12px;
  padding-top: 11px;
  margin-right: 15px;
  margin-top: 0;
}

.size-options input[type="radio"] +  span.price span {
  margin-top: -11px;
  border: transparent;
}

.size-options input[type="radio"]:checked +  span {
  background-color: #333333;
  color: white;
}

.size-options label {
  padding-left: 0;
  font-weight: 300;
}

.size-options.list {
    display: block;
    width: auto;
}

.size-options.list:first-child {
  margin-top: 30px;
}

.size-options label .price-option {
  cursor: pointer;
  position: relative;
}

.size-options label .price-option .name {
  display: inline-block;
  width: auto;
  margin-left: 35px;
  margin-right: 15px;
  text-transform: none;
  font-size: 1.2em;
}

.size-options label .price-option .price {
  display: inline-block;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2em;
}

.size-options label .price-option .price:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: auto;
  height: 20px;
  width: 20px;
  content: '';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.6em;
  line-height: 18px;
  text-align: center;
  color: #333333;
  border: 1px solid #333333;
}

.size-options input[type="radio"]:checked + .price-option .price:after {
  content: '\f00c';
}

.product-page .product-info.id-4241 .price {
    display: none;
}

.product-page .product-info.id-4241 .size-options label .price-option .name:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: auto;
  height: 20px;
  width: 20px;
  content: '';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.6em;
  line-height: 18px;
  text-align: center;
  color: #333333;
  border: 1px solid #333333;
}

.product-page .product-info.id-4241 .size-options input[type="radio"]:checked + .price-option .name:after {
  content: '\f00c';
}

.ErrorMessage {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.SuccessMessage {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.InfoMessage {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.QuickSearch {
  background: white;
  z-index: 999;
  right: 12px;
  padding: 15px;
  border: 1px solid #acacac;
}
.QuickSearch .price {
  color: #696969;
  text-transform: uppercase;
}
.QuickSearch .price .SalePrice {
  color: red;
}
.QuickSearch td {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 15px;
}
.QuickSearch td div.img {
  text-align: left;
}
.QuickSearch td div.img img {
  height: 90px;
  width: auto;
}
.QuickSearch td.QuickSearchResultMeta {
  border-right: 1px solid #acacac;
}
.QuickSearch .QuickSearchAllResults td {
  padding-bottom: 15px;
  border-right: 1px solid #acacac;
}
dl dt {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 300;
}
dl dd {
  margin-bottom: 15px;
}
dl dd .postcode {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}
dl dd button {
  vertical-align: top;
  display: inline-block;
  height: 34px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  padding: 5px 20px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  background: #333333;
}
dl dd button:hover,
dl dd button:active {
  background: #acacac;
}
dl .FormField,
dl select,
dl .Textbox {
  border-radius: 0;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #333333;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
dl .FormField.checkbox,
dl select.checkbox,
dl .Textbox.checkbox,
dl .FormField#FormField_14,
dl select#FormField_14,
dl .Textbox#FormField_14,
dl .FormField#FormField_15,
dl select#FormField_15,
dl .Textbox#FormField_15,
dl select#FormField_37,
dl .Textbox#FormField_37,
dl .FormField#FormField_37 {
  border: transparent;
  padding: 0;
  box-shadow: none;
}
dl select {
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  padding-right: 30px;
  background: url('../img/form/select-arrow.png') right center no-repeat;
  text-indent: 0.01px;
  text-overflow: '';
  -moz-appearance: none;
}
dl select ::-ms-expand {
  display: none;
}
dl #creditcard_ccexpm,
dl #creditcard_ccexpy,
dl #creditcard_issuedatem,
dl #creditcard_issuedatey {
  width: auto;
  display: inline-block;
}
dl #creditcard_cccvd {
  width: auto;
}
dl .create-account {
  display: none;
  width: 100%;
  float:left;
}
.checkout-wrap .BlockContent li {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 15px;
}
.checkout-wrap .BlockContent li label {
  margin-left: 10px;
}
.checkout-wrap .OrderContents table {
  width: 100%;
}

.checkout-wrap .map {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.checkout-wrap .recipient {
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.checkout-wrap .order-no {
  display: inline-block;
  margin: 30px auto 30px;
  padding-top: 15px;
  padding-left: 30px;
  padding-bottom: 15px;
  padding-right: 30px;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 26px;
  border: 1px solid #333333;
}

.checkout-wrap .view-order {
  margin-bottom: 30px;
}

.checkout-wrap .section-title {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 1.2;
}

.checkout-wrap table, .checkout-wrap th, .checkout-wrap td {
  font-family: 'Oswald', Arial, sans-serif;
}

.checkout-wrap th, .checkout-wrap td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.checkout-wrap  .out-stock-msg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.checkout-wrap .thankyou-instagram {
  margin-top: 60px;
  margin-bottom: 30px;
}

.checkout-wrap .thankyou-instagram .follow {
  font-size: 26px;
  line-height: 1.2;
  text-decoration: underline;
  text-transform: uppercase;
}

.SearchPaging {
  margin-bottom: 15px;
}
#couponcode, #giftcertificatecode {
  height: 42px;
}
.modal-dialog {
  margin-top: 90px;
}
.modal-dialog .modal-content {
  border-radius: 0;
}

.newsletter-signup .popupsmalltext { margin-top: 30px; font-size:11px; }
.newsletter-signup #mce-responses { min-height:30px; }


.modal-dialog .modal-content .modal-header,
.modal-dialog .modal-content .modal-footer,
.modal-dialog .modal-content .modal-body {
  padding-left: 20px;
  padding-right: 20px;
  border-color: transparent;
}
.modal-dialog .modal-content .modal-header {
  padding-top: 20px;
  padding-bottom: 0;
}
.modal-dialog .modal-content .modal-header .btn {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150px;
}
.modal-dialog .modal-content .modal-header .btn.btn-outline {
  color: #333;
  background-color: transparent;
  border-color: #333;
}
.modal-dialog .modal-content .modal-header .btn.btn-outline:hover,
.modal-dialog .modal-content .modal-header .btn.btn-outline:active {
  color: white;
  background: #333333;
}
.modal-dialog .modal-content .modal-footer {
  text-align: left;
  padding-top: 0;
  padding-bottom: 20px;
}
.modal-backdrop.in {
  opacity: 0.8;
}
.newsletter-signup .modal-content {
  background: url('../img/form/newsletter-bg.jpg?2') center center no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
}

.newsletter-signup .modal-body.modal-green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6eae3+0,edf0ea+50,ebefe8+100 */
background: rgb(230,234,227); /* Old browsers */
background: -moz-linear-gradient(top, rgba(230,234,227,1) 0%, rgba(237,240,234,1) 50%, rgba(235,239,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(230,234,227,1) 0%,rgba(237,240,234,1) 50%,rgba(235,239,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(230,234,227,1) 0%,rgba(237,240,234,1) 50%,rgba(235,239,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eae3', endColorstr='#ebefe8',GradientType=0 ); /* IE6-9 */
}

.newsletter-signup h3 {
  font-size: 3em;
}

.newsletter-signup h3 span {
  font-size: 0.4em;
  display: block;
}

.newsletter-signup h3 small {
  display: block;
  font-size: 0.5em;
  color: #333333;
  line-height: 1;
}

.newsletter-signup p {
  font-size: 1.2em;
}
.newsletter-signup form {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.newsletter-signup form .form-control {
  width: 335px;
  height: 42px;
}

.newsletter-signup .popup-offer-text {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #ff8401;
  font-size: 20px;
}

.newsletter-signup .popup-offer-text small {
  display: block;
  color: #333333;
  font-size: 14px;
}

/*.newsletter-signup.green .modal-dialog {
  margin-top: calc(100vh - 470px);
}

.newsletter-signup.gift .modal-dialog {
  margin-top: calc(50vh - 200px);
}*/

.newsletter-signup.green .modal-dialog .modal-content .modal-header .btn.btn-outline {
  color: #333;
  background-color: transparent;
  border-color: #333;
}

.newsletter-signup.green .modal-dialog .modal-content .modal-header .btn.btn-outline:hover,
.newsletter-signup.green .modal-dialog .modal-content .modal-header .btn.btn-outline:active {
  color: white;
  background: #333;
}

.newsletter-signup.gift .modal-dialog .modal-content .modal-header .btn.btn-outline {
  color: white;
  border: 1px solid white;
  background-color: transparent;
}

.newsletter-signup.gift .modal-dialog .modal-content .modal-header .btn.btn-outline:hover,
.newsletter-signup.gift .modal-dialog .modal-content .modal-header .btn.btn-outline:active {
  color: white;
  color: black;
  background: white;
}

/* Sub2 */
.popupWrapper .modal-dialog {
  margin-top: 0;
}

.newsletter-signup.green .modal-content {
  background-image: url(../img/modal/green-splatter.jpg);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 30px;
}

.newsletter-signup.gift .modal-header, .newsletter-signup.gift .modal-footer {
  padding: 0;
  height: 0;
  min-height: 0;
}

.newsletter-signup.gift .modal-body {
  padding: 0;
}

.newsletter-signup.gift .modal-content {
  padding: 0;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  background-color: white;
  background-image: none;
  border: 0;
}

.newsletter-signup.gift.new .modal-content {
  padding: 0;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  background-color: white;
  background-image: none;
  border: 0;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
  }
}



.modal-dialog-lg { width:80%!important }

.NewLetterThanks .thankyou_wrapper { width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; clear: both; }
.NewLetterThanks .right { width: 40%; float: right; padding-right: 2%; }
.NewLetterThanks .right img { width: 100%; }
.NewLetterThanks .left { float: left; padding-left: 2%;
    width: 50%; }
.NewLetterThanks .left h1 { font-size: 2em; font-weight: 400; color: black; }
.NewLetterThanks .left p { font-size: 1.5em; margin-top: 15px; font-weight: 300; max-width: 70%; line-height: 30px; margin-bottom: 15px; }
.NewLetterThanks a { text-decoration: none; color: white; text-transform: uppercase; padding: 20px 20px; font-weight: 300; font-size: 20px; text-align: center; }
.NewLetterThanks .cta { padding: 15px 20px; background-color: #d6a122; width: 35%; text-align: center; }
.NewLetterThanks a { text-decoration: none; color: white; background-color: #d6a122; display: block; text-transform: uppercase; padding: 3% 4%; max-width: 25%; font-size: 1.2em; }

@media only screen and (max-width: 1200px) { .NewLetterThanks .left h1 { font-size:1.8em; }
.NewLetterThanks .left p { font-size: 1.5em; }
.NewLetterThanks .left { margin-left: 7%; }
}

@media only screen and (max-width: 960px) {.NewLetterThanks .left, .NewLetterThanks .right { display: block; width: 100%; padding: 0; margin: 0; }
.NewLetterThanks .left { margin: 10vh 0 15px 0; }
.NewLetterThanks .left p { font-size: 16px; line-height: 28px; }
.NewLetterThanks .left h1 { font-size: 1.4em; }
.NewLetterThanks .left h1 { text-align: center; line-height: 25px; padding: 0 15px; }
.NewLetterThanks .left p { max-width: 100%; text-align: center; padding: 0 15px; }
.NewLetterThanks a { margin: 0 auto; padding: 3% 3%; max-width: 25%; font-size: 1em; }
}

@media only screen and (max-width: 480px) { .NewLetterThanks a { margin: 0 auto; padding: 4% 6%; max-width: 25%; font-size: 0.8em; }
.NewLetterThanks .cta { width: 50%; }
.NewLetterThanks .left p { font-size: 16px; line-height: 25px; }
.NewLetterThanks .left h1 { font-size: 1.4em; line-height: 25px; }
.NewLetterThanks .right { margin: 0; }
}

.newsletter-signup.gift .modal-content .gift-wrap {
  padding-top: 70px;
  padding-left: 30px;
  text-align: center;
}

.newsletter-signup.gift.new .modal-content .gift-wrap {
  padding-top: 30px;
  padding-left: 90px;
  padding-bottom: 30px;
  padding-right: 90px;
  text-align: center;
}

@media (max-width: 991px) {
  .newsletter-signup.gift .modal-content .gift-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {

  .newsletter-signup.gift.new .modal-content .gift-wrap {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }


  .newsletter-signup.gift.new .modal-dialog {
    width: 300px;
  }

}

.newsletter-signup.gift.new .modal-content .gift-wrap .modal-title {
  font-size: 3em;
  text-transform: none;
  padding-bottom: 15px;
  border-bottom: 1px solid black;
}

.newsletter-signup.gift .modal-content .gift-wrap form {
  width: 100%;
}

.newsletter-signup.gift .modal-content .gift-wrap .form-group {
  display: block;
  width: 100%;
}

.newsletter-signup.gift .modal-content .gift-wrap .form-control {
  width: 100%;
  margin-bottom: 10px;
}

.newsletter-signup.gift.new .modal-content .gift-wrap .form-control {
  width: 80% !important;
  height: 55px !important;
}

.newsletter-signup.gift .modal-content .gift-wrap .btn-light-blue {
  width: 200px;
  background-color: #a2c8d5;
  border: 3px solid #a2c8d5;
  -webkit-box-shadow: inset 0px 0px 0px 1px white;
  -moz-box-shadow: inset 0px 0px 0px 1px white;
  box-shadow: inset 0px 0px 0px 1px white;
}

.newsletter-signup.gift .modal-content .gift-wrap .btn-light-green {
  width: 200px;
  background-color: #82a678;
  border: 3px solid #82a678;
  -webkit-box-shadow: inset 0px 0px 0px 1px white;
  -moz-box-shadow: inset 0px 0px 0px 1px white;
  box-shadow: inset 0px 0px 0px 1px white;
}

.newsletter-signup.gift .modal-content .gift-wrap .btn-green {
  width: 200px;
  background-color: #5b7226;
  border: 3px solid #5b7226;
  -webkit-box-shadow: inset 0px 0px 0px 1px white;
  -moz-box-shadow: inset 0px 0px 0px 1px white;
  box-shadow: inset 0px 0px 0px 1px white;
}

.newsletter-signup.gift .modal-content .gift-wrap .btn-orange {
  min-width: 250px;
  width: 50%;
  background-color: #d56d38;
  text-transform: uppercase;
  font-size: 1.6em;
}

.newsletter-signup.green h3 {
  width: 70%;
  margin: 0 auto 10px;
  font-size: 4.9em;
  font-weight: 400;
  letter-spacing: 5px;
  line-height: 1.1;
}

.newsletter-signup.green p {
  width: 70%;
  margin: 0 auto;
}

.newsletter-signup.green h3 .join {
  font-family: "ff-market-web",cursive;
  font-size: 0.7em;
  letter-spacing: 0;
  text-transform: none;
}

.newsletter-signup.green form {
  width: 70%;
}

.newsletter-signup form .form-control {
  width: 280px;
}

.newsletter-signup.green .modal-body {
  padding-top: 0;
}

.newsletter-signup.green .free-pp {
  font-size: 2em;
  font-weight: 700;
  text-transform: uppercase;
}

.newsletter-signup.green .popupsmalltext {
  margin-top: 0;
  font-size: 12px;
}

.newsletter-signup.green ~ .modal-backdrop, .newsletter-signup.gift ~ .modal-backdrop {
  background-color: #fff;
}

.newsletter-signup.green.in ~ .modal-backdrop.in, .newsletter-signup.gift.in ~ .modal-backdrop.in {
  background-color: #fff;
}

@media (max-width: 767px) {
  .newsletter-signup form .form-control {
    width: 100%;
    margin-bottom: 15px;
  }
  .newsletter-signup form .btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .newsletter-signup.green h3 {
    font-size: 3em;
    letter-spacing: 0;
    text-align: center;
  }
}


.modal-new {
  background: white;
}

.modal-new--spring {
  width: 900px;
}

.modal-img-col {
  padding-left: 0;
}

.modal-content-col {
  padding-right: 30px;
}

.modal-title-img {
  display: block;
  width: 250px;
  margin-top: 25%;
  margin-left: auto;
  margin-right: auto;
}

.modal-title-img--long {
  width: 300px;
}

.modal-title-img--extra-long {
  width: 350px;
  margin-top: 15%;
}

.modal-hr {
  border-color: black;
}

.modal-input {
  height: 45px;
}

@media (max-width: 991px) {
  .modal-content-col {
    padding-left: 30px;
    padding-bottom: 10%;
  }

  .modal-title-img {
    margin-top: 10%;
  }
}

@media (max-width: 767px) {
  .modal-title-img {
    width: 80%;
  }

  .modal-title-img--extra-long {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #sub2-email-input {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #S2LBWrapper small {
    font-size: 70%;
  }

  #S2LBWrapper .modal-hr {
    margin-bottom: 0;
  }
}

/* Promo Bar/Box */


.promo-bar {
  position: relative;
  z-index: 2;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  font-size: 17px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: black;
  background-color: #ad8953;
}

@media (max-width: 767px) {
  .promo-bar {
    font-size: 15px;
  }
}

.promo-bar .title {
  font-size: 14px;
}
@media (min-width: 767px) {
.promo-bar.white { margin-bottom:0; }
}
.promo-bar.white {
padding-left: 0px;
padding-right: 0px;
padding-top: 7px;
padding-bottom: 0px;
}

.promo-bar.white .panel {
padding-top: 5px; padding-bottom: 5px;
padding-left: 30px; display: block;
padding-right: 30px; background-color:#CAA263; color:#FFF; margin-bottom: 10px;     FONT-SIZE: 150%;

}

.promo-bar.white, .promo-bar.white:before, .promo-bar.white:after {
  background-color: #fff;
}

.promo-bar.gold, .promo-bar.gold:before, .promo-bar.gold:after {
  background-color: #c4b834;
}

.promo-bar.tan, .promo-bar.tan:before, .promo-bar.tan:after {
  background-color: #CAA263;
}

.promo-bar.winter, .promo-bar.winter:before, .promo-bar.winter:after {
  background-color: #41633f;
}

.promo-bar.blackfriday, .promo-bar.blackfriday:before, .promo-bar.blackfriday:after {
  background-color: #000;
}

.promo-bar.xmas, .promo-bar.xmas:before, .promo-bar.xmas:after {
  background-color: #ECEFF5;
}

.promo-bar.free-postage {
  display: inline-block;
  left: 50%;
  margin-top: -15px;
  margin-bottom: 5px;
  margin-left: -184px;
  padding-top: 7.5px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0px;
  color: white;
  background-color: #FE0000;
}

.promo-bar.free-postage.summer {
  position: absolute;
  top: 30px;
  width: 300px;
  margin-left: -150px;
  background-color: #eebf03;
}

.promo-bar .panel {
  display: inline-block;
  margin-bottom: 0;
  color: white;
  border-radius: 0;
  box-shadow: none;
  background-color: #CAA263;
}

.promo-bar.winter .panel {
  background-color: #41633f;
}

.promo-bar.blackfriday .panel {
  background-color: #000;
}

.panel.col-3 {
  width: 33.33%;
  margin-right: -4px;
}

.panel.col-3:first-of-type {
  border-right: 1px solid white;
}

.panel.col-3:last-of-type {
  border-left: 1px solid white;
}

@media (max-width: 767px) {
  .panel.col-3 {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1;
    border-left: 0 !important;
  }

  .panel.col-3:last-of-type {
    display: block;
  }
}

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

@media (max-width: 991px) {
  .promo-bar.free-postage.summer {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}

.promo-bar.free-postage:before, .promo-bar.free-postage:after {
  display: none;
}

@media (max-width: 1439px) {
  .promo-bar:before {
    left: -600px;
  }
  .promo-bar:after {
    right: -600px;
  }
}

@media (max-width: 767px) {
  .promo-bar:before, .promo-bar:after {
    display: none;
  }
}


/* Shop the Look */

.shop-the-look-wrap {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top:0;
  left: 0;
  width: 690px;
  height: 0;
  padding: 30px;
  background: white;
  -webkit-box-shadow: 0 0 5px 0 #555555;
  box-shadow: 0 0 5px 0 #555555;
}

.shop-the-look-wrap h3 {
  margin-top: 0;
  margin-bottom: 15px;
}

.shop-the-look-wrap .close-the-look {
  position: absolute;
  right: 0;
  top: -15px;
}

.shop-the-look-wrap .shop-look-img img {
    width: 100%;
    height: auto;
}

.shop-the-look-wrap .shop-holder {
  overflow-x: hidden;
  height: 875px;
}

.shop-the-look-wrap .shop-holder .shop-item {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  border-bottom: 1px solid #f1f1f1;
}

@media (max-width: 767px) {
    .shop-the-look-wrap .shop-look-img img {
      display: block;
      width: 50%;
      margin: 0 auto;
    }
}

.shop-the-look-wrap.active {
  visibility: visible;
  height: 988px;
}

@media (max-width: 1440px) {
  .shop-the-look-wrap.active {
    width: 555px;
    height: 773px;
  }

  .shop-the-look-wrap .shop-holder {
    height: 660px;
  }
}

@media (max-width: 1200px) {
  .shop-the-look-wrap.active {
    width: 455px;
    height: 607px;
  }

  .shop-the-look-wrap .shop-holder {
    height: 495px;
  }
}

@media (max-width: 1200px) and (min-width: 768px) {
  .shop-the-look-wrap .size-options label input[type="radio"] + span {
      min-width: 35px;
      height: 35px;
      padding-top: 5px;
  }
}

@media (max-width: 991px) {
  .shop-the-look-wrap.active {
    width: 345px;
    height: 424px;
    left: 15px;
  }

  .shop-the-look-wrap .text-center {
    text-align: left;
  }

  .shop-the-look-wrap .shop-holder {
    height: 310px;
  }
}

@media (max-width: 768px) {
  .shop-the-look-wrap.active {
    position: static;
    width: 100%;
    height: auto;
    padding: 30px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .shop-the-look-wrap .close-the-look {
    right: 15px;
  }

  .shop-the-look-wrap .shop-holder {
    height: auto;
  }

  .shop-look-details {
    text-align: center;
  }
}


/* Mood Board Homepage */

.mood-board .mood-block {
  width: 100%;
  overflow: hidden; position:relative;
}

.mood-board.sm-margin {
  padding-left: 0;
  padding-right: 0;
}

.mood-board.sm-margin .row {
  margin-right: 0px;
  margin-left: 0px;
}

.mood-board.sm-margin .col-xs-3, .mood-board .sm-margin .col-sm-4, .mood-board.sm-margin .col-md-12, .mood-board.sm-margin .col-md-8, .mood-board.sm-margin .col-md-6, .mood-board.sm-margin .col-md-5,  .mood-board.sm-margin .col-md-7, .mood-board.sm-margin .col-sm-6, .mood-board.sm-margin .col-md-4 {
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.pd-bottom15 { padding-bottom:15px; }


.mood-board.sm-margin.btm-margin, .mood-board.sm-margin .btm-margin {
  margin-bottom: 1vw;
}

.mood-board.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.mood-board.no-gutter .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.mood-board.no-gutter .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.col-xs-fmg {padding-right: 7.5px;  padding-left: 7.5px; }
.col-xs-smg {  padding-right: 7.5px;  padding-left: 7.5px; }

.col-xs-fmg-l {padding-left: 7.5px; }

.moodbtn  { background-color:rgba(97,93,86,1); }


@media (max-width: 767px) {
  .mood-board .xs-btm-margin {
    margin-bottom: 15px;
  }
	
.pd-bottom15 { padding-bottom:0px; }
.pd-bottomxs15 { padding-bottom:15px; }
.col-xs-fmg { padding-left: 0px; }
.col-xs-smg {  padding-right: 0px;  }
	
	
}

.mood-board .no-mar {
  margin-left: 0px;
  margin-right: 0px;
}
.mood-board .zero-pad {   padding:0px; margin:0px; }
.mood-board .little-pad {   padding:5px; margin:0px; }
.mood-board .no-pad {
  padding:0px;
}
.minuspadding {
  margin-left: -1%;
  margin-right:0px;
}
.mood-board .small-pad {
  padding-left: 1%;
  padding-right:0px;
}

.nopadright {
  padding-right:0px !important;
}

.mood-board .top-pad {
  padding-top:3%;
} .mood-board .bottom-pad {
  padding-bottom:3%;
}
.mood-board .top-mar {
  margin-top:3%;
}

@media (max-width: 991px) {
  .mood-board .no-pad .mood-block {
    height: 350px;
    margin-bottom: 15px;
  }

  .mood-board .no-pad:first-child .mood-block img {
    margin-top: -50%;
  }

  .mood-board .no-pad:last-child .mood-block img {
    margin-top: -85%;
  }

  .mood-board .no-pad .mood-block.four-block {
    height: 219px;
    margin-bottom: 15px;
  }

  .mood-board .no-pad:first-child .mood-block.four-block img {
    margin-top: 0;
    width: 100%;
  }

  .mood-board .no-pad:last-child .mood-block.four-block img {
    margin-top: 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .mood-board .no-mar {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .mood-board .no-pad {
    padding: 0 7.5px;
  }
}

.mood-board .faux-col {
  position: relative;
  margin-bottom: 15px;
}

.shop-image img,
.mood-board img {
  width: 100%;
  height: auto;
}

.mood-board .final-reductions {
  position: absolute;
  z-index: 10;
  top: 8%;
  left: 0;
  width: 32%;
  height: auto;
}

@media (max-width: 767px) {
  .mood-board .no-pad .mood-block.four-block {
    height: auto;
  }

  .mood-board .no-pad .mood-block.four-block:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* New Custom Mood Board */
.mood-board .mood-block .AutnTxt {   font-size: 40px; margin:0px; padding:0px; display:inline; }
.mood-board .mood-block .winter-collection {
  position: absolute;
  z-index: 2;
  left: 540px;
  font-size: 80px;
  color: white;
}

.mood-board .mood-block .archive-sale {
  position: absolute;
  z-index: 2;
  top: 40px;
  left: 40px;
  margin-top: 0;
  font-size: 40px;
  color: #99701f;
}

.mood-board .mood-block .winter-collection.square {
  bottom: 50px;
  left: 35px;
  margin-top: 0;
  font-size: 55px;
  color: white;
}

@media (min-width: 991px) and (max-width: 1199px) {
.mood-board .mood-block .request-cat {
  top: 80px;
  right: 15px;
}
.mood-board .mood-block .join-newsletter {
  top: 80px;
  left: 15px;
}
}

@media (min-width: 1200px) {
.mood-board .mood-block .request-cat {
  top: 80px;
  right: 45px;
}
.mood-board .mood-block .join-newsletter {
  top: 80px;
  left: 45px;
}
}

@media (max-width: 990px) {
.mood-board .mood-block .request-cat {
  top: 75px;
  left: 24%;
}
.mood-board .mood-block .join-newsletter {
  top: 35px;
  left: 24%;
}
}

@media (min-width: 767px) {
.mood-board .mood-block .request-cat, .mood-board .mood-block .join-newsletter {
 padding:5px 10px !important; } }

 @media (max-width: 767px) {
  .ColPanel1, .ColPanel3 { display:none; }
 }


.mood-board .mood-block .request-cat {
  position: absolute;
  z-index: 2;
  font-size: 20px;
  color: #4a3c34;
  background: white;
  font-size: 14px;
}


.mood-board .mood-block .join-newsletter {
  position: absolute;
  z-index: 2;
  font-size: 14px;
  color: #4a3c34;
  background: white;
}



@media (min-width: 992px) and (max-width: 1199px) {
  .mood-board .mood-block .winter-collection {
    left: 380px;
    font-size: 46px;
  }

  .mood-board .mood-block .winter-collection.square {
    font-size: 45px;
  }

  .mood-board .mood-block .archive-sale {
    font-size: 35px;
  }


}

@media (min-width: 768px) and (max-width: 991px) {
  .mood-board .mood-block .winter-collection {
    left: 430px;
    font-size: 46px;
  }

  .mood-board .mood-block .winter-collection.square {
    top: 30px;
    left: 30px;
    font-size: 35px;
  }

  .mood-board .mood-block .archive-sale {
    top: 30px;
    left: 30px;
    font-size: 25px;
  }



  .mood-board .mood-block .request-cat.square {
    left: 30px;
  }

  .mood-board .mood-block .join-newsletter.square {
    left: 185px;
  }

  .mood-board .mood-block .request-cat.square, .mood-board .mood-block .join-newsletter.square {
    font-size: 14px;
    top: 157px;
  }
}

@media (max-width: 767px) {
  .mood-board .mood-block .winter-collection {
    display: none;
  }

  .mood-board .mood-block .winter-collection.square {
    display: block;
    top: 30px;
    left: 30px;
    font-size: 60px;
  }

  .mood-board .mood-block .archive-sale {
    top: 30px;
    left: 30px;
    font-size: 40px;
  }

  .mood-board .mood-block .request-cat {
    position: static;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    background: #4a3c34;
  }

  .mood-board .mood-block .join-newsletter {
    position: static;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px; color:#FFF; background:#a67f34;
  }
}

@media (max-width: 500px) {

  .mood-board .mood-block .winter-collection.square {
    font-size: 40px;
  }

  .mood-board .mood-block .archive-sale {
    top: 30px;
    left: 30px;
    font-size: 26px;
  }
}

.mood-board .mood-block .mood-form {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
}

.mood-block .mood-form .join {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 40px;
}

.mood-block .mood-form .join small {
  display: block;
  font-weight: 300;
  text-transform: none;
  color: white;
}

.mood-block .mood-form .form-group {
  width: 80%;
}

.mood-block .mood-form .form-control {
  height: 44px;
  width: 80%;
}

.mood-block .mood-form .free-postage {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 24px;
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .mood-block .mood-form .join {
    margin-top: 15px;
    font-size: 28px;
  }

  .mood-block .mood-form .free-postage {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mood-block .mood-form .join {
    margin-top: 10px;
    font-size: 22px;
  }

  .mood-block .mood-form .free-postage {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .mood-block .mood-form .form-control {
    height: 34px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mood-block .mood-form .join {
    margin-top: 15px;
    font-size: 28px;
  }

  .mood-block .mood-form .free-postage {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .newsletter-block {
    display: none;
  }
}




@media (min-width: 767px) {
.col-slanch { margin-left: 5%; margin-top: 3.5%; margin-right: 5%; overflow: hidden; }
}

.btn-green { border: none; background-color:#214e4c; color: #fff; transition: 0.4s; font-size: 21px !important; }
.btn-green:hover { background-color:#4aa6a2; color: #333; }
.paddingleft-25px { padding-left: 25px; }
.paddingright-25px { padding-right: 25px; }


.mood-block .mood-form .btn-solid {
  color: #59654c;
  background: white;
}

.mood-board .mood-block img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.mood-board .mood-block:hover img, .mood-board .mood-block:active img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.mood-board .mood-block.static:hover img, .mood-board .mood-block.static:active img {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
}

.mood-board .mood-block:hover img.revgrayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.mood-board .mood-block img.revgrayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}


.mood-board .mood-block img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.mood-board .mood-block:hover  img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}



.mood-board .mood-block span, .mood-board .mood-block .middle-pos {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 80%;
  padding: 15px 0;
  -webkit-transform: translateX(-50%) translatey(-50%);
  -moz-transform: translateX(-50%) translatey(-50%);
  -ms-transform: translateX(-50%) translatey(-50%);
  transform: translateX(-50%) translatey(-50%);
  vertical-align: middle;
  bottom: auto;
  font-size: 26px;
  text-align: center;
  background: white;
  color: #333;
  opacity: 0;
  -webkit-transition: visibility 0.8s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
  -moz-transition: visibility 0.8s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
  -o-transition: visibility 0.8s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
  -ms-transition: visibility 0.8s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
  transition: visibility 0.8s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
}


.mood-board .mood-block span.right-pos { 
    transform: translateX(-4%) translatey(-50%);
    width: 52%;

}


.mood-board .mood-block span.bottom-pos {  transform: translateX(-50%) translatey(0%); bottom: 10%; top: auto; }
.mood-board .mood-block span.top-pos {  transform: translateX(-50%) translatey(0%); top: 0; bottom: auto; }
.mood-board .mood-block span.top-10perpos {  transform: translateX(-50%) translatey(0%); top: 10%; bottom: auto; }

@media (min-width: 768px) {
.mood-board .mood-block span.bottom-10perpos {  transform: translateX(-50%) translatey(0%); top: auto; bottom: 10%; }	
.mood-board .mood-block span.left-21ppos {  left: 21%;     right: auto;  }
}
	
	
.mood-board .mood-block span.bottom-20perpos {  transform: translateX(-50%) translatey(0%); top: auto; bottom: 20%; }
.mood-board .mood-block span.bottom-13perpos {  transform: translateX(-50%) translatey(0%); top: auto; bottom: 13%; }

.mood-board .mood-block span.bottom-13ppos {  bottom: 13%;    top: auto; }

@media (min-width: 1000px) {
.mood-board .mood-block span.left-20ppos {  left: 20%;     right: auto;  }
}

.mood-board .mood-block span.left-32ppos {  left: 32%;     right: auto;  }


.mood-board .mood-block span.top-58ppos {  top: 58%;     bottom: auto;  }


.mood-board .mood-block span.bottom-50px {  bottom: 50px;    top: auto; }



.mood-board .mood-block span.top-left {
  top: 7%;
  left: 18%;
}

.mood-board .mood-block span.bottom {
  top: 400%;
}

@media (max-width: 987px) {
  .mood-board .mood-block span.bottom {
    top: 300%;
  }
}

@media (max-width: 767px) {
  .mood-board .mood-block span.bottom {
    top: 200%;
  }
}

.mood-board .mood-block span.underline {
  text-decoration: underline;
}

.mood-board .mood-block span.off-center-bottom {
  top: 60%;
}


.mood-board .mood-block span.right {
  top: 50%;
  -webkit-transform: translateX(-20%) translatey(-50%);
  -moz-transform: translateX(-20%) translatey(-50%);
  -ms-transform: translateX(-20%) translatey(-50%);
  transform: translateX(-20%) translatey(-50%);
}

@media (max-width: 991px) {
  .mood-board .mood-block span.right {
    -webkit-transform: translateX(-30%) translatey(-50%);
    -moz-transform: translateX(-30%) translatey(-50%);
    -ms-transform: translateX(-30%) translatey(-50%);
    transform: translateX(-30%) translatey(-50%);
  }

  .mood-board .mood-block span.top-left {
    top: 50%;
    left: 50%;
  }

  .mood-board .mood-block span.off-center-bottom {
    margin-top: 30px;
  }
}

.mood-board .mood-block span .white-full {
  display: inline-block;
  width: auto;
  padding: 8px 35px;
  font-size: 1.1em;
  text-transform: none;
  background-color: #fff !important;
}


.mood-board .mood-block span .black-trans {
  display: inline-block;
  width: auto;
  padding: 15px 20px;
  font-size: 1.1em;
  text-transform: none;
  background-color: rgba(0,0,0,0.4) !important;
}
.mood-board .mood-block span .grey-trans {
  display: inline-block;
  width: auto; color:#000 !important;
  padding: 12px 20px;
  font-size: 1.1em;
  text-transform: none;
  background-color: rgba(255,255,255,0.95) !important;
}
.mood-board .mood-block span .off-grey-trans {
  display: inline-block;
  width: auto; color:#000 !important;
  padding: 12px 20px;
  font-size: 1.1em;
  text-transform: none;
  background-color: rgba(225,225,225,0.7) !important;
}
.mood-board .mood-block span .white-outline {
  display: inline-block;
  width: auto;
  padding: 15px 20px;
  font-size: 1.1em;
  text-transform: none;
  background-color: transparent;
  border: 1px solid white;
}

.mood-board .mood-block span.house {
  left: 70%;
}

.mood-board .mood-block span.christmas {
  top: 70%;
} .mood-board .mood-block span.spring {
  top: 85%; left: 67%;
}

@media (max-width: 991px) {
  .mood-board .dual-img .email-signup {
    height: 450px
  }

  .mood-board .dual-img .email-signup .mood-block {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .mood-board .mood-block span .grey-trans, .mood-board .mood-block span .off-grey-trans {
    font-size: 0.8em !important;
  }
}

.mood-board .dual-img .mood-block div {
  opacity: 1.0;
  background-color: transparent;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
}

.mood-board .dual-img .mood-block .mood-form {
  top: 50%;
  left: 50%;
  height: 55%;
  width: 80%;
  text-transform: none;
  color: #333;
}

.mood-board .dual-img .mood-block .mood-form .h2 {
  text-transform: uppercase;
}

.mood-board .dual-img .mood-block .mood-form .join-txt {
  font-size: 0.7em;
}

.mood-board .dual-img .mood-block .mood-form .form-group {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.mood-board .dual-img .mood-block .mood-form .form-control {
  width: 100%;
}

.mood-board .dual-img .mood-block .btn-solid {
  margin-top: 5px;
  padding-top: 5px;
  padding-left: 0;
  padding-bottom: 5px;
  padding-right: 0;
  font-size: 0.9em;
  color: #333;
  background-color: transparent;
  border-bottom: 2px solid #333;
  border-radius: 0;
}

.mood-board .mood-block.minimal.double a {
  position: absolute;
  display: block;
  z-index: 1000;
  top: 50%;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: underline;
  color: black;
  -webkit-transform: translateX(-50%) translatey(-50%);
  -moz-transform: translateX(-50%) translatey(-50%);
  -ms-transform: translateX(-50%) translatey(-50%);
  transform: translateX(-50%) translatey(-50%);
}

.mood-board .mood-block.minimal.double a:first-of-type {
  left: 25%;
}

.mood-board .mood-block.minimal.double a:last-of-type {
  right: 0;
}

@media (max-width: 991px) {
  .mood-board .mood-block.minimal.double a {
    font-size: 18px;
  }

  .mood-board .mood-block.minimal span.autumn {
    display: none;
  }
}

@media (max-width: 767px) {
  .mood-board .mood-block.minimal.double a {
    left: 50%;
    right: auto;
    font-size: 16px;
  }

  .mood-board .mood-block.minimal.double a:first-of-type {
    top: 30%;
    left: 50%;
  }

  .mood-board .mood-block.minimal.double a:last-of-type {
    top: 60%;
    right: auto;
  }

  .mood-board .mood-block.minimal span.autumn {
    display: none;
  }
}

.mood-board .mood-block.minimal span.autumn {
  text-transform: none;
}

.mood-board .mood-block.minimal span {
  opacity: 1;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-weight: 700;
  color: black;
  background: transparent;
}

.mood-board .mood-block.minimal span.black {  color: black; }
.mood-board .mood-block.minimal span.orange {   color: #e85b2c; }


.mood-board .mood-block.minimal span.shoes {
  left: 30%;
}

.mood-board .mood-block.minimal span.insta {
  font-size: 6em;
}

.mood-board .mood-block.minimal:hover span {
  opacity: 0;
}

.mood-board .mood-block.minimal:hover span.static, .mood-board .mood-block.minimal:hover span.static > * {
  opacity: 1 !important;
  cursor: pointer;
}


.mood-board .static img, .bgstatic img {   -webkit-transform: scale(1.0) !important;
  -moz-transform: scale(1.0) !important;
  -o-transform: scale(1.0) !important;
  transform: scale(1.0) !important;
 }

.mood-board .mood-block.minimal div.block-info {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.0);
  -webkit-transition: visibility 0.8s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s;
  -moz-transition: visibility 0.8s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s;
  -o-transition: visibility 0.8s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s;
  -ms-transition: visibility 0.8s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s;
  transition: visibility 0.8s ease-in-out 0.2s, background-color 0.2s ease-in-out 0.2s;
}

.mood-board .mood-block.minimal:hover div.block-info {
  visibility: visible;
  display: block;
  background-color: rgba(255,255,255,0.6);
  -webkit-transition: visibility 0.2s ease-in-out 0.0s, background-color 0.2s ease-in-out 0.2s;
  -moz-transition: visibility 0.2s ease-in-out 0.0s, background-color 0.2s ease-in-out 0.2s;
  -o-transition: visibility 0.2s ease-in-out 0.0s, background-color 0.2s ease-in-out 0.2s;
  -ms-transition: visibility 0.2s ease-in-out 0.0s, background-color 0.2s ease-in-out 0.2s;
  transition: visibility 0.2s ease-in-out 0.0s, background-color 0.2s ease-in-out 0.2s;
}

.mood-board .mood-block.minimal div.block-info span {
  font-size: 16px;
  color: black;
  text-transform: none;
  opacity: 0;
}

.mood-board .mood-block.minimal:hover div.block-info span {
  position: absolute;
  opacity: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translatey(-50%);
  -moz-transform: translateX(-50%) translatey(-50%);
  -ms-transform: translateX(-50%) translatey(-50%);
  transform: translateX(-50%) translatey(-50%);
}

@media (max-width: 992px) {
  .mood-board .mood-block.minimal div.block-info, .mood-board .mood-block.minimal:hover div.block-info {
    display: none;
  }
}

.mood-board.cascade-end .main-banner .banner-btns {
  position: absolute;
  z-index: 10;
  bottom: 60px;
  right: 60px;
}

.mood-board.cascade-end .main-banner .banner-btns a {
  margin-left: 30px;
}

.mood-board.cascade-end .main-banner .mood-block span {
  width: 50%;
}

@media (max-width: 992px) {
  .mood-board.cascade-end .main-banner .banner-btns {
    bottom: 30px;
    right: 30px;
  }
}

@media (max-width: 767px) {
  .mood-board.cascade-end .main-banner .banner-btns {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    bottom: auto;
    right: auto;
    left: auto;
    text-align: center;
  }

  .mood-board.cascade-end .main-banner .banner-btns a {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }

  .mood-board.cascade-end .main-banner .mood-block span {
    display: none;
  }
}



.mood-board .main-banner .mood-block:hover img, .mood-board .main-banner .mood-block:active img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.mood-board .mood-block:hover span, .mood-board .mood-block:active span {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.2s ease-in-out 0.0s, opacity 0.2s ease-in-out 0.2s;
  -moz-transition: visibility 0.2s ease-in-out 0.0s, opacity 0.2s ease-in-out 0.2s;
  -o-transition: visibility 0.2s ease-in-out 0.0s, opacity 0.2s ease-in-out 0.2s;
  -ms-transition: visibility 0.2s ease-in-out 0.0s, opacity 0.2s ease-in-out 0.2s;
  transition: visibility 0.2s ease-in-out 0.0s, opacity 0.2s ease-in-out 0.2s;
}

.mood-board .mood-block span.static {
  visibility: visible; width: 100%;
  opacity: 1;
  font-size: 26px;
  color: black;
  background: none;
}

.mood-board .mood-block span.static.white {
  color: #333333;
  background-color: white;
}

.mood-board .mood-block span.static.top {
  top: 50px;
}

.mood-board.cascade-end .mood-block span {
  font-size: 32px !important;
}

/*@media (max-width: 1439px) {
  .mood-board .mood-block span {
    font-size: 20px !important;
  }
}*/

@media (max-width: 1199px) {
  .mood-board.cascade-end .mood-block span {
    font-size: 24px !important;
  }

  .mood-board .mood-block span {
    width: 100%;
    font-size: 20px !important;
  }

  .mood-board .mood-block.minimal span.autumn {
    width: 70%;
  }
}

.mood-board .mood-block span.black {
  color: black !important;
}

.mood-board .mood-block span.shadow {
  text-shadow: 0px 2px 16px #000000;
}

.mood-board .mood-block span.static.pinterest-icon {
  font-size: 90px;
  line-height: 90px;
  padding-top: 10px;
}

.mood-board .top-row {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .mood-board .sm-spacer {
    margin-bottom: 30px;
  }
}

.mood-board.cascade-end .top-row {
  margin-bottom: 15px;
}

.mood-board.cascade-end .col-pad-reduce {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.mood-board .story {
  padding: 15px 60px;
  font-size: 18px;
  line-height: 26px;
}


@media (min-width: 1200px) and (max-width: 1439px) {
  .mood-board .story {
    padding: 15px 30px;
    font-size: 16px;
    line-height: 24px;
  }
}

.mood-board .story p {
  color: #696969;
}

.shop-holder .title a {
  display: block;
  margin-top: 15px;
  color: #333;
  font-size: 21px;
  text-transform: uppercase;
}

.shop-holder .price {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #696969;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .mood-board .story {
    font-size: 14px;
    line-height: 20px;
    padding: 0 15px;
  }

  .mood-board .mood-block span.static {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .mood-board .top-row.top-sm {
    margin-bottom: 0px;
  }

  .mood-board .main-banner {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {

  #shop-the-look .modal-dialog {
    width: auto;
  }

  .shop-holder {
    max-height: none;
  }

  .shop-holder .shop-look-img {
    margin-top: 30px;
  }
}

@media (max-width: 400px) {
  .shop-holder .shop-btns .btn {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
  }

.mood-board .row-xs {
    margin-bottom: 30px;
  }

  .mood-board .story {
    padding-bottom: 30px;
  }

  .mood-board .story h3 {
    margin-top: 0;
  }
}



.request-a-catalogue {
  margin-top: 15em;
  width: 100%;
  height: auto;
}

.register-thankyou {
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .request-a-catalogue {
    display: none;
  }
}

@media (min-width: 1440px) {
  .request-a-catalogue {
    margin-top: 13.5em;
  }
}

/* Sale Landing Page */

.mood-board.sales-page .sale-img {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 100px;
  width: 400px;
  height: auto;
  margin-left: -200px;
}

.mood-board.sales-page .mood-block {
  height: calc(100vh - 160px);
}

@media (max-width: 1199px) {
  .mood-board.sales-page .sale-img {
    width: 300px;
    margin-left: -150px;
  }
}

@media (max-width: 991px) {
  .mood-board.sales-page .sale-img {
    width: 260px;
    margin-left: -130px;
  }
}


@media (max-width: 767px) {
  .mood-board.sales-page .sale-img {
    bottom: 50px;
  }

  .mood-board.sales-page .mood-block {
    height: auto;
  }
}

/* 4 Column Sale */

.mood-block .sale-text {
  position: absolute;
  z-index: 1;
  top: 25%;
  left: 0;
  right: 0;
  width: 100%;
}

.mood-block .sale-text img {
  width: 100%;
  height: auto;
}

.mood-block .sale-text .hover {
  display: none;
}

.mood-block:hover .sale-text img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.mood-block:hover .sale-text .hover {
  display: block;
}

.mood-block:hover .sale-text .unhover {
  display: none;
}

.mood-block span.no-bg {
  top: 62%;
  font-size: 2.5em;
  font-weight: 300;
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

@media (max-width: 1439px) {
  .mood-block span.no-bg {
    font-size: 2.5em !important;
  }
}

@media (max-width: 1199px) {
  .mood-block span.no-bg {
    top: 61%;
    font-size: 2em !important;
  }
}

@media (max-width: 991px) {
  .mood-block .sale-text  {
    top: 0;
  }

  .mood-block .sale-text img  {
    display: block;
    width: 90%;
    margin-top: 0 !important;
    margin-left: auto;
    margin-right: auto;
  }

  .mood-block span.no-bg {
    top: 66%;
  }

  .mood-board .no-pad:first-child .mood-block img {
      margin-top: -45%;
  }

  .mood-board .no-pad:nth-child(2) .mood-block img {
      margin-top: -109%;
  }

  .mood-board .no-pad:nth-child(3) .mood-block img {
      margin-top: -70%;
  }
}

/* Autuminal Sale

.Autumnal.Sale a {
  color: #df1010 !important;
}

.Autumnal.Sale a:hover {
  color: #ef5b5b !important;
}
*/



/* Card Options */
.card-options {
  list-style: none;
  margin: 15px 0;
  padding: 0;
}

.card-options li {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 10px 0 0;
    padding: 0;
}

.card-options li:last-child {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.card-options .radio input[type="radio"] {
    display:none;
}

.card-options .radio input[type="radio"] + label {
    display: block;
    width: 100%;
    height: 100px;
    padding: 15px;
    border: 1px solid #c3c3c3;
    font-weight: 300;
    text-align: center;
}

.card-options .radio input[type="radio"] + label span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 95%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 15px;
    background-color: #333333;
    cursor: pointer;
    text-align: center;
}

.card-options .radio input[type="radio"] + label.new-card span {
     background-color: #aaaaaa;
}

.card-options .radio input[type="radio"] + label span:after {
    content: 'use this card';
    display: inline-block;
    color: white;
    font-size: 1em;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.card-options .radio input[type="radio"] + label.new-card span:after {
    content: 'use different card';
    display: inline-block;
    color: white;
    font-size: 1em;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}

.card-options .radio input[type="radio"]:checked + label {
  border-color: #6dd790;
}

.card-options .radio input[type="radio"]:checked + label span {
  background-color: #6dd790;
}

.card-options .radio input[type="radio"]:checked + label span:after {

}

.card-options .radio input[type="radio"]:checked + label span:before {
    content: '\f00c';
    display: inline-block;
    margin-right: 10px;
    color: white;
    font-size: 1em;
    line-height: 1;
    font-family: 'FontAwesome';
}

.card-options .remove-card {
  opacity: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 20px;
  color: #b76767;
  background-color: #e8a8a8;
  border: 1px solid #d98d8d;
  -webkit-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}

.radio:hover .remove-card {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear 0.2s;
  transition: opacity 0.2s linear 0.2s;
}

.card-options .remove-card:hover {
  color: red;
  background-color: #e67b7b;
  border-color: red;
}


@media (max-width: 1439px) {
  .card-options li {
      width: 45%;
  }
}

@media (max-width: 500px) {
  .card-options li {
      margin: 0;
      width: 100%;
  }

}

/* Gift Vouchers */

.gift-menu ul {
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0 0 10px 0;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.gift-menu ul li {
  display: inline-block;
  margin-right: 30px;
  text-transform: uppercase;
}

.gift-menu ul li a {
  display: block;
  padding: 10px 15px;
  color: #333333;
}

.gift-menu ul li a:hover, .gift-menu ul li a:focus {
  padding: 10px 15px;
  background: #333;
  color: white;
  text-decoration: none;
}

.giftholder .wrap, .certboxholder .wrap {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}

.pagination-links {
  margin-top: 10px;
}

.SearchSorting {
  margin-bottom: 10px;
}

/* Landing Pages */

/* Old Ocado
.ocado {
  min-height: 600px;
  margin-bottom: 60px;
  padding: 60px;
  background-image: url('../img/landing-page/ocado_v2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
*/
.ocado img.title-logo {
  height: 90px;
  width: auto;
  margin-top: 30px;
}

.ocado h1 {
  margin-top: 0;
  padding-top: 0;
}

.ocado h1 .hello {
  display: block;
  text-transform: none;
}

.ocado h1 img {
  display: inline;
  width: auto;
  height: 62px;
  margin-top: -26px;
  margin-left: 15px;
}

.ocado .media-code {
  margin: 0;
  font-size: 2em;
  font-weight: 400;
}

.ocado .btn.btn-gold {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 8px 30px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #ff9600;
  font-size: 1.6em;
}

.ocado .btn.btn-red {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 8px 30px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #ff0024;
  color: white;
  font-size: 2em;
}

/* .ocado .btn.btn-sale {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 8px 30px;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 3px solid #222222;
  background-color: rgba(255,255,255,0.6);
  color: #222222;
  font-size: 2.8em;
}

.ocado .btn.btn-sale span {
  color: #ff0024;
} */

.ocado .lead {
    margin-top: 15px;
    margin-bottom: 0;
    color: black;
}

.ocado .lead.offer {
    font-size: 2em;
}

#newsletter-signup_ocado .modal-title span {
  font-size :0.6em;
}

@media (max-width: 1200px) {
  .ocado {
    background-position: left top;
  }
}

@media (max-width: 991px) {
  .ocado {
    background-position: left top;
  }
}

@media (max-width: 767px) {
  .ocado {
    padding: 30px 0;
    font-size: 0.8em;
  }

  .ocado h1 img {
    height: 50px;
    margin-top: -20px;
  }

}

/* Ocado - Lucy-Spring17 */

.ocado17 {
   color: #f2695c;
}



/* Ocado - SPRING17-Practice */

.ocado17-main {
 position: relative;
 background: url('../img/landing-page/ocado_v3.jpg');
 height: 100vh;
 width: 100vw;
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 800px;
 margin-bottom: 20px;
 padding: 50px;
}

.ocado17-main.summer17 {
  background-image: url('../img/landing-page/ocado_v4.jpg');
  background-position: bottom center;
}

.ocado17-main.summer17 .ocado17btn {
  text-transform: none;
  background-color: #f1b549;
}

.ocado17-main.summer17 .ocado17btn a {
  color: white;
}

.ocado17-main.summer17 .oacdo17text .lead, .ocado17-main.summer17 .oacdo17text .kicker {
  color: black;
}

.oacdo17text {
  position: relative;
  margin-top: 20vh;
}

.lead  {
  font-size: 100px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  color: black;
  font-weight: 500;
  padding: 0 10px;
  margin-bottom:0;
}

.kicker {
  font-size: 1.8em;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  color: black;
  font-weight: 500;
  margin: 20px 0;
  margin-bottom: 45px;
}


.ocado17btn {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  padding: 15px 20px;
  width: 30%;
  background-color:rgba(92,167,208,0.80);
  color: white;
  font-size: 1.4em;
  text-transform:uppercase;
  letter-spacing: 0.8px;
}

.ocado17conditions {
  margin-top: 100px;
}


.ocadobold {
  font-weight: 600;
}


@media (max-width: 800px) {
  .oacdo17text {
    margin-top: 5vh;
  }

  .ocado17btn {
    width: 100%;
    font-size: 1.1em;
  }
}

/* Ocado - Lucy */

.ocado {
  font-family: 'Muli', sans-serif;
  padding-top: 25px;
  padding-bottom: 30px;
}

.ocado.winter, .ocado.black, .ocado.orange {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
}

.ocado h1, .ocado h2, .ocado p, .ocado .btn {
  font-family: 'Muli', sans-serif;
}

.ocado.winter h1, .ocado.winter h2, .ocado.winter p, .ocado.black .btn, .ocado.black h1, .ocado.black h2, .ocado.black p, .ocado.black .btn, .ocado.orange .btn, .ocado.orange h1, .ocado.orange h2, .ocado.orange p, .ocado.orange .btn {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
}

.ocado.winter p, .ocado.black p, .ocado.orange p {
  font-size: 18px;
}

.ocado h1.winter, .ocado h1.black, .ocado h1.orange {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 60px;
}

.ocado h1.winter {
   color: #ff5500;
}

.ocado h1.black {
   color: #f2695c;
}

.ocado h1.orange {
   color: #ff6000;
}

.ocado h1 strong {
  font-weight: 700;
}

.ocado-main {
  background-image: url('../img/landing-page/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 700px;
  margin-bottom: 20px;
  padding: 80px;
}

.ocado-main.winter {
  background-image: url('../img/landing-page/bg_winter.jpg');
}

.ocado-main.winter.freepp {
  background-image: url('../img/landing-page/bg_black.jpg');
}

.ocado-main.black, .ocado-main.orange {
  background-image: url('../img/landing-page/bg_black.jpg');
}

.ocado-main .code {
  padding-top: 15px;
  font-size: 1.8em;
  font-weight: 700;
  color: black;
  text-shadow: 0 0 0.5px black;
}

.ocado-main .col-md-10 {
  margin-top: 80px;
}

.ocado-main.winter .col-lg-7, .ocado-main.black .col-lg-7, .ocado-main.orange .col-lg-7 {
  margin-top: 80px;
}

.main-header h1 {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #070707;
}

.main-header .text {
  margin-top: 5px;
  margin-bottom: 25px;
  text-align: right;
}

.ocado-main h1 {
  font-size: 100px;
  font-weight: 400;
  color: #ff5500;
}

.ocado-main.winter h1, .ocado-main.black h1, .ocado-main.orange h1 {
  font-size: 80px;
  font-weight: 400;
}

.ocado-main.winter.freepp h1 {
  font-size: 100px;
  font-weight: 700;
}

.ocado-main.winter.freepp h2 {
  font-size: 25px;
}

.ocado-main.winter h1 {
  color: #ff5500;
}

.ocado-main.black h1 {
  color: #f2695c;
}

.ocado-main.orange h1 {
  color: #ff6000;
}

.ocado-main.winter h1 strong, .ocado-main.black h1 strong, .ocado-main.orange h1 strong {
  font-weight: 400;
}


.ocado-main h2 {
  font-size: 35px;
  font-weight: 600;
  margin-top: 2px;
  color: #070707;
}

.ocado-main .btn-sale {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 8px 30px;
  text-transform: uppercase;
  color: #222222;
  font-size: 1.8em;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 3px solid #222222;
  background-color: rgba(255,255,255,0.6);
}

.ocado-main .btn-sale span {
  display: block;
  padding-top: 0;
  font-size: 0.8em;
}

.ocado-main.winter .btn-sale, .ocado-main.black .btn-sale, .ocado-main.orange .btn-sale {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 2em;
  border: none;
}

.ocado-main.winter .btn-sale {
  color: white;
  background-color: rgba(255,85,0,0.7);
}

.ocado-main.black .btn-sale {
  background-color: rgba(242,105,92,0.7);
}

.ocado-main.orange .btn-sale {
  background-color: rgba(255,96,0,0.7);
}

.ocado-main.winter .shop, .ocado-main.black .shop, .ocado-main.orange .shop {
  text-decoration: underline;
}

.ocado-main.black .shop, .ocado-main.orange .shop {
  color: black;
}

.ocado-main.winter .btn-sale .code, .ocado-main.black .btn-sale .code {
  font-weight: 400;
  text-transform: none;
  text-shadow: none;
}

.ocado-main.winter .btn-sale .code {
  color: white;
}

.ocado-main.black .btn-sale .code, .ocado-main.orange .btn-sale .code {
  color: black;
}

.ocado-main.black .btn-sale .code strong, .ocado-main.orange .btn-sale .code strong {
  font-weight: 700;
}

.ocado-main.black .btn-sale .small, .ocado-main.orange .btn-sale .small {
  text-transform: none;
  font-size: 50%;
}

@media (max-width: 500px) {
  .ocado-main {
    padding: 0;
  }
}

/* Category Heading */

.category-heading {
  margin-bottom: 15px;
}

.category-heading img.category-image {
  width: 100%;
  height: auto;
}

.category-heading .category-copy {
  position: relative;
  height: 449px;
  font-size: 1.1em;
  line-height: 1.5;
}

.category-copy .content-position {
  position: absolute;
  bottom: 0;
}

@media (min-width: 700px) {
.category-heading h1 {
  font-size: 70px;  padding-bottom: 5%;
} }

@media (max-width: 1440px) {
  .category-heading .category-copy {
    height: 360px;
  }
}

@media (max-width: 1440px) {
  .category-heading .category-copy {
    height: 360px;
  }
}

@media (max-width: 1200px) {
  .category-heading .category-copy {
    height: 295px;
  }
}

@media (max-width: 991px) {
  .category-heading .category-copy {
    position: static;
    height: auto;
  }

  .category-copy .content-position {
    position: static;
  }
}

@media (max-width: 500px) {
  .ocado h1 img {
    margin-left: 0;
  }

  .main-header .text {
    text-align: left;
  }
}

/* Size Indicator */

.size-indicator {
    margin-top: 15px;
    margin-bottom: 15px;
}

.size-indicator .size-title {
  font-size: 1.1em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .size-indicator .size-title {
    margin-bottom: 25px;
  }
}

.size-indicator .size-title .feedback {
  color: #686868;
}

.size-indicator .size-bar {
  position: relative;
  height: 10px;
  width: 100%;
  margin-bottom: 12px;
  background-color: #2b2a29;
}

.size-indicator .size-bar .size-indication {
  position: absolute;
  top: -14.5px;
  left: 0;
  height: 34px;
  width: 15px;
  background-image: url('../img/size-indicator/size-indication.png');
}

.size-bar .size-indication.size-0 {
  left: 0%;
}

.size-bar .size-indication.size-1 {
  left: 10%;
}

.size-bar .size-indication.size-2 {
  left: 20%
}

.size-bar .size-indication.size-3 {
  left: 30%
}

.size-bar .size-indication.size-4 {
  left: 40%
}

.size-bar .size-indication.size-5 {
  left: 50%
}

.size-bar .size-indication.size-6 {
  left: 60%
}

.size-bar .size-indication.size-7 {
  left: 70%
}

.size-bar .size-indication.size-8 {
  left: 80%
}

.size-bar .size-indication.size-9 {
  left: 90%
}

.size-bar .size-indication.size-10 {
  left: 100%
}

/*
Update Card Details
On declined orders within storefront account section
*/

.update-card-details .logging-info {
  margin-top: 15px;
  margin-top: 15px;
}

.update-card-details .products-for-order .prodtable {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.update-card-details .shipping-address {
  width: 50% !important;
  text-align: right !important;
}

@media (max-width: 991px) {
  .update-card-details .shipping-address {
    float: none !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.update-card-details .shipping-address legend {
  text-align: right !important;
}

.update-card-details .billing-address {
  width: 50% !important;
  text-align: right !important;
}

@media (max-width: 991px) {
  .update-card-details .billing-address {
    float: none !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.update-card-details .billing-address legend{
  text-align: right !important;
}

.update-card-details .payment-details {
  width: 100% !important;
  margin-bottom: 15px !important;
  text-align: right !important;
}

/*.update-card-details #sagepay-launch {
  padding: 7px 20px;
  text-transform: uppercase;
  font-weight: 300;
  color: #333333;
  background: white;
  border: 1px solid #333333;
  border-radius: 0;
}*/

/* Mention Me */

#mmWrapper .mmForm {
  padding: 0 !important;
}

.mmForm label {
  display: block;
  font-weight: 300;
}

.mmForm input[type="text"] {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
  height: 42px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #333;
}

.mmForm input[type="submit"] {
  height: 42px;
  padding: 10px 20px !important;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  border-radius: 0;
  background: #acacac;
  display: inline-block;
  padding: 6px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}

/* Newsletter */
#newsletter-unsubscribe {
  background: url(../images/unsubscribe-bg.jpg) no-repeat top center fixed!important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size: cover;
}

#newsletter-unsubscribe h1 {
  max-width: 40%;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: 400;
  margin-bottom: 12px;
}

#newsletter-unsubscribe .form-group label {
  font-weight:bold;
}
#newsletter-unsubscribe .top-padding {
  padding-top:100px;
}

#newsletter-unsubscribe p.description {
  max-width: 60%;
  font-size: 16px;
  color: #101010;
  line-height: 26px;
  font-weight: 100;
  margin-bottom: 15px;
}

#newsletter-unsubscribe p.description.success {
  color: #1a9119;
}

#newsletter-unsubscribe p.description.error {
  color: #b82526;
}

@media (max-width: 1200px) {
  #newsletter-unsubscribe .top-padding {
    padding-top: 20px;
  }
}


/* New Homepage */

.homepage-autumn_lucy {
    font-family: 'Roboto', sans-serif;
}


.homepage-autumn_lucy .banner {
  height: 90vh;
  width: 100%;
  background-image: url(../img/Main_banner.jpg?v=2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-bottom: 10px;
}


.homepage-autumn_lucy .wrapper {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}


.homepage-autumn_lucy .banner-text {
  position: absolute;
  width: 50%;
  rigth: 45%;
  margin-right: 10px;
  top: 30vh;
  vertical-align: center;
  text-align: center;
  text-transform: uppercase;
  color: black;
}

.homepage-autumn_lucy .banner-text h2 {
  font-size: 22px;
}


.homepage-autumn_lucy .banner-text .lead {
  font-size: 40px;
  font-weight: 400;
  color: black;
  margin-bottom: 15px;
}


.homepage-autumn_lucy .banner-text .banner_cta {
  color: black;
  font-size: 18px;
  padding: 10px;

}


.homepage-autumn_lucy .sign-up-prompts a {
  display: inline-block;
  list-style: none;
  font-size: 20px;
  text-transform: none;
  padding: 10px;
  margin-top: 40px;
}


.homepage-autumn_lucy .sign-up-prompts a:first-child {
  margin-right: 25px;
}

.homepage-autumn_lucy .sign-up-prompts a {
  color: black;
  text-decoration: none;
  letter-spacing: 1px;
  border-bottom: 1px solid black;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px 0;
}

.homepage-autumn_lucy .sign-up-prompts:last-child {
  margin-left: 0;
}

.homepage-autumn_lucy .sign-up-prompts a:hover {
  padding-bottom: 15px;
}

.homepage-autumn_lucy .row .col-md-6{
  margin: 0;
  padding: 0;

}

.homepage-autumn_lucy .ceramic-pots img {
  padding-right: 5px;
  margin-bottom: 20px;
}

.homepage-autumn_lucy .pemberton img {
  padding-left: 5px;
  margin-bottom: 20px;
}

.homepage-autumn_lucy .article_wrapper {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  padding: 2%;
  text-transform: uppercase;
}

.homepage-autumn_lucy .article_wrapper .main {
  font-size: 16px;

}

.homepage-autumn_lucy .bar {
  height: 2px;
  width: 20px;
  background-color: black;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.homepage-autumn_lucy .article_wrapper .sub {
  font-size: 20px;
  margin-bottom: 15px;
}

.homepage-autumn_lucy .article_wrapper .cta_link {
  color: black;
  font-size: 14px;
}

 .EndRailSale {
  color: red;
}

.EndRailSale a {
  color: red !important;
}

@media only screen and (max-width: 996px){
  .homepage-autumn_lucy .ceramic-pots img {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
  }

  .homepage-autumn_lucy .pemberton img {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .homepage-autumn_lucy .article_wrapper .main {
    font-size: 14px;
  }

  .homepage-autumn_lucy .article_wrapper .cta_link {
    font-size: 13px;
  }

  .homepage-autumn_lucy .article_wrapper .sub {
    font-size: 18px;
  }
}

@media only screen and (max-width: 700px) {

  .homepage-autumn_lucy .banner-text h2 {
    font-size: 18px;
  }


  .homepage-autumn_lucy .banner-text .lead {
    font-size: 25px;
    font-weight: 400;
    color: black;
    margin-bottom: 10px;
  }


  .homepage-autumn_lucy .banner-text .banner_cta {
    color: black;
    font-size: 14px;

  }

  .homepage-autumn_lucy .sign-up-prompts li {
    display: inline-block;
    list-style: none;
    font-size: 14px;
    padding: 10px;
    margin-top: 15px;

  }

  .homepage-autumn_lucy .banner {
      background-position: left;
  }

  .homepage-autumn_lucy .banner-text {
    position: absolute;
    width: 100%;
    margin: 0 auto;
  }

  .homepage-autumn_lucy .sign-up-prompts a:first-child {
    margin-right: 10px;
    margin-top: 20px;
  }
}

.gift-guide_home {
  border-top: 20px solid white;
}

.gift-guide_home .gift-text {
  top: 35%;
  right: 0;
  width: 80%;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  text-transform: uppercase;
  color: #151515;
}

.gift-guide_home .gift-text .main {
  font-size: 3.4em;
}

.gift-guide_home .gift-text .bar {
  display: block;
  width: 50px;
  height: 1px;
  margin-top: 15px;
  margin-left: auto;
  margin-bottom: 15px;
  margin-right: auto;
  background-color: #151515;
}

.gift-guide_home .gift-text .sub {
  font-size: 2.6em;
}

.gift-guide_home .gift-text .btn {
  height: 60px;
  margin-top: 25px;
  padding: 0 45px;
  font-size: 1.8em;
  line-height: 58px;
  color: white;
  border-radius: 0;
  background-color: #41633f;
}

.gift-guide_home .gift-text .btn:hover {
  background-color: #50754e;
}

@media (max-width: 991px) {
  .gift-guide_home .gift-text {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    font-size: 0.6em;
  }
}

@media (min-width: 750px) {
  .BottomSlider { position:fixed; right:0; margin-bottom:-250px; bottom:0px; opacity:0; z-index:200; cursor:pointer; } }

@media (max-width: 749px) { .BottomSlider { display:none; } }

.btn {
  border-radius: 0;
  border-color: #333333;
  text-transform: uppercase;
  font-weight: 300;
  padding: 10px 18px;
  font-size: 15px;
}

.btn.btn-gold {
  background-color: #9e875e;
  border-color: #9e875e;
  color: #ffffff;
}

.btn.btn-gold:hover {
  background-color: #b4a180;
  border-color: #9e875e;
  color: #ffffff;
}

#S2OFFER img {
  padding-top: 15px;
  width: 100%;
}

/** Cookie Policy Bar **/

.cookie-policy-bar {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7.5px 0;
  font-size: 14px;
  text-transform: none;
  text-align: center;
  background-color: #dddddd;
}

.cookie-policy-bar:before, .cookie-policy-bar:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  height: 34px;
  background-color: #dddddd;
  width: 50vw;
}

.cookie-policy-bar:before {
  left: -50vw;
}

.cookie-policy-bar:after {
  right: -50vw;
}

.cookie-policy-bar .close {
  float: none;
  display: inline;
  opacity: 1;
  margin-left: 15px;
  font-size: 11px;
  color: #333333;
  text-shadow: none;
}

/** Homepage Sale Text **/

.sale--absolute {
  position: absolute;
  z-index: 1;
  top: 35vh;
  left: 0;
  width: 100%;
}


.sale--absolute-sm {
  position: absolute;
  z-index: 1;
  top: 35vh;
  right: 30px;
  width: 40%;
}

@media (max-width: 1000px) {
  .sale--absolute-sm {
    width: 70%;
  }
}

@media (max-width: 730px) {
  .sale--absolute-sm {
    width: 60%;
  }
}

@media (max-width: 500px) {
  .sale--absolute-sm {
    width: calc(100% - 30px);
    right: 15px;
  }
}

.sale--absolute img, .sale--absolute-sm img  {
  width: 100%;
}

@media (max-width: 1000px) {
  .full-height-mobile {
    height: 100vh;
  }

  .full-height-mobile img.mobile-height {
    height: 100%;
    width: auto;
  }
}

@media (max-width: 500px) {
  .full-height-mobile img.mobile-height {
    margin-left: -25%;
  }
}




/** Homepage Two Column Adjustements **/

.HomeText.sale {
  top: 70vh;
}

@media (max-width: 730px) {
  .HomeText.sale {
    top: 70vh;
  }
}

.HomeText.absolute {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.HomeText.absolute-left {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 50%;
  text-align: right;
}

@media (max-width: 730px) {
  .HomeText.absolute-left {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .HomeText.absolute-left {
    text-align: center;
  }
}

.HomeText.sale .btn {
  margin: 0 30px;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  color: white;
  background-color: rgba(140, 140, 140, 0.7);
  border: 0;
}

.HomeText.sale .btn-white {
  color: #333333;
  background-color: white;
}

@media (max-width: 730px) {
  .HomeText.sale .btn-white:first-of-type {
    margin-right: 15px;
    margin-left: 0;
  }
  .HomeText.sale .btn-white:last-of-type {
    margin-left: 15px;
  }
}

@media (max-width: 500px) {
  .HomeText.sale .btn {
    margin: 0px 15px;
  }

  .HomeText.sale .btn-white:first-of-type {
    margin-right: 15px;
    margin-left: 0;
  }
  .HomeText.sale .btn-white:last-of-type {
    margin-left: 15px;
    margin-right: 0;
  }
}

/* Homepage Two Column */

.homeapage-col--no-pad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.homeapage-col--no-pad img {
  width: 100%;
}

.homeapage-col--no-pad .HomeText {
  position: absolute;     top: 50%;
  width: 100%; z-index: 9999;
}

.homeapage-col--no-pad .HomeText_newsletter { left:33%; } 

.homeapage-col--no-pad .HomeText_catalogue { right:33%; } 


.homeapage-col--no-pad .btn-outline {
border: none !important; 
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 18px; color: #000;
  font-weight: 800;
  background: rgba(0,0,0,0.9);
}

.homeapage-col--no-pad .btn-outline:hover, .homeapage-col--no-pad .btn-outline:active {
 background: #666; color: #999 !important;
}

.homeapage-col--no-pad .btn-outline.btn--lg {
  text-transform: none;
  font-size: 1.8em;
}

@media (max-width: 767px) {

  .homeapage-col--no-pad .btn-outline.btn--lg {
    text-transform: none;
    font-size: 1.4em;
  }
}


.homeapage-col--no-pad h1.positioned {
  position: absolute;
  width: 100%;
  top: 45vh;
}

@media (max-width: 767px) {
  .homeapage-col--no-pad h1.positioned {
    position: absolute;
    width: 100%;
    top: 25vh;
  }
}

.homeapage-col--no-pad h1.positioned img {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .homeapage-col--no-pad h1.positioned img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.homeapage-col--no-pad h1.positioned--sm {
  top: 50vh;
}

.homeapage-col--no-pad h1.positioned--sm img {
  width: 40%;
}

@media (max-width: 767px) {
  .homeapage-col--no-pad h1.positioned--sm {
    top: 25vh;
  }

  .homeapage-col--no-pad h1.positioned--sm img {
  width: 80%;
}
}


.AllOrLess a{ color: #ff0000 !important; }

.home_col--overlay {
  overflow: visible;
}

.home_col--overlay a:hover img {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}

.home_col--overlay .HomeText {
  top: 90vh;
}

.home_text-img {
  position: absolute;
  z-index: 10;
  height: 150px;
}

.home_text-img img {
  width: auto;
  height: 100%;
}

.home_text-img:hover img {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}

.home_text-img--fashion {
  top: 45vh;
  left: 5vw;
}

.home_text-img--house {
  top: calc(45vh + 170px);
  left: 4vw;
}

.btn-white--new {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  color: #333;
  background-color: rgba(255,255,255,0.8);
  border: 0;
}

@media screen and (max-width: 1450px) {
  .home_text-img {
    position: absolute;
    z-index: 10;
    height: 130px;
  }
}

@media screen and (max-width: 1250px) {
  .home_text-img {
    position: absolute;
    z-index: 10;
    height: 110px;
  }
}

@media screen and (max-width: 1050px) {
  .home_text-img {
    position: absolute;
    z-index: 10;
    height: 90px;
  }
}

@media screen and (max-width: 991px) {
  .home_text-img {
    position: absolute;
    z-index: 10;
    height: auto;
    width: 100%;
  }

  .home_text-img--fashion {
    top: 30vh;
    left: 0vw;
  }

  .home_text-img--house {
    top: 30vh;
    left: 0vw;
  }

  .home_text-img img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
  }

  .home_col--overlay .HomeText {
    top: 70vh;
  }
}

/* S2Member offer area */

#S2OFFER {
  display: block;
}

#S2MOBOFFER {
  display: none;
}

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

  #S2MOBOFFER {
    display: block;
  }
}
.pt-2 {
	padding-top: 15px!important;
}

/* More custom homepage styles */

.span--width-auto {
  width: auto !important;
}

.span--white-background {
  padding: 30px !important;
  background: rgba(255,255,255, 0.8) !important;
}

.span--black-background {
  padding: 20px 30px !important;
  background: rgba(53,53,53, 0.8) !important;
}

.title--positioned {
  position: absolute;
  z-index: 1;
  top: 29%;
  left: 2%;
  width: 80% !important;
}

.buttons--positioned {position: absolute; width: 100%; left: 0;
  z-index: 1;
  bottom: 10%; }

.title--positioned-centered {
  width: 96% !important;
  top: 30%;
  right: 2%;
  left: 2%;
}

.title--positioned-bottom {
  top: auto;
  bottom: 10%;
}

.title--actual-size {
  position: absolute;
  z-index: 1;
  width: 400px  !important;
  left: 50%;
  margin-left: -200px;
}

@media screen and (max-width: 991px) {
  .title--positioned {
    width: calc(100% - 60px) !important;
  }

  .title--actual-size {
    width: 300px  !important;
    left: 50%;
    margin-left: -150px;
  }
}

.text--arial {
  font-family: Arial !important;
}

.text--weight-600 {
  font-weight: 600 !important;
}

.text--black {
  color: #333!important;
}

.text--underline {
  text-decoration: underline !important;
}

.text--left {
  left: 0 !important;
  text-align: left !important;
  -webkit-transform: translateX(15%) translatey(-50%) !important;
  -moz-transform: translateX(15%) translatey(-50%) !important;
  -ms-transform: translateX(15%) translatey(-50%) !important;
  transform: translateX(15%) translatey(-50%) !important;
}

.text--right {
  left: 0 !important;
  right: 0 !important;
  text-align: right !important;
  -webkit-transform: translateX(15%) translatey(-50%) !important;
  -moz-transform: translateX(15%) translatey(-50%) !important;
  -ms-transform: translateX(15%) translatey(-50%) !important;
  transform: translateX(15%) translatey(-50%) !important;
}

@media screen and (max-width: 1199px) {
  .text--right {
    -webkit-transform: translateX(-15%) translatey(-50%) !important;
    -moz-transform: translateX(-15%) translatey(-50%) !important;
    -ms-transform: translateX(-15%) translatey(-50%) !important;
    transform: translateX(-15%) translatey(-50%) !important;
  }
}

.mood-block--title {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: 400px !important;
  margin-left: -200px;
  margin-top: -107px;
}

.mood-block--title-christmas {
  margin-top: -200px;
}

@media screen and (max-width: 1300px) {
  .mood-block--title {
    width: 300px !important;
    margin-left: -150px;
    margin-top: -75px;
  }

  .mood-block--title-christmas {
    margin-top: -150px;
  }
}

@media screen and (max-width: 1000px) {
  .mood-block--title {
    width: 250px !important;
    margin-left: -125px;
    margin-top: -50px;
  }

  .mood-block--title-christmas {
    margin-top: -125px;
  }
}

@media screen and (max-width: 767px) {
  .mood-block--title {
    width: 200px !important;
    margin-left: -100px;
    margin-top: -42px;
  }

  .mood-block--title-christmas {
    margin-top: -100px;
  }
}

.mood-board .mood-block:hover .mood-block--title, .mood-board .mood-block:active .mood-block--title {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.mood-board .mood-block:hover .title--positioned, .mood-board .mood-block:active .title--positioned {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.mood-board .mood-block--absolute {
  position: absolute;
  width: 200%;
  margin-top: 1vw;
}

.mood-board .mood-block--absolute-center {
  margin-top: 20%;
}

@media (min-width: 800px) {
  .checkout-wrap .Field200, .input-50 {
    width: 50%!important;
  }
}

@media screen and (max-width: 767px) {
  .mood-board .mood-block--absolute {
    position: relative;
    width: 100%;
  }
}
.py-5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

@media (max-width: 767px) {
  .img--phone-lg {
    width: 170% !important;
  }

  .img--phone-lg-left {
    margin-left: -40%;
  }
}

.homepage__link {
    position: absolute;
    top: 0;
    height: 100%;
    align-items: center;
    left: auto;
    right: auto;
    width: 100%;
    color: white;
    display: flex;
    font-family: 'Tw Cen MT', 'Muli', sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
}

.homepage__link .lg{
font-size:1.8em;
}

.homepage__link:hover {
  color: white;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .homepage__link {
    font-size: 1.6em;
  }
}

.btn-catalogue {
  line-height: 1.1;
}

.btn-newsletter {
  line-height: 1.8;
}

.btn-catalogue small {
  display: block;
  font-size: 12px;
}



/* checkout blocks */
.checkout-preview-data {
	display: none;
}
.ExpressCheckoutBlockCompleted.ExpressCheckoutBlockCollapsed .checkout-preview-data {
	display: block;
}

.confirm-password {
  margin-top: 10px;
}

@media (max-width: 460px) {
  .checkout .ChangeLink {
    position: relative;
    right: 0;
    top: 0;
  }
  .btn.btn-outline {
    padding: 2px 10px!important;
  }
  .checkout .checkout-wrap {
    padding: 15px;
  }
}


.writereviewTxt {     font-weight: 400;padding-top: 15px;
    padding-bottom: 15px; font-size: 16px;
    text-transform: uppercase; text-decoration: underline; }

/* Optin page */

.optin-unsubscribe-page-bg {
  background-image: url('../images/optin/bg.jpg?v=2');
  background-size: cover;
  height: 100%;
}

.optin-panel {
  background-color: #ffffff;
  padding: 30px;
  margin: 20% 0;
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
}

.optin-panel-header,
.optin-panel-body {
  text-align: center;
}

.optin-panel-header h1 {
  font-weight:900;
  text-transform: none;
  font-size: 44pt;
}

.optin-panel-header h3 {
  text-transform: none;
  font-size: 18pt;
}

.optin-discount-text {
  font-size: 44pt;
  font-weight: 600;
  margin-top: 20px;
}

.optin-discount-subtext {
  font-size: 20pt;
  margin-top: -15px;
  text-transform: uppercase;
}

.optin-code-box {
  display: inline-block;
  background-color: #fff300;
  width: auto;
  margin: auto;
  margin-top: 20px;
  font-size: 16pt;
  padding: 8px 30px 9px 30px;
  color: #595047;
  cursor: pointer;
  text-transform: uppercase;
}

.optin-code-box:hover {
  background-color: #fff871;
  text-decoration: none;
  color: #595047;
}

.optin-unsubscribe {
  display: inline-block;
  margin: auto;
  margin-top: 20px;
  padding: 8px 30px 9px 30px;
  font-size: 16pt;
  color: #1b1b1b;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}

.optin-unsubscribe:hover {
  text-decoration: none;
  color: #000;
}

.optin-panel-footer {
  font-size: 12pt;
  margin-top: 40px;
}

@media (max-width:640px) {
  .optin-discount-text,
  .optin-panel-header h1 {
    font-size: 28pt;
  }

  .optin-discount-subtext,
  .optin-panel-header h3 {
    font-size: 14pt;
  }

  .optin-discount-subtext {
    margin-top: -5px;
  }
  .optin-panel-header h3 {
    margin-top: 0;
  }
}

.delivery-pass-panel {
  font-family: 'Tw Cen MT', 'Muli', sans-serif;
  background-color: #f05b20;
  color: #fff;
  padding: 25px;
  margin-top: 40px;
}

.delivery-pass-panel h3 {
  font-size: 28pt;
  font-weight: bold;
}
.delivery-pass-btn {     letter-spacing: 1px;
  display: table-cell;     vertical-align: middle;
  border: 1px solid #fff;
  padding: 6px 15px;
  color: #fff;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 10px;
  text-transform: uppercase; 
}
.delivery-pass-btnC {   display: table; margin-left: auto; margin-right: auto; width: 180px; height: 60px; }

@media (max-width: 767px) {
.delivery-pass-btn {  
  font-size: 10pt;	
	
}
	
.delivery-pass-btnC { width: 150px;}
}


.delivery-pass-btn:hover { text-decoration: none;
  color:#000; background-color:RGBA(255,255,255,0.3);
}

.whitetext { color: white !important; }
.redtext { color: red !important; }
.yellowtext { color: #f2e641 !important; }
.postop30 { top: 30% !important;}
.postop10 { top: 10% !important;}

@media (min-width: 768px) {
.mdtext { font-size: 3vw !important; }
.lgtext { font-size: 4vw !important; }
.vlgtext { font-size: 8vw !important; }
} 

@media (max-width: 768px) {
.mdtext { font-size: 35px !important; }
.lgtext { font-size: 40px !important; }
.vlgtext { font-size: 60px !important; }
	
}
.text-align-left { text-align: left !important; } 
.spanSun { left: 50% !important; width: 90% !important; }
	
.text-transform-capitalize {  text-transform: capitalize; }
.text-transform-uppercase {  text-transform: uppercase; }
.font-weight-bold { font-weight: bold !important;}
.font-weight-normal { font-weight: normal !important;}
.line-height-0 { line-height: 0px; }
.line-height-90p { line-height: 90%; }

.opacity-1 {  opacity: 1 !important; }
.opacity-1 span {  opacity: 1 !important; }
.mt-1p {  margin-top: 1%;  }
.mt-7p {  margin-top: 7%;  }


.mr-5p {  margin-right: 5%;  }
.ml-5p {  margin-left: 5%;  }

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

.btn-orange { background-color: rgba(167,106,50, 0.85); border: none; }

.btn-hover:hover { background-color: rgba(255,255,255,0.35); color: #000;  }
.moodbtn {    padding: 8px 28px; border: none; } 

.moodbtnsingle {    padding: 8px 28px; } 
.moodbtnsingle:hover {  background-color: rgba(255,255,255,0.35); color: #000 !important;  }
.btn-white { background-color: rgba(255,255,255,0.8);  padding: 8px 28px; border: none;  }
.mood-block:hover .moodbtn, .mood-block .btn-white:hover {   color:#fff; background-color: rgba(97,93,86,0.6);  }

.mood-block .btn:hover { color: #fff; }

.moodbtnsinglblk {    padding: 8px 28px; border: none; color: #fff; text-decoration: none; background-color: rgba(97,93,86,1)  } 
.moodbtnsinglblk:hover {  background-color: rgba(97,93,86,0.6); }
a:hover .moodbtnsinglblk { background-color: rgba(97,93,86,0.6); }

.no-padding { padding: 0; }
@media (min-width: 768px) {
.ml-minus100 {     margin-left: calc(-100% - 15px); }
} 
@media (max-width: 768px) {
	.moodbtnsinglblk { display: table-caption; margin-top: 10px; }
}

.featured-text-section span {
  border: 1px solid #000;
  padding: 1px 10px;
  display: inline-block;
  margin-top: 8px;
}


.home-newsletter { margin-left: 10% !important;  width: 30% !important; top: 41% !important; border: 4px solid #fff !important;  background: rgba(255,255,255, 0) !important;  } 
.home-catalogue { margin-left: 10% !important;  width: 30% !important;  top: 92% !important; border: 4px solid #fff !important;
    background: rgba(255,255,255, 0) !important;  } 
.home-shop { margin-left: 66% !important;  width: 20% !important; bottom: 41% !important; border: 4px solid #fff !important;
    background: rgba(255,255,255, 0) !important; } 
.home-shop:hover, .home-newsletter:hover, .home-catalogue:hover{     background-color: rgba(255,255,255, 0.7) !important; color: #000; }