/*/ ====== Variables ====== /*/
/*/ ====== Mixins ====== /*/
/*/ ====== Pages ====== /*/
/* Typography */
@font-face {
  font-family: "gothambold";
  src: url("/fonts/gotham_bold/gotham_bold-webfont.eot");
  src: url("/fonts/gotham_bold/gotham_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham_bold/gotham_bold-webfont.woff") format("woff"), url("/fonts/gotham_bold/gotham_bold-webfont.ttf") format("truetype"), url("/fonts/gotham_bold/gotham_bold-webfont.svg#gothambold") format("svg"); }
@font-face {
  font-family: "gothammed";
  src: url("/fonts/gotham_medium/gotham-medium-webfont.eot");
  src: url("/fonts/gotham_medium/gotham-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham_medium/gotham-medium-webfont.woff") format("woff"), url("/fonts/gotham_medium/gotham-medium-webfont.ttf") format("truetype"), url("/fonts/gotham_medium/gotham-medium-webfont.svg#gothammed") format("svg"); }
@font-face {
  font-family: "gothamblack";
  src: url("/fonts/gotham_black/gotham-black-webfont.eot");
  src: url("/fonts/gotham_black/gotham-black-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham_black/gotham-black-webfont.woff") format("woff"), url("/fonts/gotham_black/gotham-black-webfont.ttf") format("truetype"), url("/fonts/gotham_black/gotham-black-webfont.svg#gothamblack") format("svg"); }
@font-face {
  font-family: "gothambook";
  src: url("/fonts/gotham_book/gotham-book-webfont.eot");
  src: url("/fonts/gotham_book/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham_book/gotham-book-webfont.woff") format("woff"), url("/fonts/gotham_book/gotham-book-webfont.ttf") format("truetype"), url("/fonts/gotham_book/gotham-book-webfont.svg#gothambook") format("svg"); }
@font-face {
  font-family: "osblack";
  src: url("/fonts/OstrichBlack/OstrichBlack.eot");
  src: url("/fonts/OstrichBlack/OstrichBlack.eot?#iefix") format("embedded-opentype"), url("/fonts/OstrichBlack/OstrichBlack.woff") format("woff"), url("/fonts/OstrichBlack/OstrichBlack.ttf") format("truetype"), url("/fonts/OstrichBlack/OstrichBlack.svg#osblack") format("svg"); }
@font-face {
  font-family: "osreg";
  src: url("/fonts/OstrichRegular/OstrichRegular.eot");
  src: url("/fonts/OstrichRegular/OstrichRegular.eot?#iefix") format("embedded-opentype"), url("/fonts/OstrichRegular/OstrichRegular.woff") format("woff"), url("/fonts/OstrichRegular/OstrichRegular.ttf") format("truetype"), url("/fonts/OstrichRegular/OstrichRegular.svg#osreg") format("svg"); }
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  font-family: "osblack"; }

/* Default Template stylez */
.template {
  color: black; }

/* ===== Page stylez ====== */
html, body {
  width: 100%;
  color: #222222;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  background: #191919;
  -webkit-overflow-scrolling: touch; }
  html *, body * {
    -ms-overflow-style: -ms-autohiding-scrollbar; }

