/* line 2, assetic_compassLN9xj5.scss */
html {
  height: 100%;
  width: 100%;
  color: #222;
  padding: 0;
  margin: 0;
}

/* line 10, assetic_compassLN9xj5.scss */
.clearfix {
  clear: both;
}

/* line 14, assetic_compassLN9xj5.scss */
button, input, select, textarea {
  color: #222;
  padding: 0;
  margin: 0;
}

/* line 20, assetic_compassLN9xj5.scss */
.ul {
  text-decoration: underline;
}

/* line 24, assetic_compassLN9xj5.scss */
.well {
  padding: 0 19px;
  border-radius: 0;
}

/* line 29, assetic_compassLN9xj5.scss */
super {
  font-size: 0.6em;
  vertical-align: super;
}

/* line 34, assetic_compassLN9xj5.scss */
.smaller {
  font-size: 0.9em !important;
}

/* line 38, assetic_compassLN9xj5.scss */
.muted {
  color: #999 !important;
}

/* line 42, assetic_compassLN9xj5.scss */
strong {
  font-weight: 700;
}

/* line 46, assetic_compassLN9xj5.scss */
body {
  height: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* line 56, assetic_compassLN9xj5.scss */
h1, h2, h3, h4, h5, h6, legend {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

/* line 62, assetic_compassLN9xj5.scss */
h1 {
  font-size: 32px;
  margin-top: 0;
}

/* line 67, assetic_compassLN9xj5.scss */
h2 {
  font-size: 21px;
}

/* line 71, assetic_compassLN9xj5.scss */
h3 {
  font-size: 18px;
}

/* line 75, assetic_compassLN9xj5.scss */
.container {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 81, assetic_compassLN9xj5.scss */
.widthAuto {
  width: auto !important;
}

/* line 85, assetic_compassLN9xj5.scss */
.text-error {
  color: #B94A48 !important;
}

/* line 89, assetic_compassLN9xj5.scss */
a {
  color: #6F8392;
  text-decoration: none;
}
/* line 92, assetic_compassLN9xj5.scss */
a:active, a:focus, a:hover {
  color: #283239;
  text-decoration: none;
}
/* line 96, assetic_compassLN9xj5.scss */
a.action {
  color: #212D35;
  font-size: 0.9em;
}
/* line 99, assetic_compassLN9xj5.scss */
a.action:hover {
  color: #6F8392;
}

/* line 105, assetic_compassLN9xj5.scss */
.wrapper {
  min-height: 70%;
  position: relative;
  background: #eceaeb;
  padding: 0;
}

/* line 112, assetic_compassLN9xj5.scss */
.home-container {
  min-height: 200px;
  padding-bottom: 15px;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 119, assetic_compassLN9xj5.scss */
.container {
  width: auto;
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 126, assetic_compassLN9xj5.scss */
header .container, footer .container {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 132, assetic_compassLN9xj5.scss */
::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 141, assetic_compassLN9xj5.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
  clear: both;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
/* line 155, assetic_compassLN9xj5.scss */
img {
  vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 163, assetic_compassLN9xj5.scss */
textarea {
  resize: vertical;
}

/* line 168, assetic_compassLN9xj5.scss */
input[type=text], input[type=number], input[type=tel], input[type=email], input[type=search], input[type=password] {
  border: 1px solid #9FACB6;
  border-radius: 3px;
  outline: 0 none;
  padding: 0.2em;
  max-width: 350px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
}

/* line 179, assetic_compassLN9xj5.scss */
select, textarea {
  border: 1px solid #9FACB6;
  border-radius: 3px;
  outline: 0 none;
  padding: 0.2em;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 15px;
}

/* line 188, assetic_compassLN9xj5.scss */
.input-small {
  width: 45px;
}

/* line 193, assetic_compassLN9xj5.scss */
input:focus, input:hover {
  border-color: #4B5A66;
}
/* line 196, assetic_compassLN9xj5.scss */
input:focus {
  background: #F4FAFF;
}

/* line 202, assetic_compassLN9xj5.scss */
#enquiry input, #enquiry textarea {
  padding: 6px;
  width: 90%;
  max-height: 200px;
  border-radius: 0px;
}
/* line 208, assetic_compassLN9xj5.scss */
#enquiry label {
  clear: right;
  width: 100%;
  margin-top: 4px;
  text-align: left;
}
/* line 214, assetic_compassLN9xj5.scss */
#enquiry button {
  margin-left: 0px;
  border-radius: 0px;
}

/* ==========================================================================
     Author's custom styles
     ========================================================================== */
/* line 224, assetic_compassLN9xj5.scss */
.padding20l {
  padding: 10px;
  float: left;
  display: block;
}

/* line 230, assetic_compassLN9xj5.scss */
.padding20r {
  padding: 10px;
  float: right;
  display: block;
}

/* line 236, assetic_compassLN9xj5.scss */
.padding20 {
  padding: 20px;
}

/* line 240, assetic_compassLN9xj5.scss */
.ui-menu {
  display: block;
  list-style-type: none;
  background: #4b5a66;
  border-radius: 4px;
}

/* line 247, assetic_compassLN9xj5.scss */
.options {
  margin: 0;
}

/* line 251, assetic_compassLN9xj5.scss */
.content {
  border: 1px solid #ddd;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 1em;
  padding: 20px;
  font-size: 14px;
}

/* line 260, assetic_compassLN9xj5.scss */
.span9 > .content {
  margin-top: 0;
}

/* line 265, assetic_compassLN9xj5.scss */
.content.top {
  margin-top: 0;
}
/* line 268, assetic_compassLN9xj5.scss */
.content.grey {
  background: #F5F5F5;
}

/* line 273, assetic_compassLN9xj5.scss */
.mobile-search-spacer {
  display: none;
}

/* line 277, assetic_compassLN9xj5.scss */
.blog-post .blog-content {
  line-height: 1.6em;
  margin: 1em 0;
  font-weight: 100;
  color: #4b5a66;
  max-width: 700px;
}

/* line 286, assetic_compassLN9xj5.scss */
.content p {
  line-height: 1.6em;
  margin: 1em 0;
  font-weight: 100;
  color: #4b5a66;
  max-width: 700px;
}
/* line 293, assetic_compassLN9xj5.scss */
.content.well p {
  margin: 0 0 10px;
}

/* line 298, assetic_compassLN9xj5.scss */
#mobile-search {
  display: none;
}

/* line 303, assetic_compassLN9xj5.scss */
.newsletter input {
  border: none;
  padding: 7px;
  font-size: 13px;
  outline: 0;
  border-radius: 0px;
  font-family: 'Montserrat', sans-serif;
  width: 60%;
  margin: 0 0 10px;
}
/* line 313, assetic_compassLN9xj5.scss */
.newsletter button {
  background-color: #9facb6;
  border: 0;
  margin: 0 0 10px -5px;
  height: 34px;
  padding: 6px 8px 7px;
  font-size: 14px;
  border-radius: 0;
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
}
/* line 323, assetic_compassLN9xj5.scss */
.newsletter button:hover {
  background-color: #6f8392;
}

/* line 329, assetic_compassLN9xj5.scss */
.gallery {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}
/* line 335, assetic_compassLN9xj5.scss */
.gallery li {
  display: none;
}
/* line 336, assetic_compassLN9xj5.scss */
.gallery li.active {
  display: block;
}

/* line 343, assetic_compassLN9xj5.scss */
body.noscroll {
  overflow: hidden;
}

/* P R O D U C T  P A G E */
/* line 352, assetic_compassLN9xj5.scss */
.binder-white {
  color: #FFFFFF;
  background: #3B454D;
}

/* line 357, assetic_compassLN9xj5.scss */
.binder-orange {
  color: #f39b24;
}

/* line 361, assetic_compassLN9xj5.scss */
.binder-green {
  color: #838768;
}

/* line 365, assetic_compassLN9xj5.scss */
.binders .binder {
  opacity: 0.3;
  float: left;
  margin-right: 5px;
  height: 198px;
  width: 68px;
  border: 1px solid #ccc;
  background: url(/bundles/tekturawebsite/img/binder.png) no-repeat 0 0;
  -webkit-filter: blur(1px);
  -ms-filter: blur(2px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}
/* line 366, assetic_compassLN9xj5.scss */
.binders .binder.orange {
  background-color: #f39b24;
}
/* line 369, assetic_compassLN9xj5.scss */
.binders .binder.green {
  background-color: #838768;
}
/* line 372, assetic_compassLN9xj5.scss */
.binders .binder.active {
  opacity: 1;
  -webkit-filter: blur(0);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
/* line 388, assetic_compassLN9xj5.scss */
.binders .binder.col {
  background: url(/bundles/tekturawebsite/img/book-thumb.png) no-repeat 0 0;
  width: 32px;
}

/* line 394, assetic_compassLN9xj5.scss */
.productBtn {
  display: block;
  padding: 13px;
  margin: 0;
  background: #4b5a66;
  color: #fff;
  font-size: 0.8em;
  text-align: center;
  margin: 0 2% 0 0;
  float: left;
  box-shadow: none;
  border: 0 none;
}
/* line 406, assetic_compassLN9xj5.scss */
.productBtn i {
  padding-right: 7px;
}
/* line 409, assetic_compassLN9xj5.scss */
.productBtn:hover {
  background: #283239 !important;
  color: #fff;
}
/* line 412, assetic_compassLN9xj5.scss */
.productBtn:hover i {
  text-shadow: 0 0 4px;
}
/* line 416, assetic_compassLN9xj5.scss */
.productBtn.active {
  background: #B79A9A;
  box-shadow: 2px 2px 1px rgba(59, 69, 77, 0.5) inset;
  /*text-decoration: line-through;*/
}

/* line 423, assetic_compassLN9xj5.scss */
.productPage .related {
  margin: 20px 0 0;
  padding: 30px;
  background-color: #ebebeb;
  overflow: hidden;
}
/* line 428, assetic_compassLN9xj5.scss */
.productPage .related ul {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  list-style: none;
  width: 560px;
}
/* line 434, assetic_compassLN9xj5.scss */
.productPage .related ul li {
  display: inline;
}
/* line 438, assetic_compassLN9xj5.scss */
.productPage .related h1 {
  float: none;
  text-align: center;
  font-family: Montserrat, sans-serif;
}

/* line 445, assetic_compassLN9xj5.scss */
.ui-effects-transfer {
  border: 1px dotted black;
}

/* ------------------------------------- */
/*   P R O D U C T   P A G E   P D F     */
/* ------------------------------------- */
/* line 453, assetic_compassLN9xj5.scss */
body.pdf {
  background-color: #fff;
}

/* line 458, assetic_compassLN9xj5.scss */
.pdf header {
  background-color: #fff;
}
/* line 461, assetic_compassLN9xj5.scss */
.pdf h1, .pdf h2, .pdf h3 {
  text-align: center;
}
/* line 464, assetic_compassLN9xj5.scss */
.pdf h1 {
  font-size: 72px;
}
/* line 468, assetic_compassLN9xj5.scss */
.pdf .container {
  max-width: 940px;
}
/* line 471, assetic_compassLN9xj5.scss */
.pdf .productBody img {
  width: 100% !important;
  height: auto !important;
  margin: 0 0 5px 0;
}
/* line 476, assetic_compassLN9xj5.scss */
.pdf .g50 {
  width: 50%;
  display: block;
  float: left;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
/* line 488, assetic_compassLN9xj5.scss */
.pdf .g100 {
  width: 100%;
  display: block;
  float: left;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
/* line 501, assetic_compassLN9xj5.scss */
.pdf .productPage .productRange .swatches {
  overflow: auto;
  max-height: none;
}
/* line 505, assetic_compassLN9xj5.scss */
.pdf .productPage .contextImages {
  height: auto;
}
/* line 508, assetic_compassLN9xj5.scss */
.pdf .productPage .productRange a.swatch {
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  height: 128px;
}
/* line 516, assetic_compassLN9xj5.scss */
.pdf .similar-to .recommendations a.swatch {
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  height: 128px;
}
/* line 523, assetic_compassLN9xj5.scss */
.pdf .productPage .productRange .swatches .span2:nth-child(6n+7), .pdf .similar-to .recommendations .span2:nth-child(6n+7) {
  margin-left: 0;
}
/* line 526, assetic_compassLN9xj5.scss */
.pdf .minispec {
  margin-top: 35px;
}

/** I S O T O P E **/
/**** Isotope Filtering ****/
/* line 535, assetic_compassLN9xj5.scss */
.isotope-item {
  z-index: 2;
}

/* line 539, assetic_compassLN9xj5.scss */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
/* line 546, assetic_compassLN9xj5.scss */
.isotope {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
/* line 552, assetic_compassLN9xj5.scss */
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.8s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -ms-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
/* line 569, assetic_compassLN9xj5.scss */
.isotope.fancy .isotope-item {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}
/* line 576, assetic_compassLN9xj5.scss */
.isotope.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* line 582, assetic_compassLN9xj5.scss */
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* line 590, assetic_compassLN9xj5.scss */
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/**** disabling Isotope CSS3 transitions ****/
/* ==========================================================================
     Print styles.
     Inlined to avoid required HTTP connection: h5bp.com/r
     ========================================================================== */
@media print {
  /* line 607, assetic_compassLN9xj5.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 614, assetic_compassLN9xj5.scss */
  a {
    text-decoration: underline;
  }
  /* line 616, assetic_compassLN9xj5.scss */
  a:visited {
    text-decoration: underline;
  }
  /* line 619, assetic_compassLN9xj5.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 623, assetic_compassLN9xj5.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 629, assetic_compassLN9xj5.scss */
  .ir a:after {
    content: "";
  }

  /* line 633, assetic_compassLN9xj5.scss */
  a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* line 637, assetic_compassLN9xj5.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 641, assetic_compassLN9xj5.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 645, assetic_compassLN9xj5.scss */
  tr {
    page-break-inside: avoid;
  }

  /* line 648, assetic_compassLN9xj5.scss */
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 656, assetic_compassLN9xj5.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 660, assetic_compassLN9xj5.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}
/* line 665, assetic_compassLN9xj5.scss */
main, div[role=main] {
  min-height: 300px;
}

/* Common styles: */
/* line 671, assetic_compassLN9xj5.scss */
.btn {
  background: #9FACB6;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
}
/* line 687, assetic_compassLN9xj5.scss */
.btn.btn-small {
  padding: 3px 15px;
  font-size: 12px;
  margin-left: 6px;
}
/* line 692, assetic_compassLN9xj5.scss */
.btn.btn-danger:hover {
  background: #DA4F49;
}

/* line 697, assetic_compassLN9xj5.scss */
select.btn {
  text-align: left;
  padding: 6px;
  width: auto;
  height: auto;
}

/* line 705, assetic_compassLN9xj5.scss */
.btn.indent {
  margin-left: 111px;
}
/* line 708, assetic_compassLN9xj5.scss */
.btn.btn-primary {
  background: #283239;
}
/* line 711, assetic_compassLN9xj5.scss */
.btn:hover, .btn:active {
  background: #6F8392;
  color: #fff;
}
/* line 716, assetic_compassLN9xj5.scss */
.btn.btn-primary:hover, .btn.btn-primary:active {
  background: #4B5A66;
}

/* line 722, assetic_compassLN9xj5.scss */
.btn-large {
  padding: 15px 25px;
  font-size: 1em;
}

/* line 727, assetic_compassLN9xj5.scss */
.btn.disabled {
  background: #9FACB6;
  color: #E6E6E6;
  cursor: not-allowed;
}
/* line 731, assetic_compassLN9xj5.scss */
.btn.disabled:hover {
  background: #9FACB6;
  color: #E6E6E6;
}

/* SWATCH BOOK:; */
/* line 739, assetic_compassLN9xj5.scss */
.myProject {
  clear: both;
  display: block;
  margin: 0px;
}
/* line 743, assetic_compassLN9xj5.scss */
.myProject .swatch {
  float: left;
  position: relative;
  width: 160px;
  height: 160px;
  cursor: pointer;
  overflow: hidden;
  margin: 8px 32px 32px 8px;
}
/* line 751, assetic_compassLN9xj5.scss */
.myProject .swatch.inspiration {
  width: auto;
  width: 360px;
  height: 360px;
}
/* line 755, assetic_compassLN9xj5.scss */
.myProject .swatch.inspiration .padding {
  padding: 15px;
  float: left;
}
/* line 759, assetic_compassLN9xj5.scss */
.myProject .swatch.inspiration .colours {
  float: left;
  margin: 10px 10px 10px 0;
  position: absolute;
  right: 5px;
  top: 0px;
}

/* line 771, assetic_compassLN9xj5.scss */
.project-hash .url {
  float: left;
}
/* line 774, assetic_compassLN9xj5.scss */
.project-hash .url input {
  border: 1px solid #ccc;
  padding: 5px;
  width: 300px;
  margin-right: 10px;
  font-size: 0.9em;
}
/* line 783, assetic_compassLN9xj5.scss */
.project-hash .addthis_toolbox {
  padding: 14px 5px;
}

/* line 789, assetic_compassLN9xj5.scss */
.colours span {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 30px;
  width: 0;
  border: 1px solid white;
}
/* line 798, assetic_compassLN9xj5.scss */
.colours a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left: 30px;
  width: 0;
  border: 1px solid white;
}
/* line 806, assetic_compassLN9xj5.scss */
.colours a:hover {
  opacity: 0.5;
}

/* line 813, assetic_compassLN9xj5.scss */
.myProject .swatch .image {
  position: relative;
  overflow: hidden;
}
/* line 817, assetic_compassLN9xj5.scss */
.myProject .swatch img {
  width: 180px;
  height: 180px;
}
/* line 821, assetic_compassLN9xj5.scss */
.myProject .swatch.inspiration img {
  height: 370px;
  width: 370px;
}
/* line 826, assetic_compassLN9xj5.scss */
.myProject .swatch.dragged .addtoBasket {
  opacity: 0;
}

/* line 831, assetic_compassLN9xj5.scss */
.project-user-title {
  margin: 0;
}
/* line 833, assetic_compassLN9xj5.scss */
.project-user-title img {
  max-width: 64px;
  vertical-align: baseline;
  padding-right: 0.5em;
}

/* line 840, assetic_compassLN9xj5.scss */
#projectHeader {
  margin-left: 0px;
}

/* Sub-menu */
/* Clear floated elements */
/* line 849, assetic_compassLN9xj5.scss */
.myProject .swatch a.delete {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  display: none;
  padding: 0;
  margin: 0;
  height: 23px;
  width: 18px;
  padding: 0 2px;
  border-radius: 3px;
  background: #4b5a66;
}

/* line 864, assetic_compassLN9xj5.scss */
.project-header {
  position: relative;
}
/* line 866, assetic_compassLN9xj5.scss */
.project-header h1 {
  position: relative;
  z-index: 10;
  cursor: pointer;
  color: #222222;
  transition: all 0.3s ease-in;
}
/* line 873, assetic_compassLN9xj5.scss */
.project-header.active h1 {
  color: white;
}
/* line 876, assetic_compassLN9xj5.scss */
.project-header h1 i {
  display: none;
}
/* line 879, assetic_compassLN9xj5.scss */
.project-header:hover h1 i {
  display: inline;
}
/* line 882, assetic_compassLN9xj5.scss */
.project-header .project-form {
  background: #6F8392;
  border-radius: 10px;
  color: #FFFFFF;
  display: none;
  font-size: 0.8em;
  left: -10px;
  padding: 60px 10px 10px;
  position: absolute;
  top: -10px;
  z-index: 5;
}

/* line 897, assetic_compassLN9xj5.scss */
.project-form input {
  border: 0 none;
  border-radius: 4px;
  padding: 7px 5px;
  width: 20em;
}
/* line 903, assetic_compassLN9xj5.scss */
.project-form p {
  margin: 5px 0;
}

/* line 908, assetic_compassLN9xj5.scss */
.login-oauth {
  margin: 10px 0;
}
/* line 910, assetic_compassLN9xj5.scss */
.login-oauth a {
  float: left;
  margin: 0 10px 0 0;
  padding: 10px 20px 10px 10px;
  position: relative;
  text-align: left;
  width: auto;
}
/* line 917, assetic_compassLN9xj5.scss */
.login-oauth a > span {
  float: left;
  margin: 0;
  padding: 0 10px 0 0;
}
/* line 922, assetic_compassLN9xj5.scss */
.login-oauth a.linkedin {
  color: #fff;
  background: #0c74a7;
}
/* line 926, assetic_compassLN9xj5.scss */
.login-oauth a.google {
  color: #fff;
  background: #247F54;
}
/* line 930, assetic_compassLN9xj5.scss */
.login-oauth a.twitter {
  color: #fff;
  background: #00ACEE;
}

/* line 937, assetic_compassLN9xj5.scss */
.form {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
/* line 941, assetic_compassLN9xj5.scss */
.form li {
  margin: 10px 0;
  /*clear: left;*/
}

/* line 947, assetic_compassLN9xj5.scss */
.control-group {
  margin: 10px 0;
  /*clear: left;*/
}

/* line 952, assetic_compassLN9xj5.scss */
.form label, .control-label {
  float: left;
  width: 9em;
  /*clear: left;*/
  margin-right: 1em;
  text-align: right;
}

/* line 960, assetic_compassLN9xj5.scss */
.form label.required, .control-label.required {
  font-weight: bold;
}

/* line 964, assetic_compassLN9xj5.scss */
.form label.required.disabled, .control-label.required.disabled {
  font-weight: normal;
}

/* line 968, assetic_compassLN9xj5.scss */
.form label.required:after, .control-label.required:after {
  color: #AA3333;
  content: ' *';
}

/* line 973, assetic_compassLN9xj5.scss */
.form label.required.disabled:after, .control-label.required.disabled:after {
  color: #999;
  content: ' *';
}

/* line 979, assetic_compassLN9xj5.scss */
.form #remember_me {
  margin-left: 8em;
  margin-top: 5px;
  float: left;
}
/* line 984, assetic_compassLN9xj5.scss */
.form [for="remember_me"] {
  clear: none;
  padding-left: 10px;
}
/* line 988, assetic_compassLN9xj5.scss */
.form .alert {
  padding-left: 8em;
}

/* line 993, assetic_compassLN9xj5.scss */
input[name*='postcode'] {
  width: 6em;
}

/* line 997, assetic_compassLN9xj5.scss */
fieldset {
  margin: 1em 0;
}
/* line 999, assetic_compassLN9xj5.scss */
fieldset legend {
  margin: 0 0 5px 0;
  padding: 5px;
  border-bottom: 1px dotted #6F8392;
  width: 100%;
  font-size: 1.15em;
}

/* line 1008, assetic_compassLN9xj5.scss */
.form-errors {
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  background-color: #C14444;
}
/* line 1014, assetic_compassLN9xj5.scss */
.form-errors li {
  background-color: #283239;
  color: #fff;
  padding: 4px 35px 4px 8px;
  margin: 0 0 3px;
}

/* line 1022, assetic_compassLN9xj5.scss */
.form-actions {
  text-align: right;
  padding: 10px;
  border-radius: 0;
  margin: 1em 5px;
  background: #E6E9EC;
  clear: both;
}

/* line 1031, assetic_compassLN9xj5.scss */
.checkout-indicator {
  float: right;
  margin: 1em;
  padding: 0;
  height: 5px;
  background: #6F8392;
  font-size: 0.9em;
  list-style: none;
  cursor: default;
}
/* line 1040, assetic_compassLN9xj5.scss */
.checkout-indicator li {
  float: left;
  border: 1px solid #9FACB6;
  border-radius: 5px;
  margin: -0.99em 0 0 10px;
  background: #F6F6F6;
  padding: 5px;
}
/* line 1047, assetic_compassLN9xj5.scss */
.checkout-indicator li:first-child {
  margin-left: 0;
}
/* line 1050, assetic_compassLN9xj5.scss */
.checkout-indicator li.passed {
  background: #E6E9EC;
  color: #999;
}
/* line 1054, assetic_compassLN9xj5.scss */
.checkout-indicator li.active {
  background: #9FACB6;
  color: #fff;
}

/* line 1061, assetic_compassLN9xj5.scss */
.dragging-swatch {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(111, 131, 146, 0.8);
  padding: 5px;
  color: #333;
  font-size: 12px;
  z-index: 99999 !important;
}
/* line 1068, assetic_compassLN9xj5.scss */
.dragging-swatch img {
  width: 48px;
  height: 48px;
  margin-right: 10px;
}

/* blog themes */
/* line 1077, assetic_compassLN9xj5.scss */
.center {
  clear: both;
  width: 100%;
  height: auto;
  max-width: 1140px;
  margin: 0 auto;
}

/* line 1085, assetic_compassLN9xj5.scss */
.contentContainer {
  clear: both;
  width: 100%;
  max-width: 1140px;
  height: auto;
  margin: 20px auto;
}
/* line 1091, assetic_compassLN9xj5.scss */
.contentContainer h1 {
  color: #4b5a66;
  border-bottom: 2px solid #4b5a66;
  width: 100%;
}
/* line 1096, assetic_compassLN9xj5.scss */
.contentContainer h2 {
  font-weight: 400;
  margin: 0;
  font-size: 32px;
}
/* line 1101, assetic_compassLN9xj5.scss */
.contentContainer h3 {
  font-size: 20px;
  margin: 0 0 10px;
  max-width: 700px;
}

/* line 1108, assetic_compassLN9xj5.scss */
.leftContainer {
  float: left;
  width: 222px;
}

/* line 1113, assetic_compassLN9xj5.scss */
.rightContainer {
  height: auto;
  min-height: 100px;
  margin-left: 250px;
  margin-top: 0;
}
/* line 1118, assetic_compassLN9xj5.scss */
.rightContainer > .content:first-child {
  margin-top: 0;
}
/* line 1121, assetic_compassLN9xj5.scss */
.rightContainer .row-fluid {
  clear: none;
}
/* line 1123, assetic_compassLN9xj5.scss */
.rightContainer .row-fluid .content {
  margin-top: 0;
}
/* line 1127, assetic_compassLN9xj5.scss */
.rightContainer .pageImages a {
  display: none;
}
/* line 1129, assetic_compassLN9xj5.scss */
.rightContainer .pageImages a:first-child {
  display: block;
}

/* line 1135, assetic_compassLN9xj5.scss */
ul.pageMenu {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  list-style-type: none;
  font-size: 12px;
}
/* line 1142, assetic_compassLN9xj5.scss */
ul.pageMenu li {
  display: block;
}
/* line 1144, assetic_compassLN9xj5.scss */
ul.pageMenu li.last {
  border: 0;
}
/* line 1147, assetic_compassLN9xj5.scss */
ul.pageMenu li a, ul.pageMenu li span {
  display: block;
  clear: both;
  padding: 10px;
  color: #4b5a66;
  font-weight: 700;
  border-bottom: 1px solid #e8ecf0;
}
/* line 1155, assetic_compassLN9xj5.scss */
ul.pageMenu li a.parent {
  background: #8A969F;
  border-bottom-color: #8A969F;
  color: #FFFFFF;
}
/* line 1160, assetic_compassLN9xj5.scss */
ul.pageMenu li .active {
  color: #fff;
  background: #4b5a66;
  border-bottom-color: #4B5A66;
}
/* line 1166, assetic_compassLN9xj5.scss */
ul.pageMenu li a:hover {
  color: #fff;
  background: #8A969F;
  border-bottom-color: #4B5A66;
}
/* line 1171, assetic_compassLN9xj5.scss */
ul.pageMenu li a i {
  float: right;
  font-size: 16px;
}
/* line 1176, assetic_compassLN9xj5.scss */
ul.pageMenu li ul {
  margin: 0;
  padding: 0;
}
/* line 1179, assetic_compassLN9xj5.scss */
ul.pageMenu li ul li {
  border-left: 10px solid #4B5A66;
}
/* line 1181, assetic_compassLN9xj5.scss */
ul.pageMenu li ul li a {
  padding-left: 10px;
}

/* line 1191, assetic_compassLN9xj5.scss */
.contentContainer .leftContainer p {
  font-weight: 100;
}
/* line 1192, assetic_compassLN9xj5.scss */
.contentContainer .leftContainer p.subHeading {
  font-size: 1.4em;
  margin: 0 0 20px 0;
  font-weight: 100;
}
/* line 1199, assetic_compassLN9xj5.scss */
.contentContainer .leftContainer .carousel img {
  width: 100%;
  height: auto;
}
/* line 1205, assetic_compassLN9xj5.scss */
.contentContainer a.moreBtn {
  display: block;
  color: #fff;
  padding: 15px 20px;
  background: #4c5a65;
  border-radius: 3px;
  width: 140px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 700;
}
/* line 1215, assetic_compassLN9xj5.scss */
.contentContainer a.moreBtn:hover {
  color: #4c5a65;
  background: #fff;
}
/* line 1220, assetic_compassLN9xj5.scss */
.contentContainer a.landingBtn {
  float: left;
  margin-right: 20px;
  display: block;
  color: #fff;
  padding: 15px 20px;
  background: #4c5a65;
  border-radius: 3px;
  width: 140px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 10px;
}
/* line 1233, assetic_compassLN9xj5.scss */
.contentContainer a.landingBtn:hover {
  color: #4c5a65;
  background: #fff;
}
/* line 1240, assetic_compassLN9xj5.scss */
.contentContainer img.left {
  display: inline-block;
  margin: 20px 20px 20px 0;
}
/* line 1244, assetic_compassLN9xj5.scss */
.contentContainer img.right {
  display: inline-block;
  margin: 20px 0 20px 20px;
}
/* line 1249, assetic_compassLN9xj5.scss */
.contentContainer .mobileContainer {
  display: none;
}

/*  --------  Background Image Page CSS Rules  --------  */
/* line 1256, assetic_compassLN9xj5.scss */
.bg-template-container {
  position: relative;
}
/* line 1258, assetic_compassLN9xj5.scss */
.bg-template-container .contentContainer {
  position: relative;
  min-height: 600px;
  margin: 0 auto;
  z-index: 1;
}
/* line 1264, assetic_compassLN9xj5.scss */
.bg-template-container .leftContainer {
  margin-top: 20px;
}
/* line 1267, assetic_compassLN9xj5.scss */
.bg-template-container .rightContainer {
  background: rgba(255, 255, 255, 0.85);
  margin-top: 20px;
}

/* Blog Styles */
/* line 1275, assetic_compassLN9xj5.scss */
.about .rightContainer {
  background: none;
  margin-top: 6px;
  margin-bottom: 10px;
}

/* line 1281, assetic_compassLN9xj5.scss */
.content .inner {
  float: right;
  width: 100%;
}

/* line 1286, assetic_compassLN9xj5.scss */
.blog-post {
  padding: 0 1% 10px 1%;
  width: 48%;
  float: left;
  min-height: 380px;
}
/* line 1291, assetic_compassLN9xj5.scss */
.blog-post.single-blog, .blog-post img {
  width: 100%;
}

/* line 1296, assetic_compassLN9xj5.scss */
.single-blog h1, .cat-head {
  text-transform: none;
  border-bottom: none;
}

/* line 1302, assetic_compassLN9xj5.scss */
.blog-post h2 {
  text-transform: none;
}
/* line 1305, assetic_compassLN9xj5.scss */
.blog-post.featured {
  width: 100%;
  padding: 10px 0 20px 0;
  margin-bottom: 10px;
  float: left;
  border-bottom: 1px dashed #cdcdcd;
}
/* line 1311, assetic_compassLN9xj5.scss */
.blog-post.featured img {
  max-height: none;
}

/* line 1317, assetic_compassLN9xj5.scss */
.blog-image {
  width: 100%;
  margin: 0 0 10px 0;
}

/* line 1323, assetic_compassLN9xj5.scss */
.blog-post .blog-image.featured {
  max-height: none;
  width: 100%;
}
/* line 1327, assetic_compassLN9xj5.scss */
.blog-post .blog-time-stamp {
  border-bottom: 1px solid #E6E6E6;
  color: #777777;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 0.9em;
  margin: -5px -10px 10px;
  max-width: 100%;
  padding: 0 10px 10px;
}
/* line 1336, assetic_compassLN9xj5.scss */
.blog-post .blog-read-more {
  text-align: right;
  max-width: 100%;
  font-family: Helvetica,Arial,Verdana,sans-serif;
}
/* line 1340, assetic_compassLN9xj5.scss */
.blog-post .blog-read-more a {
  color: #B79A9A;
  font-size: 0.8em;
  font-weight: bold;
  padding: 10px;
}
/* line 1345, assetic_compassLN9xj5.scss */
.blog-post .blog-read-more a:hover {
  color: #283239;
}

/* line 1352, assetic_compassLN9xj5.scss */
.additionalImages {
  width: 100%;
}

/* line 1356, assetic_compassLN9xj5.scss */
.productHeader .productBtns {
  position: fixed;
  right: 0px;
}

/* line 1361, assetic_compassLN9xj5.scss */
#color-picker {
  opacity: 0;
  height: 0;
}

/* line 1366, assetic_compassLN9xj5.scss */
.home-container.page {
  border-top: 1px solid #c6cace;
  background-color: #f8f8f8;
}

/* line 1371, assetic_compassLN9xj5.scss */
ul.pageMenu li a {
  position: relative;
}
/* line 1373, assetic_compassLN9xj5.scss */
ul.pageMenu li a span {
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  height: 16px;
  width: 16px;
  background: url(/bundles/tekturawebsite/img/menuArrow.png) center no-repeat;
}
/* line 1382, assetic_compassLN9xj5.scss */
ul.pageMenu li a:hover {
  color: #fff;
  background: #4b5a66;
}
/* line 1385, assetic_compassLN9xj5.scss */
ul.pageMenu li a:hover > span {
  background: url(/bundles/tekturawebsite/img/menuArrowHover.png) center no-repeat;
}

/* line 1391, assetic_compassLN9xj5.scss */
.contentContainer .rightContainer h3.productTitle {
  font-size: 1.2em;
  font-weight: 100;
  margin: 0 0 10px 0;
  color: #4b5a66;
  border-bottom: 2px solid #c6cace;
  margin: 25px 10px 10px 4px;
}

/* line 1400, assetic_compassLN9xj5.scss */
.pageContentContainer {
  padding: 5px 10px 0px 4px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: 100;
  font-size: 14px;
  color: #4b5a66;
}

/* line 1408, assetic_compassLN9xj5.scss */
.page-image {
  max-width: 100%;
  margin-bottom: 5px;
}

/* line 1413, assetic_compassLN9xj5.scss */
.page-image-full {
  width: 100%;
}

/* line 1417, assetic_compassLN9xj5.scss */
.additional-images {
  width: 18%;
  float: left;
  margin-left: 2%;
  clear: right;
}
/* line 1422, assetic_compassLN9xj5.scss */
.additional-images img {
  width: 100%;
  margin-bottom: 5px;
}

/* line 1429, assetic_compassLN9xj5.scss */
.contentContainer a.landingBtn {
  float: left;
  margin-right: 20px;
  display: block;
  color: #fff;
  padding: 15px 20px;
  background: #4c5a65;
  border-radius: 3px;
  width: 140px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 700;
}
/* line 1430, assetic_compassLN9xj5.scss */
.contentContainer a.landingBtn:hover {
  color: #4c5a65;
  background: #fff;
}
/* line 1446, assetic_compassLN9xj5.scss */
.contentContainer ul.breadcrumb {
  list-style: none;
}
/* line 1448, assetic_compassLN9xj5.scss */
.contentContainer ul.breadcrumb li {
  display: inline;
  font-size: 13px;
  font-family: Montserrat, Helvetica, Arial, Verdana, sans-serif;
  color: #283239;
}

/* line 1458, assetic_compassLN9xj5.scss */
.nonSwatchProductPage .productBtns .productBtn {
  width: 250px;
}
/* line 1461, assetic_compassLN9xj5.scss */
.nonSwatchProductPage #btnBasket {
  width: 150px;
  float: left;
  margin-right: 2px;
}
/* line 1466, assetic_compassLN9xj5.scss */
.nonSwatchProductPage .productBtns .productBtn.productQty {
  width: 72px !important;
  float: left !important;
  clear: right;
}

/* line 1473, assetic_compassLN9xj5.scss */
.productPage .productBtns .productBtn.productQty input {
  width: 40%;
  height: 90%;
  border: 1px solid black;
  border-radius: 4px;
}

/* line 1481, assetic_compassLN9xj5.scss */
.nonSwatchProductPage .description {
  width: 30%;
  float: left;
  clear: none;
}
/* line 1486, assetic_compassLN9xj5.scss */
.nonSwatchProductPage .productBtns {
  width: 30%;
  float: left;
}

@-webkit-keyframes pulse_animation {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(1.09);
    opacity: 0.9;
  }
  60% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
/* line 1519, assetic_compassLN9xj5.scss */
.pricing .pricing-main {
  font-size: 18px;
}
/* line 1522, assetic_compassLN9xj5.scss */
.pricing .pricing-offer {
  clear: both;
  float: left;
  margin: 0 10px 0 0;
}
/* line 1527, assetic_compassLN9xj5.scss */
.pricing strike {
  color: #DA3838;
  font-size: 12px;
  text-decoration: line-through;
}
/* line 1531, assetic_compassLN9xj5.scss */
.pricing strike i {
  text-decoration: none;
  margin-left: 5px;
}
/* line 1536, assetic_compassLN9xj5.scss */
.pricing .pricing-main {
  font-size: 18px;
}
/* line 1539, assetic_compassLN9xj5.scss */
.pricing .pricing-credit {
  border-top: 1px dotted;
  color: #6F8392;
  font-size: 10px;
  margin-top: 5px;
  padding: 5px 5px 0;
}

/* line 1548, assetic_compassLN9xj5.scss */
.flash-messages {
  left: 0;
  position: fixed;
  top: 85px;
  width: 100%;
  z-index: 30;
}
/* line 1554, assetic_compassLN9xj5.scss */
.flash-messages .flash {
  background: #212D35;
  padding: 10px 20px;
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  max-width: 1140px;
  width: 100%;
  color: #fff;
  margin: 0 auto 2px auto;
  border-radius: 3px;
}
/* line 1565, assetic_compassLN9xj5.scss */
.flash-messages .flash-error {
  background: #953B39;
}
/* line 1568, assetic_compassLN9xj5.scss */
.flash-messages .flash .close {
  color: #fff;
  float: right;
  opacity: 0.7;
}

/* line 1575, assetic_compassLN9xj5.scss */
.imageMenu {
  position: absolute;
  bottom: 10px;
  right: 10px;
  list-style: none;
  opacity: 0;
  transition: 0.4s all ease-in;
}

/* line 1584, assetic_compassLN9xj5.scss */
div:hover > .imageMenu {
  opacity: 1;
}

/* line 1588, assetic_compassLN9xj5.scss */
.imageMenu li {
  display: inline-block;
}
/* line 1590, assetic_compassLN9xj5.scss */
.imageMenu li a {
  display: block;
  background: #fff;
  padding: 5px 7px;
  margin-left: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-family: Montserrat;
  font-size: 12px;
}
/* line 1598, assetic_compassLN9xj5.scss */
.imageMenu li a i {
  font-size: 1.2em;
}

/* line 1606, assetic_compassLN9xj5.scss */
textarea#project_notes {
  width: 100%;
  height: 150px;
}

/* line 1611, assetic_compassLN9xj5.scss */
select#project_load, input#project_title {
  width: 100%;
}

/* line 1615, assetic_compassLN9xj5.scss */
.upload-fill {
  width: 180px;
  height: 180px;
}

/* line 1620, assetic_compassLN9xj5.scss */
i.icon-remove-sign.icon-white {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  font-size: 3em;
}

/* line 1628, assetic_compassLN9xj5.scss */
.ui-effects-transfer {
  z-index: 2000;
}

/*  --------  About Page CSS Rules  --------  */
/* line 1634, assetic_compassLN9xj5.scss */
.bg-template-container {
  position: relative;
}
/* line 1636, assetic_compassLN9xj5.scss */
.bg-template-container .backgroundContainer {
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}

/* line 1649, assetic_compassLN9xj5.scss */
.purchaseBox {
  padding: 10px 20px 0;
}
/* line 1651, assetic_compassLN9xj5.scss */
.purchaseBox .table {
  border-bottom: 1px solid #FFFFFF;
}
/* line 1655, assetic_compassLN9xj5.scss */
.purchaseBox table th {
  /*font-size: 20px;*/
  font-weight: 400;
  white-space: nowrap;
}
/* line 1660, assetic_compassLN9xj5.scss */
.purchaseBox table td {
  font-size: 16px;
}
/* line 1664, assetic_compassLN9xj5.scss */
.purchaseBox table tbody td {
  padding: 20px 8px 20px 8px;
}
/* line 1669, assetic_compassLN9xj5.scss */
.purchaseBox label {
  float: left;
  font-family: "Montserrat",Helvetica,Arial,Verdana,sans-serif;
  margin: 8px;
}
/* line 1674, assetic_compassLN9xj5.scss */
.purchaseBox .calculator {
  padding: 20px;
}
/* line 1676, assetic_compassLN9xj5.scss */
.purchaseBox .calculator i {
  margin-right: 10px;
}
/* line 1680, assetic_compassLN9xj5.scss */
.purchaseBox input {
  float: left;
  margin-right: 0px;
  padding: 8px;
  width: 54px;
  border-radius: 0px;
}
/* line 1688, assetic_compassLN9xj5.scss */
.purchaseBox .buttonBox {
  text-align: right;
}
/* line 1689, assetic_compassLN9xj5.scss */
.purchaseBox .buttonBox .measure {
  background-color: #8A969F;
  margin-right: 10px;
  padding: 9px;
}
/* line 1695, assetic_compassLN9xj5.scss */
.purchaseBox .buttonBox h2 {
  padding: 8px;
}

/* line 1701, assetic_compassLN9xj5.scss */
.btn-buy {
  background-color: #FC0047;
  color: #FFFFFF;
  font-family: "Montserrat",Helvetica,Arial,Verdana,sans-serif;
}
/* line 1705, assetic_compassLN9xj5.scss */
.btn-buy:hover {
  background: #BC0028;
}
/* line 1708, assetic_compassLN9xj5.scss */
.btn-buy:active {
  background: #F4696B;
}

/* line 1713, assetic_compassLN9xj5.scss */
button.bigBuyButton {
  border: 0 none;
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  padding: 5px 20px;
}

/* line 1722, assetic_compassLN9xj5.scss */
.table th {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

/* line 1727, assetic_compassLN9xj5.scss */
td.discriptionCell {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 100;
}
/* line 1732, assetic_compassLN9xj5.scss */
td.priceCell {
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 10px;
}
/* line 1738, assetic_compassLN9xj5.scss */
td.imageCell {
  width: 100px;
}

/* line 1743, assetic_compassLN9xj5.scss */
.colourNotice {
  position: absolute;
  top: 5px;
  left: 10px;
  background-color: white;
  border-radius: 3px;
  padding: 5px;
  font-size: 11px;
}

/* line 1753, assetic_compassLN9xj5.scss */
#spinner {
  width: 40px;
  display: none;
}

/* line 1758, assetic_compassLN9xj5.scss */
span.btn.btn-success.fileinput-button.upload-fill {
  width: 90%;
}

/* line 1764, assetic_compassLN9xj5.scss */
.myProject .swatch:hover .infoBox {
  opacity: 1;
}
/* line 1767, assetic_compassLN9xj5.scss */
.myProject .swatch:hover .refInfo {
  opacity: 1;
}
/* line 1771, assetic_compassLN9xj5.scss */
.myProject .swatch .infoBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(33, 45, 53, 0.8);
  transition: opacity 0.3s ease-out;
  font-size: 14px;
  padding: 10px;
  opacity: 0;
  text-align: right;
}
/* line 1782, assetic_compassLN9xj5.scss */
.myProject .swatch .infoBox a {
  color: #fff;
}

/* line 1788, assetic_compassLN9xj5.scss */
#projectSaveForm {
  display: none;
}

