.alm-listing {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  font-size: 0;
  margin-left: 7px; }

/**
 * Grid System
 */
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, .c21, .c22, .c23, .c24, .c25, .c26, .c27, .c28, .c29, .c30, .c31, .c32, .c33, .c34, .c35, .c36, .c37, .c38, .c39, .c40, .c41, .c42, .c43, .c44, .c45, .c46, .c47, .c48 {
  display: inline-block;
  height: auto;
  float: none;
  padding: 0;
  margin: 0 0 0 15px;
  vertical-align: top; }

.grid-row {
  display: block;
  width: 100%;
  height: auto;
  font-size: 0;
  padding: 0;
  margin: 0;
  margin-left: -15px; }
  .grid-row.with-inc {
    width: calc(100% + 15px); }

.c1 {
  width: calc(((100% / 48) * 1) - 15px); }

.gutter1 {
  margin-left: 15px; }

.c2 {
  width: calc(((100% / 48) * 2) - 15px); }

.gutter2 {
  margin-left: 30px; }

.c3 {
  width: calc(((100% / 48) * 3) - 15px); }

.gutter3 {
  margin-left: 45px; }

.c4 {
  width: calc(((100% / 48) * 4) - 15px); }

.gutter4 {
  margin-left: 60px; }

.c5 {
  width: calc(((100% / 48) * 5) - 15px); }

.gutter5 {
  margin-left: 75px; }

.c6 {
  width: calc(((100% / 48) * 6) - 15px); }

.gutter6 {
  margin-left: 90px; }

.c7 {
  width: calc(((100% / 48) * 7) - 15px); }

.gutter7 {
  margin-left: 105px; }

.c8 {
  width: calc(((100% / 48) * 8) - 15px); }

.gutter8 {
  margin-left: 120px; }

.c9 {
  width: calc(((100% / 48) * 9) - 15px); }

.gutter9 {
  margin-left: 135px; }

.c10 {
  width: calc(((100% / 48) * 10) - 15px); }

.gutter10 {
  margin-left: 150px; }

.c11 {
  width: calc(((100% / 48) * 11) - 15px); }

.gutter11 {
  margin-left: 165px; }

.c12 {
  width: calc(((100% / 48) * 12) - 15px); }

.gutter12 {
  margin-left: 180px; }

.c13 {
  width: calc(((100% / 48) * 13) - 15px); }

.gutter13 {
  margin-left: 195px; }

.c14 {
  width: calc(((100% / 48) * 14) - 15px); }

.gutter14 {
  margin-left: 210px; }

.c15 {
  width: calc(((100% / 48) * 15) - 15px); }

.gutter15 {
  margin-left: 225px; }

.c16 {
  width: calc(((100% / 48) * 16) - 15px); }

.gutter16 {
  margin-left: 240px; }

.c17 {
  width: calc(((100% / 48) * 17) - 15px); }

.gutter17 {
  margin-left: 255px; }

.c18 {
  width: calc(((100% / 48) * 18) - 15px); }

.gutter18 {
  margin-left: 270px; }

.c19 {
  width: calc(((100% / 48) * 19) - 15px); }

.gutter19 {
  margin-left: 285px; }

.c20 {
  width: calc(((100% / 48) * 20) - 15px); }

.gutter20 {
  margin-left: 300px; }

.c21 {
  width: calc(((100% / 48) * 21) - 15px); }

.gutter21 {
  margin-left: 315px; }

.c22 {
  width: calc(((100% / 48) * 22) - 15px); }

.gutter22 {
  margin-left: 330px; }

.c23 {
  width: calc(((100% / 48) * 23) - 15px); }

.gutter23 {
  margin-left: 345px; }

.c24 {
  width: calc(((100% / 48) * 24) - 15px); }

.gutter24 {
  margin-left: 360px; }

.c25 {
  width: calc(((100% / 48) * 25) - 15px); }

.gutter25 {
  margin-left: 375px; }

.c26 {
  width: calc(((100% / 48) * 26) - 15px); }

.gutter26 {
  margin-left: 390px; }

.c27 {
  width: calc(((100% / 48) * 27) - 15px); }

.gutter27 {
  margin-left: 405px; }

.c28 {
  width: calc(((100% / 48) * 28) - 15px); }

.gutter28 {
  margin-left: 420px; }

.c29 {
  width: calc(((100% / 48) * 29) - 15px); }

.gutter29 {
  margin-left: 435px; }

.c30 {
  width: calc(((100% / 48) * 30) - 15px); }

.gutter30 {
  margin-left: 450px; }

.c31 {
  width: calc(((100% / 48) * 31) - 15px); }

.gutter31 {
  margin-left: 465px; }

.c32 {
  width: calc(((100% / 48) * 32) - 15px); }

.gutter32 {
  margin-left: 480px; }

.c33 {
  width: calc(((100% / 48) * 33) - 15px); }

.gutter33 {
  margin-left: 495px; }

.c34 {
  width: calc(((100% / 48) * 34) - 15px); }

.gutter34 {
  margin-left: 510px; }

.c35 {
  width: calc(((100% / 48) * 35) - 15px); }

.gutter35 {
  margin-left: 525px; }

.c36 {
  width: calc(((100% / 48) * 36) - 15px); }

.gutter36 {
  margin-left: 540px; }

.c37 {
  width: calc(((100% / 48) * 37) - 15px); }

.gutter37 {
  margin-left: 555px; }

.c38 {
  width: calc(((100% / 48) * 38) - 15px); }

.gutter38 {
  margin-left: 570px; }

.c39 {
  width: calc(((100% / 48) * 39) - 15px); }

.gutter39 {
  margin-left: 585px; }

.c40 {
  width: calc(((100% / 48) * 40) - 15px); }

.gutter40 {
  margin-left: 600px; }

.c41 {
  width: calc(((100% / 48) * 41) - 15px); }

.gutter41 {
  margin-left: 615px; }

.c42 {
  width: calc(((100% / 48) * 42) - 15px); }

.gutter42 {
  margin-left: 630px; }

.c43 {
  width: calc(((100% / 48) * 43) - 15px); }

.gutter43 {
  margin-left: 645px; }

.c44 {
  width: calc(((100% / 48) * 44) - 15px); }

.gutter44 {
  margin-left: 660px; }

.c45 {
  width: calc(((100% / 48) * 45) - 15px); }

.gutter45 {
  margin-left: 675px; }

.c46 {
  width: calc(((100% / 48) * 46) - 15px); }

.gutter46 {
  margin-left: 690px; }

.c47 {
  width: calc(((100% / 48) * 47) - 15px); }

.gutter47 {
  margin-left: 705px; }

.c48 {
  width: calc(((100% / 48) * 48) - 15px); }

.gutter48 {
  margin-left: 720px; }

/**
*   1. Reset/Normalise/WebFonts
*   2. Variables
*   3. Body/Structure
*   4. Media Queries
*   5. Helper Classes, Grid & FontAwesome.
**/
/*


   Magic Zoom Plus v5.2.2 
   Copyright 2017 Magic Toolbox
   Buy a license: https://www.magictoolbox.com/magiczoomplus/
   License agreement: https://www.magictoolbox.com/license/


*/
/**
 * Core styles
 */
@font-face {
  font-family: "magictoolbox-thin";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz"); }

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage > figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.MagicZoom,
.mz-figure {
  display: inline-block;
  outline: 0 !important;
  font-size: 0 !important;
  line-height: 100% !important;
  direction: ltr !important;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.MagicZoom {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

figure.mz-figure {
  overflow: hidden;
  margin: 0 !important;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.MagicZoom img,
.mz-figure img {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 0 !important; }

.MagicZoom > img,
.mz-figure > img {
  width: 100%;
  height: auto; }

.ie8-magic .MagicZoom > img,
.ie8-magic .mz-figure > img {
  width: 100%;
  max-width: none !important; }

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
  cursor: default !important; }

.mz-figure.mz-active,
.mz-expand {
  -ms-touch-action: none;
  touch-action: none; }

.mz-lens,
.mz-zoom-window {
  position: absolute !important;
  overflow: hidden !important;
  pointer-events: none !important; }

.mz-lens img,
.mz-zoom-window img {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important; }

.mz-lens img {
  -webkit-transition: none !important;
  transition: none !important; }

.mz-zoom-window {
  z-index: 2000000000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mz-zoom-window.mz-magnifier {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-mask-clip: content;
  cursor: none; }

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
  pointer-events: auto !important;
  cursor: inherit !important; }

.mz-zoom-window.mz-magnifier.mz-expanded {
  z-index: 2147483647; }

.mz-zoom-window img {
  width: auto;
  height: auto;
  left: -1000%;
  right: -1000%;
  top: -1000%;
  bottom: -1000%;
  margin: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform-origin: 50% 50% !important;
  -ms-transform-origin: 50% 50% !important;
  transform-origin: 50% 50% !important; }

.mz-zoom-window.mz-preview img {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  -webkit-transform: none !important;
  transform: none !important; }

.lt-ie9-magic .mz-zoom-window img {
  margin: 0 !important; }

.mz-expand-controls {
  z-index: 2147483647; }

.mz-fade {
  -webkit-transition: opacity .25s;
  transition: opacity .25s; }

.mz-hidden {
  opacity: 0; }

.mz-visible {
  opacity: 1; }

.mobile-magic .mz-expand .mz-expand-bg {
  -webkit-transform-style: flat !important;
  transform-style: flat !important; }

.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
  display: none !important; }

.mobile-magic .mz-expand-controls.mz-fade {
  transition: none !important; }

.mobile-magic .mz-expand > .mz-zoom-window {
  top: 0 !important;
  left: 0 !important; }

.mz-expanded-view-open,
.mz-expanded-view-open body {
  overflow: hidden !important; }

.mz-expanded-view-open body {
  height: auto !important; }

/**
 * Main figure
 */
.mz-figure.mz-active {
  background: #fff; }

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mz-figure.mz-active.mz-no-expand {
  cursor: crosshair; }

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
  cursor: crosshair;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out; }

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
  cursor: none; }

.mz-figure.mz-magnifier-zoom.mz-active {
  overflow: visible !important; }

.mz-figure.mz-active > img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
  -webkit-filter: grayscale(80%) opacity(60%);
  filter: grayscale(80%) opacity(60%); }

.no-cssfilters-magic .mz-figure.mz-active > img {
  opacity: 0.6; }

.lt-ie10-magic .mz-figure.mz-active > img {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); }

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
  opacity: 0; }

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
  opacity: 1; }

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
  filter: alpha(opacity=0); }

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
  background: transparent; }

/**
 * Zoom lens
 */
.mz-lens {
  border: 1px solid #aaa;
  border-color: rgba(170, 170, 170, 0.7);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: none;
  z-index: 10;
  opacity: 0; }

.mz-figure.mz-active .mz-lens {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s; }

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
  border-radius: 50%;
  opacity: 0;
  cursor: none; }

/**
 * Zoom window
 */
.mz-zoom-window {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

.mz-zoom-window.mz-magnifier {
  border-radius: 100%;
  border: 0;
  background: rgba(255, 255, 255, 0.3); }

.mz-zoom-window.mz-magnifier:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border: 1px solid rgba(170, 170, 170, 0.7);
  box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3);
  background: transparent;
  z-index: 1; }

.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
  border-radius: 0 !important; }

.lt-ie9-magic .mz-zoom-window {
  border: 1px solid #e5e5e5; }

.mz-zoom-window.mz-inner {
  border: none;
  box-shadow: none; }

/* Caption in zoom window */
.mz-zoom-window .mz-caption {
  background: #777;
  color: #fff;
  font-size: 10pt;
  opacity: 0.8;
  position: absolute;
  top: 0;
  z-index: 150;
  padding: 3px;
  width: 100%;
  line-height: normal !important;
  text-align: center !important; }

.lt-ie9-magic .mz-zoom-window .mz-caption {
  filter: alpha(opacity=80); }

.mz-zoom-window.caption-bottom .mz-caption {
  top: auto;
  bottom: 0; }

.mz-zoom-window.mz-expanded > .mz-caption {
  display: none; }

/* Zoom window animations */
.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.mz-zoom-window.mz-deactivating {
  -webkit-transition-duration: .25s, .25s, .25s;
  transition-duration: .25s, .25s, .25s; }

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
  opacity: 0;
  z-index: -100; }

.mz-zoom-window.mz-p-right {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0); }

.mz-zoom-window.mz-p-left {
  -webkit-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0); }

.mz-zoom-window.mz-p-top {
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0); }

.mz-zoom-window.mz-p-bottom {
  -webkit-transform: translate3d(0, -20%, 0);
  transform: translate3d(0, -20%, 0); }

/* Inner mode animation */
.mz-zoom-window > img {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mz-zoom-window.mz-p-inner.mz-deactivating > img,
.mz-zoom-window.mz-p-inner.mz-activating > img {
  -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
  transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; }

/* Magnifier mode animation */
.mz-zoom-window.mz-p-magnifier {
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }

/* Preview mode animation */
.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
  -webkit-transition-duration: .2s;
  transition-duration: .2s; }

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
  opacity: 0; }

/**
 * Hint & Loading
 */
.mz-hint,
.mz-loading {
  color: #eee;
  background: rgba(49, 51, 61, 0.7);
  font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  direction: ltr;
  display: inline-block;
  margin: 0;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.mz-hint {
  bottom: 8px;
  left: 0;
  right: 0;
  padding: 0 10%;
  background-color: transparent;
  -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
  transition: opacity 0.25s ease, z-index 0.25s ease; }

.mz-hint-message {
  display: inline-block;
  background: rgba(49, 51, 61, 0.7);
  border-radius: 2em;
  padding: .7em 1.1em; }

.mz-hint-message:before {
  content: '\02295';
  font-family: serif;
  font-size: 1.5em;
  speak: none;
  text-align: center;
  vertical-align: -2px;
  margin-right: 6px;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.mobile-magic .mz-hint-message:before {
  display: none; }

.mz-hint-hidden {
  opacity: 0;
  z-index: -1;
  -webkit-transition-delay: .6s;
  transition-delay: .6s; }

/* Hint in the expanded view on mobile */
.mz-expand .mz-hint {
  font-size: 18px;
  line-height: 1.1em;
  top: 50%;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.mz-expand .mz-hint-message {
  padding: 1.1em; }

.mz-expand .mz-hint-message:before {
  display: none; }

.mz-expand .mz-hint-hidden {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 0; }

/* Loading indicator */
.mz-loading {
  font-size: 0;
  border-radius: 100%;
  opacity: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.mz-loading:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  text-indent: -9999em;
  border-radius: 50%;
  border: 2px solid white;
  border-top-color: transparent;
  box-sizing: border-box; }

.mz-loading.shown {
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s; }

.mz-loading.shown:after {
  -webkit-animation: spin-loading .9s infinite linear;
  animation: spin-loading .9s infinite linear; }

@-webkit-keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.lt-ie10-magic .mz-loading {
  border-radius: 2em;
  font-size: 12px;
  padding: .7em 1.1em;
  width: auto;
  height: auto; }

.lt-ie10-magic .mz-loading:after {
  content: 'Loading...';
  text-indent: 0;
  border: none;
  position: relative; }

.lt-ie9-magic .mz-loading {
  filter: alpha(opacity=0);
  right: 0;
  left: 0;
  width: 126px;
  margin: auto; }

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
  background: transparent !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); }

.lt-ie9-magic .mz-hint-hidden {
  filter: alpha(opacity=0); }

/**
 * Expanded view
 */
.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > img,
.mz-expand .mz-expand-bg > svg {
  width: auto !important;
  height: auto !important; }

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg > svg {
  min-width: 100% !important;
  min-height: 100% !important; }

.mz-expand {
  background-color: black;
  text-align: center;
  vertical-align: middle;
  display: block;
  overflow: hidden;
  z-index: 2100000000;
  position: fixed;
  width: auto;
  height: auto;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-overflow-style: none; }

/* Expanded view background */
.mz-expand .mz-expand-bg {
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  z-index: -100;
  max-width: none !important;
  max-height: none !important;
  -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
  -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
  transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
  -webkit-perspective: 600px;
  perspective: 600px;
  background-repeat: no-repeat;
  background-size: cover; }

.mz-expand .mz-expand-bg > img {
  margin: auto;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
  -webkit-filter: blur(20px) brightness(60%);
  filter: blur(20px) brightness(60%);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mz-expand .mz-expand-bg > svg {
  margin: auto;
  opacity: .6; }

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
  display: none !important; }

.lt-ie9-magic .mz-expand {
  background: #1f1f1f; }

[data-magic-ua=edge] .mz-expand {
  background-color: rgba(31, 31, 31, 0.96); }

/** Plain backgrounds: dark-bg, white-bg **/
.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
  display: none !important; }

.mz-expand.dark-bg {
  background-color: #1f1f1f;
  background-color: rgba(31, 31, 31, 0.96); }

.mz-expand.white-bg {
  background-color: #fff; }

/* Expanded view stage */
.mz-expand .mz-expand-stage {
  z-index: 2100000000;
  padding: 0; }

.mz-expand .mz-expand-stage .mz-image-stage {
  z-index: 50;
  left: 120px;
  right: 120px;
  padding: 20px 0 40px 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-perspective: 600px;
  perspective: 600px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
  padding-bottom: 120px; }

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding: 0 !important;
  left: 0;
  right: 0; }

.mz-expand .mz-image-stage > figure:before,
.mz-expand .mz-image-stage:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  font-size: 0;
  line-height: 100%;
  width: 0; }

.mz-expand .mz-image-stage > figure {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 100%;
  position: relative; }

.mz-expand .mz-figure {
  overflow: visible;
  max-width: 100% !important; }

.mz-expand .mz-figure > img {
  max-width: 100%;
  width: auto;
  height: auto; }

.mz-expand .mz-zoom-in .mz-image-stage > figure,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
  width: 100%;
  height: 100%; }

.mz-expand .mz-figure {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mz-expand .mz-figure.mz-active {
  cursor: crosshair;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out; }

/* When inner zoom is always shown */
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
  z-index: 1;
  position: absolute !important;
  top: -5000px !important;
  bottom: -5000px !important;
  left: -5000px !important;
  right: -5000px !important;
  margin: auto !important; }

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
  filter: alpha(opacity=100); }

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
  overflow: hidden;
  filter: alpha(opacity=100); }

/* Caption in expanded view */
.mz-expand .mz-caption {
  color: #fff;
  text-shadow: 0px 0px 46px #000;
  padding: 10px 4px;
  font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0; }

.mz-expand .mz-caption.mz-show {
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  opacity: 1; }

.mz-expand .mz-caption a {
  color: inherit;
  cursor: pointer; }

.mz-expand.white-bg .mz-caption {
  color: #555;
  text-shadow: none; }

.lt-ie9-magic .mz-expand .mz-caption {
  top: 100%; }

.mz-expand .mz-zoom-window {
  box-shadow: none;
  background: transparent; }

.lt-ie9-magic .mz-expand .mz-zoom-window {
  border: 0; }

/* Expanded view on mobile */
.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
  left: 0px;
  right: 0px; }

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
  bottom: 0px; }

.mobile-magic .mz-expand-stage .mz-image-stage {
  padding: 0; }

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
  padding: 5px 0 60px; }

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
  padding-top: 0; }

.mobile-magic .mz-expand .mz-expand-thumbnails {
  padding: 0;
  height: 60px; }

/**
 * Buttons & Arrows
 */
.mz-expand-controls,
button.mz-button {
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important; }

button.mz-button {
  color: #b4b4b4 !important;
  font: 900 34px/1 'magictoolbox-thin' !important;
  cursor: pointer;
  z-index: 90 !important;
  background-color: transparent !important;
  border: 1px solid rgba(180, 180, 180, 0) !important;
  border-radius: 100% !important;
  box-shadow: none !important;
  position: absolute !important;
  text-transform: none !important;
  text-align: center;
  speak: none;
  -webkit-font-smoothing: antialiased;
  width: 60px !important;
  height: 60px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important; }

button.mz-button:before {
  display: inline;
  position: static;
  color: inherit !important;
  font: inherit !important;
  -webkit-font-smoothing: inherit !important; }

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
  margin: auto 10px !important;
  top: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important; }

button.mz-button.mz-button-prev {
  left: 0 !important; }

button.mz-button.mz-button-next {
  right: 0 !important; }

button.mz-button.mz-button-close {
  font-size: 26px !important;
  margin: 10px !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 95 !important; }

:root:not(.mobile-magic) button.mz-button {
  color: rgba(180, 180, 180, 0.75) !important;
  -webkit-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
  -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
  transition: color .25s, border-color .25s, transform .25s !important; }

:root:not(.mobile-magic) button.mz-button:hover {
  color: #b4b4b4 !important;
  border-color: rgba(180, 180, 180, 0.6) !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important; }

.mobile-magic button.mz-button {
  -webkit-transition: -webkit-transform .1s !important;
  transition: transform .1s !important; }

.mobile-magic button.mz-button:active {
  border-color: rgba(180, 180, 180, 0.6) !important;
  -webkit-transform: scale(0.95) !important;
  transform: scale(0.95) !important; }

button.mz-button.mz-button-close:before {
  content: "\a001"; }

button.mz-button.mz-button-prev:before {
  content: "\a002"; }

button.mz-button.mz-button-next:before {
  content: "\a003"; }

@media screen and (max-device-width: 767px) {
  button.mz-button-prev,
  button.mz-button-next {
    display: none !important; }
  .mobile-magic .mz-expand button.mz-button {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(49, 51, 61, 0.3) !important;
    border-color: transparent !important; } }

.lt-ie9-magic button.mz-button {
  border: 0;
  filter: alpha(opacity=75); }

.lt-ie9-magic button.mz-button:hover {
  filter: alpha(opacity=100); }

/**
 * Thumbnails
 */
/* Thumbnails on the page */
a[data-zoom-id],
.mz-thumb, .mz-thumb:focus {
  display: inline-block;
  line-height: 0;
  outline: none; }

a[data-zoom-id] img,
.mz-thumb img {
  border: 0;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box; }

.mz-thumb:hover:not(.mz-thumb-selected) img {
  -webkit-filter: brightness(75%);
  filter: brightness(75%); }

.mz-thumb-selected img {
  -webkit-filter: brightness(60%);
  filter: brightness(60%); }

.no-cssfilters-magic .mz-thumb:hover,
.no-cssfilters-magic .mz-thumb.mz-thumb-selected {
  background: #000; }

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
  opacity: .75;
  filter: alpha(opacity=75); }

.no-cssfilters-magic .mz-thumb-selected img {
  opacity: .6;
  filter: alpha(opacity=60); }

.ie9-magic .mz-thumb img {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3); }

/* Thumbnails in expanded view */
.mz-expand-thumbnails {
  z-index: 50;
  position: absolute;
  bottom: 0;
  left: 65px;
  right: 65px;
  height: 80px;
  padding: 10px 0;
  box-sizing: border-box; }

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
  padding: 10px 2px; }

.mz-expand-thumbnails .magic-thumb > img {
  cursor: pointer;
  height: 40px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); }

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
  -webkit-filter: brightness(70%);
  filter: brightness(70%); }

.mz-expand-thumbnails .magic-thumb-selected img {
  -webkit-filter: brightness(50%);
  filter: brightness(50%); }

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
  box-shadow: none; }

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
  opacity: 0; }

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
  opacity: .7;
  filter: alpha(opacity=70); }

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
  opacity: .5;
  filter: alpha(opacity=50); }

/** Hide thumbnails in expanded view with .no-expand-thumbnails class **/
.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
  padding-bottom: 40px; }

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
  display: none; }

.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
  padding: 0; }

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.magic-thumbs {
  direction: ltr;
  overflow: visible;
  z-index: 100;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none;
  touch-action: none; }

.magic-thumbs {
  width: 100%;
  height: 100%;
  white-space: nowrap; }

.magic-thumbs.no-buttons {
  padding: 0 !important; }

.magic-thumbs-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center; }

.magic-thumbs ul {
  list-style: none;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  position: relative;
  white-space: nowrap; }