body.whitebg, .whitebg {
  background: #fff; }

body.greybg, .greybg {
  background: #eeeeee; }

h1 {
  font-size: 50px;
  margin: 0 0 20px; }

input, select {
  outline: 0; }

input, textarea {
  border: 1px solid #d1d1d1; }

.red {
  color: #f63228; }

.content {
  margin-left: 220px;
  position: relative;
  z-index: 0; }

.blackbtn {
  padding: 10px 20px;
  background: #000;
  color: #fff !important;
  border: 0;
  text-transform: uppercase;
  font-family: "gothambold";
  margin: 0 0 20px;
  text-decoration: none;
  font-size: 15px; }

.greybtn {
  padding: 10px 20px;
  background: #eeeeee;
  color: #000;
  border: 0;
  text-transform: uppercase;
  font-family: "gothambold";
  margin: 0 0 20px;
  text-decoration: none;
  font-size: 15px; }

.whitebtn {
  padding: 3px 20px;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  text-transform: uppercase;
  font-family: "gothammed";
  margin: 0 0 20px;
  text-decoration: none;
  font-size: 13px; }

.checkbox {
  width: 100%;
  float: left;
  margin: 20px 0; }
  .checkbox input {
    width: 15px;
    margin: 0 5px 0 0; }
  .checkbox label {
    width: 100%; }

header {
  position: relative;
  z-index: 9999;
  float: left; }

nav {
  width: 220px;
  float: left;
  background: #222222;
  color: #aaaaaa;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  top: 0;
  text-align: center;
  font-family: "gothammed"; }
  nav .cart {
    color: #999999;
    font-family: "gothambold";
    background: #393939;
    padding: 30px 10px; }
    nav .cart div {
      display: block; }
    nav .cart a {
      text-decoration: underline;
      font-family: "gothambook";
      color: #fefefe;
      display: inline; }
  nav .sep {
    display: block;
    color: #555555; }
  nav .home {
    color: #fff; }
  nav a {
    color: #aaaaaa;
    text-decoration: none;
    line-height: 19px;
    margin: 0 0 4px;
    display: block; }
    nav a.title {
      color: #555555; }
    nav a.selected {
      color: #fff;
      font-family: gothambold; }
  nav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  nav .logo {
    background: #111111;
    width: 100%;
    text-align: center;
    padding: 35px 0; }
  nav .mainnav {
    z-index: 9999;
    position: relative; }
    nav .mainnav .navwrap {
      padding: 30px 10px; }
    nav .mainnav .sep {
      margin: 10px 0; }
    nav .mainnav ul.hassub {
      display: none; }

.content {
  width: calc(100% - 220px);
  float: left; }

/* slider */
/* test for tab*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  header nav {
    background-repeat: no-repeat; } }
.homeslider {
  width: 100%;
  display: block;
  position: relative;
  height: 100% !important;
  overflow: hidden !important;
  width: 100% !important; }
  .homeslider li img {
    width: 100%;
    min-height: 840px; }
  .homeslider .slidetwo img {
    width: 50%;
    float: left; }

.homestack {
  width: 100%;
  overflow: hidden; }
  .homestack li {
    display: block; }
    .homestack li img {
      height: 100%; }

/* category page */
.catheader {
  width: 100%;
  float: left;
  padding: 50px;
  background-size: cover !important;
  height: 220px; }
  .catheader, .catheader * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .catheader .filter {
    font-size: 13px; }
    .catheader .filter .filterlist {
      float: left; }
    .catheader .filter span.full {
      margin: 0 15px 0 0;
      float: left; }
    .catheader .filter a {
      text-decoration: underline;
      font-family: "gothammed";
      color: #222222;
      margin: 0 15px 0 0; }

.catlist {
  width: calc(100% + 4px);
  margin: 0 0 0 -2px; }
  .catlist, .catlist * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .catlist .catprod {
    float: left;
    margin: 4px 0 0;
    width: 25%;
    position: relative; }
    .catlist .catprod a {
      display: block;
      padding: 0 2px; }
      .catlist .catprod a img {
        width: 100%;
        opacity: 0.9; }
        .catlist .catprod a img:hover {
          opacity: 1; }
    .catlist .catprod .prodname {
      display: none;
      width: 100%;
      background: rgba(255, 255, 255, 0.6);
      position: absolute;
      bottom: 0;
      padding: 25px;
      text-align: center;
      font-size: 13px;
      color: #222222;
      text-decoration: none; }
      .catlist .catprod .prodname span {
        padding: 0 0 1px;
        border-bottom: 1px solid #bebfbf; }
    .catlist .catprod:hover .prodname {
      display: block; }

/*product page */
.category {
  background: #fff; }

.prodinfo {
  float: left;
  width: 100%;
  background: #191919;
  color: #fff;
  overflow: hidden;
  position: relative; }
  .prodinfo, .prodinfo * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .prodinfo .prodslider {
    position: relative; }
  .prodinfo .proddetail {
    max-width: 700px;
    float: left;
    width: calc(100% - 749px);
    padding: 85px 7%;
    text-align: center;
    font-size: 13px; }
    .prodinfo .proddetail a.cat {
      color: #fff;
      font-family: "osblack";
      font-size: 24px;
      text-decoration: none; }
    .prodinfo .proddetail h1 {
      font-family: "osreg";
      line-height: 50px;
      font-size: 50px;
      margin: 0; }
    .prodinfo .proddetail .sep {
      border-top: #8c8c8c 1px solid;
      width: 50%;
      margin: 20px auto;
      display: block; }
    .prodinfo .proddetail p {
      margin: 0 0 20px; }
    .prodinfo .proddetail .color {
      text-align: center;
      margin: 0 0 20px;
      cursor: pointer; }
      .prodinfo .proddetail .color .sel {
        display: inline-block;
        margin: 0 -2px;
        opacity: 0.5; }
        .prodinfo .proddetail .color .sel.active {
          opacity: 1; }
    .prodinfo .proddetail .size {
      text-align: center;
      margin: 0 0 20px; }
      .prodinfo .proddetail .size .sel {
        display: inline-block;
        background: #303030;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        width: 32px;
        height: 32px;
        padding: 8px 0;
        margin: 3px 2px;
        text-align: center;
        cursor: pointer; }
        .prodinfo .proddetail .size .sel.active {
          color: #303030;
          background: #fff; }
    .prodinfo .proddetail .sizeguide {
      margin: 0 0 20px;
      font-size: 11px;
      text-decoration: underline;
      color: #fff;
      float: left;
      width: 100%; }
    .prodinfo .proddetail .shop a {
      color: #fff;
      text-decoration: underline;
      padding: 15px 10px;
      display: inline-block; }
      .prodinfo .proddetail .shop a.active, .prodinfo .proddetail .shop a:hover {
        color: #303030;
        background: #fff;
        text-decoration: none; }
    .prodinfo .proddetail .related {
      margin: 0 0 30px; }
      .prodinfo .proddetail .related a {
        color: #fff;
        text-decoration: underline;
        margin: 0 5px; }
        .prodinfo .proddetail .related a.active {
          font-family: "gothambold";
          text-decoration: none; }
    .prodinfo .proddetail .relateditems {
      text-align: center;
      margin: 0 0 90px;
      cursor: pointer; }
      .prodinfo .proddetail .relateditems .sel {
        display: inline-block;
        margin: -2px -2px;
        opacity: 0.5; }
        .prodinfo .proddetail .relateditems .sel.active {
          opacity: 1; }
    .prodinfo .proddetail .backleft {
      margin: 0 40px 0 0; }
    .prodinfo .proddetail .backright {
      margin: 0 0 0 40px; }
    .prodinfo .proddetail .back {
      color: #fff;
      position: relative; }
      .prodinfo .proddetail .back strong {
        font-family: "gothambold"; }

.prodslider {
  width: 100%;
  max-width: 749px;
  float: left; }

.flex-direction-nav {
  height: 100%; }

.flex-nav-prev, .flex-nav-next {
  width: 39px;
  height: 39px;
  position: absolute;
  top: 45%; }
  .flex-nav-prev a, .flex-nav-next a {
    width: 39px;
    height: 39px;
    display: block;
    text-indent: -9999px;
    color: transparent; }

.flex-nav-prev {
  left: 15px; }

.flex-nav-next {
  right: 15px; }

.flex-prev {
  background: url("images/sliderleft.png") top left no-repeat; }

.flex-next {
  background: url("images/sliderright.png") top left no-repeat; }

/*store page*/
.mapwrap {
  width: 100%;
  max-width: 749px;
  float: left; }
  .mapwrap *, .mapwrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.storepicmob {
  display: none; }

.storelist {
  max-width: 700px;
  float: left;
  width: calc(100% - 749px);
  padding: 85px 7%;
  text-align: center;
  font-size: 13px;
  color: #fff; }
  .storelist *, .storelist {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .storelist .featurestore {
    margin: 0 0 175px; }
  .storelist .otherstores {
    margin: 0 0 60px; }
  .storelist h1 {
    font-family: "osreg";
    width: 100%;
    text-align: center;
    border-bottom: #8c8c8c 1px solid;
    margin: 0 0 20px;
    padding: 0 0 20px; }
  .storelist .otherstores a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 3px 0;
    margin: 0 0 2px;
    border-bottom: 1px solid #8c8c8c;
    font-family: "gothambold"; }
    .storelist .otherstores a.active {
      font-family: "gothambook";
      border: 0; }

/* Cart page */
.shopping {
  float: left;
  width: 100%; }
  .shopping *, .shopping {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .shopping .cartwrap {
    background: #eeeeee;
    float: left;
    width: 100%;
    padding: 50px 85px; }
    .shopping .cartwrap .gotocheckout {
      float: left;
      width: 100%;
      max-width: 930px;
      margin: 40px 0;
      text-align: right;
      padding: 0 40px; }
      .shopping .cartwrap .gotocheckout a {
        color: #222222;
        text-transform: uppercase;
        font-family: "gothambold"; }
    .shopping .cartwrap .cart {
      width: 100%;
      max-width: 930px; }
      .shopping .cartwrap .cart .totals .row .text {
        float: right;
        padding: 40px; }
        .shopping .cartwrap .cart .totals .row .text .promo * {
          float: left; }
        .shopping .cartwrap .cart .totals .row .text .promo span {
          font-size: 20px;
          font-family: "osblack";
          margin: 6px 8px 0 0; }
        .shopping .cartwrap .cart .totals .row .text .promo input[type="text"] {
          padding: 5px 10px;
          margin: 0 8px 0 0;
          width: calc(100% - 190px); }
        .shopping .cartwrap .cart .totals .row .text .ordertotal {
          float: right;
          width: 28%; }
          .shopping .cartwrap .cart .totals .row .text .ordertotal .pagetotal td {
            font-family: "gothambold";
            padding-top: 10px; }
      .shopping .cartwrap .cart .row {
        background: #fff;
        float: left;
        width: 100%;
        margin: 0 0 3px; }
        .shopping .cartwrap .cart .row .image {
          width: 100px;
          float: left; }
        .shopping .cartwrap .cart .row .text {
          width: calc(100% - 100px);
          float: left;
          padding: 40px 40px 0; }
          .shopping .cartwrap .cart .row .text > div {
            float: left;
            font-size: 13px; }
          .shopping .cartwrap .cart .row .text .sub, .shopping .cartwrap .cart .row .text .remove, .shopping .cartwrap .cart .row .text .total {
            padding-top: 30px; }
          .shopping .cartwrap .cart .row .text .remove a {
            color: #222222;
            border-bottom: 1px solid #d1d1d1;
            text-decoration: none; }
          .shopping .cartwrap .cart .row .text .total {
            font-family: "gothambold"; }
          .shopping .cartwrap .cart .row .text .desc {
            width: 36%; }
            .shopping .cartwrap .cart .row .text .desc .title {
              font-size: 20px;
              font-family: "osblack";
              margin: 0 0 10px;
              display: block; }
          .shopping .cartwrap .cart .row .text .sub, .shopping .cartwrap .cart .row .text .total, .shopping .cartwrap .cart .row .text .remove, .shopping .cartwrap .cart .row .text .quantity {
            width: 16%;
            text-align: center; }
          .shopping .cartwrap .cart .row .text .quantity {
            padding-top: 25px; }
            .shopping .cartwrap .cart .row .text .quantity input {
              width: 50px;
              text-align: center;
              padding: 5px 10px;
              font-size: 13px;
              font-family: "gothambook";
              border: 1px solid #d1d1d1; }
          .shopping .cartwrap .cart .row .text .total {
            text-align: right; }
  .shopping .heading {
    padding: 75px 35px 75px 65px;
    float: left;
    width: 100%;
    background: #fff; }
    .shopping .heading h2 {
      font-family: "osreg";
      font-size: 50px;
      margin: 0 0 20px; }
    .shopping .heading .title {
      float: left;
      padding: 0 200px 0 0; }
      .shopping .heading .title p {
        font-size: 13px;
        margin: 0; }
        .shopping .heading .title p strong {
          font-family: "gothambold"; }
    .shopping .heading .buy {
      float: left;
      font-size: 13px;
      padding: 60px 0 0; }
      .shopping .heading .buy a {
        color: #222222;
        font-family: "gothambold";
        text-transform: uppercase;
        padding: 10px 0;
        margin: 10px 20px 0 0;
        float: left; }
        .shopping .heading .buy a.buybtn {
          background: #000;
          color: #fff;
          text-decoration: none;
          padding: 10px 15px; }
    .shopping .heading .cartinfo {
      float: left;
      font-size: 13px; }
      .shopping .heading .cartinfo a {
        color: #222222;
        font-family: "gothambold";
        text-transform: uppercase; }

.list {
  float: left;
  width: 100%;
  width: calc(100% + 4px);
  margin: 0 0 0 -2px; }
  .list .prod {
    float: left;
    margin: 4px 0 0;
    width: 25%;
    position: relative; }
    .list .prod .text {
      width: 100%;
      text-align: center;
      font-size: 13px;
      padding: 40px 10px; }
      .list .prod .text a {
        color: #222222;
        font-size: 11px;
        line-height: 19px;
        text-decoration: none; }
      .list .prod .text .status {
        font-family: "gothambold";
        font-size: 11px; }
        .list .prod .text .status.red {
          color: #f63228; }
      .list .prod .text .title {
        font-size: 13px;
        text-decoration: none; }
      .list .prod .text .links {
        text-decoration: underline;
        font-size: 13px; }
    .list .prod .image {
      padding: 0 2px; }
      .list .prod .image img {
        width: 100%; }

.list.dressingr .prod .sold {
  opacity: 0.5; }
.list.dressingr .prod .image {
  position: relative; }
  .list.dressingr .prod .image .limited {
    position: absolute;
    top: 10%;
    padding: 0 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0; }
.list.dressingr .prod .text a {
  color: #222222;
  font-size: 13px;
  line-height: 19px;
  text-decoration: none; }
.list.dressingr .prod .text .links {
  margin: 15px 0 0;
  display: block;
  text-decoration: underline; }
.list.dressingr .prod .text .options {
  margin: 15px 0 0; }
  .list.dressingr .prod .text .options a {
    text-decoration: underline;
    margin: 0 7px; }
  .list.dressingr .prod .text .options .buybtn {
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px; }

.notfound {
  float: left;
  width: 100%;
  padding: 0 65px;
  font-size: 13px; }

.gen {
  font-size: 13px;
  float: left;
  width: 100%; }
  .gen .header {
    padding: 85px 75px; }
    .gen .header h1 {
      margin: 0;
      width: 100%;
      max-width: calc(975px - 5%); }
  .gen .gencontent {
    background: #eeeeee;
    float: left;
    width: 100%;
    padding: 60px 75px; }
    .gen .gencontent > div {
      float: left;
      width: 100%;
      max-width: 975px; }
  .gen *, .gen {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .gen h2 {
    font-size: 24px;
    margin: 0 0 20px;
    font-family: "osblack";
    text-transform: uppercase; }
  .gen .intro {
    font-family: "gothambold";
    margin: 0 0 20px; }
  .gen a {
    font-family: "gothambold";
    color: #222222;
    text-decoration: underline; }
  .gen .col {
    margin: 40px 0 0;
    float: left;
    width: 100%; }
    .gen .col > div {
      width: 50%;
      float: left;
      padding: 0 0 0 40px; }
      .gen .col > div:first-child {
        padding: 0 40px 0 0; }
      .gen .col > div section {
        margin: 0 0 50px;
        float: left;
        width: 100%; }
  .gen table td {
    padding: 10px 15px;
    text-align: center;
    border-bottom: 3px solid #eeeeee; }
  .gen table tr {
    background: #fafafa; }
  .gen table tr.grey {
    background: none; }
  .gen table .bold {
    font-family: "gothambold"; }

.lb {
  color: #fff;
  font-size: 13px;
  float: left;
  width: 100%; }
  .lb, .lb * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .lb .header {
    padding: 85px 75px; }
    .lb .header h1 {
      margin: 0;
      width: 100%;
      max-width: calc(975px - 5%); }
  .lb .lbcontent {
    width: 100%;
    float: left; }
    .lb .lbcontent .lbprod {
      width: calc(50% - 15px);
      background: #222222;
      float: right;
      margin: 0 0 30px; }
    .lb .lbcontent .lbprodwrap > div:nth-child(odd) {
      float: left; }
    .lb .lbcontent .lbprodwrap .image {
      width: 171px;
      float: left; }
    .lb .lbcontent .lbprodwrap .text {
      width: calc(100% - 171px);
      float: left;
      padding: 20px;
      text-align: center; }
      .lb .lbcontent .lbprodwrap .text a {
        color: #fff; }
      .lb .lbcontent .lbprodwrap .text .shop a {
        color: #fff;
        text-decoration: underline;
        padding: 15px 10px;
        display: inline-block;
        margin: 0 3px 0 0; }
        .lb .lbcontent .lbprodwrap .text .shop a.active, .lb .lbcontent .lbprodwrap .text .shop a:hover {
          color: #303030;
          background: #fff;
          text-decoration: none; }
      .lb .lbcontent .lbprodwrap .text .size {
        text-align: center;
        margin: 20px 0; }
        .lb .lbcontent .lbprodwrap .text .size .sel {
          display: inline-block;
          background: #303030;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          border-radius: 100px;
          width: 32px;
          height: 32px;
          padding: 8px 0;
          margin: 3px 2px;
          text-align: center;
          cursor: pointer; }
          .lb .lbcontent .lbprodwrap .text .size .sel.active {
            color: #303030;
            background: #fff; }
    .lb .lbcontent .lbprodwrap img {
      opacity: 1; }
    .lb .lbcontent .grey {
      opacity: 0.5; }
    .lb .lbcontent .active {
      opacity: 1; }
    .lb .lbcontent .lbinfo {
      float: left;
      width: 100%;
      display: none;
      background: #444444;
      padding: 30px 30px 65px;
      position: relative; }
      .lb .lbcontent .lbinfo .close {
        position: absolute;
        top: 30px;
        right: 30px;
        background: #222222;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: 75px;
        width: 75px;
        text-align: center;
        padding: 30px 0 0;
        cursor: pointer; }
      .lb .lbcontent .lbinfo h2 {
        font-family: "osreg";
        font-size: 50px; }
    .lb .lbcontent .col1 > div {
      width: 100%;
      float: left;
      position: relative; }
      .lb .lbcontent .col1 > div img {
        width: 100%; }
      .lb .lbcontent .col1 > div .open {
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
        padding: 30px;
        cursor: pointer;
        height: 39px; }
        .lb .lbcontent .col1 > div .open img {
          width: auto !important; }
    .lb .lbcontent .col2 > div {
      width: 50%;
      float: left;
      position: relative; }
      .lb .lbcontent .col2 > div img {
        width: 100%; }
      .lb .lbcontent .col2 > div .open {
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
        padding: 30px;
        cursor: pointer;
        height: 39px; }
        .lb .lbcontent .col2 > div .open img {
          width: auto !important; }
    .lb .lbcontent .col3 > div {
      width: 33.3334%;
      float: left;
      position: relative; }
      .lb .lbcontent .col3 > div img {
        width: 100%; }
      .lb .lbcontent .col3 > div .open {
        position: absolute;
        bottom: 40px;
        width: 100%;
        text-align: center;
        padding: 30px;
        cursor: pointer;
        height: 39px; }
        .lb .lbcontent .col3 > div .open img {
          width: auto !important; }

/*popups*/
.popupbg.active {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 888;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); }

.popup {
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);
  background-color: #eeeeee;
  position: fixed;
  z-index: 999;
  top: 100px;
  max-width: 630px;
  left: 50%;
  margin-left: -350px;
  width: 100%; }
  .popup, .popup * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .popup .inner {
    padding: 0;
    clear: both; }
    .popup .inner .form-box {
      float: left;
      width: 100%;
      padding: 30px;
      font-size: 13px; }
      .popup .inner .form-box input {
        width: 100%;
        padding: 10px;
        margin: 0 0 10px; }
      .popup .inner .form-box .btn {
        padding: 10px 20px;
        background: #fff;
        border: 0;
        text-transform: uppercase;
        font-family: "gothambold";
        margin: 0 0 20px; }
      .popup .inner .form-box a {
        color: #222222; }
    .popup .inner .title {
      padding: 30px 30px;
      float: left;
      width: 100%;
      background: #fff; }
      .popup .inner .title h1 {
        font-family: "osreg";
        margin: 0; }
      .popup .inner .title .close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: #222222;
        background: #eeeeee;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: 75px;
        width: 75px;
        text-align: center;
        padding: 30px 0 0;
        cursor: pointer;
        font-size: 11px; }

.ss {
  font-size: 13px;
  float: left;
  width: 100%; }
  .ss *, .ss {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .ss .header {
    padding: 65px 75px;
    position: relative; }
    .ss .header .sslogo {
      position: absolute;
      top: 80px;
      right: 75px; }
  .ss .banner img {
    width: 100%; }
  .ss .sscontent {
    background: #eeeeee;
    float: left;
    width: 100%;
    padding: 60px 30px 60px 75px; }
    .ss .sscontent .intro {
      font-family: "gothambold";
      margin: 0 0 45px; }
    .ss .sscontent > div {
      width: calc(100% - 280px);
      float: left;
      padding: 0 75px 0 0;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      text-align: center; }
      .ss .sscontent > div img {
        width: 100%;
        margin: 0 0 45px; }
      .ss .sscontent > div p {
        margin: 0 0 45px; }
      .ss .sscontent > div .share {
        margin: 0 auto;
        color: #222222;
        background: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: 75px;
        width: 75px;
        text-align: center;
        padding: 30px 0 0;
        cursor: pointer;
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        text-decoration: none; }
    .ss .sscontent .ssside {
      width: 280px;
      float: left;
      background: #eeeeee;
      border: 0;
      padding: 0 30px;
      text-align: left; }
      .ss .sscontent .ssside h2 {
        font-family: "osblack";
        font-size: 20px;
        margin: 0 0 20px; }
      .ss .sscontent .ssside table tr td {
        padding: 0 0 10px; }
        .ss .sscontent .ssside table tr td a {
          color: #222222;
          text-decoration: none; }

.popupmodifycartitem .form-box {
  text-align: center; }
.popupmodifycartitem .color {
  text-align: center;
  margin: 0 0 20px;
  width: 100%;
  float: left; }
.popupmodifycartitem .coloursel {
  display: inline-block;
  opacity: 0.5; }
  .popupmodifycartitem .coloursel.active {
    opacity: 1; }
.popupmodifycartitem .coloursel img {
  margin-top: 5px;
  float: left; }
.popupmodifycartitem .quantity {
  width: 100%;
  text-align: center;
  margin: 0 0 20px; }
.popupmodifycartitem .size {
  text-align: center;
  margin: 0 0 20px; }
  .popupmodifycartitem .size .sel {
    display: inline-block;
    background: #000;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 32px;
    height: 32px;
    padding: 8px 0;
    margin: 3px 2px;
    text-align: center;
    cursor: pointer; }
    .popupmodifycartitem .size .sel.active {
      background: #ccc; }

.checkoutemplate {
  background: #eeeeee; }
  .checkoutemplate *, .checkoutemplate {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .checkoutemplate .checkoutlogo {
    display: block;
    margin: 65px auto 40px;
    width: 95px; }
  .checkoutemplate .checkoutwrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 20px 90px;
    clear: both; }
    .checkoutemplate .checkoutwrap .form {
      font-size: 13px;
      float: left;
      width: 100%;
      clear: both; }
      .checkoutemplate .checkoutwrap .form a {
        color: #000; }
      .checkoutemplate .checkoutwrap .form .confirm {
        padding: 0 40px;
        line-height: 19px; }
        .checkoutemplate .checkoutwrap .form .confirm .details > div {
          width: 33.333%;
          float: left; }
          .checkoutemplate .checkoutwrap .form .confirm .details > div .title {
            font-family: "gothambold"; }
        .checkoutemplate .checkoutwrap .form .confirm .buttons {
          clear: both;
          float: left;
          width: 100%; }
          .checkoutemplate .checkoutwrap .form .confirm .buttons .blackbtn {
            float: right;
            margin: 30px 0; }
          .checkoutemplate .checkoutwrap .form .confirm .buttons .greybtn {
            float: left;
            margin: 30px 0; }
        .checkoutemplate .checkoutwrap .form .confirm .order {
          float: left;
          width: 100%;
          margin: 30px 0; }
          .checkoutemplate .checkoutwrap .form .confirm .order .row {
            background: #eee;
            margin: 0 0 3px;
            float: left;
            width: 100%; }
            .checkoutemplate .checkoutwrap .form .confirm .order .row .total .text {
              width: calc(100% - 60px);
              float: left;
              padding: 20px;
              float: right; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .total .text .pagetotal td {
                font-family: "gothambold";
                padding: 10px 0 0; }
            .checkoutemplate .checkoutwrap .form .confirm .order .row .total .totals {
              width: 30%;
              float: right; }
            .checkoutemplate .checkoutwrap .form .confirm .order .row .image {
              width: 60px;
              float: left; }
            .checkoutemplate .checkoutwrap .form .confirm .order .row .text {
              width: calc(100% - 60px);
              float: left;
              padding: 0 20px; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text > div {
                float: left; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text .desc {
                width: 40%;
                padding-top: 20px; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text .sub {
                width: 20%;
                text-align: center;
                padding-top: 38px; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text .quantity {
                width: 20%;
                text-align: center;
                padding-top: 38px; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text .total {
                width: 20%;
                text-align: right;
                padding-top: 38px;
                font-family: "gothambold"; }
              .checkoutemplate .checkoutwrap .form .confirm .order .row .text .title {
                font-family: "gothambold"; }
      .checkoutemplate .checkoutwrap .form .paymentpg {
        width: calc(100% - 300px);
        padding: 0 80px 0 40px;
        float: left; }
        .checkoutemplate .checkoutwrap .form .paymentpg .total {
          color: #f63228;
          font-family: "gothambold";
          font-size: 15px;
          margin: 0 0 20px; }
        .checkoutemplate .checkoutwrap .form .paymentpg .gc {
          float: left;
          width: 100%;
          clear: both;
          margin: 0 0 20px; }
        .checkoutemplate .checkoutwrap .form .paymentpg form {
          float: left;
          width: 100%;
          clear: both; }
        .checkoutemplate .checkoutwrap .form .paymentpg table td {
          padding: 3px 0; }
        .checkoutemplate .checkoutwrap .form .paymentpg table .bold {
          font-family: "gothambold"; }
        .checkoutemplate .checkoutwrap .form .paymentpg table .blackbtn {
          width: 140px;
          display: block;
          margin: 0; }
        .checkoutemplate .checkoutwrap .form .paymentpg .amount {
          border: 1px solid #f63228;
          padding: 15px;
          color: #f63228;
          font-family: "gothambold";
          font-size: 15px; }
        .checkoutemplate .checkoutwrap .form .paymentpg .remainder {
          font-family: "gothambold";
          font-size: 13px;
          margin: 0 0 20px; }
        .checkoutemplate .checkoutwrap .form .paymentpg input {
          width: 70%;
          float: left;
          margin: 0 0 10px;
          padding: 10px;
          border: 1px solid #eeeeee; }
        .checkoutemplate .checkoutwrap .form .paymentpg label {
          width: 30%;
          float: left;
          margin: 10px 0 0;
          clear: both; }
        .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs {
          float: left;
          clear: both;
          width: 100%; }
          .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs a {
            margin: 10px 0 0;
            float: right; }
          .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs input {
            width: 34%;
            margin: 0 2% 0 0; }
          .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs .selwrap {
            width: 34%;
            float: left;
            border: 1px solid #eeeeee;
            padding: 10px;
            outline: 0; }
            .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs .selwrap.first {
              margin: 0 1% 10px 0; }
            .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs .selwrap.second {
              margin: 0 0 10px 1%; }
            .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs .selwrap select {
              width: 100%;
              background: transparent;
              border: 0; }
          .checkoutemplate .checkoutwrap .form .paymentpg .halfinputs label {
            width: 30%; }
        .checkoutemplate .checkoutwrap .form .paymentpg .buttons {
          clear: both;
          float: left;
          width: 100%; }
          .checkoutemplate .checkoutwrap .form .paymentpg .buttons .blackbtn {
            float: right;
            margin: 30px 0; }
          .checkoutemplate .checkoutwrap .form .paymentpg .buttons .greybtn {
            float: left;
            margin: 30px 0; }
      .checkoutemplate .checkoutwrap .form .yourcart {
        width: 300px;
        float: left;
        padding: 0 30px 0 0; }
        .checkoutemplate .checkoutwrap .form .yourcart .row, .checkoutemplate .checkoutwrap .form .yourcart .totals {
          background: #eeeeee;
          margin: 0 0 3px;
          float: left;
          width: 100%; }
          .checkoutemplate .checkoutwrap .form .yourcart .row .text, .checkoutemplate .checkoutwrap .form .yourcart .totals .text {
            width: calc(100% - 60px);
            float: right;
            padding: 15px;
            font-size: 13px; }
            .checkoutemplate .checkoutwrap .form .yourcart .row .text td, .checkoutemplate .checkoutwrap .form .yourcart .totals .text td {
              padding: 3px 0; }
            .checkoutemplate .checkoutwrap .form .yourcart .row .text .total td, .checkoutemplate .checkoutwrap .form .yourcart .totals .text .total td {
              padding: 7px 0;
              font-family: "gothambold"; }
            .checkoutemplate .checkoutwrap .form .yourcart .row .text .title, .checkoutemplate .checkoutwrap .form .yourcart .totals .text .title {
              font-family: "gothambold";
              font-size: 14px; }
            .checkoutemplate .checkoutwrap .form .yourcart .row .text strong, .checkoutemplate .checkoutwrap .form .yourcart .totals .text strong {
              font-family: "gothambold";
              font-weight: normal; }
          .checkoutemplate .checkoutwrap .form .yourcart .row .image, .checkoutemplate .checkoutwrap .form .yourcart .totals .image {
            width: 60px;
            float: left; }
      .checkoutemplate .checkoutwrap .form .yourdetails {
        width: calc(100% - 300px);
        padding: 0 80px 0 40px;
        float: left; }
        .checkoutemplate .checkoutwrap .form .yourdetails .selwrap {
          background: #fff;
          border: 1px solid #d1d1d1;
          width: 80%;
          float: left;
          padding: 10px; }
          .checkoutemplate .checkoutwrap .form .yourdetails .selwrap select {
            width: 100% !important;
            background: transparent;
            border: 0; }
        .checkoutemplate .checkoutwrap .form .yourdetails input {
          width: 80%;
          float: left;
          margin: 0 0 10px;
          padding: 10px;
          border: 1px solid #d1d1d1; }
        .checkoutemplate .checkoutwrap .form .yourdetails label {
          width: 20%;
          float: left;
          margin: 10px 0 0;
          clear: both; }
        .checkoutemplate .checkoutwrap .form .yourdetails .postcode {
          width: 100%;
          float: left; }
          .checkoutemplate .checkoutwrap .form .yourdetails .postcode input {
            width: 40%; }
          .checkoutemplate .checkoutwrap .form .yourdetails .postcode a {
            width: 40%;
            float: right;
            text-align: right;
            margin: 10px 0 0; }
        .checkoutemplate .checkoutwrap .form .yourdetails .checkbox {
          width: 100%;
          float: left;
          margin: 20px 0; }
          .checkoutemplate .checkoutwrap .form .yourdetails .checkbox input {
            width: 15px;
            margin: 0 5px 0 0; }
          .checkoutemplate .checkoutwrap .form .yourdetails .checkbox label {
            width: 100%; }
        .checkoutemplate .checkoutwrap .form .yourdetails .buttons {
          clear: both;
          float: left;
          width: 100%; }
          .checkoutemplate .checkoutwrap .form .yourdetails .buttons .blackbtn {
            float: right;
            margin: 20px 0; }
          .checkoutemplate .checkoutwrap .form .yourdetails .buttons .greybtn {
            float: left;
            margin: 20px 0; }
      .checkoutemplate .checkoutwrap .form .loginform {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding: 20% 0; }
        .checkoutemplate .checkoutwrap .form .loginform input, .checkoutemplate .checkoutwrap .form .loginform label {
          width: 100%;
          margin: 0 0 5px;
          float: left; }
        .checkoutemplate .checkoutwrap .form .loginform input {
          padding: 10px;
          margin: 0 0 10px;
          border: 1px solid #eeeeee; }
      .checkoutemplate .checkoutwrap .form h1, .checkoutemplate .checkoutwrap .form h2 {
        font-family: "osblack";
        text-transform: uppercase;
        font-size: 25px; }
    .checkoutemplate .checkoutwrap .blackbtn {
      margin: 20px 0; }
  .checkoutemplate .steps {
    float: left;
    width: 100%;
    margin: 0 0 70px; }
    .checkoutemplate .steps > div {
      background: #eeeeee;
      float: left;
      width: calc(33.334% - 7px);
      margin: 0 5px;
      height: 4px; }
      .checkoutemplate .steps > div.active {
        background: #000; }
    .checkoutemplate .steps .step1 {
      margin-left: 0; }
    .checkoutemplate .steps .step3 {
      margin-right: 0; }

.heading.gen {
  padding: 75px 0;
  float: left;
  width: 100%;
  background: #fff; }
  .heading.gen h1 {
    margin: 0 65px; }
  .heading.gen p {
    margin: 1em 65px; }

.gencontent {
  padding: 50px 65px;
  float: left;
  width: 100%;
  font-size: 13px;
  line-height: 19px; }
  .gencontent > div {
    max-width: 800px;
    float: left; }
    .gencontent > div .col2 {
      border-bottom: 1px solid #d1d1d1;
      float: left;
      width: 100%;
      margin: 0 0 40px;
      padding: 0 0 20px; }
      .gencontent > div .col2 > div {
        width: 50%;
        float: left; }
        .gencontent > div .col2 > div:first-child {
          padding: 0 20px 0 0; }
        .gencontent > div .col2 > div:last-child {
          padding: 0 0 0 20px; }
  .gencontent *, .gencontent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .gencontent a {
    color: #222222; }
  .gencontent h2 {
    font-family: "osblack";
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 30px;
    float: left;
    width: 100%; }
  .gencontent section {
    float: left;
    width: 100%;
    margin: 0 0 30px; }

.contactform {
  width: 100%;
  float: left;
  max-width: 570px;
  margin: 40px 0; }
  .contactform .blackbtn {
    margin: 20px 0 0 30%;
    padding: 10px 50px;
    float: left;
    clear: both; }
  .contactform input, .contactform .selwrap, .contactform textarea {
    width: 70%;
    float: left;
    margin: 0 0 10px;
    padding: 10px; }
  .contactform label {
    width: 30%;
    float: left;
    clear: both;
    margin: 10px 0 0; }
  .contactform .selwrap {
    background: #fff;
    border: 1px solid #d1d1d1; }
    .contactform .selwrap select {
      width: 100%;
      background: transparent;
      border: 0; }

/* VIP Page */
.contactdet input, .contactdet .selwrap, .contactdet textarea {
  width: 70%;
  float: left;
  margin: 0 0 10px;
  padding: 10px; }
.contactdet .address {
  margin: 0 0 10px 30%; }
.contactdet label {
  width: 30%;
  float: left;
  clear: both;
  margin: 10px 0 0; }
.contactdet .selwrap {
  background: #fff;
  border: 1px solid #d1d1d1;
  float: left;
  width: 100%; }
  .contactdet .selwrap select {
    width: 100%;
    background: transparent;
    border: 0; }
.contactdet .checkbox label {
  width: 70%;
  margin: 0 0 0 30%;
  padding: 5px 0; }
  .contactdet .checkbox label input {
    width: 16px;
    margin: 3px 0 0; }
.contactdet section {
  float: left;
  width: 100%;
  margin: 0 0 30px; }
.contactdet .blackbtn {
  padding: 10px 50px; }
.contactdet .tc {
  font-size: 11px;
  line-height: 13px; }
  .contactdet .tc .title {
    font-family: "gothambold"; }

/*giftcard*/
.gc .giftcardamount .amount {
  background: #d1d1d1;
  width: 75px;
  height: 75px;
  margin: 0 10px 20px 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  float: left;
  text-align: center;
  padding-top: 25px;
  cursor: pointer;
  display: inline-block; }
  .gc .giftcardamount .amount.active {
    background: #222222;
    color: #fff; }
.gc .gcinput input {
  padding: 10px;
  margin: 0 5px 0 0;
  width: 165px; }
.gc .blackbtn {
  float: left;
  clear: both;
  margin: 40px 0;
  width: 165px; }
.gc .registergc {
  background: #fafafa;
  float: left;
  width: 100%;
  padding: 30px; }
  .gc .registergc h2 {
    margin: 0 0 10px; }
  .gc .registergc .card {
    float: left;
    width: 100%;
    margin: 10px 0 0; }
    .gc .registergc .card > div {
      width: 37%;
      float: left;
      margin: 0 3% 0 0; }
      .gc .registergc .card > div label, .gc .registergc .card > div input {
        width: 100%;
        float: left; }
      .gc .registergc .card > div input {
        padding: 10px; }
    .gc .registergc .card .blackbtn {
      float: left;
      clear: none;
      margin: 17px 0 0;
      width: 20%; }

.faq {
  color: red; }

/* Dashboard */
.dash {
  float: left;
  width: 100%; }
  .dash .heading {
    float: left;
    width: 100%; }
    .dash .heading .dashnav {
      float: left;
      width: 100%;
      margin: 0 0 0 -5px; }
      .dash .heading .dashnav a {
        display: inline-block;
        margin: 0 5px;
        font-size: 15px;
        font-family: "gothammed";
        text-decoration: none; }
        .dash .heading .dashnav a.active {
          color: #d1d1d1; }
  .dash section {
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 30px;
    font-size: 13px; }
    .dash section h2 {
      float: left;
      width: auto; }
    .dash section a {
      font-family: "gothambold";
      text-transform: uppercase; }
    .dash section a.dashlink {
      float: right; }
    .dash section .header td {
      font-family: "gothambold";
      font-size: 11px; }
    .dash section.mydet {
      display: table;
      width: 100%; }
      .dash section.mydet .detwrap {
        display: table-row; }
        .dash section.mydet .detwrap div {
          width: 40%;
          display: table-cell;
          vertical-align: bottom; }
        .dash section.mydet .detwrap div:last-child {
          width: 20%; }

.clearfix {
  clear: both; }

.resetpass form {
  width: 60%;
  max-width: 570px; }
  .resetpass form label {
    display: block;
    width: 35%;
    max-width: 170px;
    float: left;
    clear: both;
    margin: 10px 0 0; }
  .resetpass form input {
    width: 70%;
    float: left;
    margin: 0 0 10px;
    padding: 10px; }
    .resetpass form input[type="submit"] {
      width: 25%;
      margin: 0 0 0 30%; }

/*/ ====== DEFpoints ====== /*/
@media (max-width: 1060px) {
  .dtOnly {
    display: none; } }
@media (max-width: 750px) {
  .dtTab {
    display: none; } }
@media (min-width: 1060px) {
  .tabOnly {
    display: none; } }
@media (max-width: 750px) {
  .tabOnly {
    display: none; } }
@media (min-width: 1060px) {
  .tabMob {
    display: none; } }
@media (min-width: 751px) {
  .mobOnly {
    display: none; } }
/*/ ====== BREAKpoints ====== /*/
@media (max-width: 1465px) {
  .mapwrap, .storelist {
    width: 50%;
    overflow: hidden; }

  .prodslider {
    width: 50%; }
    .prodslider img {
      position: relative;
      width: 100%; }

  .prodinfo .proddetail {
    width: 50%; } }
@media (max-width: 1270px) {
  .shopping .heading .title {
    padding: 0 6% 0 0; } }
@media (max-width: 1200px) {
  .lb .lbcontent .lbprod {
    width: 100%; } }
@media (min-width: 1061px) {
  nav {
    overflow: auto; }
    nav .mainnav {
      display: block !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  header nav {
    background-repeat: no-repeat; }

  .homestack {
    width: 100%;
    float: left; }
    .homestack ul {
      width: 100%; }
      .homestack ul > li {
        clear: both;
        width: 100%; }
        .homestack ul > li img {
          width: 100%;
          height: auto !important; }
      .homestack ul .slidetwo img {
        width: 50% !important;
        float: left; } }
@media (max-width: 1024px) {
  .homestack {
    width: 100%;
    float: left; }
    .homestack ul {
      width: 100%; }
      .homestack ul > li {
        clear: both;
        width: 100%; }
        .homestack ul > li img {
          width: 100%;
          height: auto !important; }
      .homestack ul .slidetwo img {
        width: 100% !important;
        float: left; }

  .imageslider {
    overflow-y: scroll; }
    .imageslider .slides {
      width: 100% !important;
      overflow-x: hidden;
      left: 0 !important; }
      .imageslider .slides > li {
        clear: both;
        background-position: 50% !important; }
      .imageslider .slides .slidetwo {
        overflow: auto;
        height: auto !important; }
        .imageslider .slides .slidetwo div {
          width: 100%;
          float: left;
          clear: both; }

  .controls {
    display: none; } }
@media (max-width: 1060px) {
  .list .prod {
    width: 33.33334%; }

  .catlist .catprod {
    width: 33.3335%; }

  .content {
    top: 65px;
    width: 100%;
    position: relative;
    margin: 0;
    -webkit-overflow-scrolling: touch; }

  nav {
    bottom: auto;
    width: 100%;
    text-align: left;
    background: none;
    bottom: 0;
    height: 65px; }
    nav .cart div {
      display: inline;
      margin: 0 10px 0 0; }
    nav .logo {
      width: 135px;
      float: left;
      height: 65px;
      padding: 25px 0; }
    nav .mobnav {
      width: calc(100% - 135px);
      float: left;
      background: #222222;
      padding: 10px 15px;
      height: 65px; }
      nav .mobnav a {
        margin: 0 10px 0 0;
        float: left;
        text-align: center;
        font-family: 'gothambook'; }
      nav .mobnav .cartbtn {
        background: url("/images/cart.png") top left no-repeat;
        width: 40px;
        height: 40px;
        color: #fefefe;
        padding: 10px 0; }
      nav .mobnav .dressbtn {
        background: url("/images/dressing.png") top left no-repeat;
        width: 40px;
        height: 40px;
        color: #fefefe;
        padding: 10px 0; }
      nav .mobnav .navclose {
        display: none; }
      nav .mobnav .close {
        float: right; }
    nav .mainnav {
      float: left;
      width: 100%;
      background: none;
      display: none;
      background: rgba(0, 0, 0, 0.85);
      position: fixed;
      top: 65px;
      bottom: 0; }
      nav .mainnav .navwrap, nav .mainnav .cart {
        padding: 30px 20px; }
      nav .mainnav ul.hassub {
        display: block !important; }
    nav a {
      display: inline;
      margin-right: 15px;
      font-size: 14px; }
    nav ul li {
      display: inline; } }
@media (max-width: 940px) {
  .shopping .heading {
    padding: 50px; }
    .shopping .heading .cartinfo, .shopping .heading .title, .shopping .heading .buy {
      width: 100%; }
    .shopping .heading .title {
      margin: 0 0 30px; } }
@media (max-width: 900px) {
  .prodslider {
    width: 100%;
    max-width: 749px;
    margin: 0 auto;
    float: none;
    text-align: center; }
    .prodslider img {
      width: 100%; }
    .prodslider .flex-active-slide img {
      margin: 0; }

  .prodinfo .proddetail {
    width: 100%;
    max-width: 100%; }

  .gen .header, .gen .gencontent {
    padding: 50px; }
  .gen .col > div {
    width: 100%;
    padding: 0 !important; }

  .ss .header {
    padding: 50px; }
  .ss .sscontent {
    padding: 50px; }
    .ss .sscontent > div {
      width: 100%;
      border: 0;
      padding: 0; }
      .ss .sscontent > div img {
        width: calc(100% + 100px);
        margin-left: -50px; }
    .ss .sscontent .ssside {
      width: 100%;
      clear: both;
      border-top: 1px solid rgba(0, 0, 0, 0.3);
      margin: 40px 0;
      padding: 40px 0; } }
@media (max-width: 830px) {
  .checkoutemplate .checkoutwrap .blackbtn, .checkoutemplate .checkoutwrap .greybtn {
    width: 100%;
    text-align: center; }
  .checkoutemplate .checkoutwrap .form .confirm .details > div {
    width: 100%;
    margin: 0 0 20px; }
  .checkoutemplate .checkoutwrap .form .confirm .order {
    margin: 0 0 20px; }
  .checkoutemplate .checkoutwrap .form .confirm .buttons .greybtn, .checkoutemplate .checkoutwrap .form .confirm .buttons .blackbtn {
    margin: 0 0 20px; }
  .checkoutemplate .checkoutwrap .form .paymentpg {
    width: 100%;
    padding: 0 20px; }
    .checkoutemplate .checkoutwrap .form .paymentpg .buttons {
      margin: 20px 0 0; }
      .checkoutemplate .checkoutwrap .form .paymentpg .buttons .greybtn, .checkoutemplate .checkoutwrap .form .paymentpg .buttons .blackbtn {
        margin: 0 0 20px; }
    .checkoutemplate .checkoutwrap .form .paymentpg .gctab {
      max-width: 300px; }
    .checkoutemplate .checkoutwrap .form .paymentpg .cardinfo tr:first-child td {
      display: block; }
  .checkoutemplate .checkoutwrap .form .yourcart {
    display: none; }
  .checkoutemplate .checkoutwrap .form .yourdetails {
    width: 100%;
    padding: 0 20px; }
    .checkoutemplate .checkoutwrap .form .yourdetails .buttons .greybtn, .checkoutemplate .checkoutwrap .form .yourdetails .buttons .blackbtn {
      margin: 0 0 20px; } }
@media (max-width: 800px) {
  .mapwrap {
    width: 100%;
    margin: 0 auto;
    float: none; }
    .mapwrap img {
      width: 100%; }
    .mapwrap .storepic {
      display: none; }

  .storelist {
    width: 100%;
    padding: 40px 7%; }
    .storelist .featurestore, .storelist .otherstores {
      margin: 0 0 30px; }
    .storelist .storepicmob {
      display: block;
      width: calc(100% + 17%);
      margin: 0 -9% 30px; }
      .storelist .storepicmob img {
        width: 100%; } }
@media only screen and (min-device-width: 750px) and (max-device-width: 1025px) {
  .catprod .prodname {
    display: block !important; } }
@media (max-width: 750px) {
  .dash section.mydet .detwrap div {
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 15px; }
  .dash section.mydet .detwrap div:last-child {
    display: none; }

  .rightmob {
    text-align: right; }

  .gc .giftcardamount {
    text-align: center; }
    .gc .giftcardamount .amount {
      float: none; }
  .gc h2 {
    text-align: center; }
  .gc .blackbtn {
    margin: 40px auto;
    display: block;
    float: none; }
  .gc .gcinput {
    width: 100%;
    max-width: 165px;
    margin: 0 auto;
    position: relative;
    clear: both; }
    .gc .gcinput span {
      position: absolute;
      top: 10px;
      right: -35px; }
  .gc .registergc {
    text-align: left; }
    .gc .registergc h2 {
      text-align: left; }
    .gc .registergc .card .cardno {
      width: 100%;
      margin: 0; }
    .gc .registergc .card .blackbtn {
      width: 120px; }
    .gc .registergc .card .pin {
      width: calc(100% - 130px);
      margin: 0 10px 0 0; }

  .gencontent {
    padding: 50px 40px; }
    .gencontent > div .col2 > div {
      width: 100%;
      padding: 0 !important; }

  .contactform label, .contactdet label {
    width: 100%;
    margin: 0 0 5px; }
  .contactform input, .contactform .selwrap, .contactform textarea, .contactdet input, .contactdet .selwrap, .contactdet textarea {
    width: 100%; }
  .contactform .blackbtn, .contactdet .blackbtn {
    width: 100%;
    margin: 20px 0 0; }

  .contactdet .address, .contactdet .checkbox label {
    margin: 0; }
  .contactdet .blackbtn {
    width: 100%;
    margin: 0 0 20px; }

  .shopping .cartwrap {
    padding: 50px 40px; }
    .shopping .cartwrap .gotocheckout {
      text-align: center; }
      .shopping .cartwrap .gotocheckout span {
        display: block;
        margin: 20px 0; }
    .shopping .cartwrap .cart .totals .row .text {
      width: 100%; }
      .shopping .cartwrap .cart .totals .row .text .promo input[type="text"] {
        width: calc(100% - 140px);
        max-width: 160px; }
      .shopping .cartwrap .cart .totals .row .text .promo .whitebtn {
        padding-left: 5px;
        padding-right: 5px; }
      .shopping .cartwrap .cart .totals .row .text .ordertotal {
        clear: both;
        padding: 30px 0 0;
        width: 100%; }
    .shopping .cartwrap .cart .row .text {
      padding: 30px 40px 0; }
      .shopping .cartwrap .cart .row .text .sub, .shopping .cartwrap .cart .row .text .remove, .shopping .cartwrap .cart .row .text .quantity, .shopping .cartwrap .cart .row .text .remove, .shopping .cartwrap .cart .row .text .total {
        padding-top: 10px;
        width: 50%; }
      .shopping .cartwrap .cart .row .text .desc {
        width: 100%; }
      .shopping .cartwrap .cart .row .text .sub {
        clear: both;
        text-align: left; }
      .shopping .cartwrap .cart .row .text .quantity {
        text-align: right; }
      .shopping .cartwrap .cart .row .text .remove {
        clear: both;
        text-align: left; }

  .checkoutemplate .checkoutwrap .form .confirm .order .row .text .desc {
    width: 100%; }
  .checkoutemplate .checkoutwrap .form .confirm .order .row .text .sub, .checkoutemplate .checkoutwrap .form .confirm .order .row .text .quantity {
    width: 33%;
    text-align: left;
    padding: 0; }
  .checkoutemplate .checkoutwrap .form .confirm .order .row .text .total {
    width: 33%;
    padding: 0; }
  .checkoutemplate .checkoutwrap .form .confirm .order .row .text .totals {
    width: 100%; }

  .shopping .heading .buy {
    padding: 0; }

  .list .prod {
    width: 50%; }

  .catlist .catprod {
    width: 50%; }
    .catlist .catprod .prodname {
      display: block; }

  .catheader .filter span.full {
    width: 100%;
    margin: 0 0 10px;
    float: left; }
  .catheader .filter .filterlist {
    display: none; }
  .catheader .filter .filterbtn {
    text-decoration: underline;
    cursor: pointer; } }
@media (max-width: 500px) {
  .catlist .catprod {
    width: 100%; }

  .list .prod {
    width: 100%; } }
/* Emilie */
.dashnav > span {
  display: none; }
.dashnav ul {
  list-style: none;
  padding-left: 0;
  margin: 0 65px; }
  .dashnav ul li {
    display: inline-block; }
    .dashnav ul li:after {
      content: " - "; }
    .dashnav ul li:last-of-type:after {
      display: none; }

.account-content {
  width: 100%; }
  .account-content .em, .account-content.giftcards section ul.order-history li.list-header, .account-content.giftcards section form input[type="submit"], .account-content strong {
    font-family: "gothammed"; }
  .account-content section ul {
    clear: both;
    max-width: 800px;
    padding-left: 0; }
    .account-content section ul h2 {
      width: 100%;
      color: red; }
    .account-content section ul > .order-info {
      float: left;
      width: 30%;
      margin-bottom: 2em; }
      .account-content section ul > .order-info:first-of-type {
        width: 40%; }
      .account-content section ul > .order-info a {
        text-transform: capitalize; }
    .account-content section ul li {
      list-style: none;
      background: #fff;
      margin-bottom: 3px; }
      .account-content section ul li div {
        float: left;
        width: 15%;
        height: 90px;
        line-height: 90px; }
      .account-content section ul li .order-thumb {
        width: 60px;
        height: 90px;
        background: #d4d4d4; }
      .account-content section ul li .order-product {
        width: 42%;
        padding: 1em;
        line-height: 2.2em; }
        .account-content section ul li .order-product .name {
          font-family: "osblack";
          font-size: 1.5em;
          display: block; }
        .account-content section ul li .order-product .spec {
          display: block; }
      .account-content section ul li .order-price {
        width: 20%; }
      .account-content section ul li .order-quantity {
        width: 10%; }
      .account-content section ul li .order-subtotal {
        width: 10%;
        font-family: "gothammed";
        text-align: right;
        float: right;
        padding-right: 2em; }
    .account-content section ul li:after {
      content: "";
      display: block;
      clear: both; }
    .account-content section ul li.order-total div {
      width: 28%;
      float: right;
      line-height: 1em; }
      .account-content section ul li.order-total div .right {
        display: inline-block;
        float: right;
        padding-right: 2em; }

.account-content.giftcards section h2 {
  clear: both;
  width: 100%; }
.account-content.giftcards section ul.order-history li {
  background: transparent;
  height: auto; }
  .account-content.giftcards section ul.order-history li > div {
    height: 40px;
    line-height: 40px;
    width: 25%; }
.account-content.giftcards section form label {
  width: 20%;
  float: left;
  clear: both;
  margin: 10px 0 0; }
.account-content.giftcards section form input {
  width: 40%;
  float: left;
  margin: 0 0 10px;
  padding: 10px; }
.account-content.giftcards section form input[type="submit"] {
  width: 20%;
  background-color: transparent;
  border: none;
  text-decoration: underline; }

@media (max-width: 750px) {
  .heading.gen {
    padding-bottom: 0; }
    .heading.gen h1 {
      margin: 0 0 65px 20px; }

  .dashnav {
    margin-left: 0; }
    .dashnav span {
      display: block;
      border-top: #d1d1d1 1px solid;
      border-bottom: #d1d1d1 1px solid;
      text-transform: uppercase;
      padding: 0.5em 0 0.5em 22px;
      font-family: "osblack";
      font-size: 25px; }
      .dashnav span:after {
        content: "\25BE";
        display: block;
        height: 25px;
        width: 40px;
        float: right;
        line-height: 22px;
        color: #d1d1d1; }
    .dashnav ul {
      display: none;
      list-style: none;
      padding-left: 0;
      margin-left: 20px; }
      .dashnav ul li {
        display: block; }
        .dashnav ul li:after {
          display: none; }
        .dashnav ul li a {
          padding: 10px 0; }

  .gencontent {
    padding: 50px 20px; }

  div.order-details section > .order-info {
    width: 100%; }
    div.order-details section > .order-info:first-of-type {
      width: 100%; }
  div.order-details section ul li {
    position: relative; }
    div.order-details section ul li .order-product {
      height: 70px;
      width: 60%; }
    div.order-details section ul li .order-price {
      width: 40%;
      height: 20px;
      line-height: 20px;
      padding-left: 1em; }
    div.order-details section ul li .order-quantity {
      width: 20%;
      height: 20px;
      line-height: 20px; }
    div.order-details section ul li .order-subtotal {
      position: absolute;
      top: 0;
      right: 0;
      width: 20%;
      padding-right: 1em; }
  div.order-details section ul li.order-total div .right {
    padding-right: 1em; }

  .resetpass form {
    width: 75%; }
    .resetpass form label {
      display: block;
      clear: right;
      float: none;
      width: 100%; }
    .resetpass form input {
      width: 100%; }
      .resetpass form input[type="submit"] {
        margin: 0 0 0 0; } }
/* mediaqueries */
.dropdown-visible {
  display: block !important; }

@media (max-width: 420px) {
  .resetpass form {
    width: 100%; }
    .resetpass form input[type="submit"] {
      width: 30%; }

  .account-content.giftcards ul.order-history.list-header div:first-of-type {
    width: 50%; }
    .account-content.giftcards ul.order-history.list-header div:first-of-type:after {
      content: " / Order Date"; }
  .account-content.giftcards ul.order-history.list-header div:nth-of-type(2),
  .account-content.giftcards ul.order-history.list-header div:nth-of-type(3) {
    display: none; }
  .account-content.giftcards ul.order-history.list-header div:nth-of-type(4) {
    float: right; }
  .account-content.giftcards ul.order-history li >
  .account-content.giftcards ul.order-history li > .date {
    width: 100%; }
  .account-content.giftcards ul.order-history li > .order {
    width: 50%; } }
.hidden {
  display: none !important; }

.floatLeft {
  float: left !important; }

.floatRight {
  float: right !important; }

html {
  font-family: 'mobile'; }

* html {
  /* IE6 */
  font-family: "desktop"; }

* + html {
  /* IE7 */
  font-family: "desktop"; }

@media screen {
  html {
    /* IE8 */
    font-family: "desktop"; } }
/* Reset your font families here.       
 ----------------------------------- */
body {
  font-family: "gothambook", "arial", "helvetica", "sans-serif"; }

/* Queries for supported browsers.       
 ----------------------------------- */
@media screen and (max-width: 751px) {
  html {
    font-family: "mobile"; } }
@media screen and (min-width: 1024px) {
  html {
    font-family: "desktop"; } }
@media screen and (min-width: 751px) and (max-width: 1024px) {
  html {
    font-family: "tablet"; } }