/* line 1792, assetic_compassLN9xj5.scss */
#projectBox {
  margin-left: 0px;
  background: url(/bundles/tekturawebsite/img/grid.png) white;
  background-position: top left;
  padding: 12px;
  margin-bottom: 15px;
}

/* line 1800, assetic_compassLN9xj5.scss */
input.rowForm {
  width: 50px;
  text-align: center;
  height: 35px;
}

/* line 1806, assetic_compassLN9xj5.scss */
button.btn.tableBuyButton {
  height: 40px;
  padding-top: 0px;
}

/* line 1811, assetic_compassLN9xj5.scss */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* line 1818, assetic_compassLN9xj5.scss */
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
/* line 1825, assetic_compassLN9xj5.scss */
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
/* line 1831, assetic_compassLN9xj5.scss */
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* line 1840, assetic_compassLN9xj5.scss */
#slideyCover {
  background: rgba(221, 232, 240, 0.25);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 9998;
  display: none;
}

/* line 1851, assetic_compassLN9xj5.scss */
select#loadProject.btn {
  height: 35px;
  width: 90% !important;
  float: left;
  margin-bottom: 5px;
}

/* line 1858, assetic_compassLN9xj5.scss */
div.landing-images {
  overflow-y: auto;
  max-height: 420px;
  margin-left: 10px;
}
/* line 1862, assetic_compassLN9xj5.scss */
div.landing-images img {
  margin-bottom: 10px;
}