.magic-thumbs.no-buttons ul {
  left: 0 !important;
  padding: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.magic-thumbs ul li {
  margin: 0 4px;
  height: 100%;
  width: auto;
  vertical-align: top;
  line-height: 0;
  display: inline-block; }

.magic-thumbs ul li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.magic-thumbs ul li > img {
  width: auto;
  height: auto;
  max-width: none !important;
  max-height: 100% !important;
  vertical-align: middle; }

.ie8-magic .magic-thumbs ul li > img {
  max-width: none !important;
  max-height: none !important; }

/* vertical */
.magic-thumbs.magic-thumbs-vertical {
  height: 100%; }

.magic-thumbs-vertical {
  padding: 30px 0; }

.magic-thumbs-vertical ul {
  height: auto;
  width: 100%;
  white-space: normal; }

.magic-thumbs-vertical ul li {
  width: 100%;
  height: auto; }

.magic-thumbs-vertical ul li {
  margin: 4px 0; }

.magic-thumbs-vertical ul li > img {
  max-width: 100% !important;
  max-height: none !important; }

.ie8-magic .magic-thumbs-vertical ul li > img {
  width: 100%; }

/**
 * Buttons
 */
.magic-thumbs button.magic-thumbs-button {
  color: #b4b4b4 !important;
  font: 900 24px/1 'magictoolbox-thin' !important;
  cursor: pointer;
  z-index: 90 !important;
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  overflow: hidden;
  position: absolute;
  text-transform: none !important;
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  width: 30px;
  height: 100%;
  top: 0;
  bottom: 0;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important; }

.magic-thumbs button.magic-thumbs-button:before {
  display: inline;
  position: static;
  color: inherit !important;
  font: inherit !important;
  -webkit-font-smoothing: inherit !important; }

.magic-thumbs .magic-thumbs-button-prev {
  left: 0; }

.magic-thumbs .magic-thumbs-button-next {
  right: 0; }

.magic-thumbs .magic-thumbs-button-prev:before {
  content: "\a002"; }

.magic-thumbs .magic-thumbs-button-next:before {
  content: "\a003"; }

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button {
  color: rgba(180, 180, 180, 0.75) !important;
  -webkit-transform: scale(0.85) !important;
  transform: scale(0.85) !important;
  -webkit-transition: color .25s, -webkit-transform .25s !important;
  transition: color .25s, transform .25s !important; }

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover {
  color: #b4b4b4 !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important; }

/* Vertical buttons */
.magic-thumbs-vertical .magic-thumbs-button {
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  top: auto;
  bottom: auto; }

.magic-thumbs-vertical .magic-thumbs-button-prev {
  top: 0; }

.magic-thumbs-vertical .magic-thumbs-button-next {
  bottom: 0; }

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
  content: "\a005"; }

.magic-thumbs-vertical .magic-thumbs-button-next:before {
  content: "\a004"; }

.magic-thumbs.no-buttons .magic-thumbs-button {
  display: none !important; }

.magic-thumbs-button-disabled {
  opacity: 0.2;
  filter: alpha(opacity=20); }

.offscreen {
  opacity: 0;
  position: fixed;
  top: -100000px;
  left: -100000px; }

/*
==========================================================================
   1. Reset
==========================================================================
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: sans-serif; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  padding: 0;
  margin: 0; }

h2 {
  font-size: 1.5em;
  margin: .83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: .83em;
  margin: 1.67em 0; }

h6 {
  font-size: .67em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl, menu, ol, ul {
  margin: 0; }

dd {
  margin: 0; }

menu, ol, ul {
  padding: 0; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

div, input, textarea, form, fieldset, button, a, ul, li, i, select, .custom-select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none; }

/*
==========================================================================
   2. Variables
==========================================================================
*/
/* $errorColour: #cc1e1e;*/
/*
==========================================================================
   3. Body/Structure
==========================================================================
*/
html, body {
  overflow-x: hidden; }

body {
  font: 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #535353; }

#force-body-wrap {
  max-width: 1600px;
  margin: auto; }

a {
  color: #535353; }

.title {
  border-bottom: 1px solid #b5b5b5;
  text-align: center;
  padding-bottom: 11px;
  font: 900 17px/17px "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px; }

#header-login-box {
  display: none;
  position: absolute;
  top: 20px;
  right: -1px;
  background: #fff;
  padding: 15px 25px;
  border: 1px solid #cdcdcd;
  z-index: 50;
  width: 345px;
  text-align: left;
  font-weight: normal; }
  #header-login-box .forgot-pass {
    margin-top: 5px;
    line-height: 26px; }
  #header-login-box .title {
    border-bottom: 1px solid #b5b5b5;
    text-align: center;
    padding-bottom: 11px;
    font: 400 12px/17px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px; }
  #header-login-box label {
    display: block;
    margin: 5px 0;
    font-size: 10px; }
    #header-login-box label .error {
      float: right;
      background: #cc0066;
      color: #fff;
      padding: 2px 5px;
      font-size: 10px; }
  #header-login-box input {
    width: 100%;
    border: 1px solid #b5b5b5;
    padding: 7px;
    margin-bottom: 10px; }
  #header-login-box button {
    border: 0;
    background: #535353;
    color: #fff;
    font: 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif;
    padding: 8px 30px 7px;
    font-weight: normal; }
    #header-login-box button i {
      font-size: 13px; }

.login-hover-mobile #header-login-box {
  font-weight: normal;
  width: 100%;
  border-left: none;
  border-right: none;
  top: 59px;
  line-height: 25px;
  /*label, a {
            font-size: 14px;
        }*/ }
  .login-hover-mobile #header-login-box button {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: normal; }
  .login-hover-mobile #header-login-box a {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 15px 0 0;
    font-weight: normal; }

#bar {
  background: #fff;
  width: 100%;
  height: 32px;
  padding: 6px 5%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10002;
  font-weight: bold; }
  #bar .search-bar {
    display: inline-block;
    position: relative;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                              supported by Chrome and Opera */ }
    #bar .search-bar .search-icon {
      cursor: pointer; }
    #bar .search-bar form {
      display: none; }
      #bar .search-bar form input {
        display: inline-block; }
      #bar .search-bar form .close-search {
        position: absolute;
        right: -104px;
        top: 10px;
        z-index: 9999999;
        width: 12px; }
  #bar .social {
    padding: 6px 0;
    font-size: 20px; }
    #bar .social a {
      /* color: #504f4f;*/
      text-decoration: none;
      margin: 0 7px 0 0;
      display: inline-block; }
    #bar .social h1 {
      padding: 0;
      margin: 0;
      font-size: 10px;
      line-height: 20px;
      display: inline; }
  #bar .right {
    font-size: 10px;
    line-height: 20px; }
    #bar .right .column {
      display: inline-block;
      vertical-align: middle; }
      #bar .right .column sep {
        padding: 0 15px; }
    #bar .right i {
      font-size: 11px;
      line-height: 20px; }
      #bar .right i.fa-shopping-cart {
        margin: 0 5px; }
      #bar .right i.fa-search {
        /* background: #d3d2d2;*/
        display: inline-block;
        height: 32px;
        line-height: 32px;
        padding-top: 0;
        padding-right: 3px;
        /* padding-left: 15px;*/
        padding-bottom: 0;
        font-size: 16px; }
    #bar .right .search-box {
      width: 160px;
      height: 50px;
      background: #FFF;
      position: absolute;
      top: 0;
      left: 21px;
      z-index: 999999;
      border: 0;
      padding: 0;
      color: #2e2e2e;
      font-size: 10px;
      font-weight: bold;
      -webkit-appearance: none;
      border-radius: 0;
      height: 32px;
      line-height: 32px;
      border-bottom: 1px solid #434242; }
    #bar .right #login-link, #bar .right #basket-link {
      /* background: #bdbdbd;*/
      color: #434242;
      /* height: 32px;*/
      display: inline-block;
      /* padding: 0 15px;*/
      text-decoration: none;
      position: relative; }
      #bar .right #login-link .fa, #bar .right #basket-link .fa {
        font-size: 22px;
        line-height: 32px;
        /* vertical-align: middle;*/ }
    #bar .right #login-link {
      font-size: 10px; }
      #bar .right #login-link .fa {
        margin-left: 5px; }
    #bar .right #basket-line {
      position: relative;
      /* padding-right: 15px;*/
      /* border: 1px solid #f5f5f5;*/
      border-bottom: 0;
      border-top: 0;
      padding-right: 10px; }
      #bar .right #basket-line #border-mask {
        position: absolute;
        right: -1px;
        bottom: 0;
        border-right: 1px solid transparent;
        height: 20px; }
      #bar .right #basket-line.open a {
        color: #FFFFFF !important; }
        #bar .right #basket-line.open a .item-count {
          color: #FFFFFF !important; }
      #bar .right #basket-line:hover #border-mask {
        border-right: 1px solid #b5b5b5;
        height: 20px; }
      #bar .right #basket-line.active {
        background: #fff;
        /* border-right: 1px solid $borderColour;*/
        /* border-left: 1px solid $borderColour;*/
        /* border-bottom: 1px solid #fff;*/ }
    #bar .right .login-hover {
      position: relative;
      /* vertical-align: text-top;*/
      margin-right: 8px;
      margin-bottom: -2px;
      padding-right: 12px;
      border-right: 1px solid transparent;
      /* #login-link {*/
      /*     border-left: 1px solid #bdbdbd;*/
      /*     border-right: 1px solid #bdbdbd;*/
      /* }*/ }

@-moz-document url-prefix() {
  #bar .right .login-hover {
    margin-bottom: -4px; } }
      #bar .right .login-hover.open a {
        color: #FFFFFF !important; }
    #bar .right .login-hover:hover {
      border-right: 1px solid #cdcdcd;
      height: 20px;
      /* #login-link {*/
      /*     // background: #fff;*/
      /*     // border-right: 1px solid #cdcdcd;*/
      /*     // border-left: 1px solid #cdcdcd;*/
      /*     // border-bottom: 1px solid #fff;*/
      /* }*/ }
      #bar .right .login-hover:hover #header-login-box {
        display: none; }
    #bar .right #basket-link {
      background: none;
      padding: 0; }
      #bar .right #basket-link .fa {
        margin: 0;
        margin-right: 5px;
        font-size: 20px;
        /* vertical-align: bottom;*/ }
      #bar .right #basket-link span {
        display: inline-block; }
      #bar .right #basket-link span.items {
        font-size: 10px;
        line-height: 10px;
        color: #2e2e2e;
        margin-left: 7px;
        font-weight: bold;
        display: none; }
      #bar .right #basket-link span.item-count {
        background: #fff;
        color: #434242;
        text-align: center;
        line-height: 10px;
        font-size: 8px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        font-weight: bold;
        position: absolute;
        right: 0px;
        top: 4px; }
        #bar .right #basket-link span.item-count.empty {
          display: none !important; }
    #bar .right .header-btn {
      /* display: inline-block;*/
      display: none;
      background: #434242;
      letter-spacing: 1px;
      color: #fff;
      height: 21px;
      line-height: 21px;
      padding: 0 8px;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      margin-left: 15px;
      /* vertical-align: middle;*/ }

@media (max-width: 1025px) and (min-width: 701px) {
  #bar .social {
    width: 20%; }
  #bar .right {
    width: 77%; } }

.basket-page .small-basket {
  display: block !important;
  position: relative;
  top: 0;
  left: 0;
  border: 0;
  width: 100%; }
  .basket-page .small-basket .line {
    text-align: center; }
  .basket-page .small-basket .column, .basket-page .small-basket .fr {
    display: block;
    width: 100%; }
    .basket-page .small-basket .column .img, .basket-page .small-basket .fr .img {
      border: 0;
      width: 100%;
      max-width: 100%;
      margin: 0; }
  .basket-page .small-basket #checkout {
    padding: 10px 0;
    margin: 0; }

.small-basket {
  position: absolute;
  display: none;
  top: 30px;
  right: -1px;
  background: #fff;
  border: 1px solid #b5b5b5;
  /* border-top: 0;*/
  padding: 0;
  z-index: 50;
  width: 432px;
  text-align: left; }
  .small-basket .small-basket-inner {
    padding: 15px; }
  .small-basket .line {
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .small-basket .line .img {
      border: 1px solid #dadada;
      width: 92px;
      margin-right: 10px; }
    .small-basket .line .small-basket-artist {
      text-transform: uppercase; }
    .small-basket .line .qty-update {
      display: none; }
      .small-basket .line .qty-update input[type=text] {
        display: inline-block;
        padding: 3px;
        width: 50px;
        text-align: center; }
      .small-basket .line .qty-update button {
        border: 0;
        text-decoration: underline;
        background: none; }
  .small-basket .price {
    font-weight: bold;
    font-size: 15px; }
  .small-basket .text-right .price {
    margin-left: 15px; }
  .small-basket #ship-worldwide {
    margin: 10px 0;
    background: #ededed;
    padding: 10px;
    text-align: center; }
  .small-basket #checkout {
    border-top: 1px solid #b3b3b3;
    margin: 5px -15px;
    padding: 15px 15px 0; }
    .small-basket #checkout a {
      display: inline-block;
      padding: 10px;
      background: #cc0066;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      line-height: 15px;
      text-transform: uppercase;
      width: 100%;
      text-align: center; }
      .small-basket #checkout a i {
        font-size: 14px; }

#content {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 0;
  margin-top: -15px;
  position: relative;
  z-index: 5; }
  #content #content-container {
    margin: 0 auto;
    padding: 15px 0 35px; }
    #content #content-container p {
      padding: 0;
      width: 100%;
      height: auto;
      color: #535353;
      font-size: 13px;
      line-height: 20px;
      margin: 15px 0 0; }
    #content #content-container h1, #content #content-container h2, #content #content-container h3, #content #content-container h4, #content #content-container h5, #content #content-container h6 {
      font-size: 15px;
      line-height: 15px;
      font-weight: bold;
      text-transform: uppercase; }
  #content #content-banner {
    width: 100%;
    height: 261px;
    background: #000000;
    margin: 0;
    padding: 0;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url("/img/content-default.jpg"); }
    #content #content-banner:before {
      width: 1px;
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      background: transparent;
      margin: 0;
      padding: 0;
      content: ''; }
    #content #content-banner #banner-header {
      display: inline-block;
      width: 100%;
      max-width: 710px;
      height: auto;
      padding: 16px;
      /* background: rgba(0, 0, 0, 0.6);*/
      margin: 0 auto;
      vertical-align: middle; }
      #content #content-banner #banner-header .inner {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 18px 0;
        /* border: 1px solid rgba(255, 255, 255, 0.7);*/
        text-align: center; }
        #content #content-banner #banner-header .inner h1 {
          width: auto;
          height: auto;
          display: inline;
          font-size: 27px;
          line-height: 27px;
          /* border-top: 1px solid #FFFFFF;*/
          /* border-bottom: 1px solid #FFFFFF;*/
          color: #FFFFFF;
          text-transform: uppercase;
          font-weight: bold;
          margin: 0;
          letter-spacing: 5px;
          padding: 3px 0; }

.paypal-button.paypal-style-checkout {
  font-size: 0 !important;
  width: 319px !important;
  height: 48px !important;
  max-width: calc(100% - 2px) !important;
  border: 1px solid #a1a1a1 !important;
  border-top: none !important;
  border-bottom: none !important;
  background: url("/img/paypal-checkout.jpg") no-repeat top center transparent !important; }
  .paypal-button.paypal-style-checkout br,
  .paypal-button.paypal-style-checkout .paypal-button-tag-content,
  .paypal-button.paypal-style-checkout .paypal-button-content {
    display: none !important; }

#mobile-bar {
  width: 100%;
  position: fixed;
  /* border-bottom: 1px solid #b1b1b1;*/
  padding: 6px;
  margin-bottom: 20px;
  z-index: 1000;
  top: 0;
  background: #FFF;
  left: 0; }
  #mobile-bar #mobile-nav {
    position: relative;
    z-index: 999999;
    top: 15px;
    left: 10px; }
  #mobile-bar #logo {
    max-width: 118px;
    margin-top: 5px;
    /* @include media('<=320px') {*/
    /*     margin-top: 15px;*/
    /* }*/ }
  #mobile-bar .column {
    float: left; }
    #mobile-bar .column:first-child {
      width: 15%; }
    #mobile-bar .column:nth-child(2) {
      width: 15%; }
    #mobile-bar .column:nth-child(3) {
      width: 73%; }
  #mobile-bar .icons {
    float: right;
    font-size: 25px;
    padding-top: 15px;
    padding-right: 15px;
    position: absolute; }
    #mobile-bar .icons a {
      margin-right: 3%;
      text-decoration: none;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    #mobile-bar .icons .icon {
      display: inline-block;
      vertical-align: middle; }
  #mobile-bar .item-count {
    text-decoration: none;
    position: relative;
    top: -3px;
    font-size: 10px;
    width: 14px;
    height: 13px;
    line-height: 12px;
    text-align: center;
    background: #FFFFFF;
    color: #434242;
    border-radius: 50%;
    display: inline-block;
    left: -7px; }
    #mobile-bar .item-count.empty {
      display: none !important; }
  #mobile-bar #mobile-menu {
    margin-top: 65px;
    height: 100%; }
    #mobile-bar #mobile-menu .menu-item a {
      text-transform: uppercase; }
    #mobile-bar #mobile-menu .menu-item.login .title_mobile {
      padding-top: 5px;
      font-size: 11px; }
    #mobile-bar #mobile-menu .menu-item.login .action {
      padding-top: 5px; }
      #mobile-bar #mobile-menu .menu-item.login .action a {
        font-weight: normal !important;
        text-transform: none;
        padding: 2px 0 !important; }
    #mobile-bar #mobile-menu .menu-item .sub-menu li a {
      text-transform: none;
      font-weight: normal !important; }
    #mobile-bar #mobile-menu .signin {
      position: relative; }
    #mobile-bar #mobile-menu .account-login-mobile {
      display: none;
      height: 100%;
      /* position: absolute;*/
      font-size: 10px;
      background-color: #FFFFFF; }
      #mobile-bar #mobile-menu .account-login-mobile.open {
        display: inline-block; }
      #mobile-bar #mobile-menu .account-login-mobile input {
        width: 100%;
        padding: 10px;
        padding-left: 40px;
        background: #e9e9e9;
        margin-bottom: 10px;
        font-size: 13px;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        border: none;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9; }
      #mobile-bar #mobile-menu .account-login-mobile a {
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        font-size: 11px !important;
        font-weight: normal !important;
        float: right;
        padding-right: 20px;
        margin-bottom: 10px; }
      #mobile-bar #mobile-menu .account-login-mobile .forgot-pass-mobile {
        text-transform: none; }
      #mobile-bar #mobile-menu .account-login-mobile button {
        border: 0;
        background: #535353;
        color: #fff;
        width: 100%;
        font: 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif;
        padding: 10px 20px;
        font-weight: normal; }
  #mobile-bar .mobile-login {
    height: 230px;
    width: 100%; }
    #mobile-bar .mobile-login.logged-in {
      height: 180px;
      display: inline-block;
      padding: 0 20px; }
    #mobile-bar .mobile-login .mobile-title {
      font-weight: bold; }
    #mobile-bar .mobile-login a {
      font-weight: bold;
      line-height: 1.3; }
  #mobile-bar #close-mobile-nav {
    display: none; }
    #mobile-bar #close-mobile-nav img {
      padding-left: 14px;
      padding-top: 15px; }
  #mobile-bar #close-mobile-artists {
    position: absolute;
    top: 20px;
    left: 20px;
    display: none; }
  #mobile-bar #mobile-menu, #mobile-bar #artist-dropdown-mobile, #mobile-bar #products-dropdown-mobile {
    background: #fff;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    /* border-bottom: 1px solid #d9d9d9;        */
    max-height: 100%;
    overflow-y: auto; }
    #mobile-bar #mobile-menu #close-mobile-nav, #mobile-bar #mobile-menu #close-mobile-products, #mobile-bar #artist-dropdown-mobile #close-mobile-nav, #mobile-bar #artist-dropdown-mobile #close-mobile-products, #mobile-bar #products-dropdown-mobile #close-mobile-nav, #mobile-bar #products-dropdown-mobile #close-mobile-products {
      margin-right: 5px;
      position: relative;
      top: 5px; }
    #mobile-bar #mobile-menu #mobile-search, #mobile-bar #artist-dropdown-mobile #mobile-search, #mobile-bar #products-dropdown-mobile #mobile-search {
      width: 100%;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      /* margin-top: 20px;*/ }
      #mobile-bar #mobile-menu #mobile-search button, #mobile-bar #mobile-menu #mobile-search input[type=text], #mobile-bar #artist-dropdown-mobile #mobile-search button, #mobile-bar #artist-dropdown-mobile #mobile-search input[type=text], #mobile-bar #products-dropdown-mobile #mobile-search button, #mobile-bar #products-dropdown-mobile #mobile-search input[type=text] {
        background: #e9e9e9;
        border: 0;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        -webkit-appearance: none;
        border-radius: 0; }
      #mobile-bar #mobile-menu #mobile-search input[type=text], #mobile-bar #artist-dropdown-mobile #mobile-search input[type=text], #mobile-bar #products-dropdown-mobile #mobile-search input[type=text] {
        width: 90%;
        padding: 10px; }
      #mobile-bar #mobile-menu #mobile-search button, #mobile-bar #artist-dropdown-mobile #mobile-search button, #mobile-bar #products-dropdown-mobile #mobile-search button {
        width: 10%;
        text-align: center !important;
        height: 36px;
        padding: 0 !important; }
      #mobile-bar #mobile-menu #mobile-search form, #mobile-bar #artist-dropdown-mobile #mobile-search form, #mobile-bar #products-dropdown-mobile #mobile-search form {
        background: #e9e9e9; }
    #mobile-bar #mobile-menu #nav, #mobile-bar #artist-dropdown-mobile #nav, #mobile-bar #products-dropdown-mobile #nav {
      padding: 10px 5px 10px 20px;
      width: 30%;
      position: relative;
      margin-bottom: 10px; }
      #mobile-bar #mobile-menu #nav ul li, #mobile-bar #artist-dropdown-mobile #nav ul li, #mobile-bar #products-dropdown-mobile #nav ul li {
        list-style: none; }
        #mobile-bar #mobile-menu #nav ul li.login, #mobile-bar #artist-dropdown-mobile #nav ul li.login, #mobile-bar #products-dropdown-mobile #nav ul li.login {
          padding-top: 5px; }
        #mobile-bar #mobile-menu #nav ul li.new, #mobile-bar #artist-dropdown-mobile #nav ul li.new, #mobile-bar #products-dropdown-mobile #nav ul li.new {
          padding-top: 5px; }
        #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu {
          display: none;
          position: absolute;
          left: 100%;
          top: 10px;
          width: 202%; }
          #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu li.has-grandchildren a, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a {
            position: relative; }
            #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu li.has-grandchildren a span, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a span, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a span {
              position: absolute;
              right: -10px;
              top: 25%; }
              #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu li.has-grandchildren a span.hidden, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a span.hidden, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren a span.hidden {
                display: none; }
          #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu {
            display: none; }
            #mobile-bar #mobile-menu #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu li a, #mobile-bar #artist-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu li a, #mobile-bar #products-dropdown-mobile #nav ul li.has-children .sub-menu li.has-grandchildren .sub-sub-menu li a {
              font-weight: normal; }
        #mobile-bar #mobile-menu #nav ul li a, #mobile-bar #artist-dropdown-mobile #nav ul li a, #mobile-bar #products-dropdown-mobile #nav ul li a {
          padding: 10px 0;
          display: block;
          font-weight: bold;
          font-size: 10px;
          text-decoration: none; }
          #mobile-bar #mobile-menu #nav ul li a:hover, #mobile-bar #artist-dropdown-mobile #nav ul li a:hover, #mobile-bar #products-dropdown-mobile #nav ul li a:hover {
            text-decoration: underline; }
          #mobile-bar #mobile-menu #nav ul li a.small, #mobile-bar #artist-dropdown-mobile #nav ul li a.small, #mobile-bar #products-dropdown-mobile #nav ul li a.small {
            text-transform: capitalize; }
          #mobile-bar #mobile-menu #nav ul li a.sale, #mobile-bar #artist-dropdown-mobile #nav ul li a.sale, #mobile-bar #products-dropdown-mobile #nav ul li a.sale {
            color: #cc0066; }
  #mobile-bar #artist-dropdown-mobile {
    top: 66px; }
  #mobile-bar #artist-dropdown-mobile .artist-title, #mobile-bar #products-dropdown-mobile .artist-title {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px;
    clear: both;
    margin: 20px 0 0; }
  #mobile-bar #artist-dropdown-mobile ul.artist-list, #mobile-bar #products-dropdown-mobile ul.artist-list {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    list-style: none;
    font-size: 0;
    text-align: left;
    margin: 4px 0 0; }
    #mobile-bar #artist-dropdown-mobile ul.artist-list li, #mobile-bar #products-dropdown-mobile ul.artist-list li {
      padding: 0;
      margin: 4px;
      display: inline-block;
      vertical-align: top;
      list-style: none;
      border: 1px solid #dedfdf;
      background: #FFFFFF;
      width: 41px;
      height: 41px;
      line-height: 41px;
      text-align: center;
      font-size: 17px; }
      #mobile-bar #artist-dropdown-mobile ul.artist-list li.active, #mobile-bar #products-dropdown-mobile ul.artist-list li.active {
        background: #e9e9e9; }
  #mobile-bar #artist-dropdown-mobile ul.artist-results, #mobile-bar #products-dropdown-mobile ul.artist-results {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin: 18px 0 0; }
    #mobile-bar #artist-dropdown-mobile ul.artist-results li, #mobile-bar #products-dropdown-mobile ul.artist-results li {
      display: none;
      width: 100%;
      height: auto;
      border-top: 1px solid #dadada;
      font-size: 14px;
      list-style: none;
      padding: 10px 0;
      margin: 0; }
      #mobile-bar #artist-dropdown-mobile ul.artist-results li a, #mobile-bar #products-dropdown-mobile ul.artist-results li a {
        text-decoration: none; }
  #mobile-bar #artist-dropdown-mobile ul.products, #mobile-bar #products-dropdown-mobile ul.products {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    list-style: none;
    font-size: 0;
    margin: 18px 0 0; }
    #mobile-bar #artist-dropdown-mobile ul.products li, #mobile-bar #products-dropdown-mobile ul.products li {
      width: 100%;
      height: auto;
      border-top: 1px solid #dadada;
      font-size: 14px;
      list-style: none;
      padding: 10px 0;
      margin: 0; }
      #mobile-bar #artist-dropdown-mobile ul.products li a, #mobile-bar #products-dropdown-mobile ul.products li a {
        text-decoration: none; }

body.artist-page header {
  margin-bottom: 0; }

#footer-boxes {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 0;
  padding: 15px 0 0; }
  #footer-boxes .footer-box-text,
  #footer-boxes .footer-box-text .footer-box-header,
  #footer-boxes .footer-box-text p,
  #footer-boxes .footer-box-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: 0;
    padding: 0;
    border: none; }
  #footer-boxes .footer-box-image {
    text-align: center; }
    #footer-boxes .footer-box-image img {
      max-width: 100%;
      height: auto; }
  #footer-boxes .footer-box-text .footer-box-header {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #050505;
    letter-spacing: 1px;
    margin-top: 7px; }
  #footer-boxes .footer-box-text p {
    font-size: 10px;
    line-height: 15px;
    color: #676767;
    margin-top: 3px; }
    #footer-boxes .footer-box-text p a {
     /* font-weight: bold; */
      color: #676767; }
  #footer-boxes .grid-row {
    width: calc(100% - 15px);
    margin-left: 0; }
  @media (max-width: 900px) {
    #footer-boxes {
      padding-top: 0; }
      #footer-boxes .c12 {
        margin-top: 15px;
        width: calc(50% - 15px); } }
  @media (max-width: 500px) {
    #footer-boxes .c12 {
      margin-top: 30px;
      width: calc(100% - 15px); }
      #footer-boxes .c12:first-child {
        margin-top: 15px; } }

.footer-message {
  display: block;
  width: 100%;
  height: auto;
  padding: 13px 0;
  background: #434242;
  text-transform: uppercase;
  line-height: 10px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-align: center;
  margin: 15px 0 0; }
  .footer-message span {
    margin: 0 12px; }
  @media (max-width: 650px) {
    .footer-message {
      font-size: 9px;
      letter-spacing: 2px;
      padding: 5px 0;
      line-height: 15px;
      display: none; }
      .footer-message span {
        margin: 0 5px; } }

body.home header {
  margin-bottom: 0; }

body.home footer {
  margin-top: 0; }

body.home section.featured-product, body.home section.featured-product .page-half {
  /*height:527px;*/ }

body.blog nav li.menu-item, body.single nav li.menu-item, body.category nav li.menu-item {
  position: relative; }

.product-image {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  position: relative; }
  .product-image .product-slider-next,
  .product-image .product-slider-prev {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    color: #FFFFFF;
    font-size: 47px;
    line-height: 48px;
    margin-top: -24px;
    height: 48px;
    z-index: 20;
    cursor: pointer;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8); }
    .product-image .product-slider-next:hover, .product-image .product-slider-next:active,
    .product-image .product-slider-prev:hover,
    .product-image .product-slider-prev:active {
      color: #E4DBDD; }
  .product-image .product-slider-next {
    left: auto;
    right: 15px; }

header {
  min-height: 90px;
  text-align: center;
  padding: 0;
  padding-top: 47px;
  border-bottom: 1px solid #d2d1d1;
  margin-bottom: 15px; }
  header nav {
    margin: 0;
    height: 35px;
    font: 700 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif; }
    header nav li {
      display: inline-block;
      margin: 0 35px 0 0;
      font-size: 14px; }
      header nav li:last-child {
        margin: 0; }
      header nav li a {
        color: #333333;
        font-size: 12px;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        text-decoration: none;
        padding-bottom: 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        line-height: 35px; }
        header nav li a.sale {
          color: #cc0066; }
      header nav li a:hover {
        border-bottom: 2px solid #535353; }
    header nav.fixed {
      position: fixed;
      top: 32px;
      left: 0;
      z-index: 10001;
      width: 100%;
      background: #FFFFFF;
      border-bottom: 1px solid #b1b1b1; }

header nav #artists-list {
  background: #fff;
  padding: 14px 0px 0px;
  position: absolute;
  top: 145px;
  left: 0;
  width: 100%;
  border-top: 1px solid #d2d2d2;
  display: none;
  z-index: 90;
  /* -webkit-box-shadow: 0 5px 5px -2px #969696;*/
  /* -moz-box-shadow: 0 5px 5px -2px #969696;*/
  /* box-shadow: 0 5px 5px -2px #969696;*/
  text-align: left; }
  header nav #artists-list .container {
    margin: auto;
    padding: 0 15px; }
    header nav #artists-list .container .artists-columns {
      width: 82%; }
    header nav #artists-list .container .artists-columns-featured {
      width: 16.6666%; }
    header nav #artists-list .container ul {
      width: 19%;
      margin-right: 1%;
      float: left;
      margin-top: 2px; }
      header nav #artists-list .container ul li {
        list-style: none;
        /*border-bottom: 1px solid $backgroundGrey;*/
        position: relative;
        overflow: hidden;
        text-transform: none;
        font-weight: 300;
        display: block;
        text-align: left; }
        header nav #artists-list .container ul li a.artist {
          text-decoration: none;
          text-transform: none !important;
          padding: 4px 0 9px;
          display: block;
          color: #333333;
          font-size: 10px;
          line-height: 10px;
          font-weight: normal; }
          header nav #artists-list .container ul li a.artist:hover {
            font-weight: bold;
            text-decoration: underline; }
          header nav #artists-list .container ul li a.artist span {
            font-size: 10px;
            text-transform: uppercase;
            font-weight: bold; }
        header nav #artists-list .container ul li a:hover {
          border-bottom: 0; }
        header nav #artists-list .container ul li .fa-certificate {
          color: #ab0000;
          margin-right: 5px; }
        header nav #artists-list .container ul li .fa-certificate:before {
          width: 0; }

.drop-featured {
  width: 100% !important; }
  .drop-featured li {
    position: relative;
    border: 0 !important; }
    .drop-featured li .feat-artist-name {
      text-transform: uppercase;
      font-weight: bold;
      margin: 5px 0 10px;
      padding-bottom: 5px;
      font-size: 11px;
      line-height: 11px;
      letter-spacing: 1px;
      color: #050505;
      border-bottom: 1px solid #ededed; }
    .drop-featured li .btn {
      border: 1px solid #b8c5c5;
      display: inline-block !important;
      padding: 3px !important;
      text-transform: uppercase !important;
      font-size: 11px;
      color: #535353; }
    .drop-featured li .btn:hover {
      border: 1px solid #b8c5c5 !important; }

#show-artists {
  padding-bottom: 3px; }

#artists-menu:hover #artists-list {
  display: block; }

#artist-banner {
  height: 262px;
  position: relative;
  text-align: center; }
  #artist-banner:before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    content: '';
    background: transparent; }
  #artist-banner h1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 5px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase; }
    @media all and (max-width: 767px) {
      #artist-banner h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 26px;
        line-height: 26px;
        letter-spacing: 4px;
        width: 100%; } }
  @media (max-width: 750px) {
    #artist-banner {
      height: 125px; }
      #artist-banner h1 {
        font-size: 22px;
        line-height: 22px;
        max-width: calc(100% - 1px); } }

.featured-product {
  font-size: 0; }
  .featured-product .c16 {
    width: calc(20% - 15px); }
  .featured-product .featured-name {
    font-weight: bold;
    text-transform: uppercase; }
  .featured-product .featured-price {
    margin: 10px 0;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px; }
  .featured-product .bordered-btn span {
    padding-left: 30px;
    padding-right: 30px; }
  .featured-product .page-half {
    display: block;
    float: left; }

.home-featured-artist li {
  list-style: none;
  width: 30%;
  margin-right: 3%;
  float: left;
  font: 16px/16px "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold; }
  .home-featured-artist li .list-img {
    background: #fff;
    margin-bottom: 10px;
    text-align: center; }
  .home-featured-artist li a {
    text-decoration: none; }

#banners {
  position: relative;
  max-height: auto; }
  #banners .banner, #banners .mobile-banner {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    max-height: auto; }
  #banners .banner-placeholder {
    opacity: 0;
    max-width: 100%;
    width: 100%;
    z-index: 5;
    max-height: auto; }
  #banners .navigation {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    height: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 25;
    text-align: center; }
    #banners .navigation li {
      width: 15px;
      height: 15px;
      list-style: none;
      display: inline-block;
      vertical-align: top;
      background: transparent;
      border: 2px solid #FFFFFF;
      padding: 0;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
      margin: 0 0 0 5px;
      cursor: pointer; }
      #banners .navigation li:first-child {
        margin-left: 0; }
      #banners .navigation li.active, #banners .navigation li:hover {
        background: #FFFFFF; }

.home #banners .navigation {
  display: none; }

.container {
  max-width: 1050px; }

.page-half {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 17px;
  font-weight: 200;
  color: #535353;
  text-align: justify;
  overflow: hidden; }
  .page-half.bg-grey {
    padding: 50px; }

.half-img {
  height: 100%;
  background-size: cover !important;
  position: relative; }
  .half-img .arrow {
    position: absolute;
    top: 80px;
    left: 0;
    width: 52px;
    height: 52px;
    background: url("/img/page-half-arrow.png") no-repeat top left; }

.reverse .half-img .arrow {
  right: 0 !important;
  left: auto;
  background: url("/img/page-half-arrow-reverse.png") no-repeat top right; }

.arrow.reverse {
  right: 0 !important;
  left: auto;
  background: url("/img/page-half-arrow-reverse.png") no-repeat top right; }

.featured-artist .products {
  height: 312px;
  overflow: hidden; }

.refine-by {
  width: 100%;
  float: left; }
  .refine-by #picker {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 100%;
    max-width: 85%; }

@media (max-width: 699px) {
  #product-list-container,
  #product-list-items .products {
    width: calc(100% + 15px); } }

.product-list {
  width: 100%; }
  .product-list .page-loading {
    line-height: 50px;
    font-size: 30px;
    color: #aeaeae;
    display: none; }
    .product-list .page-loading i {
      font-size: 50px; }

.products .single-product {
  font: 16px/16px "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  position: relative;
  margin-bottom: 42px; }
  .products .single-product .outofstock {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30; }
  .products .single-product a {
    text-decoration: none;
    text-align: left; }
  .products .single-product .list-img {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    z-index: 20; }
    .products .single-product .list-img img {
      display: inline-block;
      max-width: 100%; }
      .products .single-product .list-img img.primary {
        display: inline-block; }
      .products .single-product .list-img img.secondary {
        display: none; }

.list-artist {
  color: #050505;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  margin-bottom: 4px; }

.list-name {
  font-size: 10px;
  line-height: 10px;
  color: #050505;
  margin-bottom: 4px; }

.list-description {
  color: #676767;
  line-height: 10px;
  padding-top: 4px;
  font-size: 10px;
  font-weight: normal; }

.list-price {
  font-size: 15px;
  line-height: 15px;
  margin-top: 15px;
  font-weight: bold;
  color: #050505;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }
  .list-price .price-sub {
    font-size: 10px; }

#filter-by label,
#filter-by .custom-select {
  display: inline-block;
  vertical-align: middle; }

#filter-by label {
  font-size: 10px;
  color: #050505;
  line-height: 22px;
  font-weight: bold;
  margin-right: 8px; }

#filter-by .custom-select {
  font-size: 10px;
  line-height: 22px;
  color: #050505;
  padding-top: 0;
  padding-bottom: 0;
  width: 180px; }

#list-header {
  margin-bottom: 15px; }
  @media (max-width: 740px) {
    #list-header {
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      margin-bottom: 0px;
      text-align: center;
      padding: 20px 0; }
      #list-header #breadcrumb {
        margin-top: 0; }
      #list-header .c24 {
        width: 100%;
        margin-left: 0; } }

.featured-artist {
  clear: both;
  position: relative;
  overflow: hidden; }
  .featured-artist .half-img {
    background: url("/img/featured-artist-temp.jpg") no-repeat top right; }
  .featured-artist strong {
    text-transform: uppercase; }

#framing-service .bg-grey {
  float: left; }

#framing-service .half-img {
  float: left;
  background: url("/img/framing-service.jpg") no-repeat top left; }

#new-range .half-img {
  background: url("/img/product-range.jpg") no-repeat top right; }

.bg-grey {
  background: #ededed; }

.home-title {
  font: 500 38px/38px "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #535353;
  text-transform: uppercase;
  margin-bottom: 20px; }
  .home-title span {
    border-bottom: 1px solid #535353; }
    .home-title span h2 {
      border-bottom: 1px solid #535353;
      margin: 0;
      padding: 0 0 10px;
      font: 500 38px/38px "Gotham SSm A", "Gotham SSm B", sans-serif; }

.sub-title {
  font: 500 21px/21px "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #535353;
  text-transform: uppercase; }

.bordered-btn {
  border: 2px solid #7f7f7f;
  padding: 3px;
  color: #535353;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  display: inline-block; }
  .bordered-btn span {
    border: 1px solid #7f7f7f;
    padding: 10px 15px;
    display: inline-block; }

.product-container {
  max-width: 1521px;
  margin: auto;
  font: 12px/12px "Gotham SSm A", "Gotham SSm B", sans-serif; }

.alert {
  text-align: center;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 20px; }
  .alert.success {
    background: #bbbbbb;
    /* background: #2abd08;*/
    color: #fff; }
  .alert.error {
    background: #cc0066;
    color: #fff; }

.product-price-mobile {
  display: none; }

#breadcrumb {
  margin: 0; }
  #breadcrumb a {
    text-decoration: none;
    font-size: 10px;
    color: #050505; }
  #breadcrumb a:after {
    content: ' > '; }
  #breadcrumb a:last-child:after {
    display: none; }
  #breadcrumb.border-bottom {
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d1d1;
    margin-bottom: 25px; }

.product-added {
  display: none; }

.basket {
  margin: 40px 0;
  width: 100%; }
  .basket th {
    font: 700 17px/17px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #b9b9b9;
    padding: 0 10px 7px; }
  .basket tr {
    margin-bottom: 15px;
    margin-top: 15px; }
    .basket tr:first-child {
      margin-top: 0; }
    .basket tr:last-child td {
      border-bottom: 0 !important; }
  .basket td {
    padding: 10px;
    font-size: 12px;
    vertical-align: top;
    /*border-bottom: 1px solid #b9b9b9;*/ }
    .basket td.basket-pad {
      padding-top: 60px; }
    .basket td .img {
      border: 1px solid #b9b9b9;
      padding: 10px;
      max-width: 146px;
      max-height: 146px;
      margin-left: -10px; }
    .basket td.name {
      padding-top: 35px; }
      .basket td.name span {
        text-transform: uppercase; }
    .basket td .price {
      font-size: 19px;
      color: #333333;
      line-height: 19px; }
      .basket td .price .price-small {
        font-size: 13px !important;
        top: auto !important; }
    .basket td .fa-times-circle {
      font-size: 18px; }
    .basket td .basket-remove {
      display: block;
      width: 23px;
      height: 23px;
      line-height: 23px;
      color: #FFFFFF;
      text-decoration: none;
      margin: 0 auto;
      padding: 0;
      background: #373737;
      text-align: center;
      font-size: 13px;
      font-weight: bold;
      border-radius: 50%; }
      .basket td .basket-remove:hover {
        background: #494949; }
    .basket td.quantity {
      padding-top: 45px !important; }
      .basket td.quantity input[type=text] {
        width: 81px;
        height: 48px;
        margin: 0;
        text-align: center;
        border: 1px solid #696969;
        display: inline-block;
        margin-bottom: 5px;
        line-height: 48px;
        padding: 0;
        font-size: 19px;
        font-weight: bold;
        color: #333333; }
      .basket td.quantity button {
        border: 0;
        text-decoration: underline;
        background: none;
        color: #050505;
        font-size: 11px; }

#footer-logos-responsive {
  display: block;
  width: 100%;
  text-align: center; }

.price {
  font: 700 15px/15px "Gotham SSm A", "Gotham SSm B", sans-serif; }

#product-menu:hover #product-menu-list {
  display: block; }

#product-menu:hover, #artists-menu:hover {
  padding-bottom: 15px; }

header nav.fixed #product-menu:hover #product-menu-list,
header nav.fixed #artists-menu:hover #artists-list {
  top: 35px; }

.header-title {
  font-size: 12px;
  font-weight: bold;
  color: #050505;
  letter-spacing: 1px;
  margin-bottom: 15px; }

#product-menu a {
  padding-bottom: 3px; }

#product-menu #product-menu-list {
  position: absolute;
  z-index: 90;
  /* border: 1px solid #b8c5c5;*/
  border-top: 1px solid #d2d2d2;
  padding: 20px 0px 0px;
  background: #fff;
  width: 100%;
  text-align: left;
  top: 145px;
  left: 0;
  display: none;
  /* -webkit-box-shadow: 0 5px 5px -2px #969696;*/
  /* -moz-box-shadow: 0 5px 5px -2px #969696;*/
  /* box-shadow: 0 5px 5px -2px #969696;*/ }
  #product-menu #product-menu-list .container {
    margin: auto;
    padding: 0 15px; }
  #product-menu #product-menu-list .choose-product {
    /* width: 16.6666%;*/
    width: 30%;
    position: relative; }
    #product-menu #product-menu-list .choose-product ul {
      margin-bottom: 10px; }
      #product-menu #product-menu-list .choose-product ul li {
        display: block;
        /* border-bottom: 1px solid #e7e7e7;*/ }
        #product-menu #product-menu-list .choose-product ul li.has-children {
          position: relative; }
          #product-menu #product-menu-list .choose-product ul li.has-children ul {
            display: none;
            position: absolute;
            z-index: 998;
            height: 100%;
            width: 100%;
            left: 20%;
            top: 0;
            /* padding-top: 40px;*/
            padding-left: 20%; }
        #product-menu #product-menu-list .choose-product ul li.new {
          padding: 12px 0; }
        #product-menu #product-menu-list .choose-product ul li.sale {
          padding-top: 12px; }
          #product-menu #product-menu-list .choose-product ul li.sale a {
            color: #cc0066; }
        #product-menu #product-menu-list .choose-product ul li.all {
          padding-top: 12px; }
        #product-menu #product-menu-list .choose-product ul li a {
          display: block;
          padding: 7px 0;
          font-size: 10px;
          line-height: 10px;
          text-transform: none;
          font-weight: normal;
          color: #333333;
          outline: none; }
          #product-menu #product-menu-list .choose-product ul li a:hover, #product-menu #product-menu-list .choose-product ul li a.active {
            border: none;
            text-decoration: underline;
            font-weight: bold; }
          #product-menu #product-menu-list .choose-product ul li a[href^="/orginal-art"] {
            font-weight: bold !important;
            text-decoration: underline !important; }
  #product-menu #product-menu-list .featured-product {
    /* width: 83.3333%;*/
    width: 69%;
    padding-bottom: 10px;
    text-align: left; }
    #product-menu #product-menu-list .featured-product .featured {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      #product-menu #product-menu-list .featured-product .featured a {
        padding-right: 15px;
        text-decoration: none;
        border-bottom: none; }
        #product-menu #product-menu-list .featured-product .featured a:last-of-type {
          padding-right: 0px; }
        #product-menu #product-menu-list .featured-product .featured a img {
         /* max-height: 242px; */
          width: 100%; }
    #product-menu #product-menu-list .featured-product .featured-item {
      width: 39.5%;
      float: left;
      position: relative;
      margin-right: 5%; }
      #product-menu #product-menu-list .featured-product .featured-item.last {
        margin-right: 0; }
    #product-menu #product-menu-list .featured-product .featured-title {
      background: #757575;
      height: 71px;
      border: 0;
      color: #fff;
      font-size: 20px;
      text-align: center;
      font-weight: 300; }
      #product-menu #product-menu-list .featured-product .featured-title span {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 5px 0;
        position: relative;
        top: 27px; }
    #product-menu #product-menu-list .featured-product .list-img {
      background: #fff;
      text-align: center; }
      #product-menu #product-menu-list .featured-product .list-img img {
        width: 100%; }
    #product-menu #product-menu-list .featured-product .list-details {
      padding: 10px 0;
      text-transform: none; }
      #product-menu #product-menu-list .featured-product .list-details .list-artist {
        font-size: 12px; }
      #product-menu #product-menu-list .featured-product .list-details .list-name {
        font-size: 12px;
        margin-bottom: 2px;
        padding-bottom: 2px; }
      #product-menu #product-menu-list .featured-product .list-details .list-description {
        font-size: 11px; }
      #product-menu #product-menu-list .featured-product .list-details .list-price {
        font-size: 19px;
        margin-top: 7px; }
    #product-menu #product-menu-list .featured-product .featured-prod-artist {
      text-transform: uppercase;
      margin: 10px 0;
      font-size: 17px; }
    #product-menu #product-menu-list .featured-product .featured-prod-name {
      text-transform: none !important;
      font-size: 14px; }
    #product-menu #product-menu-list .featured-product .featured-prod-price {
      font-size: 20px;
      margin-top: 15px; }
    #product-menu #product-menu-list .featured-product .featured-more-info {
      color: #434242;
      border: 1px solid #969696;
      padding: 2px 5px !important;
      font-size: 11px;
      font-weight: normal;
      position: absolute;
      bottom: 5px;
      right: 20px; }

.remove-item-confirmation,
.basket-confirmation {
  display: none; }

#blog-category {
  padding: 0 15px;
  padding-top: 15px; }
  #blog-category.grid-row {
    margin-left: -7.5px !important; }

.blog-story {
  margin-bottom: 30px;
  font-size: 0;
  text-decoration: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .blog-story a {
    width: 100%; }
  .blog-story .title,
  .blog-story .excerpt {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    text-align: left; }
  .blog-story .title {
    margin-top: 10px; }
  .blog-story .title,
  .blog-story .title a {
    font-size: 10px;
    line-height: 15px;
    color: #050505;
    letter-spacing: 1px;
    text-decoration: none; }
  .blog-story .excerpt {
    font-size: 9px;
    line-height: 15px;
    color: #050505; }
    .blog-story .excerpt p {
      margin-bottom: 0;
      margin-top: 0; }
    .blog-story .excerpt a {
      font-weight: bold;
      color: #050505; }
    .blog-story .excerpt br {
      display: none; }
  .blog-story img {
    width: 100%;
    height: auto;
    display: block; }
  @media (max-width: 1200px) {
    .blog-story {
      width: calc(((100% / 48) * 16) - 15px); } }
  @media (max-width: 900px) {
    .blog-story {
      width: calc(((100% / 48) * 24) - 15px); } }
  @media (max-width: 700px) {
    .blog-story {
      width: calc(((100% / 48) * 48) - 15px); } }

.basket-confirmation a,
.basket-confirmation a:hover,
.basket-confirmation a:focus {
  color: #FFFFFF; }

.on-sale {
  font-size: 0; }
  .on-sale .list-description {
    margin-bottom: 4px; }
  .on-sale .text, .on-sale .sale-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
    height: auto; }
  .on-sale .text {
    width: calc(100% - 43px);
    font-size: 19px; }
  .on-sale .sale-icon {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 10px;
    text-transform: uppercase;
    background: #cc0066;
    margin-right: 8px;
    color: #FFFFFF; }

.strike {
  text-decoration: line-through; }

.sale-text {
  color: #cc0066; }

#basket-total {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  #basket-total input[type=text], #basket-total button {
    padding: 10px;
    height: 42px;
    color: #535353;
    font: 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase; }
  #basket-total button {
    text-transform: uppercase;
    background: #bfbfbf;
    border: 0; }
  #basket-total .last {
    font: 700 15px/15px "Gotham SSm A", "Gotham SSm B", sans-serif; }
    #basket-total .last span {
      font-size: 25px; }
  #basket-total .discount-error {
    font-size: 15px;
    padding-top: 15px; }
  #basket-total .discounted {
    color: #cc0066;
    font: 700 12px "Gotham SSm A", "Gotham SSm B", sans-serif;
    margin-top: 10px; }
    #basket-total .discounted span {
      margin-left: 50px; }

.gift-balance {
  color: #cc0066;
  line-height: 19px;
  font-size: 14px;
  text-align: center; }

#basket-controls a {
  margin-bottom: 15px; }