/* line 1867, assetic_compassLN9xj5.scss */
.overlayDrop {
  top: 189px;
}

/* line 1871, assetic_compassLN9xj5.scss */
.project-button {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 5px;
}

/* line 1877, assetic_compassLN9xj5.scss */
#pageSlider {
  position: relative;
  overflow: hidden;
  margin: 10px 0;
}
/* line 1879, assetic_compassLN9xj5.scss */
#pageSlider .productImage {
  position: absolute;
  opacity: 1;
  width: 100%;
}
/* line 1886, assetic_compassLN9xj5.scss */
#pageSlider .imageMenu {
  z-index: 999;
}
/* line 1889, assetic_compassLN9xj5.scss */
#pageSlider .slides {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
/* line 1895, assetic_compassLN9xj5.scss */
#pageSlider .slide {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}

/* line 1904, assetic_compassLN9xj5.scss */
.lb-data {
  margin-right: -10px;
}

/* line 1909, assetic_compassLN9xj5.scss */
.minispec ul {
  list-style: none;
  margin: 0 0 10px 0;
}
/* line 1912, assetic_compassLN9xj5.scss */
.minispec ul li {
  margin-top: 10px;
}
/* line 1916, assetic_compassLN9xj5.scss */
.minispec a {
  text-decoration: underline;
}