#category-info {
  padding: 10px 0;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 20px; }
  #category-info .btn.bordered {
    text-decoration: none;
    border: 1px solid #9c9c9c;
    padding: 3px;
    color: #434242;
    margin: 5px 0;
    display: inline-block;
    font-size: 12px;
    line-height: 12px; }
  #category-info .name {
    font: 18px/23px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase; }
    #category-info .name h1 {
      font: 18px/23px "Gotham SSm A", "Gotham SSm B", sans-serif;
      text-transform: uppercase;
      display: inline-block; }
    #category-info .name h2 {
      padding: 0;
      margin: 0;
      font: 700 18px/23px "Gotham SSm A", "Gotham SSm B", sans-serif; }
  #category-info .label {
    padding: 5px 0 0 0;
    margin: 0 5px 0 0; }
  #category-info .last {
    padding: 7px 5px 0 0; }

.prev-button, .next-button {
  border: 1px solid #535353;
  padding: 3px 6px;
  text-decoration: none;
  color: #535353; }
  .prev-button i, .next-button i {
    display: inline; }

.page-digit {
  text-decoration: none;
  margin: 0 1px; }
  .page-digit.active {
    background: #535353;
    color: #fff;
    padding: 2px 4px; }

.inner-paging {
  padding: 10px 0;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 20px; }
  .inner-paging .label {
    padding: 5px 0 0 0;
    margin: 0 5px 0 0; }
  .inner-paging .last {
    padding: 7px 5px 0 0; }

body.error-404 header {
  margin-bottom: 0; }

body.error-404 footer#footer {
  margin-top: 0; }

#error-404 {
  display: block;
  font-size: 0;
  width: 100%;
  height: 856px;
  padding: 0;
  margin: 0;
  background: url("/img/404.jpg") no-repeat top center #000000;
  text-align: center; }
  #error-404:before {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    content: '';
    background: transparent; }
  #error-404 .box {
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 520px;
    margin: 0;
    padding: 19px;
    max-width: 520px;
    max-height: 100%; }
    #error-404 .box .box-inner {
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid #c6c4c2;
      padding: 0 20px;
      margin: 0; }
      #error-404 .box .box-inner:before, #error-404 .box .box-inner .box-text {
        display: inline-block;
        vertical-align: middle; }
      #error-404 .box .box-inner:before {
        width: 1px;
        height: 100%;
        content: '';
        background: transparent; }
      #error-404 .box .box-inner .box-text {
        width: calc(100% - 1px);
        height: auto; }
        #error-404 .box .box-inner .box-text a {
          display: inline-block;
          margin: 0;
          padding: 0 40px;
          color: #000000;
          text-transform: uppercase;
          font-size: 17px;
          line-height: 51px;
          height: 51px;
          width: auto;
          background: #FFFFFF;
          text-decoration: none;
          font-weight: bold; }
          #error-404 .box .box-inner .box-text a:focus, #error-404 .box .box-inner .box-text a:hover {
            background: #FFF;
            text-decoration: none; }
        #error-404 .box .box-inner .box-text .box-header, #error-404 .box .box-inner .box-text p {
          display: block;
          width: 100%;
          height: auto;
          position: relative;
          text-align: center;
          color: #FFFFFF;
          padding: 0;
          margin: 0; }
        #error-404 .box .box-inner .box-text .box-header {
          text-transform: uppercase;
          font-size: 32px;
          line-height: 32px;
          font-weight: bold; }
        #error-404 .box .box-inner .box-text p {
          font-size: 17px;
          line-height: 26px;
          margin-top: 20px; }

.category-description {
  padding: 20px;
  margin: 0 0 20px !important;
  border: 1px solid #b5b5b5;
  position: relative;
  top: 20px;
  line-height: 16px; }
  .category-description h2 {
    font: 700 20px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    padding: 0; }

.filter-prods {
  font: 18px/18px "Gotham SSm A", "Gotham SSm B", sans-serif;
  padding: 5px 0;
  text-transform: uppercase;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: 20px; }

.product-filters dt {
  font: 700 11px/11px "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 1px;
  color: #050505; }
  .product-filters dt a {
    text-decoration: none;
    display: block;
    color: #050505; }

.product-filters dd {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d2d1d1; }
  .product-filters dd li {
    list-style: none;
    font-size: 10px; }
    .product-filters dd li a {
      display: block;
      padding: 5px 10px 5px 0;
      text-decoration: none;
      color: #676767; }
  .product-filters dd:last-child {
    border-bottom: none; }

.product-filters #slider-range.ui-widget-content {
  border: 0;
  background: url("/img/price-slider-bg.jpg") repeat-x center left; }
  .product-filters #slider-range.ui-widget-content .ui-slider-range {
    border: 0;
    background: none; }
  .product-filters #slider-range.ui-widget-content .ui-slider-handle {
    background: #434343;
    border-radius: 12px;
    border: 0;
    outline: none !important;
    cursor: pointer; }

.product-filters #slider-start, .product-filters #slider-end {
  margin-top: 8px;
  display: inline-block; }

.product-filters canvas {
  cursor: pointer; }

.frame-options {
  width: 145px;
  height: 573px;
  margin-left: 10px;
  position: relative; }
  .frame-options ul {
    padding: 0;
    margin: 0;
    width: 100%; }
    .frame-options ul li {
      display: block;
      text-align: center;
      margin-bottom: 10px; }
      .frame-options ul li a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .frame-options ul li a .small-frame-img {
          border: 1px solid #9c9c9c;
          width: 138px;
          height: 105px;
          margin-bottom: 10px; }
        .frame-options ul li a.active .small-frame-img {
          border-bottom: 3px solid #cc0066; }
  .frame-options .label {
    font: 700 14px/14px "Gotham SSm A", "Gotham SSm B", sans-serif;
    position: absolute;
    top: -25px;
    left: 35px; }

.frame-size-box, .frame-format-box, .frame-colour-box {
  margin-bottom: 10px;
  font: 700 14px/14px "Gotham SSm A", "Gotham SSm B", sans-serif; }
  .frame-size-box select, .frame-format-box select, .frame-colour-box select {
    margin-left: 20px; }
  .frame-size-box span, .frame-format-box span, .frame-colour-box span {
    width: 135px;
    display: inline-block; }

/* body.framed-product {
    .product-details {
        width:45.47945205479452%;
        border-left:1px solid #afafaf;
        padding-left:10px;
    }

    .product-gallery {
        width:9.260273972602739%;
        margin:0px 5px;
        padding:0;
        position:relative;

        ul {
            padding:0px;
            margin:0px;

            li {
                list-style:none;
                font-size:11px;
                margin-bottom:5px;

                img {
                    max-width:80%;
                }
            }
        }

        .label {
            font:700 14px/14px $boldFont;
            position:absolute;
            top:-25px;
            left:7px;
        }
    }

    .frame-options {
        width:16.931506849315068%;
        ul {

            width:70%;
            margin-left:35%;
            left:-20%;

            li {

                a {
                    .small-frame-img {
                        width:90%;
                        margin:0px auto 10px;
                    }

                    &.with-colours {
                        width:80%;
                        display:inline-block!important;
                    }
                }

                .colour-swatch {
                    width: 22px;
                    height: 21px;
                    display:inline-block!important;
                    border:1px solid #9c9c9c;
                    margin-bottom:5px;

                    &.active {
                        border-bottom:1px solid $secondary;
                    }
                }
            }
        }
    }

    .product-frame-image {
        width:32.93150684931507%;
        /*padding:0px 1%;
        padding-right:1%;

        img {
            max-width:100%;
        }
    }

    #frame-labels {
        margin-bottom:10px;
        font:700 14px/14px $boldFont;

        span {
            margin-left:50px;
        }
    }

    #category-info {
        margin-bottom:40px!important;
    }

    .product-details {
        width:43.47945205479452%;
    }
}*/
.product-frame-image {
  width: 510px;
  min-height: 573px;
  border-right: 1px solid #afafaf;
  text-align: center; }

.product-gallery {
  width: 7.24%;
  min-height: 573px;
  margin-right: 1%;
  text-align: center;
  padding: 0 1%; }
  .product-gallery img {
    max-width: 100%;
    margin-bottom: 10px; }

.frame-options, .product-gallery {
  position: relative; }
  .frame-options .slider-nav, .product-gallery .slider-nav {
    width: 70%;
    height: 18px;
    border: 1px solid #9c9c9c;
    padding: 0;
    position: absolute;
    left: -20%;
    margin: 0 0 0 35%;
    background: #FFFFFF; }
    .frame-options .slider-nav:hover, .product-gallery .slider-nav:hover {
      cursor: pointer;
      border-color: #7a7a7a; }
    .frame-options .slider-nav span, .product-gallery .slider-nav span {
      display: block;
      width: 12px;
      height: 7px;
      padding: 0;
      line-height: 18px;
      background: url("/img/vertical-slider.png") no-repeat top left transparent;
      margin: 4px auto 0; }
    .frame-options .slider-nav.slider-up, .product-gallery .slider-nav.slider-up {
      top: 0; }
    .frame-options .slider-nav.slider-down, .product-gallery .slider-nav.slider-down {
      bottom: 0; }
      .frame-options .slider-nav.slider-down span, .product-gallery .slider-nav.slider-down span {
        background-position: top right; }
  .frame-options .inner-container, .product-gallery .inner-container {
    overflow: hidden;
    width: 100%;
    height: 517px;
    margin-top: 26px !important;
    position: relative; }
    .frame-options .inner-container ul, .product-gallery .inner-container ul {
      position: absolute;
      left: 0;
      top: 0; }

.item-preview {
  width: 100%;
  height: 90px;
  display: inline-block;
  margin-bottom: 40px; }
  .item-preview img {
    width: 100%;
    height: auto;
    max-height: 90px;
    margin: 0;
    cursor: pointer; }

.product-gallery .inner-container {
  height: 417px; }

.product-gallery .gallery-slider-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto; }

.product-details .artist-name {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #333333;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

.product-details .product-options {
  display: block;
  font-size: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0; }

.product-details .frame-size-box,
.product-details .frame-format-box,
.product-details .frame-colour-box {
  margin-top: 22px;
  margin-bottom: 0; }
  .product-details .frame-size-box span,
  .product-details .frame-size-box select,
  .product-details .frame-format-box span,
  .product-details .frame-format-box select,
  .product-details .frame-colour-box span,
  .product-details .frame-colour-box select {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0; }
  .product-details .frame-size-box span,
  .product-details .frame-format-box span,
  .product-details .frame-colour-box span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 2px; }
  .product-details .frame-size-box select,
  .product-details .frame-format-box select,
  .product-details .frame-colour-box select {
    max-width: 100%;
    width: 300px; }
    @media all and (max-width: 700px) {
      .product-details .frame-size-box select,
      .product-details .frame-format-box select,
      .product-details .frame-colour-box select {
        width: 100%; } }

.product-details .product-name {
  border-top: 1px solid #d2d1d1;
  padding: 7px 0;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #333333;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  letter-spacing: 1px; }
  .product-details .product-name span {
    margin: 0 1px; }

.product-details .product-description,
.product-details .product-description p {
  display: block;
  font-size: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0; }

.product-details .product-description p {
  margin-top: 15px;
  font-size: 11px;
  line-height: 17px;
  color: #676767;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  letter-spacing: 1px; }
  .product-details .product-description p:first-child {
    margin-top: 0; }

.product-details .product-price {
  font-size: 26px;
  line-height: 26px;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  color: #333333;
  font-weight: bold;
  margin-top: 20px; }
  .product-details .product-price span.price-small {
    font-size: 17px; }

.product-details #add-error {
  margin: 20px 0 0;
  color: #cc0066;
  display: none;
  font-size: 13px; }

.product-details #product_qty {
  display: inline-block;
  width: 49px;
  height: 45px;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 45px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  border-radius: 0 !important; }

.product-details .buy-now {
  background: #cc0066;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  border: 0;
  color: #FFFFFF;
  padding: 0 50px;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 13px;
  line-height: 45px;
  font-weight: bold;
  height: 45px;
  letter-spacing: 2px;
  margin-left: 15px;
  margin-top: 15px; }
  .product-details .buy-now:hover, .product-details .buy-now:active {
    background: #e4277e;
    text-decoration: none; }
  .product-details .buy-now i {
    margin-left: 3px;
    vertical-align: middle; }

.product-details .sold-out {
  background: #cc0066;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0;
  border: 0;
  color: #fff;
  padding: 12px 50px;
  text-transform: uppercase;
  font: 18px/18px "Gotham SSm A", "Gotham SSm B", sans-serif;
  cursor: default; }

.product-details .ship-worldwide {
  margin-bottom: 10px; }
  .product-details .ship-worldwide a {
    margin-left: 30px;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 2px solid #535353; }

.product-details .product-social {
  margin-top: 30px; }
  .product-details .product-social .social-icon {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    display: inline-block;
    height: 29px;
    width: 29px;
    line-height: 29px;
    text-align: center;
    margin-right: 8px;
    background: #434343;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #434343), color-stop(50%, #cc0066));
    background: linear-gradient(to bottom, #434343 50%, #cc0066 50%);
    background-size: 100% 200%;
    background-position: left top;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    position: relative; }
  .product-details .product-social .social-icon:hover {
    background-position: right bottom; }
    .product-details .product-social .social-icon:hover .social-overlay {
      display: block; }
  .product-details .product-social .social-overlay {
    position: absolute;
    width: 150px;
    height: auto;
    background: #fff;
    border: 1px solid #bbb;
    left: 50%;
    margin: 0 0 0 -75px;
    padding: 8px 0;
    z-index: 40;
    bottom: 46px;
    text-align: center;
    display: none;
    line-height: normal;
    color: #535353;
    font-size: 13px; }
    .product-details .product-social .social-overlay:after {
      position: absolute;
      left: 50%;
      padding: 0;
      margin: 0 0 0 -14px;
      bottom: -14px;
      width: 27px;
      height: 14px;
      background: url("/img/blog-social-arrow.png") no-repeat center transparent;
      content: ''; }

.product-details .product-accordion {
  margin: 30px 0 0; }
  .product-details .product-accordion dt {
    border-bottom: 1px solid #e5e5e5; }
    .product-details .product-accordion dt a {
      color: #050505;
      display: block;
      padding: 10px 0;
      text-decoration: none;
      letter-spacing: 1px;
      font-weight: bold;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-size: 11px;
      text-transform: uppercase; }
      .product-details .product-accordion dt a i {
        float: right;
        margin-right: 10px;
        color: #333333;
        font-size: 12px; }
  .product-details .product-accordion dt:first-child {
    border-top: 1px solid #c6c6c6; }
  .product-details .product-accordion dd {
    text-align: justify;
    font-size: 11px;
    line-height: 17px;
    color: #676767;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden; }

.checkout-container {
  max-width: 1000px;
  margin: 40px auto 0; }
  .checkout-container .title {
    border-bottom: 1px solid #b5b5b5;
    text-align: center;
    padding-bottom: 11px;
    font: 900 17px/17px "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase; }
  .checkout-container .login-box {
    border: 1px solid #b5b5b5;
    padding: 15px;
    margin-top: 40px !important;
    margin-bottom: 40px;
    width: 32%;
    float: left;
    margin-right: 2%;
    min-height: 305px; }
    .checkout-container .login-box.login-box-full {
      width: 100%; }
    .checkout-container .login-box.last {
      float: right;
      margin-right: 0; }
    .checkout-container .login-box fieldset {
      border: 0; }
      .checkout-container .login-box fieldset label {
        display: block;
        margin: 7px 0;
        font-size: 12px; }
        .checkout-container .login-box fieldset label .error {
          float: right;
          background: #cc0066;
          color: #fff;
          padding: 2px 5px;
          font-size: 10px; }
      .checkout-container .login-box fieldset input[type=text], .checkout-container .login-box fieldset input[type=email], .checkout-container .login-box fieldset input[type=password] {
        display: block;
        padding: 10px;
        width: 100%;
        margin-bottom: 10px;
        font: 13px/13px "Gotham SSm A", "Gotham SSm B", sans-serif; }
      .checkout-container .login-box fieldset button, .checkout-container .login-box fieldset .checkout-button {
        background: #535353;
        border: 0;
        color: #fff;
        padding: 6px 10px;
        text-transform: uppercase;
        font: 12px/12px "Gotham SSm A", "Gotham SSm B", sans-serif;
        margin: 10px 0 0 0;
        text-decoration: none; }
    .checkout-container .login-box .forgot-pass {
      margin: 15px 0 0 0; }
  .checkout-container .checkout-half {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 4%; }
    .checkout-container .checkout-half.last {
      margin-right: 0; }
    .checkout-container .checkout-half label {
      display: block;
      margin: 7px 0; }
      .checkout-container .checkout-half label .error {
        float: right;
        background: #cc0066;
        color: #fff;
        padding: 2px 5px;
        font-size: 10px; }
    .checkout-container .checkout-half .custom-select {
      display: block;
      width: 100%;
      margin: 8px 0; }
    .checkout-container .checkout-half input[type=text], .checkout-container .checkout-half input[type=password] {
      display: block;
      width: 100%;
      padding: 10px;
      border: 1px solid #b5b5b5;
      margin-bottom: 10px; }
    .checkout-container .checkout-half button {
      display: block;
      width: 100%;
      border: 0; }
    .checkout-container .checkout-half #delivery-label {
      font-size: 15px;
      font-weight: bold; }
  .checkout-container.summary-page .title {
    border-bottom: none; }
  .checkout-container.summary-page .checkout-half {
    padding-bottom: 20px; }
  .checkout-container.summary-page .confirmation-title {
    letter-spacing: 1px;
    background: #cccccc;
    color: #FFFFFF;
    display: block;
    width: 100%;
    height: auto;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 8px 0px;
    text-align: center;
    margin-bottom: 15px; }
  .checkout-container.summary-page .header {
    letter-spacing: 1px;
    display: block;
    width: 100%;
    height: auto;
    line-height: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    background: #cccccc;
    margin: 0;
    padding: 8px 0px;
    text-align: center;
    margin-top: 15px; }
  .checkout-container.summary-page #checkout-step {
    display: none; }

#product-mobile-slider {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  overflow: hidden;
  transition: height 0.25s ease;
  -moz-transition: height 0.25s ease;
  -webkit-transition: height 0.25s ease;
  -o-transition: height 0.25s ease;
  padding: 15px 0 0; }
  #product-mobile-slider a {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center; }
    #product-mobile-slider a img {
      width: auto;
      max-width: 100%;
      height: auto; }

ul#product-mobile-slider-nav {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 0;
  margin: 0;
  text-align: center;
  font-size: 0; }
  ul#product-mobile-slider-nav li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 3px;
    padding: 0; }
    ul#product-mobile-slider-nav li.active {
      background: rgba(0, 0, 0, 0.75); }

.summary-page {
  color: #333333; }
  .summary-page .checkout-half {
    line-height: 16px; }
    .summary-page .checkout-half .title {
      margin: 20px 0;
      border-bottom: none !important; }
  .summary-page .summary-line {
    border-top: 0;
    margin: 20px 0;
    padding: 20px 0 0; }
    .summary-page .summary-line .price {
      float: right;
      margin-left: 20px; }
    .summary-page .summary-line button {
      border: 0; }
    .summary-page .summary-line .basket {
      margin-top: 0; }
      .summary-page .summary-line .basket .price {
        float: none;
        margin: 0; }
    .summary-page .summary-line .large {
      font-size: 15px;
      line-height: 17px;
      font-weight: bold; }

.payment-loading {
  text-align: center;
  font-size: 40px;
  line-height: 50px; }

.payment-box {
  border: 1px solid #bababa;
  padding: 20px;
  color: #535353;
  margin-bottom: 16px; }
  .payment-box span {
    color: #cc0066; }
  .payment-box .title {
    font: 700 16px/16px "Gotham SSm A", "Gotham SSm B", sans-serif;
    border: 0;
    margin: 0;
    padding: 0; }
  .payment-box .light {
    font-weight: 300;
    font-size: 14px;
    margin: 5px 0; }
  .payment-box ul {
    margin: 10px 0 0;
    padding: 0; }
    .payment-box ul li {
      display: inline-block;
      vertical-align: top;
      margin: 0 10px;
      width: 100px;
      height: 70px;
      text-align: center;
      border: 4px solid #b5b5b5; }
      .payment-box ul li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 6px 0; }
      .payment-box ul li.active {
        border: 4px solid #cc0066; }
  .payment-box.card-types {
    text-align: center; }
  .payment-box .half {
    width: 50%;
    float: left; }
    .payment-box .half label {
      width: 150px;
      display: inline-block;
      text-align: right;
      padding-right: 10px; }
    .payment-box .half input[type=text] {
      padding: 10px 5px;
      width: 250px; }
    .payment-box .half select {
      padding: 10px 5px; }
    .payment-box .half button {
      border: 0;
      width: 250px; }
    .payment-box .half .title {
      text-align: left !important; }
    .payment-box .half.cv2 {
      line-height: 18px;
      font-size: 14px; }
  .payment-box .form-errors .error {
    background: #cc1e1e;
    padding: 5px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px; }
  .payment-box.paypal {
    display: none;
    font-size: 20px; }
    .payment-box.paypal .fa-spinner {
      font-size: 45px;
      margin-bottom: 10px; }

.account-dashboard {
  width: 1000px;
  margin: auto; }
  .account-dashboard .welcome-title {
    color: #535353;
    text-transform: uppercase;
    font: 900 16px/16px "Gotham SSm A", "Gotham SSm B", sans-serif;
    margin-bottom: 20px; }
    .account-dashboard .welcome-title span {
      font-weight: normal;
      text-transform: none; }
  .account-dashboard .account-left, .account-dashboard .account-right {
    display: inline-block;
    vertical-align: top; }
  .account-dashboard .account-left {
    width: 645px; }
  .account-dashboard .account-right {
    width: 318px;
    margin-left: 30px; }
  .account-dashboard .box {
    border: 1px solid #d0d0d0;
    padding: 15px;
    margin-bottom: 30px; }
    .account-dashboard .box .title {
      text-align: left; }
    .account-dashboard .box .box-line {
      margin: 20px 0;
      line-height: 18px; }
    .account-dashboard .box a {
      color: #cc0066;
      text-decoration: none;
      border-bottom: 1px solid #cc0066; }
  .account-dashboard .items {
    width: 100%; }
    .account-dashboard .items th {
      text-align: left; }
    .account-dashboard .items td {
      background: #e9e9e9;
      padding: 15px;
      border: 2px solid #fff; }
      .account-dashboard .items td.order-details {
        line-height: 18px; }
      .account-dashboard .items td.order-items {
        vertical-align: top; }
        .account-dashboard .items td.order-items ul {
          margin-left: 15px; }
          .account-dashboard .items td.order-items ul li {
            margin-bottom: 5px; }
      .account-dashboard .items td .bold {
        font-weight: bold;
        color: #cc0066; }
      .account-dashboard .items td .new .block1, .account-dashboard .items td .processing .block1, .account-dashboard .items td .shipped .block1 {
        margin-left: 10px; }
      .account-dashboard .items td .new .block1, .account-dashboard .items td .new .block2, .account-dashboard .items td .new .block3, .account-dashboard .items td .processing .block1, .account-dashboard .items td .processing .block2, .account-dashboard .items td .processing .block3, .account-dashboard .items td .shipped .block1, .account-dashboard .items td .shipped .block2, .account-dashboard .items td .shipped .block3 {
        display: inline-block;
        vertical-align: top;
        width: 14px;
        height: 14px;
        margin-right: 3px;
        position: relative;
        top: 2px; }
      .account-dashboard .items td .new .block1, .account-dashboard .items td .processing .block1, .account-dashboard .items td .shipped .block1 {
        background: #cc0066; }
      .account-dashboard .items td .new .block2, .account-dashboard .items td .new .block3 {
        background: #504f4f; }
      .account-dashboard .items td .processing .block2 {
        background: #cc0066; }
      .account-dashboard .items td .processing .block3 {
        background: #504f4f; }
      .account-dashboard .items td .shipped .block1, .account-dashboard .items td .shipped .block2, .account-dashboard .items td .shipped .block3 {
        background: #cc0066; }

footer {
  padding: 30px 0 0 0;
  margin: 0;
  text-align: center;
  color: #535353; }
  footer .success, footer .error {
    color: #bbbbbb;
    /* color: #2abd08;*/
    display: block;
    margin-bottom: 15px; }
  footer .error {
    color: #cc0066; }
  footer form {
    display: inline; }
  footer .container {
    max-width: 1100px;
    margin: auto; }
    footer .container #newsletter {
      font-size: 11px;
      letter-spacing: 1px;
      color: #050505; }
      footer .container #newsletter input[type=text] {
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #c3c3c3;
        font: 11px/11px "Gotham SSm A", "Gotham SSm B", sans-serif;
        padding: 0 10px;
        height: 22px;
        line-height: 20px;
        margin: 0 10px;
        width: 306px; }
      footer .container #newsletter button {
        display: inline-block;
        vertical-align: middle;
        background: #434242;
        color: #fff;
        border: 0;
        font-size: 10px;
        font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        letter-spacing: 1px;
        text-transform: uppercase; }
    footer .container #pages {
      font-size: 11px; }
      footer .container #pages ul {
        margin: 30px 0 0; }
        footer .container #pages ul li {
          display: inline-block;
          list-style: none;
          text-transform: uppercase; }
          footer .container #pages ul li a {
            color: #535353;
            text-decoration: none;
            padding: 0 10px;
            font-size: 11px;
            color: #050505;
            letter-spacing: 1px; }
          footer .container #pages ul li.last:after {
            content: ''; }
        footer .container #pages ul li:after {
          content: ' | '; }
    footer .container #footer-contact {
      margin-top: 15px;
      clear: both;
      font-size: 11px;
      font-weight: bold;
      color: #050505;
      letter-spacing: 1px; }
      footer .container #footer-contact span {
        margin-left: 25px; }
        footer .container #footer-contact span:first-child {
          margin-left: 0; }
      footer .container #footer-contact a {
        text-decoration: none; }
    footer .container #footer-social {
      margin-top: 15px;
      font-size: 18px; }
      footer .container #footer-social a {
        text-decoration: none;
        margin-left: 15px; }
        footer .container #footer-social a:first-child {
          margin-left: 0; }
  footer #footer-two {
    border-top: 1px solid #d9d9d9;
    margin: 27px 0 0;
    text-align: left;
    padding: 6px 5% 20px;
    font-size: 0; }
    footer #footer-two .footer-right,
    footer #footer-two .footer-left {
      display: inline-block;
      vertical-align: middle;
      width: 50%; }
    footer #footer-two .footer-right,
    footer #footer-two .footer-left,
    footer #footer-two .copyright {
      font-size: 10px;
      line-height: 10px;
      color: #050505; }
    footer #footer-two .copyright {
      display: none; }
    footer #footer-two .footer-left {
      width: 35%; }
    footer #footer-two .footer-right {
      width: 65%;
      text-align: right; }
    footer #footer-two #footer-cards {
      margin-right: 25px;
      vertical-align: middle; }
  @media (max-width: 770px) {
    footer #footer-two {
      margin-top: 15px;
      padding-top: 15px;
      padding-bottom: 15px; }
      footer #footer-two .footer-left {
        display: none; }
      footer #footer-two .footer-right {
        width: 100%;
        text-align: center;
        display: block; }
      footer #footer-two #footer-headred {
        display: block;
        text-align: center; }
      footer #footer-two #footer-cards {
        max-width: 100%;
        height: auto;
        margin-bottom: 8px; }
      footer #footer-two .copyright {
        display: block;
        text-align: center;
        margin-top: 15px; }
    footer .container #footer-contact {
      margin-top: 0; }
      footer .container #footer-contact span {
        display: block;
        margin-left: 0;
        margin-top: 14px; }
    footer .container #pages {
      padding: 0 7%; }
      footer .container #pages ul {
        margin-top: 20px; }
        footer .container #pages ul li a {
          padding: 0;
          font-size: 10px;
          line-height: 15px; }
        footer .container #pages ul li:after {
          margin: 0 5px; }
    footer .container #newsletter {
      line-height: 15px; }
      footer .container #newsletter strong {
        display: block; }
      footer .container #newsletter input[type=text] {
        display: block;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px; }
      footer .container #newsletter button {
        margin-top: 11px; } }

@media (max-width: 800px) and (min-width: 600px) {
  footer .container #newsletter input[type=text] {
    display: inline-block;
    vertical-align: middle;
    width: 70%; }
  footer .container #newsletter button {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px; } }

#footer-headred {
  text-decoration: none; }
  #footer-headred img {
    vertical-align: middle;
    margin-left: 10px; }

.product-top {
  display: block;
  width: 100%;
  height: 1px;
  background: #c6c6c6;
  border: none;
  padding: 0;
  margin: 0 0 20px; }

.show-responsive, .show-responsive-inline {
  display: none !important; }

.custom-select {
  background: url("/img/select-arrow.jpg") no-repeat top right #ededed;
  color: #535353;
  height: 22px;
  font: 12px/12px "Gotham SSm A", "Gotham SSm B", sans-serif;
  overflow: hidden;
  text-align: left;
  padding: 5px; }

.column {
  display: inline-block;
  vertical-align: top; }

#home-boxes {
  display: block;
  font-size: 0;
  padding: 0;
  /* width: calc(100% - 30px);*/
  width: 100%;
  height: auto;
  margin: 0;
  /* padding: 0 15px;*/
  /* @include media('<=600px') {*/
  /*     width: 100%;*/
  /*     padding: 0;*/
  /* }*/ }
  #home-boxes .box {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px; }
    #home-boxes .box img {
      display: block;
      width: 100%;
      height: auto; }
    @media (max-width: 1200px) {
      #home-boxes .box.box-c-6 {
        display: none; }
      #home-boxes .box.c8 {
        width: calc(20% - 15px); } }
    @media (max-width: 1024px) {
      #home-boxes .box.box-c-5 {
        display: none; }
      #home-boxes .box.c8 {
        width: calc(25% - 15px); } }
    @media (max-width: 800px) {
      #home-boxes .box.box-c-4 {
        display: none; }
      #home-boxes .box.c8 {
        width: calc(33.33% - 15px); } }
    @media (max-width: 600px) {
      #home-boxes .box.box-c-3 {
        display: none; }
      #home-boxes .box.c8 {
        width: calc(50% - 15px); } }
    @media (max-width: 560px) {
      #home-boxes .box {
        width: calc(100% - 15px);
        display: block; }
        #home-boxes .box.box-small {
          display: none; } }

#basket-controls a.pay-button {
  margin-top: 10px; }

.desktop-basket-only {
  display: inline-block !important; }

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

/*
==========================================================================
   4. Media Queries
==========================================================================
*/
@media all and (max-width: 1140px) {
  #content #content-container {
    padding-left: 15px;
    padding-right: 15px; } }

@media all and (max-width: 700px) {
  #confirmation-basket .basket thead {
    display: none; }
  #confirmation-basket .basket tbody {
    padding: 20px 0;
    display: block; }
    #confirmation-basket .basket tbody tr {
      margin-bottom: 10px;
      display: block; }
      #confirmation-basket .basket tbody tr td {
        display: inline-block;
        max-width: 30%; }
        #confirmation-basket .basket tbody tr td.name {
          padding-top: 8px;
          max-width: 40%;
          padding-left: 10px; }
        #confirmation-basket .basket tbody tr td.basket-pad {
          display: none;
          padding-top: 0; }
          #confirmation-basket .basket tbody tr td.basket-pad.text-right {
            display: inline-block;
            padding-top: 8px; }
  .desktop-basket-only {
    display: none !important; }
  .on-sale .text {
    width: 75%; }
  .product-top {
    display: none !important; }
  #add-basket .c32,
  #add-basket .c16 {
    display: block;
    width: calc(100% - 15px); }
  #breadcrumb.border-bottom {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 15px; }
  .mobile-basket-only {
    display: inline-block !important; }
  body {
    padding-top: 66px; }
  .desktop-show {
    display: none; }
  .mobile-show {
    display: block; }
  .product-gallery {
    display: none; }
  .mobile-checkout-button {
    display: block !important; }
  #content #content-banner {
    margin-bottom: 20px; }
    #content #content-banner #banner-header {
      width: 95%; }
  #content #content-container {
    padding: 0 15px; }
  .product-details {
    width: 100%; }
    .product-details .buy-now {
      width: 100%; }
    .product-details .product-social {
      text-align: center; }
  .login-box {
    width: 100% !important;
    margin-bottom: 15px !important; }
    .login-box .fr {
      padding-right: 20px; }
    .login-box button {
      width: 100%; }
  .checkout-container .checkout-half {
    width: 100%;
    margin: 0;
    padding: 0; }
  #error-404 {
    height: auto; }
    #error-404:before {
      display: none; }
    #error-404 .box {
      height: auto; }
      #error-404 .box .box-inner {
        padding-top: 15px;
        padding-bottom: 15px; }
        #error-404 .box .box-inner .box-text .box-header {
          font-size: 22px; }
        #error-404 .box .box-inner .box-text p {
          font-size: 15px; }
        #error-404 .box .box-inner .box-text a {
          font-size: 13px;
          padding: 0 10px; }
  .page-half {
    width: 100%; }
  #newsletter input[type=text] {
    margin: 15px 0 0; }
  #newsletter button {
    margin: 15px 0 0; }
  .products.full li {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0; }
    .products.full li .list-img {
      text-align: center;
      height: auto;
      padding-bottom: 0 !important; }
      .products.full li .list-img img {
        display: inline-block; }
  .frame-size-box, .frame-format-box, .frame-colour-box {
    margin-bottom: 10px;
    font: 700 14px/14px "Gotham SSm A", "Gotham SSm B", sans-serif; }
    .frame-size-box select, .frame-format-box select, .frame-colour-box select {
      margin-left: 0;
      margin-top: 10px;
      max-width: 50%; }
    .frame-size-box span, .frame-format-box span, .frame-colour-box span {
      width: 100%;
      max-width: 50%;
      display: inline-block; }
  .home-featured-artist li {
    width: 100%;
    margin-bottom: 20px; }
  .payment-box.card-types li {
    margin-bottom: 10px; }
  .payment-box.card-details .half {
    width: 100%;
    margin-bottom: 10px; }
    .payment-box.card-details .half label {
      width: 100%;
      padding: 0;
      text-align: left;
      margin-bottom: 5px; }
  /*//////////////////////////////*/
  .featured-product .page-half h2, .sub-title {
    line-height: 18px;
    font-size: 16px; }
  .featured-product .page-half .home-title span h2, .home-title {
    font-size: 24px;
    text-align: left;
    padding-bottom: 20px;
    line-height: 24px; }
  .home-title {
    margin-bottom: 0; }
  #category-info .column {
    text-align: center;
    float: none !important;
    display: block; }
  body.artist-page .products {
    width: 100%; }
    body.artist-page .products li {
      margin-left: auto;
      margin-right: auto;
      float: none;
      display: block; }
  .account-dashboard .account-left, .account-dashboard .account-right {
    display: block;
    margin: 0 !important; }
  .small-basket .column {
    width: 50% !important;
    display: inline-block !important;
    vertical-align: top; }
  .account-dashboard .account-right {
    margin: 0 auto !important;
    width: 100%; }
  .hide-responsive {
    display: none !important; }
  .show-responsive {
    display: block !important; }
  .show-responsive-inline {
    display: inline-block !important; }
  .account-dashboard .account-left {
    width: 100%; }
  .account-dashboard {
    width: 96%;
    margin: 0 auto; }
  .login-hover-mobile #header-login-box {
    font-size: 14px;
    line-height: 16px; }
    .login-hover-mobile #header-login-box a {
      margin-right: 0; }
  .product-details .sold-out {
    width: 100%;
    text-align: center; }
  #banners .navigation li {
    display: none; }
  .summary-page .summary-line .large {
    font-size: 13px; }
  .frame-size-box.column, .frame-format-box.column, .frame-colour-box.column {
    font-size: 0; }
    .frame-size-box.column span, .frame-format-box.column span, .frame-colour-box.column span {
      width: auto;
      padding-right: 4%;
      max-width: 46%; }
    .frame-size-box.column span, .frame-size-box.column select, .frame-format-box.column span, .frame-format-box.column select, .frame-colour-box.column span, .frame-colour-box.column select {
      font-size: 16px; }
  .basket-page.mobile-show .small-basket .column {
    width: calc(100% - 130px) !important; }
    .basket-page.mobile-show .small-basket .column img {
      width: 130px;
      height: auto; }
    .basket-page.mobile-show .small-basket .column.first {
      width: 130px !important; }
    .basket-page.mobile-show .small-basket .column.last {
      text-align: left;
      padding-left: 15px; }
  .product-details .artist-name {
    font-size: 12px;
    line-height: 12px;
    margin-top: 30px; }
  .product-details .product-name {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
    line-height: 12px;
    margin-top: 3px; }
    .product-details .product-name span {
      display: inline-block; }
  .product-details .product-price {
    margin-top: 10px; }
  .product-details .frame-size-box,
  .product-details .frame-format-box,
  .product-details .frame-colour-box {
    margin-top: 12px; }
  .product-details .buy-now {
    margin-left: 0;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px; }
  .product-details .product-accordion {
    margin-top: 20px; }
  .product-details .product-accordion dt a {
    font-size: 10px; }
  .product-details .product-accordion dt:first-child {
    border-top: none; }
  .product-details .product-social {
    margin-top: 20px; }
  .product-shipping {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
    .product-shipping .bottom {
      letter-spacing: 0 !important; }
  .footer-message.footer-message-shipping {
    display: none; }
  .product-price-mobile {
    /* display: block;*/
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .product-price-desktop {
    display: none; } }

.buy-now-wrapper {
  /* NEW - Chrome */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

@media all and (max-width: 700px) {
  .buy-now-wrapper {
    width: 100%; } }

@media all and (min-width: 701px) and (max-width: 1059px) {
  .buy-now-wrapper .buy-now {
    /* display: -webkit-flex;     */
    /* NEW - Chrome */
    /**/
    /* display: flex;             */
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /**/
    padding: 0;
    padding-top: 1px;
    width: 100%;
    max-width: 100%;
    /* justify-content: center;*/
    /* -webkit-justify-content: center;*/
    /* align-items: center;*/
    /* -webkit-align-items: center;*/ } }

@media all and (min-width: 701px) and (max-width: 767px) {
  .buy-now-wrapper .buy-now {
    font-size: 10px; } }

@media all and (min-width: 700px) {
  .desktop-show {
    display: block; }
  .mobile-show {
    display: none; }
  .mobile-checkout-button {
    display: none !important; } }

@media all and (max-width: 800px) {
  #bar {
    padding: 0 1%; } }

@media all and (min-width: 600px) and (max-width: 750px) {
  .products.full li {
    width: 46%;
    padding-bottom: 70%; } }

@media all and (min-width: 750px) and (max-width: 960px) {
  .products.full li {
    width: 46%;
    padding-bottom: 66%; } }

@media all and (min-width: 960px) and (max-width: 1150px) {
  .products.full li {
    padding-bottom: 50%; }
  .home-featured-artist li {
    width: 100%;
    margin-bottom: 2%; } }

/*
==========================================================================
   5. Helper Classes, Grid & FontAwesome.
==========================================================================
*/
.btn {
  display: inline-block;
  padding: 10px;
  font: 500 19px/19px "Gotham SSm A", "Gotham SSm B", sans-serif;
  text-transform: uppercase;
  text-decoration: none; }

.btn.grey {
  background: #bfbfbf;
  color: #fff; }

.btn.purple {
  background: #cc0066;
  color: #fff; }

.text-success {
  color: #bbbbbb !important;
  /* color: #2abd08 !important;*/ }

.rs-img {
  width: 100%;
  max-width: 100%; }

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

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

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

.fl {
  float: left; }

.fr {
  float: right; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.secondary-colour {
  color: #cc0066; }

.zoomWindow {
  border: 1px solid #dcdcdc !important; }

/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000, .onepcssgrid-1200 {
  margin: 0 auto;
  padding: 0 0 0 1%;
  /* THAT'S THE NAME ;) */ }

.onepcssgrid-1200 {
  max-width: 1220px; }

.onepcssgrid-1000 {
  max-width: 1020px; }

.onerow {
  clear: both;
  padding: 0 15px; }

/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0; }

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
  margin: 0; }

.col1 {
  width: 5.5%; }

.col2 {
  width: 14%; }

.col3 {
  width: 22.5%; }

.col4 {
  width: 31%; }

.col5 {
  width: 39.5%; }

.col6 {
  width: 48%; }

.col7 {
  width: 56.5%; }

.col8 {
  width: 65%; }

.col9 {
  width: 73.5%; }

.col10 {
  width: 82%; }

.col11 {
  width: 90.5%; }

.col12 {
  width: 99%;
  margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
  max-width: 100%;
  height: auto;
  display: block; }

/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
  .onepcssgrid-1000 {
    max-width: 1000px; }
  .onepcssgrid-1000 .onerow {
    padding: 0; } }

/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 600px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    float: none;
    width: 99%; }
  .product-list li .list-img img.secondary {
    display: none; }
  .product-filters {
    overflow: hidden; } }

ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none; }

li.bjqs-slide {
  position: absolute;
  display: none; }

ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999; }

ul.bjqs-controls.v-centered li a {
  position: absolute; }

ul.bjqs-controls.v-centered li.bjqs-next a {
  right: 0; }

ul.bjqs-controls.v-centered li.bjqs-prev a {
  left: 0; }

ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%; }

ol.bjqs-markers.h-centered {
  text-align: center; }

ol.bjqs-markers li {
  display: inline; }

ol.bjqs-markers li a {
  display: inline-block; }

p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0; }

#banners {
  overflow: hidden; }

.box-list {
  position: relative;
  margin: 0 auto;
  width: 1px;
  height: auto;
  font-size: 0;
  overflow: hidden;
  white-space: nowrap;
  padding: 8px 0; }
  .box-list .col, .box-list .row {
    position: relative;
    background: transparent;
    margin: 0;
    padding: 0;
    white-space: normal; }
  .box-list .col {
    width: auto;
    min-width: 249px;
    max-width: 498px;
    height: auto;
    display: inline-block;
    vertical-align: top; }
    .box-list .col.single {
      max-width: 249px; }
  .box-list .row {
    width: 100%;
    height: 233px;
    display: block; }
  .box-list .box {
    position: relative;
    width: auto;
    height: auto;
    margin: 8px;
    padding: 0;
    background: #000000;
    display: inline-block;
    vertical-align: top; }
    .box-list .box img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0;
      padding: 0; }
    .box-list .box.hover .overlay {
      opacity: 0; }
    .box-list .box .overlay {
      width: 60%;
      height: 60%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      padding: 3%;
      background: rgba(0, 0, 0, 0.54); }
      .box-list .box .overlay .inner {
        width: 100%;
        border: 1px solid #FFFFFF;
        padding: 8%;
        height: 100%; }
      .box-list .box .overlay hr {
        width: 100%;
        height: 1px;
        padding: 0;
        margin: 0;
        background: #FFFFFF;
        display: block;
        border: none; }
        .box-list .box .overlay hr.small {
          width: 60%;
          margin: 5px auto; }
      .box-list .box .overlay .overlay-header, .box-list .box .overlay .overlay-subheader {
        width: 100%;
        height: auto;
        margin: 12px 0;
        padding: 0;
        font-size: 20px;
        line-height: 19px;
        color: #FFFFFF;
        text-transform: uppercase; }
      .box-list .box .overlay .overlay-subheader {
        font-size: 15px;
        line-height: 15px;
        margin: 15px 0 0; }
      .box-list .box .overlay p {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 17px; }
        .box-list .box .overlay p.medium {
          font-size: 13px;
          line-height: 13px; }
        .box-list .box .overlay p.price {
          /*margin-top: 20px;*/
          font-weight: bold;
          font-size: 15px;
          line-height: 15px; }
          .box-list .box .overlay p.price span {
            font-size: 18px;
            line-height: 23px; }
    .box-list .box.box-square-small {
      width: 100%;
      max-width: 233px;
      height: 233px; }
      .box-list .box.box-square-small .overlay {
        width: 85%;
        height: 85%;
        text-align: center;
        padding: 6%; }
        .box-list .box.box-square-small .overlay .inner {
          padding-top: 13%; }
        .box-list .box.box-square-small .overlay .overlay-header {
          margin: 7px 0; }
        .box-list .box.box-square-small .overlay p {
          margin-top: 15px; }
        .box-list .box.box-square-small .overlay.minimal {
          width: 100%;
          height: 100%;
          padding: 130px 5% 5%;
          text-align: left;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.18)), color-stop(82%, rgba(0, 0, 0, 0.5)));
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 30%, rgba(0, 0, 0, 0.5) 82%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0); }
          .box-list .box.box-square-small .overlay.minimal hr {
            margin: 3px 0; }
          .box-list .box.box-square-small .overlay.minimal .overlay-subheader {
            margin: 15px 0 0; }
          .box-list .box.box-square-small .overlay.minimal p {
            margin: 0; }
            .box-list .box.box-square-small .overlay.minimal p .price {
              padding-left: 5%; }
    .box-list .box.box-square {
      width: 100%;
      max-width: 482px;
      height: 482px; }
      .box-list .box.box-square .overlay {
        text-align: center; }
    .box-list .box.box-rectangle {
      width: 100%;
      max-width: 233px;
      height: 482px; }
      .box-list .box.box-rectangle .overlay {
        width: 100%;
        height: auto;
        top: auto;
        bottom: 0;
        padding: 5% 5% 20px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, rgba(0, 0, 0, 0.49)), color-stop(49%, rgba(0, 0, 0, 0.5)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 48%, rgba(0, 0, 0, 0.5) 49%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0); }
        .box-list .box.box-rectangle .overlay hr {
          margin: 3px 0; }
        .box-list .box.box-rectangle .overlay p.price {
          /*padding-left: 5%;*/ }
  .box-list.regular {
    white-space: normal;
    overflow: visible;
    width: 95%;
    margin: 0 auto; }
    .box-list.regular .box {
      float: left;
      display: block;
      position: relative; }
      .box-list.regular .box .overlay-classic {
        position: absolute;
        width: 100%;
        padding: 7%;
        height: auto;
        bottom: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(48%, rgba(0, 0, 0, 0.49)), color-stop(49%, rgba(0, 0, 0, 0.5)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 48%, rgba(0, 0, 0, 0.5) 49%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80000000', GradientType=0); }
        .box-list.regular .box .overlay-classic hr {
          width: 100%;
          height: 1px;
          padding: 0;
          margin: 0;
          background: rgba(255, 255, 255, 0.5);
          display: block;
          border: none; }
        .box-list.regular .box .overlay-classic .overlay-header {
          width: 100%;
          height: auto;
          margin: 5px 0;
          padding: 0;
          font-size: 16px;
          line-height: 18px;
          color: #FFFFFF;
          text-transform: uppercase; }
  .box-list.small-boxes .col {
    min-width: 231px;
    max-width: 462px; }
    .box-list.small-boxes .col.single {
      max-width: 231px; }
  .box-list.small-boxes .row {
    height: 215px; }
  .box-list.small-boxes .box.box-rectangle {
    max-width: 215px;
    height: 446px; }
  .box-list.small-boxes .box.box-square-small {
    max-width: 215px;
    height: 215px; }
  .box-list.small-boxes .box.box-square {
    max-width: 446px;
    height: 446px; }

@media all and (max-width: 885px) {
  .login-box {
    width: 100% !important;
    margin-bottom: 15px !important; }
    .login-box .fr {
      padding-right: 20px; }
    .login-box button {
      width: 100%; } }

.full-message {
  width: 96%;
  height: auto;
  margin: 20px auto;
  padding: 15px 0;
  border: 1px solid #bcbbbb;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  color: #504f4f;
  white-space: normal; }

#product-menu #product-menu-list.blog-menu-list {
  padding: 8px 15px;
  width: 176px;
  top: 26px; }

#product-menu #product-menu-list.blog-menu-list ul {
  width: 100%; }

#product-menu #product-menu-list.blog-menu-list ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  border: none; }

#product-menu #product-menu-list.blog-menu-list ul li:after {
  width: 100%;
  margin: 6px 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1px;
  background: #c7c7c7;
  content: '';
  display: block; }

#product-menu #product-menu-list.blog-menu-list ul li:last-child:after {
  display: none; }

#product-menu #product-menu-list.blog-menu-list ul li a {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  color: #535353; }

#product-menu #product-menu-list.blog-menu-list ul li a span {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0; }

.col-half {
  width: 46%;
  height: auto;
  margin: 0;
  padding: 0 2%;
  display: inline-block;
  vertical-align: top; }

#content.contact-page {
  padding-top: 32px;
  padding-bottom: 100px; }

#content #content-container .page-social a {
  color: #fff;
  text-decoration: none;
  font-size: 34px;
  display: inline-block;
  padding: 12px;
  width: 53px;
  height: 53px;
  text-align: center;
  margin-right: 8px;
  background: #636363;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #636363), color-stop(50%, #cc0066));
  background: linear-gradient(to bottom, #636363 50%, #cc0066 50%);
  background-size: 100% 200%;
  background-position: left top;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

#content #content-container .page-social a:hover {
  background-position: right bottom; }

#content #content-container p {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  color: #535353;
  margin: 0 0 20px; }
  #content #content-container p .large {
    font-size: 16px; }

#content #content-container .content-header-medium {
  padding: 0;
  line-height: 18px;
  width: 100%;
  height: auto;
  display: block;
  font-size: 18px;
  color: #535353;
  font-weight: bold;
  margin: 0 0 20px; }