/* line 1921, assetic_compassLN9xj5.scss */
.collection-binder {
  background-image: url("/bundles/tekturawebsite/img/collection.png");
  width: 50px;
  height: 200px;
  float: left;
  border: 1px solid #ccc;
}
/* line 1927, assetic_compassLN9xj5.scss */
.collection-binder div {
  width: 200px;
  margin-top: 83px;
  margin-left: -76px;
  font-family: "Montserrat";
  width: 100%;
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 1942, assetic_compassLN9xj5.scss */
img.internet-only {
  margin-left: 6px;
}

/* line 1946, assetic_compassLN9xj5.scss */
div.landing-thirds {
  width: 30%;
  float: left;
  margin-right: 10px;
}

/* Responsive YouTube: */
/* line 1954, assetic_compassLN9xj5.scss */
.content iframe {
  max-height: 500px;
  max-width: 100% !important;
  min-height: 300px;
  width: 100% !important;
}

/* line 1961, assetic_compassLN9xj5.scss */
.product.row-fluid {
  border-bottom: 1px solid #DDDDDD;
  margin: 0 0 15px;
  max-width: 100%;
  padding: 0 0 15px;
  width: 100%;
}

/* Non-Swatch Product Pages */
/* line 1971, assetic_compassLN9xj5.scss */
.accessories-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
/* line 1975, assetic_compassLN9xj5.scss */
.accessories-container .header h1 {
  border-bottom: 2px solid #4b5a66;
  margin-bottom: 20px;
}
/* line 1979, assetic_compassLN9xj5.scss */
.accessories-container h4 {
  margin-top: 0px;
}

/* line 1984, assetic_compassLN9xj5.scss */
.checkout-confirm a {
  font-size: 0.9em;
  text-decoration: underline;
}

/* line 1993, assetic_compassLN9xj5.scss */
.statistics-area {
  background: #4B5A66;
  display: block;
  width: 100%;
  height: 22px;
  padding: 5px;
  margin-top: 20px;
}
/* line 2000, assetic_compassLN9xj5.scss */
.statistics-area p {
  color: white;
  float: left;
  display: block;
  margin: 0 10px 0 0;
}
/* line 2007, assetic_compassLN9xj5.scss */
.statistics-area.order-success {
  background: #4F7370;
  color: #84BFBB;
}
/* line 2010, assetic_compassLN9xj5.scss */
.statistics-area.order-success a {
  color: #fff;
}

/* line 2016, assetic_compassLN9xj5.scss */
#sampleFolderLogin {
  background: #fff;
  max-width: 700px;
  padding: 30px;
}

/* line 2023, assetic_compassLN9xj5.scss */
.add-minimise {
  position: absolute;
  top: -15px;
  right: 10px;
  background: #6F8392;
  padding: 3px 5px;
  color: #fff !important;
}

/* line 1, assetic_compassFF7Ff7.scss */
header {
  padding: 25px 0 10px;
  margin: 0;
  background: #FFF;
  color: #798792;
  font-size: 0.8em;
  overflow: visible;
  font-family: "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
/* line 11, assetic_compassFF7Ff7.scss */
header a {
  color: #333;
}
/* line 15, assetic_compassFF7Ff7.scss */
header .logo {
  position: absolute;
  bottom: 0;
  top: 0;
  display: block;
  height: 39px;
  width: 191px;
  background: url(/bundles/tekturawebsite/img/logo.png) center center no-repeat;
  overflow: hidden;
  text-indent: -999999px;
  margin: auto;
  padding: 10px;
}
/* line 29, assetic_compassFF7Ff7.scss */
header nav {
  text-align: right;
  margin-left: 240px;
}
/* line 33, assetic_compassFF7Ff7.scss */
header nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 39, assetic_compassFF7Ff7.scss */
header nav li {
  display: inline;
  padding: 0;
  margin: 0 2px 0 0.5em;
}
/* line 43, assetic_compassFF7Ff7.scss */
header nav li:after {
  content: "|";
  margin-right: -0.5em;
}
/* line 48, assetic_compassFF7Ff7.scss */
header nav li.new a {
  font-weight: 800;
  text-transform: uppercase;
  color: #333333;
}
/* line 53, assetic_compassFF7Ff7.scss */
header nav li.new a:hover {
  background: #333;
  color: #fff;
}
/* line 61, assetic_compassFF7Ff7.scss */
header .accountMenu {
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 11px;
  margin-right: 5px;
}
/* line 66, assetic_compassFF7Ff7.scss */
header .accountMenu li:last-child:after {
  content: '';
  margin: 0;
}
/* line 71, assetic_compassFF7Ff7.scss */
header .accountMenu a {
  text-decoration: underline;
}
/* line 76, assetic_compassFF7Ff7.scss */
header .menu {
  margin: 10px 10px 0;
  font-size: 12px;
  overflow: hidden;
}
/* line 82, assetic_compassFF7Ff7.scss */
header .menu li a {
  border-bottom: 2px solid #FFFFFF;
  display: inline-block;
  font-weight: 100;
  font-size: 15px;
  margin: 0;
  padding: 5px 2px;
  color: #7D8B96;
}
/* line 91, assetic_compassFF7Ff7.scss */
header .menu li.small {
  font-weight: 400;
  font-size: 0.9em;
  text-transform: none;
}
/* line 97, assetic_compassFF7Ff7.scss */
header .menu li a:hover {
  border-bottom-color: #CCCCCC;
  color: #455969;
}
/* line 101, assetic_compassFF7Ff7.scss */
header .menu li a.active {
  border-bottom-color: #A9B2B9 !important;
  color: #242D36;
}
/* line 108, assetic_compassFF7Ff7.scss */
header .menu .title, header .menu .account {
  display: none;
}
/* line 113, assetic_compassFF7Ff7.scss */
header .menuBtn {
  display: none;
  left: 15px;
  position: absolute;
  top: 25px;
}
/* line 118, assetic_compassFF7Ff7.scss */
header .menuBtn a {
  color: #A9B2B9;
}
/* line 120, assetic_compassFF7Ff7.scss */
header .menuBtn a:hover {
  color: #4B5A66;
}

/* line 127, assetic_compassFF7Ff7.scss */
footer {
  margin-top: 0;
  padding: 0 0 30px;
  background: #3b454d;
  color: #FFF;
  font-family: Montserrat, sans-serif;
  font-size: 0.8em;
  overflow: hidden;
  border-bottom: 52px solid #283239;
}
/* line 138, assetic_compassFF7Ff7.scss */
footer a {
  color: #fff;
}
/* line 140, assetic_compassFF7Ff7.scss */
footer a:hover {
  color: #DDD;
}
/* line 145, assetic_compassFF7Ff7.scss */
footer p {
  font-size: 11px;
  margin-top: 0;
}
/* line 150, assetic_compassFF7Ff7.scss */
footer h1 {
  font-weight: normal;
  font-size: 18px;
  clear: both;
}
/* line 156, assetic_compassFF7Ff7.scss */
footer h2 {
  margin: 0;
  padding: 0;
  color: #9aabb8;
  font-size: 12px;
}
/* line 163, assetic_compassFF7Ff7.scss */
footer .col {
  width: 29%;
  float: left;
  padding: 0 2%;
}
/* line 169, assetic_compassFF7Ff7.scss */
footer ul.social {
  list-style: none;
  height: 78px;
  margin: 0 0 30px;
  padding: 0;
}
/* line 175, assetic_compassFF7Ff7.scss */
footer ul.social li {
  display: inline;
}
/* line 179, assetic_compassFF7Ff7.scss */
footer ul.social a {
  display: block;
  float: left;
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 59px;
  height: 59px;
  margin-right: 8px;
  -o-transition: 0s;
  -ms-transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
}
/* line 193, assetic_compassFF7Ff7.scss */
footer ul.social a.facebook {
  background-position: 0 0;
}
/* line 195, assetic_compassFF7Ff7.scss */
footer ul.social a.facebook:hover {
  background-position: 0 -59px;
}
/* line 200, assetic_compassFF7Ff7.scss */
footer ul.social a.twitter {
  background-position: -67px 0;
}
/* line 202, assetic_compassFF7Ff7.scss */
footer ul.social a.twitter:hover {
  background-position: -67px -59px;
}
/* line 207, assetic_compassFF7Ff7.scss */
footer ul.social a.pinterest {
  background-position: -135px 0;
}
/* line 209, assetic_compassFF7Ff7.scss */
footer ul.social a.pinterest:hover {
  background-position: -135px -59px;
}
/* line 214, assetic_compassFF7Ff7.scss */
footer ul.social a.youtube {
  background-position: -203px 0;
}
/* line 216, assetic_compassFF7Ff7.scss */
footer ul.social a.youtube:hover {
  background-position: -203px -59px;
}
/* line 227, assetic_compassFF7Ff7.scss */
footer .social-links {
  padding-bottom: 60px;
}
/* line 231, assetic_compassFF7Ff7.scss */
footer .social-links a {
  text-align: center;
  float: left;
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 100%;
  margin-right: 7px;
  /*space between*/
}
/* line 240, assetic_compassFF7Ff7.scss */
footer .social-links a:hover {
  background-color: #dde8f0;
}
/* line 245, assetic_compassFF7Ff7.scss */
footer .social-links a i {
  font-size: 20px;
  line-height: 38px;
  color: #3b454d;
}
/* line 252, assetic_compassFF7Ff7.scss */
footer .container {
  padding-top: 20px;
}
/* line 256, assetic_compassFF7Ff7.scss */
footer .navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #4c565f;
}
/* line 261, assetic_compassFF7Ff7.scss */
footer .navigation ul li {
  margin: 0;
  padding: 0;
}
/* line 264, assetic_compassFF7Ff7.scss */
footer .navigation ul li a {
  color: #adbac5;
  display: block;
  border-top: 1px solid #4c565f;
  padding: 9px 0;
  font-size: 1.2em;
}
/* line 270, assetic_compassFF7Ff7.scss */
footer .navigation ul li a:hover {
  color: #FFF;
}
/* line 277, assetic_compassFF7Ff7.scss */
footer .appStore {
  margin-top: 17px;
}
/* line 279, assetic_compassFF7Ff7.scss */
footer .appStore .icon {
  float: left;
  display: block;
  margin: 0 12px 0 0;
}
/* line 284, assetic_compassFF7Ff7.scss */
footer .appStore p {
  float: left;
}
/* line 287, assetic_compassFF7Ff7.scss */
footer .appStore .downloadApp {
  text-align: right;
  line-height: 1.2em;
  padding: 0 20px;
}