#content #content-container form {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block; }
  #content #content-container form.styled-form input, #content #content-container form.styled-form textarea, #content #content-container form.styled-form select {
    width: 100%;
    height: auto;
    padding: 11px;
    margin: 0;
    display: block;
    border: 1px solid #b5b5b5;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 12px;
    color: #535353;
    resize: none; }
  #content #content-container form.styled-form label {
    font-size: 12px;
    line-height: 12px;
    color: #535353;
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 10px 0; }
  #content #content-container form.styled-form button {
    background: #cc0066;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: 0;
    color: #FFFFFF;
    padding: 0 50px;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 13px;
    line-height: 45px;
    font-weight: bold;
    height: 45px;
    letter-spacing: 2px;
    margin-top: 15px;
    /* display: inline-block;*/
    /* width: auto;*/
    /* height: auto;*/
    /* border: 3px solid #FFFFFF;*/
    /* background: #FFFFFF;*/
    /* padding: 13px 20px;*/
    /* text-transform: uppercase;*/
    /* font-size: 16px;*/
    /* line-height: 16px;*/
    /* color: #535353;*/
    /* box-shadow: 0 0 0 2px #7f7f7f, inset 0 0 0 1px #7f7f7f;*/
    /* font-family: $bodyFont;*/
    /* margin: 15px 0 0 2px;*/
    /* &:hover, &:active {*/
    /*     box-shadow: 0 0 0 2px $secondary, inset 0 0 0 1px $secondary;*/
    /*     color: $secondary;*/
    /* }*/ }
  #content #content-container form.styled-form textarea {
    height: 120px; }

#artist-bio-trigger,
#artist-bio,
#artist-products {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 0; }

#artist-bio-trigger {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: auto;
  color: #333333;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  padding: 0 17px;
  cursor: pointer;
  letter-spacing: 1px;
  right: 10%; }
  #artist-bio-trigger .fa {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 13px;
    font-size: 13px;
    margin-left: 4px; }
  #artist-bio-trigger.open .fa {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .35s ease;
    transition: all .35s ease; }
  @media (max-width: 750px) {
    #artist-bio-trigger {
      left: 50%;
      margin-left: -100px;
      width: 200px;
      text-align: center;
      max-width: 100%;
      padding: 0; } }

#artist-bio > div > div > div.c12.bio_text {
  width: calc(((100% / 48) * 12) - 5px) !important;
  margin-left: 5px !important; }
  @media all and (min-width: 1151px) and (max-width: 1270px) {
    #artist-bio > div > div > div.c12.bio_text {
      margin-left: 5px !important; } }
  @media all and (min-width: 960px) and (max-width: 1150px) {
    #artist-bio > div > div > div.c12.bio_text {
      margin-left: 0px !important;
      width: calc(((100% / 48) * 12) - 30px) !important; } }
  @media (max-width: 959px) {
    #artist-bio > div > div > div.c12.bio_text {
      margin-left: 0 !important;
      /* width: calc((100% / 48) * 29) !important;*/
      width: calc(((100% / 48) * 34) - 10px) !important;
      padding-left: 5px !important; } }
  @media (max-width: 860px) {
    #artist-bio > div > div > div.c12.bio_text {
      width: calc(((100% / 48) * 30) - 10px) !important; } }
  @media (max-width: 750px) {
    #artist-bio > div > div > div.c12.bio_text {
      /* padding-left: 10px !important;*/
      width: calc(((100% / 48) * 24) - 15px) !important; } }
  @media (max-width: 670px) {
    #artist-bio > div > div > div.c12.bio_text {
      width: 100% !important;
      padding-left: 15px !important; } }

#artist-bio {
  display: none;
  position: absolute;
  top: 100%;
  background: #333333;
  border: 4px solid #FFFFFF;
  border-left: none;
  border-right: none;
  left: 0;
  z-index: 50;
  padding: 20px 0;
  text-align: left; }
  #artist-bio .grid-row {
    margin-left: 0 !important; }
  #artist-bio img {
    /* max-width: 200px;*/
    /* max-height: 200px;*/
    width: 100%;
    height: 100%;
    border: 2px solid white; }
  #artist-bio .featured_image_1 {
    /* padding-left: 20px;*/ }
    #artist-bio .featured_image_1 img {
      max-width: 200px; }
    @media all and (min-width: 960px) {
      #artist-bio .featured_image_1 {
        margin-left: 5px; } }
    @media all and (max-width: 1150px) {
      #artist-bio .featured_image_1 {
        width: calc(((100% / 37) * 11) - 15px) !important; } }
  #artist-bio .featured_image_2 {
    width: calc(((100% / 48) * 25) - 15px); }
    #artist-bio .featured_image_2 img {
      height: auto;
      max-width: 770px; }
    @media all and (min-width: 960px) {
      #artist-bio .featured_image_2 {
        padding-left: 2px;
        width: calc(((100% / 48) * 25) - 15px) !important; } }
    @media (max-width: 959px) {
      #artist-bio .featured_image_2 {
        display: none; } }
    @media all and (min-width: 1511px) {
      #artist-bio .featured_image_2 {
        padding: 0px 6px;
        margin-left: 5px; } }
  #artist-bio p {
    color: #FFFFFF;
    font-size: 9px;
    line-height: 17px;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: 1px; }
    #artist-bio p a {
      color: #FFFFFF; }
  @media all and (min-width: 1271px) and (max-width: 1510px) {
    #artist-bio .featured_image_1 {
      padding-left: 0px; } }
  @media all and (min-width: 960px) and (max-width: 1150px) {
    #artist-bio .featured_image_2 {
      width: calc(((100% / 48) * 23) - 15px) !important; } }
  @media (max-width: 959px) {
    #artist-bio .featured_image_1 {
      padding-left: 5px !important;
      margin-left: 0 !important;
      width: calc((100% / 37) * 11) !important; } }
  @media (max-width: 1510px) {
    #artist-bio .product-container {
      padding: 0 15px; } }
  @media (max-width: 1270px) {
    #artist-bio .c13 {
      width: calc(((100% / 48) * 19) - 15px); }
    #artist-bio .c12 {
      width: calc(((100% / 48) * 19) - 15px); } }
  @media (max-width: 1024px) {
    #artist-bio .c8 {
      width: calc(((100% / 48) * 10) - 15px); }
    #artist-bio .c13 {
      width: calc(((100% / 48) * 18) - 15px); }
    #artist-bio .c12 {
      width: calc(((100% / 48) * 18) - 15px); } }
  @media (max-width: 860px) {
    #artist-bio .featured_image_1 {
      width: calc(((100% / 48) * 19) - 10px) !important; } }
  @media (max-width: 800px) {
    #artist-bio .c8 {
      width: calc(((100% / 48) * 14) - 15px); }
    #artist-bio .c13 {
      width: calc(((100% / 48) * 16) - 15px); }
    #artist-bio .c12 {
      width: calc(((100% / 48) * 16) - 15px); } }
  @media (max-width: 750px) {
    #artist-bio .c8,
    #artist-bio .c13,
    #artist-bio .c12 {
      width: calc(100% + 15px);
      /* display: block;*/
      padding-right: 15px; }
    #artist-bio .c8 {
      text-align: center;
      padding-bottom: 15px; }
      #artist-bio .c8 img {
        max-width: 100%; }
    #artist-bio .c1 {
      display: none; } }
  @media (max-width: 740px) {
    #artist-bio .featured_image_1 {
      width: calc((100% / 48) * 23) !important; } }
  @media all and (min-width: 671px) and (max-width: 750px) {
    #artist-bio .grid-row {
      margin-left: 15px !important; } }
  @media (max-width: 670px) {
    #artist-bio .featured_image_1 {
      display: none; } }

#artist-products {
  padding-top: 30px; }
  #artist-products #product-list-items {
    padding-left: 15px; }
    @media (max-width: 739px) {
      #artist-products #product-list-items {
        padding-left: 0;
        margin-left: 5px; } }
  #artist-products .product-container .grid-row {
    width: calc(100% - 15px);
    margin-left: 5px; }

#blog-image,
#blog-content,
#blog-container,
#blog-container p,
#blog-container h1,
#blog-container h2,
#blog-container h3,
#blog-container h4,
#blog-container h5,
#blog-container h6,
#blog-container .blog-header {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 0; }

#blog-container {
  max-width: 1137px;
  margin: 0 auto;
  padding: 0 15px; }
  #blog-container img {
    width: auto;
    height: auto;
    max-width: 100%; }
  #blog-container .blog-header,
  #blog-container p,
  #blog-container h1,
  #blog-container h2,
  #blog-container h3,
  #blog-container h4,
  #blog-container h5,
  #blog-container h6 {
    color: #050505; }
  #blog-container .blog-header,
  #blog-container h1,
  #blog-container h2,
  #blog-container h3,
  #blog-container h4,
  #blog-container h5,
  #blog-container h6 {
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px; }
  #blog-container .blog-header {
    margin-top: 45px;
    margin-bottom: 10px; }
  #blog-container h1,
  #blog-container h2,
  #blog-container h3,
  #blog-container h4,
  #blog-container h5,
  #blog-container h6 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 25px;
    line-height: 28px; }
  #blog-container p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
    margin-top: 15px; }

body.single-post header.desktop-show {
  margin-bottom: 0; }

body.single-post .blog-header {
  margin: 0;
  padding: 0;
  font-size: 36px;
  line-height: 36px;
  color: #535353;
  text-transform: uppercase;
  font-weight: bold; }

body.single-post .meta {
  padding: 0;
  font-size: 14px;
  line-height: 14px;
  color: #535353;
  font-weight: bold;
  margin: 6px 0 45px; }

body.single-post #right-side p, body.single-post #right-side h3 {
  margin: 6px 0;
  padding: 0;
  font-size: 13px;
  line-height: 21px;
  color: #535353; }

body.single-post #right-side h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-weight: bold; }

body.single-post ul.blog-social {
  width: 100%;
  height: auto;
  padding: 0;
  list-style: none;
  margin: 25px 0 0; }
  body.single-post ul.blog-social li {
    width: 40px;
    height: 40px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    background: #434343;
    margin: 0 11px 0 0;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    position: relative; }
    body.single-post ul.blog-social li .social-popout {
      position: absolute;
      width: 150px;
      height: auto;
      background: #FFFFFF;
      border: 1px solid #bbbbbb;
      left: 50%;
      margin: 0 0 0 -75px;
      padding: 8px 0;
      z-index: 40;
      bottom: 46px;
      text-align: center;
      display: none;
      line-height: normal; }
      body.single-post ul.blog-social li .social-popout .fb_iframe_widget, body.single-post ul.blog-social li .social-popout .fb_iframe_widget span {
        height: 15px; }
      body.single-post ul.blog-social li .social-popout:after {
        position: absolute;
        left: 50%;
        padding: 0;
        margin: 0 0 0 -14px;
        bottom: -14px;
        width: 27px;
        height: 14px;
        background: url("/img/blog-social-arrow.png") no-repeat center transparent;
        content: ''; }
    body.single-post ul.blog-social li:hover .social-popout {
      display: block; }

body.single-post .list-button {
  display: inline-block;
  width: auto;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  color: #FFFFFF;
  font-size: 17px;
  background: #434343;
  margin: 38px 0 0;
  text-transform: uppercase;
  text-decoration: none; }
  body.single-post .list-button:hover {
    background: #585858;
    color: #FFFFFF;
    text-decoration: none; }

body.single-post h3#comments-title {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 17px;
  color: #535353;
  padding: 0;
  width: 100%;
  height: auto;
  font-weight: bold;
  margin: 30px 0 0; }

body.single-post .comment {
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  min-height: 57px;
  margin: 25px 0 0; }
  body.single-post .comment .comment-body {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0; }
    body.single-post .comment .comment-body p {
      width: 100% !important;
      height: auto !important;
      display: block !important;
      color: #535353 !important;
      font-size: 13px !important;
      line-height: 13px !important;
      padding-left: 67px !important; }
    body.single-post .comment .comment-body br {
      display: none !important; }
    body.single-post .comment .comment-body .comment-author, body.single-post .comment .comment-body .comment-meta {
      display: inline;
      color: #535353;
      font-size: 13px;
      line-height: 13px;
      font-weight: bold;
      padding-left: 67px;
      padding-top: 5px; }
      body.single-post .comment .comment-body .comment-author .says, body.single-post .comment .comment-body .comment-meta .says {
        font-size: 0; }
        body.single-post .comment .comment-body .comment-author .says:before, body.single-post .comment .comment-body .comment-meta .says:before {
          display: inline;
          content: '|';
          font-size: 12px; }
      body.single-post .comment .comment-body .comment-author a, body.single-post .comment .comment-body .comment-meta a {
        font-style: normal;
        text-decoration: none; }
      body.single-post .comment .comment-body .comment-author img, body.single-post .comment .comment-body .comment-meta img {
        position: absolute;
        left: 0;
        top: 0;
        width: 57px !important;
        height: 57px !important; }
    body.single-post .comment .comment-body .comment-meta {
      padding-left: 0; }

body.single-post #respond {
  font-size: 0; }
  body.single-post #respond .comment-notes, body.single-post #respond .form-allowed-tags, body.single-post #respond #reply-title {
    display: none; }
  body.single-post #respond .comment-form-author, body.single-post #respond .comment-form-email, body.single-post #respond .comment-form-url {
    width: 31%;
    float: left;
    margin-right: 3.1% !important; }
  body.single-post #respond .comment-form-url {
    margin-right: 0 !important; }
  body.single-post #respond label {
    display: block;
    font-size: 13px;
    padding: 0;
    font-weight: bold;
    line-height: 13px;
    width: 100%;
    height: auto;
    margin: 10px 0 5px;
    color: #535353; }
  body.single-post #respond input[type=text], body.single-post #respond input[type=email], body.single-post #respond textarea {
    width: 100%;
    height: auto;
    border: 1px solid #d7d7d7;
    padding: 0;
    margin: 0; }
  body.single-post #respond input[type=text], body.single-post #respond input[type=email] {
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    margin-bottom: 15px; }
  body.single-post #respond textarea {
    padding: 15px; }
  body.single-post #respond .form-submit input[type=submit] {
    display: inline-block;
    width: auto;
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 17px;
    background: #434343;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    margin: 10px 0 0; }
    body.single-post #respond .form-submit input[type=submit]:hover {
      background: #585858;
      color: #FFFFFF;
      text-decoration: none; }

.product-gallery-mobile {
  width: 5000px;
  height: 50px;
  background: #e3e3e3;
  position: relative;
  left: 50%;
  margin: 10px 0 10px -2500px;
  text-align: center; }
  .product-gallery-mobile a {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 50%;
    margin-left: 9px; }
    .product-gallery-mobile a:first-child {
      margin-left: 0; }

.product-sliders {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 0; }
  .product-sliders .slider-col {
    width: calc(50% - 7px);
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-left: 14px; }
    .product-sliders .slider-col:first-child {
      margin-left: 0; }

.product-image-mobile {
  width: 100%;
  height: auto;
  position: relative;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }
  .product-image-mobile img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 100%;
    height: auto; }

.swipe-message {
  width: 100%;
  height: auto;
  color: #535353;
  background: #e3e3e3;
  margin: 10px 0;
  padding: 6px 0;
  text-align: center; }

.product-slider {
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 0;
  margin: 0;
  margin-top: 20px; }
  .product-slider .slider-header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 19px;
    letter-spacing: 1px;
    font-size: 11px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold; }
    .product-slider .slider-header h2 {
      padding: 0;
      margin: 0;
      line-height: 19px;
      font-size: 11px;
      display: inline-block;
      vertical-align: middle; }
    .product-slider .slider-header .slider-nav {
      width: 19px;
      height: 19px;
      background: #FFFFFF;
      display: inline-block;
      vertical-align: middle;
      margin: 0 4px;
      padding: 0;
      text-align: center;
      line-height: 19px;
      border: 1px solid #3b3b3b;
      cursor: pointer;
      position: relative; }
      .product-slider .slider-header .slider-nav:after {
        position: absolute;
        top: 3px;
        left: 4px;
        margin: 0;
        content: '';
        display: block;
        width: 8px;
        height: 12px;
        background: url("/img/product-slider-nav.jpg") no-repeat top right transparent; }
      .product-slider .slider-header .slider-nav.slider-right:after {
        background-position: top left;
        left: 5px; }
  .product-slider .slider-inner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 15px; }
    .product-slider .slider-inner ul.products {
      width: 100000px;
      min-height: 355px;
      position: absolute;
      top: 0;
      left: 0; }
      .product-slider .slider-inner ul.products.placeholder {
        opacity: 0;
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        z-index: -1; }
      .product-slider .slider-inner ul.products li {
        display: inline-block;
        vertical-align: top;
        width: 234px;
        margin-left: 15px; }
        .product-slider .slider-inner ul.products li .single-product {
          margin-bottom: 0; }
        .product-slider .slider-inner ul.products li:first-child {
          margin-left: 0; }

body.is-ipad .full-message {
  font-size: 18px;
  line-height: 20px;
  margin: 15px auto;
  padding: 10px 0; }

body.is-ipad .filter-colour {
  display: none !important; }

body.is-ipad .page-half {
  display: block;
  float: none;
  width: 100%; }

body.is-ipad .home-title span h2 {
  font-size: 27px !important; }

body.is-ipad .half-img .arrow {
  bottom: 0 !important;
  left: 50px !important;
  right: auto !important;
  top: auto !important;
  background-image: url("/img/page-half-arrow-ipad.PNG"); }

body.is-ipad .box-list .box .overlay, body.is-ipad .box-list .box .overlay .inner {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  position: absolute !important;
  bottom: 0;
  left: 0; }
  body.is-ipad .box-list .box .overlay p, body.is-ipad .box-list .box .overlay .inner p {
    font-size: 20px !important;
    line-height: 20px !important;
    text-align: left !important;
    padding-left: 15px;
    padding-bottom: 15px;
    position: absolute !important;
    bottom: 0;
    left: 0; }

body.is-ipad .product-slider .slider-header h2 {
  font-size: 15px; }

@media (min-width: 320px) and (max-width: 737px) and (orientation: landscape) {
  #country-selector #country-headline, #country-selector #country-text {
    display: none !important; }
  #country-selector .country-container #country-logo {
    padding-top: 10px !important; }
  #country-selector #country-form {
    margin-top: 15px !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* iPad (All generations) Landscape */
  body.is-ipad.artist-page .products li {
    width: 30% !important; }
  body.is-ipad .featured-product.home-featured-artist li {
    width: 30% !important; }
  body.is-ipad .featured-product .hide-responsive,
  body.is-ipad .featured-product.home-featured-artist .hide-responsive {
    display: none !important; }
  body.is-ipad .featured-product .show-responsive,
  body.is-ipad .featured-product.home-featured-artist .show-responsive {
    display: block !important; }
  body.is-ipad .featured-product .home-title {
    font-size: 28px;
    border-bottom: 1px solid #535353; }
    body.is-ipad .featured-product .home-title span {
      border-bottom: none; }
    body.is-ipad .featured-product .home-title br {
      display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* iPad (All generations) Portrait */
  body.is-ipad {
    /* .frame-size-box select, .frame-format-box select, .frame-colour-box select {*/
    /*     max-width: 175px;*/
    /* }*/ }
    body.is-ipad.artist-page .products {
      text-align: center; }
      body.is-ipad.artist-page .products li {
        float: none;
        display: inline-block;
        vertical-align: top; }
    body.is-ipad .featured-product .hide-responsive,
    body.is-ipad .featured-product.home-featured-artist .hide-responsive {
      display: none !important; }
    body.is-ipad .featured-product .show-responsive,
    body.is-ipad .featured-product.home-featured-artist .show-responsive {
      display: block !important; }
    body.is-ipad #basket-total .last {
      font-size: 12px; }
      body.is-ipad #basket-total .last span {
        font-size: 20px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  /* iPhone 6 */
  #breadcrumb {
    margin-top: 15px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  /* iPhone 6 Landscape */
  .products.full li {
    width: 50% !important;
    margin-right: 0 !important;
    display: inline-block;
    float: none;
    vertical-align: top; }
  .refine-by {
    display: none !important; }
  .products.full li {
    padding-bottom: 10px; }
  .products.full li {
    padding: 0 4px; }
  .products li .list-img img.secondary {
    display: none !important; }
  body.artist-page .products li {
    width: 50% !important;
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    padding-right: 4px; }
  body.artist-page .products {
    width: 95%;
    text-align: center;
    margin: 0 auto; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  /* iPhone 6 Portrait */
  #newsletter {
    line-height: 22px; }
  #basket-total {
    padding-bottom: 0; }
  #basket-controls .col6 {
    display: none !important; }
    #basket-controls .col6.last {
      display: block !important; }
      #basket-controls .col6.last a.pay-button {
        margin: 0 !important;
        width: 100%;
        padding: 15px 0;
        text-align: center; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  /* iPhone 6 Plus */
  #breadcrumb {
    margin-top: 15px; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  /* iPhone 6 Plus Landscape */
  .products.full li {
    width: 50% !important;
    margin-right: 0 !important;
    display: inline-block;
    float: none;
    vertical-align: top; }
  body.artist-page .products li {
    width: 50% !important;
    display: inline-block;
    vertical-align: top; }
  .products.full li {
    padding: 0 4px; }
  body.artist-page .products {
    width: 95%;
    text-align: center;
    margin: 0 auto; } }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  /* iPhone 6 Plus Portrait */
  #newsletter {
    line-height: 22px; }
  #basket-total {
    padding-bottom: 0; }
  #basket-controls .col6 {
    display: none !important; }
    #basket-controls .col6.last {
      display: block !important; }
      #basket-controls .col6.last a.pay-button {
        margin: 0 !important;
        width: 100%;
        padding: 15px 0;
        text-align: center; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  /* iPhone 5/5S */
  #breadcrumb {
    margin-top: 15px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* iPhone 5/5S Landscape */
  .products.full li {
    width: 50% !important;
    margin-right: 0 !important;
    display: inline-block;
    float: none;
    vertical-align: top; }
  body.artist-page .products li {
    width: 50% !important;
    display: inline-block;
    vertical-align: top; }
  body.artist-page .products {
    width: 95%;
    text-align: center;
    margin: 0 auto; }
  .products.full li {
    padding: 0 4px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* iPhone 5/5S Portrait */
  #newsletter {
    line-height: 22px; }
  #basket-total {
    padding-bottom: 0; }
  #basket-controls .col6 {
    display: none !important; }
    #basket-controls .col6.last {
      display: block !important; }
      #basket-controls .col6.last a.pay-button {
        margin: 0 !important;
        width: 100%;
        padding: 15px 0;
        text-align: center; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* All other iPhones */
  #breadcrumb {
    margin-top: 15px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  /* All other iPhones Landscape */
  .products.full li {
    width: 50% !important;
    margin-right: 0 !important;
    display: inline-block;
    float: none;
    vertical-align: top; }
  body.artist-page .products li {
    width: 50% !important;
    display: inline-block;
    vertical-align: top; }
  body.artist-page .products {
    width: 95%;
    text-align: center;
    margin: 0 auto; }
  .products.full li {
    padding: 0 4px; } }

#home-boxes .grid-row {
  width: calc(100% + 15px); }

@media (max-width: 753px) {
  #filter-by {
    display: none; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  /* All other iPhones Portrait */
  #newsletter {
    line-height: 22px; }
  #basket-total {
    padding-bottom: 0; }
  #basket-controls .col6 {
    display: none !important; }
    #basket-controls .col6.last {
      display: block !important; }
      #basket-controls .col6.last a.pay-button {
        margin: 0 !important;
        width: 100%;
        padding: 15px 0;
        text-align: center; } }

@media all and (max-width: 700px) {
  .full-message {
    font-size: 14px;
    line-height: 18px;
    margin: 15px auto;
    padding: 10px 0; }
  .products.full li {
    margin-bottom: 35px; }
  .product-details .product-name {
    line-height: 10px; }
  .product-details .frame-size-box {
    width: 100%; }
  .featured-product .hide-responsive,
  .featured-product.home-featured-artist .hide-responsive {
    display: none !important; }
  .featured-product .show-responsive,
  .featured-product.home-featured-artist .show-responsive {
    display: block !important; }
  .featured-product .home-title {
    font-size: 28px; }
    .featured-product .home-title span {
      border-bottom: none; }
    .featured-product .home-title br {
      display: none; }
  .box-list .box .overlay, .box-list .box .overlay .inner {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    bottom: 0;
    left: 0; }
    .box-list .box .overlay p, .box-list .box .overlay .inner p {
      font-size: 20px !important;
      line-height: 20px !important;
      text-align: left !important;
      padding-left: 15px;
      padding-bottom: 15px;
      position: absolute !important;
      bottom: 0;
      left: 0; }
  .half-img .arrow {
    display: none; }
  .col-half {
    display: block;
    width: 100%;
    margin: 0 0 10px; }
  .product-slider {
    margin-top: 0;
    margin-bottom: 15px; }
    .product-slider .slider-header ul.filter {
      display: none; }
    .product-slider .slider-header {
      font-size: 14px; }
  #category-info {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 15px;
    margin-top: 15px; }
  .product-details .product-description {
    display: none; }
  .product-details .product-price {
    font-weight: bold;
    margin-top: 10px; }
  .product-details .artist-name {
    font-weight: bold; }
  .product-details #product_qty {
    margin-right: 15px;
    /* position: fixed;*/
    /* left: -10000px;*/
    /* top: -10000px;*/ }
  .product-details .ship-worldwide {
    text-align: center; }
    .product-details .ship-worldwide a {
      margin-left: 15px; }
  .product-container {
    overflow-x: hidden; }
  .desktop-version {
    display: none !important; }
  body.framed-product .size-gallery-mobile, body.framed-product .frame-options-mobile {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0; }
    body.framed-product .size-gallery-mobile .slider-nav, body.framed-product .frame-options-mobile .slider-nav {
      display: none; }
    body.framed-product .size-gallery-mobile .label, body.framed-product .frame-options-mobile .label {
      width: 100%;
      background: #434343;
      display: block;
      vertical-align: top;
      border: 0;
      color: #fff;
      padding: 12px 50px;
      text-transform: uppercase;
      font: 18px/18px "Gotham SSm A", "Gotham SSm B", sans-serif;
      position: relative;
      top: auto;
      text-align: center;
      left: auto;
      margin: 20px 0 0; }
    body.framed-product .size-gallery-mobile .inner-container, body.framed-product .frame-options-mobile .inner-container {
      position: absolute;
      bottom: 42px;
      left: 0;
      width: 100%;
      height: auto;
      background: #FFFFFF;
      border: 1px solid #aaaaaa;
      z-index: 10;
      white-space: nowrap;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding: 16px 8px;
      font-size: 0;
      display: none; }
      body.framed-product .size-gallery-mobile .inner-container ul, body.framed-product .frame-options-mobile .inner-container ul {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        height: auto; }
        body.framed-product .size-gallery-mobile .inner-container ul li, body.framed-product .frame-options-mobile .inner-container ul li {
          display: inline-block;
          vertical-align: top;
          margin: 0 10px;
          width: 119px;
          font: 12px/12px "Gotham SSm A", "Gotham SSm B", sans-serif;
          white-space: normal; }
          body.framed-product .size-gallery-mobile .inner-container ul li img, body.framed-product .frame-options-mobile .inner-container ul li img {
            max-width: 100%; }
  body.framed-product .frame-options-mobile .inner-container ul li {
    width: auto; }
  body.framed-product .product-details {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border-left: none; } }

@media all and (max-width: 1516px) {
  .product-slider .slider-inner {
    max-width: 483px;
    margin-left: auto;
    margin-right: auto; } }

@media all and (max-width: 1016px) {
  .product-slider .slider-inner {
    max-width: 732px; }
  .product-sliders .slider-col {
    width: 100%;
    display: block;
    margin: 0; } }

@media all and (max-width: 757px) {
  .product-slider .slider-inner {
    max-width: 483px; } }

@media all and (max-width: 516px) {
  .product-slider .slider-inner {
    max-width: 213px; } }

@media all and (max-width: 570px) {
  .page-half.bg-grey {
    padding: 20px; }
  .box-list {
    width: 100%;
    height: auto;
    display: block;
    white-space: normal; }
    .box-list .row {
      display: none; }
    .box-list .box {
      margin: 1%; }
      .box-list .box .overlay {
        width: 90%;
        height: 90%; }
      .box-list .box.box-square-small, .box-list .box.box-rectangle {
        max-width: 48%;
        height: auto; }
      .box-list .box.box-square {
        width: 98%;
        max-width: 98%;
        display: block;
        height: auto; }
      .box-list .box.hover .overlay {
        opacity: 1; }
        .box-list .box.hover .overlay.minimal {
          top: auto;
          padding-top: 0 !important;
          height: auto !important; }
          .box-list .box.hover .overlay.minimal p {
            font-size: 11px;
            line-height: 17px; }
      .box-list .box.box-square-small .overlay .inner {
        padding-top: 5px;
        padding-bottom: 5px; }
      .box-list .box.box-square-small .overlay p {
        font-size: 10px;
        line-height: 10px;
        margin-top: 5px; } }

.homepage-new {
  padding: 0 10px; }

/**
 * Country Selector changes
 * 05/10/2015 - Thomas Mosey
 */
#country-selector::-webkit-scrollbar {
  display: none; }

#country-selector {
  display: none;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  z-index: 1000000; }
  @media all and (max-width: 950px) {
    #country-selector {
      padding: 15px; } }
  #country-selector #country-close,
  #country-selector #country-headline,
  #country-selector #country-privacy,
  #country-selector #country-privacy .country-container p,
  #country-selector #country-privacy .country-container button,
  #country-selector #country-text,
  #country-selector #country-text p,
  #country-selector .country-container,
  #country-selector .country-container #country-logo,
  #country-selector .country-container #country-form,
  #country-selector .country-container #country-form select,
  #country-selector .country-container #country-form button,
  #country-selector .country-container #country-form span {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background: transparent;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    outline: none !important; }
  #country-selector #country-close {
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 10000000;
    top: 3px;
    right: 3px;
    text-align: center;
    line-height: 27px;
    color: #757575;
    cursor: pointer;
    font-size: 12px; }
  #country-selector .country-container {
    margin: 0 auto;
    max-width: 910px;
    width: 100%;
    text-align: center;
    background: #FFFFFF !important;
    margin-top: 180px;
    padding: 10px;
    /* @media all and (orientation: landscape) {*/
    /*     margin-top: 15px;*/
    /* }*/ }
    @media all and (max-width: 699px) {
      #country-selector .country-container {
        margin-top: 80px; } }
    #country-selector .country-container .left {
      width: 50%;
      margin-right: auto;
      display: inline-block;
      vertical-align: top;
      line-height: 0; }
      #country-selector .country-container .left img {
        width: 100%; }
      @media all and (max-width: 699px) {
        #country-selector .country-container .left {
          display: none; } }
    #country-selector .country-container .right {
      width: 50%;
      margin-left: auto;
      padding: 0 30px;
      display: inline-block;
      letter-spacing: 1px;
      margin-top: 160px; }
      @media all and (max-width: 699px) {
        #country-selector .country-container .right {
          width: 100%;
          padding: 0 10px;
          margin-top: 0px; } }
      #country-selector .country-container .right #country-headline {
        color: #171717;
        text-align: left; }
        #country-selector .country-container .right #country-headline .text {
          font-size: 15px;
          line-height: 16px; }
          #country-selector .country-container .right #country-headline .text span {
            font-size: 16px;
            line-height: 17px;
            text-transform: uppercase; }
        #country-selector .country-container .right #country-headline span {
          font-size: 11px;
          line-height: 12px;
          font-weight: bold; }
      #country-selector .country-container .right #country-logo {
        padding-top: 74px; }
        #country-selector .country-container .right #country-logo img {
          width: 144px !important; }
      #country-selector .country-container .right #country-form {
        color: #171717;
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        background: url("/img/country-dropdown-new.jpg") no-repeat top right #FFFFFF;
        margin-top: 14px;
        letter-spacing: 1px;
        /* span {*/
        /*     color: #171717;*/
        /*     font-size: 12px;*/
        /*     line-height: 12px;*/
        /*     text-align: left;*/
        /*     padding-bottom: 15px;*/
        /*     font-weight: bold;*/
        /* }*/
        /* select {*/
        /*     height: 40px;*/
        /*     color: #171717!important;*/
        /*     font-size: 12px;*/
        /*     font-weight: bold;*/
        /*     text-transform: uppercase;*/
        /*     line-height: 40px;*/
        /*     color: #535353;*/
        /*     padding-left: 12px;*/
        /*     padding-right: 48px;*/
        /*     background: url('/img/country-dropdown.jpg') no-repeat top right #FFFFFF;*/
        /*     border: 1px solid #e7e7e7;*/
        /*     cursor: pointer;*/
        /*     margin-top: 14px;*/
        /*     letter-spacing: 1px;*/
        /*     &:hover {*/
        /*         background-position: bottom right;*/
        /*     }*/
        /* }*/ }
        #country-selector .country-container .right #country-form #country-select_child {
          top: 40px;
          width: 100%;
          background-color: #FFFFFF; }
        #country-selector .country-container .right #country-form .dd.borderRadiusTp .ddTitle {
          border-top: 1px solid #e7e7e7;
          border-left: 1px solid #e7e7e7;
          border-right: 1px solid #e7e7e7; }
        #country-selector .country-container .right #country-form .dd.borderRadius .ddTitle {
          border: 1px solid #e7e7e7; }
        #country-selector .country-container .right #country-form #country-select_title {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;
          height: 39px;
          cursor: pointer;
          padding-left: 12px;
          margin-right: 12px; }
          #country-selector .country-container .right #country-form #country-select_title img {
            padding-right: 10px;
            max-width: 32px;
            max-height: 16px;
            width: 32px;
            height: 16px; }
        #country-selector .country-container .right #country-form ul {
          max-height: 200px;
          height: 100%;
          width: 100%;
          overflow: auto;
          border-bottom: 1px solid #e7e7e7;
          border-left: 1px solid #e7e7e7;
          border-right: 1px solid #e7e7e7; }
          #country-selector .country-container .right #country-form ul li {
            padding-bottom: 15px;
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6 */
            /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            /* NEW - Chrome */
            display: flex;
            /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-items: center;
            cursor: pointer;
            padding-left: 12px;
            margin-right: 12px; }
            #country-selector .country-container .right #country-form ul li:first-child {
              padding-top: 15px; }
            #country-selector .country-container .right #country-form ul li img {
              padding-right: 10px;
              max-width: 32px;
              max-height: 16px;
              width: 32px;
              height: 16px; }
        #country-selector .country-container .right #country-form button {
          height: 49px;
          color: #FFFFFF;
          background: #363636;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          text-transform: uppercase;
          cursor: pointer;
          margin-top: 55%;
          letter-spacing: 1px; }
          @media all and (max-width: 699px) {
            #country-selector .country-container .right #country-form button {
              margin-top: 30px; } }
      #country-selector .country-container .right #country-privacy {
        font-size: 9px;
        padding: 15px 0; }
        #country-selector .country-container .right #country-privacy p {
          color: #939393;
          margin: 0; }

/* @media screen and (orientation: landscape) {*/
/*     #mobile-bar #logo {*/
/*         max-width: 120px !important;*/
/*     }*/
/* }*/
/* @media all and (min-width: 200px) and (max-width: 737px) {*/
/*     #country-selector {*/
/*         z-index: 99999999;*/
/*         #country-headline {*/
/*             font-size: 21px !important;*/
/*             line-height: 26px !important;*/
/*             margin-top: 40px;*/
/*         }*/
/*         .country-container {*/
/*             padding: 0 20px;*/
/*             #country-logo {*/
/*                 padding-top: 30px;*/
/*             }*/
/*             #country-form {*/
/*                 span {*/
/*                     font-size: 13px;*/
/*                     line-height: 13px;*/
/*                 }*/
/*                 select {*/
/*                     margin-top: 7px;*/
/*                 }*/
/*             }*/
/*         }*/
/*         #country-privacy {*/
/*             display: none !important;*/
/*         }*/
/*         .spacer {*/
/*             width: 100%;*/
/*             display: block;*/
/*         }*/
/*         #country-form {*/
/*             margin-top: 35px;*/
/*         }*/
/*         #country-text {*/
/*             padding: 0 8%;*/
/*             margin: 28px auto 0;*/
/*             text-align: center;*/
/*             p {*/
/*                 font-size: 13px;*/
/*                 line-height: 15px;*/
/*                 margin: 20px 0 0 0;*/
/*             }*/
/*         }*/
/*         #country-close {*/
/*             width: 25px;*/
/*             height: 25px;*/
/*             font-size: 12px;*/
/*             line-height: 22px;*/
/*             z-index: 99999999999;*/
/*         }*/
/*     }*/
/* }*/
/* #mobile-bar #currency-selection {*/
/*     background: none;*/
/*     padding-left: 3px;*/
/*     padding-right: 3px;*/
/*     border: 0;*/
/*     display: none;*/
/* }*/
/* #currency-selection {*/
/*     display: none;*/
/*     // display: inline-block;*/
/*     background: #dddbdc;*/
/*     padding-top: 0;*/
/*     padding-right: 18px;*/
/*     padding-left: 15px;*/
/*     padding-bottom: 0;*/
/*     margin: 0;*/
/*     font-size: 0;*/
/*     height: 32px;*/
/*     border: 1px solid #dddbdc;*/
/*     border-top: none;*/
/*     border-bottom: none;*/
/*     position: relative;*/
/*     white-space: nowrap;*/
/*     &:hover {*/
/*         background: #FFFFFF;*/
/*         border-color: #d1d1d1;*/
/*     }*/
/*     .currency {*/
/*         display: block;*/
/*         width: 100%;*/
/*         height: auto;*/
/*         padding: 0;*/
/*         margin: 0;*/
/*         .bubble,*/
/*         .text {*/
/*             display: inline-block;*/
/*             vertical-align: middle;*/
/*             padding: 0;*/
/*             margin: 0;*/
/*             font-family: $bodyFont;*/
/*             cursor: default;*/
/*         }*/
/*         .bubble {*/
/*             width: 16px;*/
/*             height: 16px;*/
/*             border: 1px solid #a9a9a9;*/
/*             text-align: center;*/
/*             line-height: 16px;*/
/*             font-size: 12px;*/
/*             border-radius: 50%;*/
/*             -webkit-border-radius: 50%;*/
/*             -moz-border-radius: 50%;*/
/*             -o-border-radius: 50%;*/
/*             color: #434242;*/
/*         }*/
/*         .text {*/
/*             padding-left: 6px;*/
/*             max-width: calc(100% - 18px);*/
/*             color: #2e2e2e;*/
/*             font-size: 10px;*/
/*             line-height: 10px;*/
/*             text-transform: uppercase;*/
/*             font-weight: bold;*/
/*             text-decoration: underline;*/
/*         }*/
/*         &.first {*/
/*             line-height: 32px;*/
/*             height: 32px;*/
/*             .bubble {*/
/*                 color: #FFFFFF;*/
/*                 background: #434242;*/
/*                 border-color: #434242;*/
/*             }*/
/*         }*/
/*     }*/
/*     a.currency {*/
/*         .bubble,*/
/*         .text {*/
/*             cursor: pointer;*/
/*         }*/
/*     }*/
/*     .currency-dropdown {*/
/*         position: absolute;*/
/*         display: none;*/
/*         top: 32px;*/
/*         left: -1px;*/
/*         background: #FFFFFF;*/
/*         border: 1px solid #d1d1d1;*/
/*         z-index: 50;*/
/*         padding: 3px 11px 7px 8px;*/
/*         text-align: left;*/
/*         .currency {*/
/*             margin-top: 4px;*/
/*         }*/
/*     }*/
/*     &:hover .currency-dropdown {*/
/*         display: block;*/
/*     }*/
/* }*/
.product-shipping {
  padding: 0;
  height: auto;
  max-width: 100%;
  margin: 20px 0 25px;
  width: auto;
  display: inline-block; }
  .product-shipping .top, .product-shipping .bottom, .product-shipping hr {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    border: none;
    position: relative; }
  .product-shipping .top {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .product-shipping .top .price {
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      font-size: 12px;
      font-weight: bold;
      line-height: 12px;
      color: #333333; }
      .product-shipping .top .price span.price-small {
        font-size: 8px;
        top: 0px;
        position: relative; }
  .product-shipping .bottom {
    font-size: 9px;
    line-height: 9px;
    color: #333333;
    letter-spacing: 1px; }
  .product-shipping hr {
    height: 1px;
    background: #d2d1d1;
    margin: 6px 0; }

.box-list .box .overlay {
  display: none !important;
  opacity: 0 !important; }

#product-list-filter {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0; }
  #product-list-filter hr,
  #product-list-filter button,
  #product-list-filter #product-list-filters,
  #product-list-filter #product-list-filters .filter-option,
  #product-list-filter #product-list-filters .filter-option .colour-select,
  #product-list-filter #product-list-filters .filter-option .colour-select .colour {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    border-radius: 0; }
  #product-list-filter #product-list-filters {
    display: none; }
    #product-list-filter #product-list-filters.show {
      display: block; }
  #product-list-filter hr {
    height: 1px;
    background: #d2d1d1;
    margin: 20px 0; }
  #product-list-filter button {
    max-width: 180px;
    background: #ededed;
    color: #000;
    font-size: 10px;
    line-height: 22px;
    height: 22px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 auto; }
    #product-list-filter button i {
      -webkit-transition: all .35s ease;
      transition: all .35s ease; }
    #product-list-filter button.open i {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  #product-list-filter #product-list-filters .filter-option {
    border: 1px solid #d2d1d1;
    margin-top: 20px;
    font-size: 10px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: sans-serif;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    #product-list-filter #product-list-filters .filter-option:after {
      position: absolute;
      right: 15px;
      top: 10px;
      content: "\f054";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transition: all .35s ease;
      transition: all .35s ease; }
    #product-list-filter #product-list-filters .filter-option.open:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    #product-list-filter #product-list-filters .filter-option .selected-colour {
      position: absolute;
      top: 0;
      right: 0;
      width: 35px;
      height: 100%;
      background: transparent; }
    #product-list-filter #product-list-filters .filter-option .colour-select {
      width: calc(100% + 2px);
      position: absolute;
      top: 34px;
      z-index: 50;
      font-size: 0;
      line-height: 0;
      left: -1px;
      display: none; }
      #product-list-filter #product-list-filters .filter-option .colour-select.show {
        display: block; }
      #product-list-filter #product-list-filters .filter-option .colour-select .colour {
        display: inline-block;
        width: 14.28%;
        height: auto;
        background: #FF0000; }
        #product-list-filter #product-list-filters .filter-option .colour-select .colour:after {
          content: '';
          display: block;
          padding-bottom: 100%; }
  @media (min-width: 741px) {
    #product-list-filter {
      display: none; } }

@media (max-width: 1150px) {
  #product-list-sidebar {
    width: calc(((100% / 48) * 12) - 15px); } }

@media (max-width: 860px) {
  #product-list-sidebar {
    width: calc(((100% / 48) * 16) - 15px); } }

@media (max-width: 740px) {
  #product-list-sidebar {
    display: none; } }

@media (max-width: 1150px) {
  #product-list-items {
    width: calc(((100% / 48) * 36) - 15px); } }

@media (max-width: 860px) {
  #product-list-items {
    width: calc(((100% / 48) * 32) - 15px); } }

@media (max-width: 740px) {
  #product-list-items {
    width: calc(((100% / 48) * 48) - 15px); } }

@media (max-width: 960px) {
  #product-list-items .product-list .products .single-product {
    width: calc(((100% / 48) * 24) - 15px); } }

@media (max-width: 670px) {
  #product-list-items .product-list .products .single-product {
    width: calc(((100% / 48) * 48) - 15px); } }

.filter-option-wrapper {
  position: relative; }
  .filter-option-wrapper > i {
    font-size: 16px;
    position: absolute;
    right: 17px;
    top: 10px;
    z-index: 9;
    -webkit-transition: all .35s ease;
    transition: all .35s ease; }
  .filter-option-wrapper.open > i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

/* @media only screen*/
/* and (min-device-width: 360px)*/
/* and (max-device-width: 480px)*/
/* and (orientation: portrait) {*/
/*     #mobile-bar #logo {*/
/*         max-width: 100px !important;*/
/*         margin-top: 5px;*/
/*     }*/
/* }*/
.regular-reset, .block-reset, .delivery-select-container, #checkout-step, #basket-total-inner, #basket-total, #basket-total .title, #checkout-mobile-button, #basket-step-3 .payment-header,
#basket-step-3 .payment-smallheader,
#basket-step-3 .payment-content,
#basket-step-3 .payment-small,
#basket-step-3 .input-row,
#basket-step-3 .input-row input,
#basket-step-3 .input-row select,
#basket-step-3 hr, #basket-step-3 .payment-box, #basket-step-3 .payment-box .form-errors, #basket-step-3 .payment-box .form-errors .error, .to-top-nav, hr.checkout-sep, .checkout-form, .checkout-form label,
.checkout-form input,
.checkout-form select,
.checkout-form button, .checkout-subheader,
label.checkout-subheader, #delivery-box .title, #delivery-box p, .basket-sidebar-container, table.basket tr th {
  width: auto;
  height: auto;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; }

.block-reset, .delivery-select-container, #checkout-step, #basket-total-inner, #basket-total, #basket-total .title, #checkout-mobile-button, #basket-step-3 .payment-header,
#basket-step-3 .payment-smallheader,
#basket-step-3 .payment-content,
#basket-step-3 .payment-small,
#basket-step-3 .input-row,
#basket-step-3 .input-row input,
#basket-step-3 .input-row select,
#basket-step-3 hr, #basket-step-3 .payment-box, #basket-step-3 .payment-box .form-errors, #basket-step-3 .payment-box .form-errors .error, .to-top-nav, hr.checkout-sep, .checkout-form, .checkout-form label,
.checkout-form input,
.checkout-form select,
.checkout-form button, .checkout-subheader,
label.checkout-subheader, #delivery-box .title, #delivery-box p, .basket-sidebar-container {
  display: block;
  width: 100%; }

.tiny-paragraph, .tiny-header, #checkout-step, #basket-total .title, #delivery-box .title, table.basket tr th, #delivery-box p {
  font-size: 11px;
  line-height: 11px; }

.tiny-header, #checkout-step, #basket-total .title, #delivery-box .title, table.basket tr th {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333333;
  font-weight: bold; }

.delivery-select-container .price {
  float: right; }
  .delivery-select-container .price .price-small {
    font-size: 12px;
    position: relative;
    top: -3px; }

#checkout-step {
  padding-bottom: 15px;
  font-weight: bold;
  border-bottom: 1px solid #b9b9b9; }

#basket-total-inner {
  font-size: 11px;
  line-height: 17px;
  color: #676767;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #616161;
  border-left: none;
  font-weight: bold;
  padding: 8px 0;
  border-right: none;
  padding-top: 16px;
  padding-left: 107px; }
  #basket-total-inner span.price {
    float: right;
    color: #333333;
    font-size: 19px;
    line-height: 19px;
    position: relative;
    top: -5px; }
    #basket-total-inner span.price .price-small {
      position: relative;
      font-size: 13px; }

#basket-sidebar,
#basket-sub-header,
#basket-sub-addresses,
#basket-sub-addresses .basket-sub-address-header,
#basket-sub-addresses .basket-sub-address-line,
#basket-sub-shipping,
#basket-sub-shipping-cost,
#basket-sub-total,
#basket-sub-total-cost,
#basket-checkout-button,
#basket-fast-button,
#basket-sub-list,
#basket-sub-list .basket-sub-list-item,
#basket-sub-list .basket-sub-list-item .basket-sub-list-item-image,
#basket-sub-list .basket-sub-list-item .basket-sub-list-item-name,
#basket-sub-list .basket-sub-list-item .basket-sub-list-item-price,
#basket-sub-fast,
#basket-sub-actions,
#basket-discount-mobile,
#basket-discount-mobile input,
#basket-discount-mobile button,
#basket-discount-mobile .discounted {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  position: relative; }

#basket-sidebar {
  padding: 10px;
  background: #EEEEEE; }

#basket-sub-header {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333333;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  margin-top: 5px; }

#basket-sub-shipping {
  border: 1px solid #c5c5c5;
  border-left: none;
  border-right: none;
  padding: 11px 0;
  color: #333333;
  font-weight: bold;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase; }

#basket-sub-addresses {
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 20px;
  margin-top: 22px; }
  #basket-sub-addresses .basket-sub-address-header {
    color: #050505;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 10px; }
  #basket-sub-addresses .basket-sub-address-line {
    font-size: 9px;
    line-height: 12px;
    color: #333333;
    font-weight: normal; }

#basket-sub-shipping-cost,
#basket-sub-total-cost {
  float: right;
  display: inline;
  width: auto; }

#basket-sub-shipping-cost,
#basket-sub-total-cost {
  color: #333333;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  letter-spacing: 0; }
  #basket-sub-shipping-cost .price-small,
  #basket-sub-total-cost .price-small {
    font-size: 10px; }

#basket-sub-total {
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #333333;
  padding: 20px 0;
  letter-spacing: 1px; }
  #basket-sub-total .small-basket-info {
    margin-top: 1rem; }
    #basket-sub-total .small-basket-info p {
      font-weight: normal;
      font-size: 10px; }

#basket-checkout-button,
#basket-fast-button {
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 2px;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  background: #cc0066;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold; }
  #basket-checkout-button:hover, #basket-checkout-button:active,
  #basket-fast-button:hover,
  #basket-fast-button:active {
    background: #e4277e;
    text-decoration: none; }