/* line 5, assetic_compasscGEcPa.scss */
.productPage.sheet {
  background-color: #eceaeb;
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.5);
  left: 60px;
  right: 60px;
  padding: 20px;
  top: 30px;
  z-index: 900;
  max-width: 1024px;
  margin: 0 auto;
}
/* line 17, assetic_compasscGEcPa.scss */
.productPage.rareFind {
  padding-top: 60px;
  background: url(/bundles/tekturawebsite/img/rare-finds.png) no-repeat #1D1D1B;
  background-position: right top;
}
/* line 23, assetic_compasscGEcPa.scss */
.productPage.rareFind .header p, .productPage.rareFind .header span, .productPage.rareFind .header h1, .productPage.rareFind .header h2, .productPage.rareFind .header h3 {
  color: #808691;
}
/* line 26, assetic_compasscGEcPa.scss */
.productPage.rareFind .header nav {
  background-color: #1D1D1B;
  color: #808691;
}
/* line 32, assetic_compasscGEcPa.scss */
.productPage.rareFind .header a:hover {
  color: #fff;
}
/* line 40, assetic_compasscGEcPa.scss */
.productPage.rareFind .wrapper {
  background-color: #1D1D1B;
}
/* line 44, assetic_compasscGEcPa.scss */
.productPage.rareFind .content {
  background-color: #808691;
  border: #808691;
  color: #1D1D1B;
}
/* line 49, assetic_compasscGEcPa.scss */
.productPage.rareFind .content p, .productPage.rareFind .content h1, .productPage.rareFind .content h2, .productPage.rareFind .content h3 {
  color: #1D1D1B;
}
/* line 53, assetic_compasscGEcPa.scss */
.productPage.rareFind .content a {
  color: #1D1D1B;
}
/* line 59, assetic_compasscGEcPa.scss */
.productPage .header {
  padding: 0 0 0 20px;
  margin: 0 0 -10px;
}
/* line 63, assetic_compasscGEcPa.scss */
.productPage .header nav {
  background: #F4F3F4;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  margin-top: 10px;
  text-align: right;
}
/* line 71, assetic_compasscGEcPa.scss */
.productPage .header nav ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
/* line 77, assetic_compasscGEcPa.scss */
.productPage .header nav li {
  display: inline;
  margin-left: 5px;
}
/* line 81, assetic_compasscGEcPa.scss */
.productPage .header nav li a {
  padding: 7px;
}
/* line 84, assetic_compasscGEcPa.scss */
.productPage .header nav li a:active, .productPage .header nav li a:focus {
  outline: none;
  border: none 0;
  background: #4B5A66;
  color: #fff;
  text-decoration: none;
}
/* line 95, assetic_compasscGEcPa.scss */
.productPage .header nav i {
  font-size: 1.2em;
  margin-right: 5px;
  vertical-align: text-bottom;
}
/* line 102, assetic_compasscGEcPa.scss */
.productPage .header h1 {
  padding: 0;
  margin: 0;
  color: #4b5a66;
  display: inline;
}
/* line 108, assetic_compasscGEcPa.scss */
.productPage .header h1 em {
  font-style: normal;
  font-weight: 100;
}
/* line 114, assetic_compasscGEcPa.scss */
.productPage .header h2 {
  color: #4b5a66;
  font-size: 16px;
  font-weight: 100;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  margin: 0;
  display: inline;
}
/* line 124, assetic_compasscGEcPa.scss */
.productPage h3 {
  font-size: 16px;
  color: #4B5A66;
  margin: 0;
  clear: both;
  padding: 15px 0;
}
/* line 132, assetic_compasscGEcPa.scss */
.productPage .share {
  margin: 0 0 10px;
  display: none;
}
/* line 136, assetic_compasscGEcPa.scss */
.productPage .share h4 {
  float: right;
  font-size: 1.5em;
  margin-right: 10px;
}
/* line 142, assetic_compasscGEcPa.scss */
.productPage .share > div {
  float: right;
  margin-top: 12px;
}
/* line 148, assetic_compasscGEcPa.scss */
.productPage .productImage {
  height: 350px;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative;
}
/* line 155, assetic_compasscGEcPa.scss */
.productPage .productImage.zoomable {
  cursor: crosshair;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* line 161, assetic_compasscGEcPa.scss */
.productPage .productImage img {
  opacity: 0;
  max-height: 580px;
  width: 100%;
  outline: 20px solid #FFFFFF;
  visibility: hidden;
}
/* line 169, assetic_compasscGEcPa.scss */
.productPage .productImage.zoomed img, .productPage .productImage.zoomable:active img {
  opacity: 1;
  position: absolute;
  z-index: 99999;
  max-height: 1000px;
  width: 100%;
  transition: max-height,opacity 0.1s ease-out;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
}
/* line 182, assetic_compasscGEcPa.scss */
.productPage .contextImages {
  position: relative;
  height: 350px;
  overflow: hidden;
}
/* line 187, assetic_compasscGEcPa.scss */
.productPage .contextImages .productImage {
  position: absolute;
  opacity: 1;
  width: 100%;
}
/* line 193, assetic_compasscGEcPa.scss */
.productPage .contextImages .imageMenu {
  z-index: 999;
}
/* line 197, assetic_compasscGEcPa.scss */
.productPage .contextImages .slides {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  z-index: 5;
}
/* line 204, assetic_compasscGEcPa.scss */
.productPage .contextImages .slides .slide {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}
/* line 214, assetic_compasscGEcPa.scss */
.productPage .contextSliderNav {
  top: 10px;
  right: 10px;
  left: 10px;
  position: absolute;
  z-index: 6;
}
/* line 222, assetic_compasscGEcPa.scss */
.productPage .slider-nav__item {
  border: 1px solid #fff;
  margin: 0 5px 10px 5px !important;
}
/* line 227, assetic_compasscGEcPa.scss */
.productPage .slider-nav__item--current {
  background: #4B5A66 !important;
}
/* line 239, assetic_compasscGEcPa.scss */
.productPage .productRange a.swatch {
  float: left;
  position: relative;
  width: 14.5%;
  margin: 0 2% 10px 0;
  padding: 0;
  opacity: 1;
  transition: all 0.3s ease-in;
  height: 185px;
}
/* line 249, assetic_compasscGEcPa.scss */
.productPage .productRange a.swatch:hover {
  opacity: 0.8;
  transition: none;
}
/* line 254, assetic_compasscGEcPa.scss */
.productPage .productRange a.swatch.active {
  background: #ECEAEB;
  opacity: 1;
  outline: 5px solid #ECEAEB;
}
/* line 260, assetic_compasscGEcPa.scss */
.productPage .productRange a.swatch .info {
  padding: 5px 0 0;
  font-size: 13px;
}
/* line 268, assetic_compasscGEcPa.scss */
.productPage .productBody img {
  float: left;
  margin: 0 2.5% 5px 0;
  width: 47.5%;
}
/* line 274, assetic_compasscGEcPa.scss */
.productPage .productBody p {
  clear: both;
  font-size: 16px;
}
/* line 280, assetic_compasscGEcPa.scss */
.productPage dl {
  margin: -10px 0 15px;
}
/* line 283, assetic_compasscGEcPa.scss */
.productPage dl dt {
  margin-top: 10px;
}
/* line 287, assetic_compasscGEcPa.scss */
.productPage dl dd {
  display: inline;
  margin: 0;
  padding-right: 10px;
}
/* line 294, assetic_compasscGEcPa.scss */
.productPage .purchase {
  background: #4B5A66;
  color: #fff;
}
/* line 298, assetic_compasscGEcPa.scss */
.productPage .purchase h3 {
  color: inherit;
}
/* line 304, assetic_compasscGEcPa.scss */
.productPage .downloads p {
  margin: -5px 0 15px;
}
/* line 313, assetic_compasscGEcPa.scss */
.productPage .recommendations a.swatch {
  float: left;
  position: relative;
  width: 18%;
  margin: 10px 2% 10px 0;
  padding: 0;
  opacity: 1;
  transition: all 0.3s ease-in;
  overflow: hidden;
}
/* line 323, assetic_compasscGEcPa.scss */
.productPage .recommendations a.swatch .info {
  background: rgba(59, 69, 77, 0.8);
  bottom: -60px;
  color: #FFFFFF;
  font-family: Montserrat;
  font-size: 12px;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  opacity: 1;
  bottom: 0;
}
/* line 339, assetic_compasscGEcPa.scss */
.productPage .link-box {
  background: #4B5A66;
  color: #fff;
  text-align: center;
}
/* line 344, assetic_compasscGEcPa.scss */
.productPage .link-box h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
}
/* line 348, assetic_compasscGEcPa.scss */
.productPage .link-box h2 a {
  color: #fff;
}
/* line 353, assetic_compasscGEcPa.scss */
.productPage .link-box i {
  padding-left: 10px;
}

/* line 360, assetic_compasscGEcPa.scss */
.no-rgba .overlay {
  background: url(/bundles/tekturawebsite/img/overlay2.png);
}

/* line 364, assetic_compasscGEcPa.scss */
.overlay {
  position: absolute;
  height: 300%;
  top: 137px;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10;
  background: rgba(54, 65, 74, 0.8);
  transition: background-color 0.3s ease-in;
}
/* line 375, assetic_compasscGEcPa.scss */
.overlay .container {
  max-width: 1024px;
  padding: 20px;
  margin: 0 auto;
  overflow: visible;
}
/* line 382, assetic_compasscGEcPa.scss */
.overlay .overlay-close,
.overlay .overlay-next,
.overlay .overlay-previous {
  background: #4B5A66;
  color: #FFFFFF;
  font-size: 30px;
  border: 0 none;
  outline: 0 none;
}
/* line 390, assetic_compasscGEcPa.scss */
.overlay .overlay-close:hover,
.overlay .overlay-next:hover,
.overlay .overlay-previous:hover {
  background: #ccc;
  color: #4B5A66;
}
/* line 395, assetic_compasscGEcPa.scss */
.overlay .overlay-close:active,
.overlay .overlay-next:active,
.overlay .overlay-previous:active {
  background: #A9B2B9;
}
/* line 400, assetic_compasscGEcPa.scss */
.overlay .overlay-next,
.overlay .overlay-previous {
  position: absolute;
  top: 200px;
  left: -30px;
  z-index: 1000;
  padding: 30px 20px;
}
/* line 409, assetic_compasscGEcPa.scss */
.overlay .overlay-close,
.overlay .overlay-next {
  left: auto;
  right: -30px;
}
/* line 415, assetic_compasscGEcPa.scss */
.overlay .overlay-close {
  padding: 10px 20px;
  position: absolute;
  top: 10px;
  z-index: 1000;
}
/* line 422, assetic_compasscGEcPa.scss */
.overlay #btnPass {
  padding: 5px;
  margin-left: 5px;
}

/* line 1, assetic_compassZqEb6f.scss */
#search-form {
  margin: 0;
  /*********************************************************************************
   BASIC SEARCH MENU:
  *********************************************************************************/
  /*********************************************************************************
   ADVANCED SEARCH MENU:
  *********************************************************************************/
}
/* line 8, assetic_compassZqEb6f.scss */
#search-form .searchWrapper {
  background: #4B5A66;
  font-size: 14px;
  position: relative;
  padding: 0;
  font-family: "Montserrat",Helvetica,Arial,Verdana,sans-serif;
  font-size: 13px;
}
/* line 17, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container {
  position: relative;
  float: left;
}
/* line 22, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container.open {
  z-index: 1000;
}
/* line 25, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container.open #searchHelper {
  max-height: 1400px;
  top: -10px;
  opacity: 1;
  z-index: 1;
}
/* line 34, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper {
  background: rgba(40, 50, 57, 0.9);
  color: #FFFFFF;
  font-size: 12px;
  left: -12px;
  max-height: 5px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: -10px;
  top: 0;
  transition: all 0.3s ease-in 0s;
  z-index: 1;
}
/* line 51, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper.ready .inner > div {
  display: block;
}
/* line 55, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper.ready .inner > img {
  display: none;
}
/* line 61, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper h4 {
  margin: 55px 20px 0;
  color: #DDE8F0;
  font-size: 16px;
}
/* line 67, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper .inner {
  margin: 0;
  padding: 5px 0;
}
/* line 72, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper .inner > p,
#search-form .searchWrapper #search-input-container #searchHelper .inner > img {
  margin: 10px 20px;
}
/* line 77, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper .inner > div {
  display: none;
}
/* line 84, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol {
  list-style: none;
  margin: 55px 0 0;
  padding: 0;
}
/* line 89, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol li {
  padding: 5px 20px;
  cursor: pointer;
  background: rgba(111, 131, 146, 0);
  transition: background 0.3s ease-out;
}
/* line 95, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol li:hover {
  background: #212d35;
}
/* line 99, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol li.active {
  background: #6f8392;
}
/* line 103, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol li a {
  color: #fff;
}
/* line 107, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container #searchHelper ol li i {
  margin-right: 5px;
}
/* line 116, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container .search {
  background: #fff;
  color: #212D35;
  font: inherit;
  font-size: 13px;
  border: 0 none;
  border-radius: 0;
  padding: 10px;
  width: 201px;
  float: left;
  position: relative;
  margin: 0;
  z-index: 2;
}
/* line 131, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container .search::-webkit-input-placeholder, #search-form .searchWrapper #search-input-container .search:-moz-placeholder, #search-form .searchWrapper #search-input-container .search::-moz-placeholder, #search-form .searchWrapper #search-input-container .search:-ms-input-placeholder {
  color: #4B5A66;
}
/* line 141, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container .search:hover::-webkit-input-placeholder, #search-form .searchWrapper #search-input-container .search:hover:-moz-placeholder, #search-form .searchWrapper #search-input-container .search:hover::-moz-placeholder, #search-form .searchWrapper #search-input-container .search:hover:-ms-input-placeholder {
  color: #8A969F;
}
/* line 149, assetic_compassZqEb6f.scss */
#search-form .searchWrapper #search-input-container .search:focus {
  background: #fff;
  box-shadow: 0 0 3px #fff;
  cursor: text;
}
/* line 158, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles {
  float: left;
  list-style: none;
  margin: 0 20px 0 0;
  padding: 0;
}
/* line 165, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li {
  float: left;
  position: relative;
  margin-right: 0;
}
/* line 171, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li.active > a {
  background: #333333;
}
/* line 176, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li.open {
  z-index: 9999;
}
/* line 179, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li.open > a {
  background: #212D35;
  color: #fff;
}
/* line 184, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li.open .menu {
  display: block;
}
/* line 189, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li:first-child a {
  padding-left: 15px;
}
/* line 194, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li > a {
  color: #DDE8F0;
  display: block;
  padding: 10px;
  position: relative;
  z-index: 3;
  text-decoration: none !important;
}
/* line 202, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li > a:hover {
  background: #333333;
}
/* line 207, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li > a i {
  margin-left: 5px;
}
/* line 213, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li .menu {
  display: none;
  background: #283239;
  background: rgba(40, 50, 57, 0.8);
  position: absolute;
  left: 0;
  top: 40px;
  width: 230px;
  z-index: 99;
  overflow: auto;
  max-height: 300px;
}
/* line 227, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
/* line 232, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul li {
  border-bottom: 1px solid #000;
}
/* line 237, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label {
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  display: block;
  margin: 0;
  padding: 5px;
  text-decoration: none !important;
}
/* line 256, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label.active {
  background: rgba(0, 0, 0, 0.5);
}
/* line 260, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label:hover:before {
  opacity: 0.5;
}
/* line 264, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label.active:before {
  opacity: 1;
}
/* line 268, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label input {
  margin: 0 5px;
}
/* line 272, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .toggles > li ul label span {
  float: right;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 11px;
  opacity: 0.5;
  padding: 2px;
  width: 25px;
}
/* line 285, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .searchButton {
  background: #8A969F;
  color: #fff;
  border: 0 none;
  outline: 0 none;
  padding: 10px;
  position: relative;
  z-index: 10;
  font-family: Montserrat;
}
/* line 294, assetic_compassZqEb6f.scss */
#search-form .searchWrapper .searchButton:hover {
  background: #333333;
}
/* line 304, assetic_compassZqEb6f.scss */
#search-form .advancedSearch {
  display: none;
  background: #212D35;
  overflow: hidden;
  padding: 1px 0;
  margin: 0;
}
/* line 312, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters {
  list-style: none;
  font-size: 0.8em;
  font-weight: 300;
  margin: 15px auto;
  max-width: 1140px;
}
/* line 319, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters li {
  float: left;
  margin: 0 2px 0 0;
}
/* line 324, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters li.filterBy {
  padding: 8px 5px 8px 20px;
}
/* line 328, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters li.filterBtn a {
  display: block;
  background: #a9b2b9;
  padding: 8px 10px;
  color: #fff;
}
/* line 334, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters li.filterBtn a:focus, #search-form .advancedSearch ul.filters li.filterBtn a:hover {
  background: #4b5a66;
  text-decoration: none;
}
/* line 342, assetic_compassZqEb6f.scss */
#search-form .advancedSearch ul.filters .sort {
  display: none;
  float: right;
}
/* line 348, assetic_compassZqEb6f.scss */
#search-form .advancedSearch .select-box {
  float: left;
  position: relative;
  width: 12.5%;
  height: auto;
}
/* line 354, assetic_compassZqEb6f.scss */
#search-form .advancedSearch .select-box select {
  background: #ccc;
  border: 0 none;
  color: #212D35;
  cursor: pointer;
  font-size: 14px;
  margin: 5px;
  padding: 7px;
  width: 95%;
}
/* line 367, assetic_compassZqEb6f.scss */
#search-form .advanced-open .toggles > li.advanced > a {
  background: #333333;
}

/* line 377, assetic_compassZqEb6f.scss */
.select-box select:focus {
  background: #DDE8F0;
}

/* line 383, assetic_compassZqEb6f.scss */
#search-more a:hover {
  background: #4b5a66;
  text-decoration: none;
}

/* line 388, assetic_compassZqEb6f.scss */
#search-loading {
  background: #666;
  position: absolute;
  left: 40%;
  margin-top: -20px;
  margin-left: 90px;
  text-align: left;
  padding: 0px 20px 20px;
  border-radius: 2px;
  width: auto;
  height: 40px;
  color: #FFF;
  z-index: 10;
  display: none;
  font-family: Helvetica,Arial,Verdana,sans-serif;
}
/* line 404, assetic_compassZqEb6f.scss */
#search-loading.error {
  background: #C14444;
  color: #FFFFFF;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 10px 15px;
  position: static;
  text-align: left;
}
/* line 415, assetic_compassZqEb6f.scss */
#search-loading i {
  position: absolute;
  top: -35px;
  left: 20px;
  color: #666;
}
/* line 422, assetic_compassZqEb6f.scss */
#search-loading h3 {
  font-size: 1em;
  font-weight: normal;
}
/* line 427, assetic_compassZqEb6f.scss */
#search-loading > p {
  font-size: 15px;
  font-weight: normal;
}

/* line 434, assetic_compassZqEb6f.scss */
#search-more {
  display: none;
  text-align: center;
  padding: 20px 0;
}
/* line 439, assetic_compassZqEb6f.scss */
#search-more a {
  background: #3B454D;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  padding: 20px 0;
  width: 370px;
}