#basket-sub-fast {
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #333333;
  letter-spacing: 1px;
  padding-top: 25px; }
  @media all and (max-width: 670px) {
    #basket-sub-fast a img {
      width: 100%; } }

#basket-sub-paypal {
  margin-top: 20px;
  font-size: 10px; }

#basket-fast-button {
  margin-top: 15px;
  display: none; }

#basket-sidebar.paypal #basket-sub-fast {
  padding-top: 0; }

#basket-sidebar.paypal #basket-sub-paypal {
  margin-top: 0; }

#basket-sidebar.paypal #basket-fast-button {
  display: block; }

#basket-sidebar.paypal #basket-sub-fast-text,
#basket-sidebar.paypal #basket-checkout-button {
  display: none; }

#basket-sidebar.paypal-ready #paypal-loading-text {
  display: none; }

#basket-sidebar.paypal-loading #basket-fast-button {
  display: none; }

#basket-sidebar.paypal-loading #paypal-loading-text {
  display: block; }

#basket-sidebar.paypal-loading #braintree-paypal-loggedin {
  display: none !important; }

@media (max-width: 699px) {
  #basket-sidebar.step-2 {
    border-bottom: 1px solid #acabab;
    margin-top: 0 !important; } }

.checkout-mobile {
  display: none; }
  @media (max-width: 699px) {
    .checkout-mobile {
      display: inline-block;
      margin-bottom: 20px; } }

#basket-discount-mobile {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px; }
  #basket-discount-mobile input,
  #basket-discount-mobile button {
    display: inline-block;
    vertical-align: top;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px; }
  #basket-discount-mobile input {
    width: 67%;
    border: 1px solid #a7a7a7;
    border-right: none;
    background: #FFFFFF;
    color: #333333;
    font-size: 10px; }
  #basket-discount-mobile button {
    width: 33%;
    background: #a7a7a7;
    color: #FFFFFF;
    font-size: 11px;
    border: none;
    text-transform: uppercase; }
  #basket-discount-mobile .discounted {
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #333333;
    margin-top: 15px;
    padding: 0 15px; }
  @media (min-width: 1025px) {
    #basket-discount-mobile {
      display: none; } }

#basket-sub-list {
  margin-top: 15px; }
  #basket-sub-list .basket-sub-list-item {
    margin-bottom: 15px;
    position: relative; }
    #basket-sub-list .basket-sub-list-item .basket-sub-list-item-image,
    #basket-sub-list .basket-sub-list-item .basket-sub-list-item-name {
      display: inline-block;
      vertical-align: top; }
    #basket-sub-list .basket-sub-list-item .basket-sub-list-item-image {
      width: 37%;
      text-align: center; }
      #basket-sub-list .basket-sub-list-item .basket-sub-list-item-image img {
        width: auto;
        height: auto;
        max-width: 100%;
        /*max-height: 100%;*/ }
    #basket-sub-list .basket-sub-list-item .basket-sub-list-item-name {
      width: 59%;
      font-size: 9px;
      line-height: 15px;
      color: #333333;
      margin-left: 4%;
      position: static; }
    #basket-sub-list .basket-sub-list-item .basket-sub-list-item-price {
      position: absolute;
      right: 0;
      top: 0;
      font-weight: bold;
      font-size: 15px;
      line-height: 15px;
      color: #333333;
      width: auto;
      display: inline; }
      #basket-sub-list .basket-sub-list-item .basket-sub-list-item-price .price-small {
        font-size: 10px; }

#basket-sub-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 9px;
  line-height: 9px;
  color: #333333;
  padding-left: 41%;
  padding-bottom: 7px; }
  #basket-sub-actions .basket-sub-remove {
    float: right; }

#basket-step-1 .small-visible {
  display: none; }

@media (min-width: 701px) {
  #basket-step-1 .grid-row {
    padding-left: 0px; } }

@media (max-width: 1256px) {
  #basket-step-1 .c36 {
    width: calc(((100% / 48) * 33) - 15px); }
  #basket-step-1 .c12 {
    width: calc(((100% / 48) * 15) - 15px); } }

@media (max-width: 1024px) {
  #basket-step-1 {
    padding-bottom: 0; }
    #basket-step-1 .small-visible {
      display: block; }
    #basket-step-1 .small-hidden {
      display: none; }
    #basket-step-1 .c36 {
      display: none; }
    #basket-step-1 .grid-row {
      width: 100%;
      margin-left: 0; }
    #basket-step-1 .c12 {
      width: 100%;
      margin-left: 0; } }

#basket-total .title {
  text-align: left;
  border-bottom: 1px solid #d3d2d2;
  padding-bottom: 8px;
  margin-bottom: 25px;
  margin-top: 25px; }

#basket-total .col7 {
  width: 57.5%; }

#basket-total form {
  font-size: 0; }

#basket-total-inner {
  border: none;
  text-transform: none;
  font-size: 12px;
  color: #333333;
  line-height: 12px; }
  #basket-total-inner .delivery-select-container .price {
    color: #333333;
    font-size: 16px;
    line-height: 16px; }
    #basket-total-inner .delivery-select-container .price .price-small {
      top: auto !important;
      font-size: 12px !important; }

.label-error {
  float: right; }
  .label-error .error {
    color: #FF0000; }

#checkout-mobile-button {
  margin-top: 20px;
  background: #ce0066;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 44px;
  height: 44px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold; }

#basket-step-3 .payment-header,
#basket-step-3 .payment-smallheader,
#basket-step-3 .payment-content,
#basket-step-3 .payment-small,
#basket-step-3 .input-row,
#basket-step-3 .input-row input,
#basket-step-3 .input-row select,
#basket-step-3 hr {
  text-align: left; }

#basket-step-3 .small-visible {
  display: none; }

#basket-step-3 .payment-header,
#basket-step-3 .payment-smallheader {
  color: #050505;
  font-size: 11px;
  line-height: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 18px 0; }
  #basket-step-3 .payment-header.card-details-header,
  #basket-step-3 .payment-smallheader.card-details-header {
    margin-bottom: 16px;
    margin-top: 25px; }

#basket-step-3 .payment-smallheader {
  margin: 0;
  font-size: 10px;
  line-height: 10px; }

#basket-step-3 .payment-content,
#basket-step-3 .payment-small {
  font-size: 11px;
  color: #333333;
  line-height: 11px;
  letter-spacing: 1px;
  font-weight: bold; }

#basket-step-3 .payment-small {
  font-size: 9px;
  line-height: 16px;
  margin-top: 10px;
  font-weight: normal; }

#basket-step-3 .card-image {
  margin-top: 15px; }

#basket-step-3 .payment-box {
  display: none; }
  #basket-step-3 .payment-box.card-types, #basket-step-3 .payment-box.active {
    display: block; }
  #basket-step-3 .payment-box .form-errors {
    margin-top: 20px;
    background: transparent;
    text-align: left; }
    #basket-step-3 .payment-box .form-errors .error {
      color: #cc0066;
      font-weight: normal;
      font-size: 11px;
      line-height: 14px;
      background: transparent;
      text-align: left;
      padding-left: 15px; }
  #basket-step-3 .payment-box.paypal {
    padding-top: 30px;
    font-size: 11px;
    color: #333333;
    line-height: 11px;
    letter-spacing: 1px;
    font-weight: bold; }
  #basket-step-3 .payment-box ul {
    margin-top: 25px; }

#basket-step-3 hr {
  height: 1px;
  background: #d2d1d1;
  margin-bottom: 22px; }

#basket-step-3 .input-row {
  margin-bottom: 11px;
  text-align: left; }
  #basket-step-3 .input-row input,
  #basket-step-3 .input-row label,
  #basket-step-3 .input-row select {
    display: inline-block;
    vertical-align: middle;
    height: 46px;
    line-height: 46px; }
  #basket-step-3 .input-row label {
    width: calc(40% - 18px);
    padding-right: 18px;
    color: #333333;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: bold;
    text-align: right; }
  #basket-step-3 .input-row input {
    width: 60%;
    border: 1px solid #9d9d9d;
    padding: 0 15px;
    font-size: 11px; }
  #basket-step-3 .input-row select {
    width: 80px;
    font-size: 11px;
    border: 1px solid #9d9d9d;
    padding: 0 10px;
    margin-right: 10px; }

#basket-step-3 .checkout-show-mobile {
  display: none; }

#basket-step-3 .checkout-step {
  display: none; }

@media (max-width: 699px) {
  #basket-step-3 {
    padding-bottom: 0; }
    #basket-step-3 .checkout-hide-mobile {
      display: none; }
    #basket-step-3 .checkout-show-mobile {
      display: block; }
      #basket-step-3 .checkout-show-mobile .checkout-step {
        display: block !important;
        padding: 20px 15px;
        text-align: center;
        border-bottom: 1px solid #adacac;
        background: #eeeeee; }
    #basket-step-3 .mobile-payment-col {
      width: auto;
      height: auto;
      font-size: 0;
      margin: 0;
      padding: 0;
      border: none;
      position: relative;
      font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
      display: block;
      width: 100%;
      display: inline-block;
      vertical-align: top;
      width: 48%;
      margin-left: 4%; }
      #basket-step-3 .mobile-payment-col img {
        display: block;
        width: 100%;
        height: auto; }
      #basket-step-3 .mobile-payment-col:first-child {
        margin-left: 0; }
    #basket-step-3 .c33,
    #basket-step-3 .c27,
    #basket-step-3 .c20 {
      display: block;
      width: 100%; }
    #basket-step-3 .c1 {
      display: none; }
    #basket-step-3 .small-hidden {
      display: none; }
    #basket-step-3 .small-visible {
      display: block; }
    #basket-step-3 #basket-sub-total {
      padding-bottom: 10px; }
    #basket-step-3 #basket-sidebar {
      border-bottom: 1px solid #adacac; }
      #basket-step-3 #basket-sidebar button {
        display: none; }
    #basket-step-3 #basket-sub-addresses .grid-row {
      width: calc(100% + 15px); }
    #basket-step-3 #checkout-step {
      display: none; }
    #basket-step-3 .payment-header,
    #basket-step-3 .payment-content {
      padding: 0 15px;
      width: calc(100% - 30px); }
    #basket-step-3 hr {
      display: none; }
    #basket-step-3 .payment-content {
      font-weight: normal; }
    #basket-step-3 .c20.cv2 {
      padding: 0 15px; }
    #basket-step-3 .payment-box .grid-row {
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0; }
    #basket-step-3 .payment-box .c27,
    #basket-step-3 .payment-box .c20 {
      margin-left: 0; }
    #basket-step-3 .payment-box .input-row {
      padding: 0 15px;
      margin-bottom: 18px; }
      #basket-step-3 .payment-box .input-row label,
      #basket-step-3 .payment-box .input-row input {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0; }
      #basket-step-3 .payment-box .input-row label {
        text-align: left;
        font-size: 9px;
        line-height: 9px;
        height: auto;
        margin-bottom: 12px;
        font-weight: normal; }
      #basket-step-3 .payment-box .input-row.row-cv2, #basket-step-3 .payment-box .input-row.row-date {
        width: 50%;
        display: inline-block;
        vertical-align: top; }
      #basket-step-3 .payment-box .input-row.row-cv2 {
        padding-left: 7px; }
      #basket-step-3 .payment-box .input-row.row-date {
        padding-right: 7px; }
        #basket-step-3 .payment-box .input-row.row-date select {
          width: calc(60% - 10px);
          margin: 0;
          margin-left: 10px;
          padding: 0 5px; }
          #basket-step-3 .payment-box .input-row.row-date select[name='expiry_month'] {
            width: 40%;
            margin-left: 0; }
    #basket-step-3 .payment-box ul {
      display: block;
      width: 100%;
      font-size: 0; }
      #basket-step-3 .payment-box ul li {
        width: calc(20% - 15px);
        margin: 0;
        margin-left: 15px;
        height: auto;
        font-size: 0; }
        #basket-step-3 .payment-box ul li:first-child {
          margin-left: 0; }
        #basket-step-3 .payment-box ul li a {
          display: block;
          height: auto;
          padding: 3px 0;
          font-size: 0; }
          #basket-step-3 .payment-box ul li a img {
            max-width: 90%;
            display: block;
            height: auto;
            margin: 0 auto; } }

.to-top-nav {
  width: 49px;
  height: 49px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #d2d1d1;
  position: fixed;
  left: 40px;
  bottom: 100px;
  cursor: pointer;
  color: #d2d1d1;
  font-size: 28px;
  background: #FFFFFF;
  z-index: 999; }
  .to-top-nav:hover, .to-top-nav:active {
    border-color: #acaaaa;
    color: #acaaaa; }
  .to-top-nav.is-right {
    left: auto;
    right: 40px; }
  @media (max-width: 1699px) {
    .to-top-nav {
      display: none; } }

/* body.home .to-top-nav{*/
/*     display: none;*/
/* }*/
#basket-step-2 #basket-sidebar {
  margin-top: 5px; }

#basket-step-2 .small-visible {
  display: none; }

@media (max-width: 699px) {
  #basket-step-2 {
    padding-bottom: 0; }
    #basket-step-2 .small-hidden {
      display: none; }
    #basket-step-2 .small-visible {
      display: block; }
    #basket-step-2 .checkout-hide-mobile {
      display: none !important; }
    #basket-step-2 .checkout-create {
      background: #eeeeee;
      padding-bottom: 20px;
      margin-bottom: -15px; }
      #basket-step-2 .checkout-create .checkout-subheader {
        margin-top: 0;
        padding-top: 20px; }
    #basket-step-2 #checkout-step {
      padding: 20px 15px;
      text-align: center; }
    #basket-step-2 .checkout-lost-password {
      margin: 15px 0; }
    #basket-step-2 .checkout-subheader,
    #basket-step-2 .checkout-form {
      padding: 0 15px; }
    #basket-step-2 .checkout-form .checkout-subheader {
      padding: 0; }
    #basket-step-2 .grid-row {
      margin-left: 0;
      width: 100%; }
    #basket-step-2 .c1 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c2 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c3 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c4 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c5 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c6 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c7 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c8 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c9 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c10 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c11 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c12 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c13 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c14 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c15 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c16 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c17 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c18 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c19 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c20 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c21 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c22 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c23 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c24 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c25 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c26 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c27 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c28 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c29 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c30 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c31 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c32 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c33 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c34 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c35 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c36 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c37 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c38 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c39 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c40 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c41 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c42 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c43 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c44 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c45 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c46 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c47 {
      width: 100%;
      display: block;
      margin-left: 0; }
    #basket-step-2 .c48 {
      width: 100%;
      display: block;
      margin-left: 0; } }

hr.checkout-sep {
  border-top: 1px solid #b9b9b9;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (max-width: 699px) {
    hr.checkout-sep {
      margin-top: 20px;
      margin-bottom: 20px;
      border-top: none; } }

.checkout-lost-password {
  display: inline-block;
  font-size: 10px;
  line-height: 10px;
  color: #666666;
  margin-top: 7px;
  text-decoration: none; }
  .checkout-lost-password span {
    text-decoration: underline; }

.checkout-form input {
  border: 1px solid #9d9d9d;
  height: 47px;
  line-height: 47px;
  padding: 0 7px;
  color: #333333;
  font-size: 14px; }

.checkout-form label {
  font-size: 9px;
  line-height: 9px;
  color: #333333;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 17px; }

.checkout-form button {
  height: 47px;
  line-height: 47px;
  letter-spacing: 1px;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background: #999999; }
  .checkout-form button:hover, .checkout-form button:active {
    background: #b0acac; }

.checkout-subheader,
label.checkout-subheader {
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  color: #333333;
  font-weight: bold;
  margin-top: 20px;
  letter-spacing: 1px; }

label.checkout-subheader {
  margin-top: 17px; }

#delivery-box {
  padding: 0;
  margin: 5px 0 15px 0; }
  #delivery-box .price {
    color: #333333;
    font-size: 12px;
    line-height: 12px; }
    #delivery-box .price .price-small {
      top: auto !important;
      font-size: 12px !important; }
  #delivery-box .title {
    text-align: left;
    border-bottom: 1px solid #d3d2d2;
    padding-bottom: 8px;
    margin-bottom: 15px;
    color: #050505;
    text-transform: uppercase; }
  #delivery-box label {
    margin: 5px 0;
    display: block;
    font-size: 12px; }
  #delivery-box p {
    line-height: 26px;
    font-size: 12px;
    line-height: 35px;
    color: #9c9c9c; }
    #delivery-box p.location {
      font-weight: bold;
      color: #333333; }
  #delivery-box .custom-select {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 2px;
    max-width: 300px; }

#basket-total input[type=text] {
  width: 290px;
  max-width: calc(100% - 145px);
  height: 48px;
  border: 1px solid #9b9b9b;
  text-transform: none;
  padding: 0 10px;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  border-right: none; }

#basket-total button {
  width: 145px;
  height: 48px;
  background: #9b9b9b;
  line-height: 48px;
  padding: 0;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: center;
  color: #FFFFFF; }
  #basket-total button:hover, #basket-total button:active {
    background: #afabab; }

table.basket {
  margin-top: 0;
  margin-bottom: 30px; }
  table.basket tr td.has-padding,
  table.basket tr th.has-padding {
    padding-left: 15px; }
  table.basket tr th {
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left; }
    table.basket tr th.text-center {
      text-align: center; }
    table.basket tr th.text-right {
      text-align: right; }
  table.basket tr td {
    padding: 0;
    font-size: 11px;
    line-height: 17px; }
    table.basket tr td .price .price-small {
      font-size: 12px;
      position: relative;
      top: -3px; }
    table.basket tr td.name strong {
      color: #000; }
    table.basket tr td .basket-image-container {
      display: block;
      width: 100%;
      height: auto;
      max-height: 241px;
      border: none;
      font-size: 0;
      text-align: center;
      margin-top: 15px; }
      table.basket tr td .basket-image-container img {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        border: none; }
  table.basket tr:first-child td .basket-image-container {
    margin-top: 0; }

.basket-container {
  display: block;
  width: 100%;
  max-width: 1297px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 50px; }
  @media (min-width: 701px) {
    .basket-container .grid-row {
      padding-left: 15px; } }

@media (max-width: 665px) {
  .products .single-product .list-img img {
    display: block;
    width: 100%;
    height: auto; } }

.basket-sidebar-container {
  width: 258px;
  display: inline-block;
  vertical-align: top;
  margin-left: 19px; }

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("/css/fonts/fontawesome-webfont.eot?v=4.0.3");
  src: url("/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("/css/fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("/css/fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.checkout-pink {
  background: #cc0066 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  font-weight: normal !important; }

.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857142858em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: .14285714285714285em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.8571428571428572em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-asc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-desc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-mail-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.paypal-button.paypal-style-checkout.paypal-color-blue.paypal-size-small.paypal-shape-pill {
  max-width: 100% !important; }

.container.new-artist {
  max-width: 1600px !important; }

.container.new-product {
  max-width: 1140px !important; }

.blog #border-mask, .single #border-mask {
  position: absolute;
  right: -9999999px !important;
  bottom: 0 !important;
  border-right: 0 !important;
  height: 0px !important; }

.blog .back-to-store, .single .back-to-store {
  color: #cc0066;
  padding-left: 1px; }
  .blog .back-to-store:hover, .single .back-to-store:hover {
    border-bottom: 2px solid #cc0066; }

.framed-product .toTop-wrapper {
  display: none !important; }

.toTop {
  display: none; }
  .toTop .fa {
    line-height: 1.5; }
  .toTop.active {
    display: block; }

@media all and (max-width: 700px) {
  .to-top-nav {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    left: 10px;
    bottom: 25px; }
    .to-top-nav.is-right {
      left: auto;
      right: 10px; } }

.delivery_coutry_2 select[name='delivery_country_checkout_2'] {
  width: 100% !important;
  max-width: 431px !important; }

.delivery_coutry_2 .customSelect {
  width: 100% !important; }
  .delivery_coutry_2 .customSelect .customSelectInner {
    width: 100% !important; }

@media all and (max-width: 1075px) {
  .h1_text {
    display: none; } }

@media all and (max-width: 740px) {
  #filter-option-colour {
    font-size: 16px !important; } }

select,
textarea,
input,
input:focus {font-size: 16px !important; }


.blog-grid-info{padding:1rem;}
.blog-grid-info h3 { margin:0px 0px 8px 0px;}
.blog-grid-info h3 a{ font-size:16px; color:#000000; text-decoration:none;}
.blog-grid-info p{font-size:12px; color:#797979; line-height:18px;}
.blog-grid-info .readmore{font-size: 12px; color: #FFFFFF; background: #000000; padding: 0.3rem 0.5rem; text-decoration: none;}
.blog-grid-info .pblush-date{ float:right; font-size:12px; color:#797979;}
.blog-grid-info .pblush-date strong{ color:#000000;}

.detail-page{ width:100%; display:inline-block; border-radius: 5px; background: #fff; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);}
.detail-page .main-img{ margin-bottom:15px;width:100%; display:inline-block}
.p2{padding:2rem;}
.bloug-author{ padding:2rem; border-top:solid 1px rgba(0, 0, 0, 0.12)}
.bloug-author p{ margin-bottom:5px!important;}

* {
	box-sizing: border-box;
}
img {
  max-width: 100%;
}
article {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
main {
	columns: 250px;
	column-gap: 20px; 
}
article {
	break-inside: avoid-column;
	margin-bottom: 1rem; 
	display:inline-block;
}

#join_form label .error {
    float: right;
    background: #cc0066;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}

#content #content-container form.styled-form textarea {
    line-height: 17px;
}

.bslide-single h3.footer-box-header {
    font-size: 12px !important;
    color: black !important;
    display: block !important;
    z-index: 9;
    position: relative;
    max-width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    line-height: 17px !important;
    background: #ffffff9c;
    padding: 7px 9px;
    min-height: 32px;
    vertical-align: middle;
    margin-top: 3px;
    text-align: left;
    margin-bottom: 0px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-decoration: none;
    padding-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.mhead

{

    text-align:center;

        margin-top: 40px;

    margin-bottom: 25px;

}

.bx-wrapper .bx-prev {

    left: -10px;

}

.bx-wrapper .bx-next {

    right: -10px;

}

h3.footer-box-header.footer_boxd {

    min-height: 50px;

    padding-top: 14px !important;

    font-size: 14px !important;

    bottom: 0px !important;

    background: #0000006e;

    color: white !important;

}
.bar-heading {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 1;
    margin: 12px 0px;
}
.bar-heading__text {
    display: inline-block;
    position: relative;
    max-width: 85%;
    padding-left: .625rem;
    padding-right: .625rem;
        color: #333333;
    font-size: 12px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-decoration: none;
    padding-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
.bar-heading__text:after, .bar-heading__text:before {
    content: "";
    display: block;
    position: absolute;
    background: currentColor;
    top: 50%;
    left: auto;
    right: 100%;
    width: 2000px;
    height: .1875rem;
    margin-top: -.125rem;
}
.bar-heading--thin .bar-heading__text:after, .bar-heading--thin .bar-heading__text:before {
    height: .0625rem;
    margin-top: -.0625rem;
}
.bar-heading__text:after {
    left: 100%;
    right: auto;
}
.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 0px #fff;
    border: 0px solid #fff;
    background: #fff;
    margin-left: 4%;
    margin-right: 4%;
}
.bslide-single a {
    text-decoration: none;
}
#home-boxes .bx-wrapper,#footer-boxes .bx-wrapper {
    position: relative;
    margin-bottom: 0px ;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: #fff;
}
#home-boxes .box { 
    margin-top: 0px !important;
}
.bx-wrapper .bx-prev {
    left: -2.5% !important;
    background: url('../img/bx-left.png') center center no-repeat !important;
    width: 29px !important;
    height: 53px !important;
    opacity: .5;
    top: 45% !important;
    z-index: 999;
}
#home-boxes #small-boxes .box {
    margin-top: 0px !important;
}

.bx-wrapper .bx-next {
    background: url('../img/bx-right.png') center center no-repeat !important;
    width: 29px !important;
    height: 53px !important;
    opacity: .5;
    right: -2.5% !important;
    top: 45% !important;
    z-index: 999;
}
.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
}
.bslide-single .list-artist,.bslide-single .list-artist  {
    padding-left: 9px;
}
.bslide-single .list-artist, .bslide-single .list-name, .bslide-single .list-description,.bslide-single .list-price {
    padding-left: 9px;
}
#small-boxes .box {
    margin-top: 15px !important;
}
.bslide-single .list-artist, .bslide-single .list-name {
    font: 10px/10px "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
}
#home-boxes .list-artist {
    margin-top: 10px;
}
#footer-boxes {
    padding-top: 0px;
}
@media only screen and (max-width: 767px) {
.bar-heading__text {
    line-height: 26px;
    padding-left: 6px;
    padding-right: 6px;
}
.dnonemmob
{
  display: none;
}
}
@media only screen and (min-width: 767px) {
.mnbr {
    width: 100%;
    float: left;
    height: 15px;
}
}