/* line 1, assetic_compassfXMx4m.scss */
.welcome {
  background: no-repeat center center / cover;
  padding: 20px 0 20px;
  position: relative;
}
/* line 7, assetic_compassfXMx4m.scss */
.welcome:hover .background {
  opacity: 0.2;
}
/* line 12, assetic_compassfXMx4m.scss */
.welcome .grid .box.featured {
  width: 180px;
  height: 250px;
}
/* line 17, assetic_compassfXMx4m.scss */
.welcome .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat center center / cover;
  opacity: 0.4;
  transition: all 0.4s ease-out;
}
/* line 28, assetic_compassfXMx4m.scss */
.welcome .welcome-icons {
  float: right;
  width: 20px;
  height: 20px;
  background-color: #6F8392;
  color: #fff;
  padding: 5px;
  text-align: center;
}
/* line 38, assetic_compassfXMx4m.scss */
.welcome .container {
  z-index: 1;
  top: -35px;
}
/* line 41, assetic_compassfXMx4m.scss */
.welcome .container .lead {
  display: inline;
  background: rgba(255, 255, 255, 0.5);
}
/* line 46, assetic_compassfXMx4m.scss */
.welcome .container h3 {
  margin: 20px 0 0;
}
/* line 49, assetic_compassfXMx4m.scss */
.welcome .container.header-container {
  right: -50px;
  top: 0px;
}
/* line 54, assetic_compassfXMx4m.scss */
.welcome .hide-min {
  display: block;
}
/* line 57, assetic_compassfXMx4m.scss */
.welcome #head-max {
  display: none;
}
/* line 60, assetic_compassfXMx4m.scss */
.welcome .grid {
  margin: 10px 0 -10px;
  background: rgba(255, 255, 255, 0.75);
  padding: 10px;
  overflow: hidden;
}
/* line 66, assetic_compassfXMx4m.scss */
.welcome .grid.recent-products {
  max-height: 115px;
}
/* line 70, assetic_compassfXMx4m.scss */
.welcome .grid .box {
  width: 111px;
  height: 111px;
  font-size: 0.75em;
}
/* line 75, assetic_compassfXMx4m.scss */
.welcome .grid .box .flags .new {
  display: none;
}
/* line 81, assetic_compassfXMx4m.scss */
.welcome.small {
  padding: 20px 0 10px;
}
/* line 84, assetic_compassfXMx4m.scss */
.welcome.small .hide-min {
  display: none;
}
/* line 87, assetic_compassfXMx4m.scss */
.welcome.small #head-max {
  display: block;
}
/* line 90, assetic_compassfXMx4m.scss */
.welcome.small #head-minimise {
  display: none;
}
/* line 94, assetic_compassfXMx4m.scss */
.welcome .cta {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* line 100, assetic_compassfXMx4m.scss */
.welcome .cta .btn i {
  margin-right: 5px;
}
/* line 106, assetic_compassfXMx4m.scss */
.welcome.welcome-tour .tour-container {
  height: 275px;
}
/* line 112, assetic_compassfXMx4m.scss */
.welcome .tour-step {
  display: none;
  font-family: "Montserrat",Helvetica,Arial,Verdana,sans-serif;
  font-size: 20px;
  font-weight: 400;
}
/* line 118, assetic_compassfXMx4m.scss */
.welcome .tour-step p {
  width: 300px;
}
/* line 125, assetic_compassfXMx4m.scss */
.welcome .tour-numbers {
  font-family: "Montserrat",Helvetica,Arial,Verdana,sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 3px 6px 10px 6px;
  border-radius: 20px;
  background: #4B5A66;
  color: #DDE8F0;
}
/* line 138, assetic_compassfXMx4m.scss */
.welcome #tour-step-1 {
  margin-top: -10px;
  margin-left: 150px;
}
/* line 141, assetic_compassfXMx4m.scss */
.welcome #tour-step-1 .tour-numbers {
  float: left;
  margin-top: 100px;
  margin-right: 20px;
  margin-bottom: 40px;
}
/* line 147, assetic_compassfXMx4m.scss */
.welcome #tour-step-1 p {
  margin-left: 20px;
}
/* line 152, assetic_compassfXMx4m.scss */
.welcome #tour-step-2 {
  bottom: 0px;
  position: absolute;
  margin-left: 100px;
  margin-bottom: -60px;
}
/* line 157, assetic_compassfXMx4m.scss */
.welcome #tour-step-2 .tour-numbers {
  margin: 0 auto;
}
/* line 160, assetic_compassfXMx4m.scss */
.welcome #tour-step-2 p {
  margin-left: 90px;
  margin-top: 10px;
}
/* line 167, assetic_compassfXMx4m.scss */
.welcome #tour-step-3 {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-top: -10px;
}
/* line 173, assetic_compassfXMx4m.scss */
.welcome #tour-step-3 .tour-numbers {
  float: left;
  margin-top: 100px;
  margin-right: 20px;
  margin-bottom: 40px;
}
/* line 183, assetic_compassfXMx4m.scss */
.welcome #tour-step-4 {
  position: absolute;
  right: 190px;
  width: 100px;
}
/* line 187, assetic_compassfXMx4m.scss */
.welcome #tour-step-4 .tour-numbers {
  float: left;
  margin-top: 50px;
}
/* line 199, assetic_compassfXMx4m.scss */
.welcome .step-2-arrow-1 {
  float: left;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* line 210, assetic_compassfXMx4m.scss */
.welcome .step-2-arrow-2 {
  float: right;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 222, assetic_compassfXMx4m.scss */
.welcome .step-4-arrow {
  -moz-transform: rotate(70deg);
  -webkit-transform: rotate(70deg);
  -o-transform: rotate(70deg);
  -ms-transform: rotate(70deg);
  transform: rotate(70deg);
  float: right;
}

/* line 234, assetic_compassfXMx4m.scss */
.grid,
.masonry-container {
  clear: both;
  position: relative;
  height: auto;
  display: block;
  min-width: 100px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
/* line 246, assetic_compassfXMx4m.scss */
.grid .link:hover .info, .grid .link:hover .new,
.masonry-container .link:hover .info,
.masonry-container .link:hover .new {
  opacity: 0;
  transition: none;
}

/* line 261, assetic_compassfXMx4m.scss */
.box {
  background: #FFFFFF;
  color: #313C44;
  float: left;
  font-size: 0.8em;
  height: 180px;
  margin: 5px;
  position: relative;
  width: 180px;
}
/* line 270, assetic_compassfXMx4m.scss */
.box p {
  font-family: Montserrat;
}
/* line 274, assetic_compassfXMx4m.scss */
.box ul.popup-menu {
  font-family: Montserrat;
  list-style: none;
  margin-left: 0px;
  margin-top: 5px;
}
/* line 279, assetic_compassfXMx4m.scss */
.box ul.popup-menu i {
  margin-right: 5px;
  padding: 2px;
}
/* line 284, assetic_compassfXMx4m.scss */
.box ul.popup-menu li {
  cursor: pointer;
}
/* line 286, assetic_compassfXMx4m.scss */
.box ul.popup-menu li:hover {
  color: #168f16;
}
/* line 292, assetic_compassfXMx4m.scss */
.box:hover .refInfo .add-to-folder a {
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  color: white;
}
/* line 298, assetic_compassfXMx4m.scss */
.box:hover .refInfo .add-to-folder a.remove {
  background: rgba(22, 143, 22, 0.9);
}
/* line 307, assetic_compassfXMx4m.scss */
.box.design {
  background: #ccc;
  width: 180px;
  height: 250px;
}
/* line 313, assetic_compassfXMx4m.scss */
.box.featured {
  width: 370px;
  height: 510px;
}
/* line 318, assetic_compassfXMx4m.scss */
.box.blog {
  height: 180px;
  width: 370px;
  background: #8a969f;
  color: #fff;
}
/* line 324, assetic_compassfXMx4m.scss */
.box.blog:hover .info .summary {
  display: block;
  transition: opacity 0.6s ease-out;
}
/* line 330, assetic_compassfXMx4m.scss */
.box.blog.withImage {
  height: 370px;
}
/* line 333, assetic_compassfXMx4m.scss */
.box.blog.withImage:hover .info {
  background-color: rgba(255, 255, 255, 0.9);
}
/* line 337, assetic_compassfXMx4m.scss */
.box.blog.withImage .info {
  color: #283239;
  border: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  transition: opacity 0.6s ease-out;
}
/* line 347, assetic_compassfXMx4m.scss */
.box.blog.withImageHalf {
  height: 175px;
}
/* line 350, assetic_compassfXMx4m.scss */
.box.blog.withImageHalf .info {
  color: #283239;
  height: 100%;
}
/* line 356, assetic_compassfXMx4m.scss */
.box.blog a {
  color: #283239;
  display: inline;
}
/* line 361, assetic_compassfXMx4m.scss */
.box.blog .blog-link-icon {
  color: #00678E;
  margin-left: 10px;
  position: inline;
}
/* line 367, assetic_compassfXMx4m.scss */
.box.blog i {
  margin-top: -32px;
  color: #283239;
  font-size: 52px;
  float: right;
  opacity: 0.4;
}
/* line 377, assetic_compassfXMx4m.scss */
.box.inspiration {
  width: 560px;
  height: 560px;
}
/* line 380, assetic_compassfXMx4m.scss */
.box.inspiration .image {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
/* line 388, assetic_compassfXMx4m.scss */
.box.twitter {
  height: 180px;
  width: 180px;
  background: #4B5A66;
  color: #fff;
  font-family: Montserrat;
  font-size: 13px;
  line-height: 16px;
  word-wrap: break-word;
  position: relative;
  overflow: hidden;
}
/* line 401, assetic_compassfXMx4m.scss */
.box.twitter:hover .text {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 407, assetic_compassfXMx4m.scss */
.box.twitter:hover .image {
  opacity: 0.2;
}
/* line 412, assetic_compassfXMx4m.scss */
.box.twitter .image {
  position: relative;
}
/* line 416, assetic_compassfXMx4m.scss */
.box.twitter img {
  height: auto;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
}
/* line 424, assetic_compassfXMx4m.scss */
.box.twitter .summary a {
  text-decoration: underline;
  color: #00ACEE;
  margin-right: 6px;
}
/* line 430, assetic_compassfXMx4m.scss */
.box.twitter .time {
  bottom: 10px;
  color: #fff;
  left: 20px;
  position: absolute;
  width: 86%;
}
/* line 437, assetic_compassfXMx4m.scss */
.box.twitter .time i {
  margin-top: -32px;
  color: #e6e6e6;
  font-size: 52px;
  float: right;
}
/* line 445, assetic_compassfXMx4m.scss */
.box.twitter .text {
  height: 160px;
  width: 140px;
}
/* line 453, assetic_compassfXMx4m.scss */
.box.instagramPost {
  height: 180px;
  width: 180px;
  background: #4B5A66;
  color: #fff;
  font-family: Montserrat;
  font-size: 13px;
  line-height: 16px;
  word-wrap: break-word;
  position: relative;
  overflow: hidden;
  color: #FFF !important;
}
/* line 467, assetic_compassfXMx4m.scss */
.box.instagramPost:hover .text {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 473, assetic_compassfXMx4m.scss */
.box.instagramPost:hover .image {
  opacity: 0.2;
}
/* line 478, assetic_compassfXMx4m.scss */
.box.instagramPost .image {
  position: relative;
}
/* line 482, assetic_compassfXMx4m.scss */
.box.instagramPost img {
  height: auto;
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
}
/* line 490, assetic_compassfXMx4m.scss */
.box.instagramPost .summary a {
  text-decoration: underline;
  color: #00ACEE;
  margin-right: 6px;
}
/* line 496, assetic_compassfXMx4m.scss */
.box.instagramPost .time {
  bottom: 10px;
  color: #fff;
  left: 20px;
  position: absolute;
  width: 86%;
}
/* line 503, assetic_compassfXMx4m.scss */
.box.instagramPost .time i {
  margin-top: -32px;
  color: #e6e6e6;
  font-size: 52px;
  float: right;
}
/* line 511, assetic_compassfXMx4m.scss */
.box.instagramPost .text {
  height: 160px;
  width: 140px;
  color: #FFF !important;
}
/* line 516, assetic_compassfXMx4m.scss */
.box.instagramPost .text a, .box.instagramPost .text a:visited {
  color: #FFF !important;
}
/* line 524, assetic_compassfXMx4m.scss */
.box .refInfo {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  transition: opacity 0.3s ease-out;
  color: #313c44;
  padding: 10px 10px 5px 10px;
}
/* line 534, assetic_compassfXMx4m.scss */
.box .refInfo .price {
  background: none repeat scroll 0 0 #A9B2B9;
  border-radius: 2px;
  color: #FFFFFF;
  float: right;
  font-size: 0.9em;
  padding: 2px 5px;
}
/* line 543, assetic_compassfXMx4m.scss */
.box .refInfo .ref {
  font-family: Montserrat;
  font-weight: 100;
  text-transform: capitalize;
}
/* line 549, assetic_compassfXMx4m.scss */
.box .refInfo .refNo {
  display: block;
  text-transform: uppercase;
}
/* line 554, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder {
  float: right;
  margin-left: 10px;
}
/* line 557, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder a {
  font-weight: 900;
  font-size: 1.21em;
  padding: 2px 6px;
  background: #ccc;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-out;
  color: #e6e6e6;
  color: rgba(255, 255, 255, 0.75);
}
/* line 567, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder a:hover {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  transition: none 0;
}
/* line 572, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder a:hover.remove {
  background: #168f16;
}
/* line 577, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder a.remove {
  background: rgba(22, 143, 22, 0.8);
  display: none;
}
/* line 589, assetic_compassfXMx4m.scss */
.box .refInfo .add-to-folder.in-folder .remove {
  display: inline;
}
/* line 601, assetic_compassfXMx4m.scss */
.box .summary {
  margin-left: 10px;
}
/* line 605, assetic_compassfXMx4m.scss */
.box .text {
  border-bottom: 0 none;
  padding: 10px 20px;
  height: 100%;
}
/* line 611, assetic_compassfXMx4m.scss */
.box .icon {
  position: absolute;
  background: #1f1f1f;
  bottom: 0px;
  right: 10px;
}
/* line 618, assetic_compassfXMx4m.scss */
.box .image {
  height: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
/* line 627, assetic_compassfXMx4m.scss */
.box .flags {
  position: absolute;
  right: 3px;
  z-index: 10;
  top: -3px;
}
/* line 633, assetic_compassfXMx4m.scss */
.box .flags .flag {
  background: #212D35;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 5px;
  text-transform: uppercase;
  transition: opacity 0.6s ease-out;
  display: inline-block;
}
/* line 643, assetic_compassfXMx4m.scss */
.box .flags .flag.colour {
  background: #AA3B99;
}
/* line 647, assetic_compassfXMx4m.scss */
.box .flags .flag.buy {
  background: #FC0047;
}
/* line 653, assetic_compassfXMx4m.scss */
.box a {
  color: #313C44;
}
/* line 656, assetic_compassfXMx4m.scss */
.box a.link {
  display: block;
  height: 100%;
}
/* line 659, assetic_compassfXMx4m.scss */
.box a.link:active {
  opacity: 0.6;
  transition: 0 none;
}
/* line 666, assetic_compassfXMx4m.scss */
.box img {
  width: 100%;
  height: auto;
}
/* line 670, assetic_compassfXMx4m.scss */
.box img.hidden {
  visibility: hidden;
}

/* line 677, assetic_compassfXMx4m.scss */
.box.draggable .refInfo {
  cursor: move;
}

/* line 681, assetic_compassfXMx4m.scss */
.new {
  -webkit-animation-name: 'pulse_animation';
  -webkit-animation-duration: 7000ms;
  -webkit-transform-origin: 70% 70%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

/* line 1, assetic_compassmgMwTv.scss */
#miniCart {
  position: absolute;
  right: 0;
  top: 0;
  transition: max-height 0.3s ease-out 0s;
  width: 275px;
  z-index: 25;
}
/* line 9, assetic_compassmgMwTv.scss */
#miniCart.fixed {
  position: fixed;
  top: 10px;
}
/* line 14, assetic_compassmgMwTv.scss */
#miniCart.static {
  right: 0 !important;
}
/* line 18, assetic_compassmgMwTv.scss */
#miniCart.dragging {
  outline: 10px solid #333333;
  width: 400px;
}
/* line 22, assetic_compassmgMwTv.scss */
#miniCart.dragging .basket {
  display: block !important;
}
/* line 24, assetic_compassmgMwTv.scss */
#miniCart.dragging .basket .drop {
  display: block;
}
/* line 28, assetic_compassmgMwTv.scss */
#miniCart.dragging .basket > * {
  display: none;
}
/* line 34, assetic_compassmgMwTv.scss */
#miniCart .link {
  background: #4B5A66;
  border: 0 none;
  display: block;
  padding: 11px 10px;
  color: #fff;
}
/* line 41, assetic_compassmgMwTv.scss */
#miniCart .link:hover {
  background: #A9B2B9;
  color: #fff;
}
/* line 46, assetic_compassmgMwTv.scss */
#miniCart .link i {
  margin-right: 7px;
}
/* line 51, assetic_compassmgMwTv.scss */
#miniCart .count {
  background: #212D35;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 4px;
}
/* line 58, assetic_compassmgMwTv.scss */
#miniCart .projectDrop {
  margin: 3px;
  border: 1px solid white;
}
/* line 61, assetic_compassmgMwTv.scss */
#miniCart .projectDrop.border-for-drop {
  background: #DFF0D8;
}
/* line 69, assetic_compassmgMwTv.scss */
#miniCart .basket {
  position: absolute;
  width: 100%;
  right: 0;
  background: #fff;
  overflow: auto;
  text-align: left;
  display: none;
  max-height: 800px;
}
/* line 79, assetic_compassmgMwTv.scss */
#miniCart .basket p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 5px 15px 15px;
}
/* line 85, assetic_compassmgMwTv.scss */
#miniCart .basket .drop {
  display: none;
  border: 3px dashed;
  color: #4B5A66;
  margin: 10px;
  padding: 30px;
  text-align: center;
}
/* line 93, assetic_compassmgMwTv.scss */
#miniCart .basket .drop i {
  position: relative;
  top: 20px;
  left: -20px;
  opacity: 0.5;
}
/* line 101, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items,
#miniCart .basket .cart-items,
#miniCart .basket .additional-project-items {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}
/* line 109, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items.sneak,
#miniCart .basket .cart-items.sneak,
#miniCart .basket .additional-project-items.sneak {
  height: 25px;
  overflow: hidden;
}
/* line 117, assetic_compassmgMwTv.scss */
#miniCart .basket .expand-banner {
  text-align: center;
}
/* line 121, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items li,
#miniCart .basket .additional-project-items li {
  background: #CCCCCC;
  border: 1px dotted #CCCCCC;
  float: left;
  margin: 5px;
  padding: 2px;
  position: relative;
}
/* line 131, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items li img,
#miniCart .basket .additional-project-items li img {
  height: 50px;
}
/* line 136, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items li a,
#miniCart .basket .additional-project-items li a {
  display: block;
}
/* line 141, assetic_compassmgMwTv.scss */
#miniCart .basket .project-items .remove,
#miniCart .basket .additional-project-items .remove {
  bottom: 1px;
  display: inline;
  font-size: 0.7em;
  font-weight: 100;
  margin: 5px;
  position: absolute;
  right: 5px;
}
/* line 153, assetic_compassmgMwTv.scss */
#miniCart .basket .cart-items li {
  border-top: 1px dotted #CCCCCC;
  float: none;
  margin: 0;
  padding: 2px 5px;
  clear: both;
}
/* line 160, assetic_compassmgMwTv.scss */
#miniCart .basket .cart-items li img {
  float: none;
  width: 25px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #6F7D88;
}
/* line 168, assetic_compassmgMwTv.scss */
#miniCart .basket .cart-items li a:first-child {
  float: left;
}
/* line 173, assetic_compassmgMwTv.scss */
#miniCart .basket .cart-items a {
  color: #212D35;
}
/* line 177, assetic_compassmgMwTv.scss */
#miniCart .basket .cart-items .remove {
  float: right;
  margin: 5px 2px 0 0;
}
/* line 184, assetic_compassmgMwTv.scss */
#miniCart h4 {
  background: #212D35;
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 5px 15px;
}
/* line 190, assetic_compassmgMwTv.scss */
#miniCart h4 a {
  color: inherit;
}
/* line 194, assetic_compassmgMwTv.scss */
#miniCart h4.create-sample-folder {
  background: #168f16;
}
/* line 199, assetic_compassmgMwTv.scss */
#miniCart .ui-state-hover .drop {
  border-color: #3399FF;
}

/* line 206, assetic_compassmgMwTv.scss */
.checkout .cart {
  font-size: 0.9em;
  width: 100%;
  margin: 1em 0;
}
/* line 211, assetic_compassmgMwTv.scss */
.checkout .cart input {
  width: 4em;
  text-align: right;
}
/* line 216, assetic_compassmgMwTv.scss */
.checkout .cart td {
  padding: 5px;
  border: 1px solid #9FACB6;
  text-align: left;
}
/* line 222, assetic_compassmgMwTv.scss */
.checkout .cart th {
  padding: 5px;
  border: 1px solid #9FACB6;
  text-align: left;
  background: #4B5A66;
  color: #fff;
}
/* line 231, assetic_compassmgMwTv.scss */
.checkout .cart tfoot td {
  text-align: right;
  background: #F6F6F6;
}
/* line 236, assetic_compassmgMwTv.scss */
.checkout .cart tfoot tr:last-child td {
  background: #CCCCCC;
  padding: 10px 5px;
}
/* line 242, assetic_compassmgMwTv.scss */
.checkout .cart td {
  vertical-align: top;
}
/* line 246, assetic_compassmgMwTv.scss */
.checkout .cart .qt,
.checkout .cart .total {
  width: 5em;
  text-align: right;
  white-space: nowrap;
}
/* line 252, assetic_compassmgMwTv.scss */
.checkout .cart .qt small,
.checkout .cart .total small {
  display: block;
  margin-top: -5px;
}
/* line 258, assetic_compassmgMwTv.scss */
.checkout .cart .cartActions {
  margin-top: 15px;
}
/* line 260, assetic_compassmgMwTv.scss */
.checkout .cart .cartActions a {
  float: left;
  clear: left;
}
/* line 267, assetic_compassmgMwTv.scss */
.checkout #cart_item_quantity {
  width: 3em;
}
/* line 271, assetic_compassmgMwTv.scss */
.checkout .order_notes {
  max-width: 100%;
  height: 120px;
}
/* line 276, assetic_compassmgMwTv.scss */
.checkout .addressLinks {
  margin: 10px 0 20px;
  padding: 10px;
}
/* line 280, assetic_compassmgMwTv.scss */
.checkout .addressLinks a {
  margin-right: 30px;
}

/* line 287, assetic_compassmgMwTv.scss */
#projectSaveFormPopup .btn-primary {
  margin-top: 20px;
}

/* CSS Document */
/* Media Queries */
@media screen and (max-width: 1200px) {
  /* line 18, assetic_compasspdylkG.scss */
  .searchWrapper {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1145px) {
  /* line 27, assetic_compasspdylkG.scss */
  .productPage.sheet {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 980px) {
  /* line 39, assetic_compasspdylkG.scss */
  .accountMenu .user img {
    display: none;
  }

  /* line 43, assetic_compasspdylkG.scss */
  .overlay {
    top: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 950px) {
  /* line 52, assetic_compasspdylkG.scss */
  .masonry-container {
    margin: 2px;
  }

  /* line 57, assetic_compasspdylkG.scss */
  header nav ul {
    margin-right: 10px;
  }

  /* line 62, assetic_compasspdylkG.scss */
  #sampleFolderLink > a span {
    display: none;
  }

  /* line 66, assetic_compasspdylkG.scss */
  .searchWrapper .search {
    width: 195px;
  }

  /* line 70, assetic_compasspdylkG.scss */
  #miniCart {
    width: 70px;
  }
  /* line 74, assetic_compasspdylkG.scss */
  #miniCart .link {
    height: 18px;
  }
  /* line 78, assetic_compasspdylkG.scss */
  #miniCart .link span {
    display: none;
  }
  /* line 82, assetic_compasspdylkG.scss */
  #miniCart .icon-folder-close {
    margin-left: 2px;
  }
  /* line 86, assetic_compasspdylkG.scss */
  #miniCart .basket {
    width: 160px;
  }

  /* Product Page Styles */
  /* line 92, assetic_compasspdylkG.scss */
  .overlay {
    top: 0;
    bottom: 0;
  }
  /* line 96, assetic_compasspdylkG.scss */
  .overlay .overlay-close {
    right: 10px;
  }

  /* line 101, assetic_compasspdylkG.scss */
  .overlay-next, .overlay-previous {
    display: none !important;
  }

  /* line 107, assetic_compasspdylkG.scss */
  .productPage.sheet {
    left: 20px;
    right: 20px;
    top: 20px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
  }
  /* line 116, assetic_compasspdylkG.scss */
  .productPage .header {
    padding: 0;
    margin-bottom: 0px;
  }
  /* line 121, assetic_compasspdylkG.scss */
  .productPage .row-fluid > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* line 127, assetic_compasspdylkG.scss */
  .productPage .productImage {
    height: auto;
  }
  /* line 131, assetic_compasspdylkG.scss */
  .productPage .header nav li {
    display: list-item;
    text-align: left;
    margin-left: 0;
  }
  /* line 136, assetic_compasspdylkG.scss */
  .productPage .header nav li a {
    padding: 7px 7px 7px 0;
  }
  /* line 139, assetic_compasspdylkG.scss */
  .productPage .header nav li a:active, .productPage .header nav li a:focus {
    background: transparent !important;
    color: #6F8392 !important;
  }
  /* line 145, assetic_compasspdylkG.scss */
  .productPage .header nav li a:hover {
    color: #4b5a66;
  }
  /* line 151, assetic_compasspdylkG.scss */
  .productPage .mainImage {
    height: auto;
  }
  /* line 155, assetic_compasspdylkG.scss */
  .productPage .contextImages {
    height: auto;
  }
  /* line 158, assetic_compasspdylkG.scss */
  .productPage .contextImages img {
    height: auto;
  }
  /* line 162, assetic_compasspdylkG.scss */
  .productPage .contextImages .productImage {
    position: relative;
  }
  /* line 167, assetic_compasspdylkG.scss */
  .productPage .online-exclusive .span2 {
    display: none;
  }
  /* line 171, assetic_compasspdylkG.scss */
  .productPage p {
    margin: 1em 0 0 0;
  }
  /* line 175, assetic_compasspdylkG.scss */
  .productPage .productRange a.swatch {
    width: 31%;
    margin: 1%;
    padding: 0;
  }
  /* line 181, assetic_compasspdylkG.scss */
  .productPage .content.no-pad {
    padding: 0;
    border: none;
  }
  /* line 186, assetic_compasspdylkG.scss */
  .productPage .imageMenu {
    opacity: 1;
  }
  /* line 190, assetic_compasspdylkG.scss */
  .productPage .swatches .box {
    float: left;
    width: 49%;
    margin: 0 0 5px 0;
    height: 144px;
  }
  /* line 195, assetic_compasspdylkG.scss */
  .productPage .swatches .box:nth-child(odd) {
    margin-right: 2%;
  }

  /* line 205, assetic_compasspdylkG.scss */
  .purchaseBox form {
    margin: 0;
  }
  /* line 210, assetic_compasspdylkG.scss */
  .purchaseBox table th, .purchaseBox table td {
    padding: 8px 3px;
    font-size: 14px;
  }
  /* line 216, assetic_compasspdylkG.scss */
  .purchaseBox th:first-child, .purchaseBox td:first-child {
    padding-left: 0;
  }
  /* line 220, assetic_compasspdylkG.scss */
  .purchaseBox th:last-child, .purchaseBox td:last-child {
    padding-right: 0;
  }

  /* line 225, assetic_compasspdylkG.scss */
  button.bigBuyButton {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  /* line 233, assetic_compasspdylkG.scss */
  .visible-mobile {
    visibility: visible;
    display: block;
  }

  /* line 237, assetic_compasspdylkG.scss */
  header {
    padding: 0;
  }
  /* line 240, assetic_compasspdylkG.scss */
  header nav {
    margin-left: 0px;
  }
  /* line 242, assetic_compasspdylkG.scss */
  header nav li:before {
    content: none;
  }
  /* line 246, assetic_compasspdylkG.scss */
  header .logo {
    position: static;
    background-position: center;
    display: block;
    float: none;
    height: 45px;
    margin: 10px auto;
    overflow: hidden;
    width: 260px;
  }
  /* line 257, assetic_compasspdylkG.scss */
  header .accountMenu {
    display: none;
  }
  /* line 261, assetic_compasspdylkG.scss */
  header .menuBtn {
    display: block;
  }
  /* line 265, assetic_compasspdylkG.scss */
  header .menu {
    margin: 0 0 2px 0;
    padding: 0;
    float: none;
    display: none;
  }
  /* line 271, assetic_compasspdylkG.scss */
  header .menu li {
    background: #A9B2B9;
    color: #fff;
    float: none;
    margin: 0;
  }
  /* line 277, assetic_compasspdylkG.scss */
  header .menu li a {
    background: #4B5A66;
    border-bottom: 1px solid;
    color: #FFFFFF;
    display: block;
    padding: 10px;
  }
  /* line 284, assetic_compasspdylkG.scss */
  header .menu li a:hover {
    color: #cccccc !important;
  }
  /* line 291, assetic_compasspdylkG.scss */
  header .title {
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
  }
  /* line 297, assetic_compasspdylkG.scss */
  header .account {
    display: list-item;
  }

  /* line 301, assetic_compasspdylkG.scss */
  #welcome {
    display: none;
  }

  /* line 305, assetic_compasspdylkG.scss */
  #miniCart {
    display: none;
  }

  /* line 309, assetic_compasspdylkG.scss */
  #search-form .searchWrapper {
    padding: 1px 0 0;
  }
  /* line 313, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .wrapper {
    display: none;
    float: left;
    margin: 5px 5%;
    position: relative;
    background: transparent;
    width: 90%;
  }
  /* line 322, assetic_compasspdylkG.scss */
  #search-form .searchWrapper #search-input-container {
    margin-right: 0px;
    width: 100%;
  }
  /* line 325, assetic_compasspdylkG.scss */
  #search-form .searchWrapper #search-input-container #search-keyword {
    width: 100%;
    max-width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 335, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .searchButton {
    width: 100%;
  }
  /* line 339, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles {
    width: 100%;
    clear: both;
  }
  /* line 343, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li {
    width: 30%;
  }
  /* line 346, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li > a i {
    float: right;
    margin: 3px 5px;
  }
  /* line 351, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li:hover > .menu {
    display: none;
  }
  /* line 353, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li.reset {
    width: 3%;
  }
  /* line 355, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li.reset i {
    float: none;
    margin: 0;
  }
  /* line 360, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li.reset span {
    display: none;
  }
  /* line 365, assetic_compasspdylkG.scss */
  #search-form .searchWrapper .toggles > li .menu {
    background: #283239;
    max-height: none;
    width: 100vw;
  }

  /* line 375, assetic_compasspdylkG.scss */
  footer .col {
    width: 96%;
    float: none;
  }
  /* line 380, assetic_compasspdylkG.scss */
  footer ul.social {
    margin: 0;
  }
  /* line 382, assetic_compasspdylkG.scss */
  footer ul.social a {
    margin-bottom: 10px;
  }
  /* line 388, assetic_compasspdylkG.scss */
  footer .newsletter input {
    width: 100%;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 396, assetic_compasspdylkG.scss */
  footer .newsletter button {
    margin: 0;
  }

  /* SEARCH & FILTERS */
  /* line 404, assetic_compasspdylkG.scss */
  .searchWrapper .advanced,
  .advancedSearch,
  .draggable .grab,
  .col.navigation {
    display: none;
  }

  /* line 411, assetic_compasspdylkG.scss */
  .mobile-search-spacer {
    height: 90px;
    display: none;
  }

  /* line 416, assetic_compasspdylkG.scss */
  #mobile-search {
    display: block;
  }

  /* line 420, assetic_compasspdylkG.scss */
  #mobile-search span {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 6px 0;
  }

  /* MASONRY MOBILE STYLES */
  /* line 429, assetic_compasspdylkG.scss */
  .masonry-container {
    margin: 0 10px 0 8px;
  }

  /* line 432, assetic_compasspdylkG.scss */
  .masonry-container .box {
    margin: 1%;
    width: 48% !important;
  }

  /* line 436, assetic_compasspdylkG.scss */
  .masonry-container .box.twitter {
    margin: 1%;
    width: 48%;
  }

  /* line 440, assetic_compasspdylkG.scss */
  .masonry-container .box.twitter .text {
    width: 100%;
    height: 180px;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  /* line 448, assetic_compasspdylkG.scss */
  .masonry-container .box.twitter .time {
    bottom: 0;
    left: 10px;
  }

  /* line 452, assetic_compasspdylkG.scss */
  .masonry-container .box.blog {
    margin: 3px;
    width: 100%;
  }

  /* Singular Pages Layout */
  /* line 459, assetic_compasspdylkG.scss */
  .contentContainer {
    width: auto;
    padding: 0 10px;
  }

  /* line 464, assetic_compasspdylkG.scss */
  .contentContainer .leftContainer,
  .contentContainer .rightContainer {
    width: 100%;
    margin: 0;
    border: none;
    float: left;
    clear: both;
  }

  /* line 473, assetic_compasspdylkG.scss */
  .contentContainer .rightContainer {
    padding: 10px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 480, assetic_compasspdylkG.scss */
  .row {
    margin-left: 0;
  }

  /* line 483, assetic_compasspdylkG.scss */
  .rightContainer .span3 {
    text-align: center;
  }

  /* line 486, assetic_compasspdylkG.scss */
  .rightContainer .span3.well {
    text-align: left;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 50px;
  }

  /* line 495, assetic_compasspdylkG.scss */
  .rightContainer .span3.well p {
    float: left;
    line-height: 34px;
  }

  /* line 499, assetic_compasspdylkG.scss */
  .rightContainer .product.row-fluid .image-container,
  .rightContainer .product.row-fluid .product-information {
    width: 100%;
    margin: 0;
  }

  /* line 504, assetic_compasspdylkG.scss */
  .rightContainer .product.row-fluid img {
    width: 100%;
    height: auto;
  }

  /* line 508, assetic_compasspdylkG.scss */
  .rightContainer .span3.well {
    width: 100%;
    margin-left: 0;
  }

  /* line 512, assetic_compasspdylkG.scss */
  .rightContainer .span3.well form {
    float: left;
    margin: 1em 0;
  }

  /* line 516, assetic_compasspdylkG.scss */
  .rightContainer .span3.well form input {
    margin: 3px 5px;
  }

  /* line 519, assetic_compasspdylkG.scss */
  .rightContainer .span3.well .input-small {
    width: 50px;
  }

  /* line 522, assetic_compasspdylkG.scss */
  .rightContainer .btn.buy-landing-button {
    width: auto;
    display: block;
    clear: both;
    padding: 9px 0;
    margin: 30px;
  }

  /* line 530, assetic_compasspdylkG.scss */
  .content p img {
    max-width: 100%;
    height: auto !important;
  }

  /* line 535, assetic_compasspdylkG.scss */
  div.landing-thirds {
    width: 100%;
  }

  /* line 539, assetic_compasspdylkG.scss */
  .productPage .recommendations a.swatch {
    width: 49%;
    margin: 0 0 5px 0;
  }
  /* line 542, assetic_compasspdylkG.scss */
  .productPage .recommendations a.swatch:nth-child(odd) {
    margin-right: 2%;
  }
}