@charset "UTF-8";
/* Third-party libraries */
@import url(../bower_components/slick-carousel/slick/slick.css);
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.clearfix:after, #modal:after,
.container:after, ul.slick-dots:after, .homepage-search-form:after,
.search-form:after, body.tpl-home .home-page-section-container .homepage-search-form:after, .homepage-search-form .q .ui-autocomplete:after,
.search-form .q .ui-autocomplete:after, .relatedpapers:after, #modal .paper:after, .tabs:after, .tpl-distributor .country-selecter:after, .addresslist .addresslist-item:after, .tpl-search .page-header:after, .tpl-cart .cart-options.form-buttons:after, .tpl-cart .cart-table .cart-size:after,
.tpl-cart .cart-table .cart-qty:after,
.tpl-cart .cart-table .cart-weight:after,
.tpl-cart .cart-table .cart-price:after, .tpl-cart .total:after, .tpl-cart .voucher:after, .order-summary-details:after, .order-summary-list .item:after, .tpl-project ul.project-controls:after,
.tpl-project-detail ul.project-controls:after, .tpl-project .project-filter:after,
.tpl-project-detail .project-filter:after, .product-header .page-header:after, .product-header .page-header h1:after, .product-header .page-header .intro:after, .product-header .wrapper:after, .product-body .downloads:after, .information:after, .envelopes ul:after, .finishes .finish:after, .tpl-paperbook .content .addtocart:after,
.tpl-paperbook .content .textblock:after, .page-header:after, .page-main:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix, #modal,
.container, ul.slick-dots, .homepage-search-form,
.search-form, body.tpl-home .home-page-section-container .homepage-search-form, .homepage-search-form .q .ui-autocomplete,
.search-form .q .ui-autocomplete, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete, .relatedpapers, #modal .paper, .tabs, .tpl-distributor .country-selecter, .addresslist .addresslist-item, .tpl-search .page-header, .tpl-cart .cart-options.form-buttons, .tpl-cart .cart-table .cart-size,
.tpl-cart .cart-table .cart-qty,
.tpl-cart .cart-table .cart-weight,
.tpl-cart .cart-table .cart-price, .tpl-cart .total, .tpl-cart .voucher, .order-summary-details, .order-summary-list .item, .tpl-project ul.project-controls,
.tpl-project-detail ul.project-controls, .tpl-project .project-filter,
.tpl-project-detail .project-filter, .product-header .page-header, .product-header .page-header h1, .product-header .page-header .intro, .product-header .wrapper, .product-body .downloads, .information, .envelopes ul, .finishes .finish, .tpl-paperbook .content .addtocart,
.tpl-paperbook .content .textblock, .page-header, .page-main {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix, * html #modal, * html
.container, * html ul.slick-dots, * html .homepage-search-form, * html
.search-form, * html body.tpl-home .home-page-section-container .homepage-search-form, body.tpl-home .home-page-section-container * html .homepage-search-form, * html .homepage-search-form .q .ui-autocomplete, .homepage-search-form .q * html .ui-autocomplete, * html
.search-form .q .ui-autocomplete,
.search-form .q * html .ui-autocomplete, * html .relatedpapers, * html #modal .paper, #modal * html .paper, * html .tabs, * html .tpl-distributor .country-selecter, .tpl-distributor * html .country-selecter, * html .addresslist .addresslist-item, .addresslist * html .addresslist-item, * html .tpl-search .page-header, .tpl-search * html .page-header, * html .tpl-cart .cart-options.form-buttons, .tpl-cart * html .cart-options.form-buttons, * html .tpl-cart .cart-table .cart-size, .tpl-cart .cart-table * html .cart-size, * html
.tpl-cart .cart-table .cart-qty,
.tpl-cart .cart-table * html .cart-qty, * html
.tpl-cart .cart-table .cart-weight,
.tpl-cart .cart-table * html .cart-weight, * html
.tpl-cart .cart-table .cart-price,
.tpl-cart .cart-table * html .cart-price, * html .tpl-cart .total, .tpl-cart * html .total, * html .tpl-cart .voucher, .tpl-cart * html .voucher, * html .order-summary-details, * html .order-summary-list .item, .order-summary-list * html .item, * html .tpl-project ul.project-controls, .tpl-project * html ul.project-controls, * html
.tpl-project-detail ul.project-controls,
.tpl-project-detail * html ul.project-controls, * html .tpl-project .project-filter, .tpl-project * html .project-filter, * html
.tpl-project-detail .project-filter,
.tpl-project-detail * html .project-filter, * html .product-header .page-header, .product-header * html .page-header, * html .product-header .page-header h1, .product-header .page-header * html h1, * html .product-header .page-header .intro, .product-header .page-header * html .intro, * html .product-header .wrapper, .product-header * html .wrapper, * html .product-body .downloads, .product-body * html .downloads, * html .information, * html .envelopes ul, .envelopes * html ul, * html .finishes .finish, .finishes * html .finish, * html .tpl-paperbook .content .addtocart, .tpl-paperbook .content * html .addtocart, * html
.tpl-paperbook .content .textblock,
.tpl-paperbook .content * html .textblock, * html .page-header, * html .page-main {
  height: 1%; }

.clearfix, #modal,
.container, ul.slick-dots, .homepage-search-form,
.search-form, body.tpl-home .home-page-section-container .homepage-search-form, .homepage-search-form .q .ui-autocomplete,
.search-form .q .ui-autocomplete, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete, .relatedpapers, #modal .paper, .tabs, .tpl-distributor .country-selecter, .addresslist .addresslist-item, .tpl-search .page-header, .tpl-cart .cart-options.form-buttons, .tpl-cart .cart-table .cart-size,
.tpl-cart .cart-table .cart-qty,
.tpl-cart .cart-table .cart-weight,
.tpl-cart .cart-table .cart-price, .tpl-cart .total, .tpl-cart .voucher, .order-summary-details, .order-summary-list .item, .tpl-project ul.project-controls,
.tpl-project-detail ul.project-controls, .tpl-project .project-filter,
.tpl-project-detail .project-filter, .product-header .page-header, .product-header .page-header h1, .product-header .page-header .intro, .product-header .wrapper, .product-body .downloads, .information, .envelopes ul, .finishes .finish, .tpl-paperbook .content .addtocart,
.tpl-paperbook .content .textblock, .page-header, .page-main {
  display: block; }

/* close commented backslash hack */
/* Global */
/* Grey colours */
/* Range Colours */
/* waterfall */
/* Paper Book 2 */
/* search by colour */
/* Responsive breakpoints */
.bordered-box {
  border-width: 2px;
  border-image-repeat: repeat;
  border-image: url(https://arjowigginscreativepapers.com/static/images/dots.png) 4 fill repeat; }

/*
 * Font setup
 */
@font-face {
  font-family: 'mihero-light';
  src: url("../fonts/mihero-light.woff") format("woff2"), url("../fonts/mihero-light.woff") format("woff"); }

body {
  color: #999; }

a {
  color: #333;
  text-decoration: none; }
  a:hover {
    color: #000000; }

body, input, textarea, select, button {
  /* Set us up the fonts */
  color: #999;
  font-family: 'mihero-light', sans-serif;
  font-size: 14px;
  line-height: 20px; }
  @media (min-width: 970px) {
    body, input, textarea, select, button {
      font-size: 16px;
      line-height: 22px; } }

input {
  font-family: inherit; }

.underline--fancy {
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #666766; }
  .underline--fancy:hover {
    border-color: transparent; }

/*
 * Set up grids -- see: http://susy.readthedocs.org/en/latest/settings/
 * $mobile-grid, $tablet-grid, $desktop-grid and $widescreen-grid extend $susy
 */
*, *:before, *:after {
  box-sizing: border-box; }

/*
 * Reset container at various breakpoints (mobile, tablet, desktop, widescreen -- see 'variables')
 */
#modal,
.container,
ul.slick-dots {
  clear: both;
  padding: 0 20px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #modal:after,
  .container:after,
  ul.slick-dots:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 760px) {
    #modal,
    .container,
    ul.slick-dots {
      padding: 0;
      width: 658px;
      margin-left: auto;
      margin-right: auto; }
      #modal:after,
      .container:after,
      ul.slick-dots:after {
        content: " ";
        display: block;
        clear: both; } }
  @media (min-width: 970px) {
    #modal,
    .container,
    ul.slick-dots {
      width: 890px;
      margin-left: auto;
      margin-right: auto; }
      #modal:after,
      .container:after,
      ul.slick-dots:after {
        content: " ";
        display: block;
        clear: both; }
      #modal .wrapper.center,
      .container .wrapper.center, ul.slick-dots .wrapper.center {
        width: 65.51724%;
        float: left;
        margin-left: 17.24138%;
        margin-right: -100%; }
        #modal .wrapper.center .main,
        .container .wrapper.center .main, ul.slick-dots .wrapper.center .main {
          clear: both;
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  @media (min-width: 1280px) {
    #modal,
    .container,
    ul.slick-dots {
      width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      #modal:after,
      .container:after,
      ul.slick-dots:after {
        content: " ";
        display: block;
        clear: both; }
      #modal .wrapper,
      .container .wrapper, ul.slick-dots .wrapper {
        width: 74.35897%;
        float: left;
        margin-left: 12.82051%;
        margin-right: -100%; }
      #modal .wrapper.center,
      .container .wrapper.center, ul.slick-dots .wrapper.center {
        width: 48.71795%;
        float: left;
        margin-left: 25.64103%;
        margin-right: -100%; } }

/* Components */
.content {
  clear: both;
  width: 100%;
  min-height: 800px;
  min-height: calc(100vh - 242px);
  float: left; }
  .content ul, .content ol, .content p {
    margin-bottom: 20px; }
  .content ul {
    padding-left: 1.5em;
    padding-right: 5%;
    list-style: disc; }
    .content ul ul {
      margin-bottom: 0; }
  .content .intro {
    margin-top: 10px;
    margin-bottom: 30px; }
  .content h1, .content .h1 {
    font-size: 22px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 40px; }
    @media (min-width: 760px) {
      .content h1, .content .h1 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .content h1, .content .h1 {
        font-size: 26px;
        line-height: 32px; } }
  .content h2, .content .h2 {
    font-size: 17px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 10px; }
    @media (min-width: 760px) {
      .content h2, .content .h2 {
        font-size: 18px;
        line-height: 24px; } }
    @media (min-width: 970px) {
      .content h2, .content .h2 {
        font-size: 20px;
        line-height: 24px; } }
    @media (min-width: 970px) {
      .content h2, .content .h2 {
        margin-top: 40px; } }
  .content h3, .content .h3 {
    font-size: 17px;
    line-height: 23px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 10px; }
    @media (min-width: 760px) {
      .content h3, .content .h3 {
        font-size: 18px;
        line-height: 24px; } }
    @media (min-width: 970px) {
      .content h3, .content .h3 {
        font-size: 20px;
        line-height: 24px; } }
  .content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a {
    text-decoration: none; }
  .content b {
    font-weight: bold; }
  .content i {
    font-style: italic; }
  .content img {
    max-width: 100%;
    height: auto;
    display: block; }

.image-full {
  width: 100%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 256px; }
  .image-full img {
    display: none; }
  @media (min-width: 760px) {
    .image-full {
      height: 466px; } }
  @media (min-width: 1280px) {
    .image-full {
      height: 600px; } }

.social ul {
  margin-bottom: 0; }

.social li {
  margin-right: 10px;
  display: inline-block; }

.social a {
  display: block;
  width: 25px !important;
  height: 25px;
  border: 1px solid #878787;
  padding: 4px 0; }
  .social a img,
  .social a svg {
    min-width: 15px;
    max-height: 15px;
    margin: auto;
    display: block;
    fill: #878787; }

/*
 * General form styling
 */
label {
  color: #878787;
  margin-bottom: 5px;
  display: block;
  font-size: 14px; }

.btn, .tpl-search .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta a,
.cc_btn,
button,
select,
textarea,
input[type="email"],
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="tel"] {
  font-size: 14px;
  width: 100%;
  line-height: 20px;
  padding: 3px 10px;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #B4B5B4;
  color: #333;
  outline: none; }
  @media (min-width: 970px) {
    .btn, .tpl-search .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a,
    .cc_btn,
    button,
    select,
    textarea,
    input[type="email"],
    input[type="text"],
    input[type="submit"],
    input[type="password"],
    input[type="tel"] {
      padding: 7px 10px;
      font-size: 16px;
      line-height: 22px; } }
  .btn[name="title"], .tpl-search .result-list .search-result-cta a[name="title"], .tpl-project .result-list .search-result-cta a[name="title"],
  .tpl-project-detail .result-list .search-result-cta a[name="title"],
  .cc_btn[name="title"],
  button[name="title"],
  select[name="title"],
  textarea[name="title"],
  input[type="email"][name="title"],
  input[type="text"][name="title"],
  input[type="submit"][name="title"],
  input[type="password"][name="title"],
  input[type="tel"][name="title"] {
    width: 50%; }
  .btn.disabled, .tpl-search .result-list .search-result-cta a.disabled, .tpl-project .result-list .search-result-cta a.disabled,
  .tpl-project-detail .result-list .search-result-cta a.disabled, .btn:disabled, .tpl-search .result-list .search-result-cta a:disabled, .tpl-project .result-list .search-result-cta a:disabled,
  .tpl-project-detail .result-list .search-result-cta a:disabled,
  .cc_btn.disabled,
  .cc_btn:disabled,
  button.disabled,
  button:disabled,
  select.disabled,
  select:disabled,
  textarea.disabled,
  textarea:disabled,
  input[type="email"].disabled,
  input[type="email"]:disabled,
  input[type="text"].disabled,
  input[type="text"]:disabled,
  input[type="submit"].disabled,
  input[type="submit"]:disabled,
  input[type="password"].disabled,
  input[type="password"]:disabled,
  input[type="tel"].disabled,
  input[type="tel"]:disabled {
    background: #333; }

textarea {
  cursor: default; }

button,
input[type='submit'],
.cc_btn,
.btn,
.tpl-search .result-list .search-result-cta a,
.tpl-project .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta a {
  text-decoration: none;
  width: auto;
  padding: 3px 10px;
  min-width: 130px;
  text-align: center;
  color: #333;
  margin-right: 1em;
  cursor: pointer; }
  button:focus, button:hover,
  input[type='submit']:focus,
  input[type='submit']:hover,
  .cc_btn:focus,
  .cc_btn:hover,
  .btn:focus,
  .tpl-search .result-list .search-result-cta a:focus,
  .tpl-project .result-list .search-result-cta a:focus,
  .tpl-project-detail .result-list .search-result-cta a:focus,
  .btn:hover,
  .tpl-search .result-list .search-result-cta a:hover,
  .tpl-project .result-list .search-result-cta a:hover,
  .tpl-project-detail .result-list .search-result-cta a:hover {
    background-color: #dcdcdb; }
  @media (min-width: 760px) {
    button,
    input[type='submit'],
    .cc_btn,
    .btn,
    .tpl-search .result-list .search-result-cta a,
    .tpl-project .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a {
      min-width: 180px; } }
  @media (min-width: 970px) {
    button,
    input[type='submit'],
    .cc_btn,
    .btn,
    .tpl-search .result-list .search-result-cta a,
    .tpl-project .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a {
      padding: 7px 10px; } }

.btn-cancel,
.btn-text {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 0 !important; }
  .btn-cancel:focus, .btn-cancel:hover,
  .btn-text:focus,
  .btn-text:hover {
    background-color: transparent !important;
    text-decoration: underline; }

input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px; }

#signup_form #id_subscribe {
  float: left; }

input[type="checkbox"] + label {
  margin-left: 30px; }
  input[type="checkbox"] + label .checkbox i {
    background: #878787 url(../images/icons/tick.png) no-repeat center center;
    background-size: 50%; }

label + input[type="checkbox"] {
  float: left; }

.btn-download {
  text-decoration: none;
  line-height: 32px;
  display: block;
  color: #666766 !important;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .btn-download {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .btn-download {
      margin-bottom: 40px; } }
  .btn-download img {
    display: inline-block;
    width: 25px;
    height: auto;
    margin-right: 20px;
    vertical-align: middle; }
  .btn-download:hover {
    color: #000000 !important; }

select {
  width: 100%;
  border: 1px solid #B4B5B4;
  color: #878787;
  background: url(../images/icons/arrow-down.svg) no-repeat right 10px center;
  background-size: 10px auto; }
  select:focus {
    outline: none; }

.field-wrapper,
.form-item {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .field-wrapper,
    .form-item {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .field-wrapper,
    .form-item {
      margin-bottom: 40px; } }
  @media (min-width: 760px) {
    .field-wrapper label,
    .form-item label {
      display: block; } }

.field-wrapper {
  float: left;
  width: 100%;
  clear: both; }
  .field-wrapper.errors {
    display: block; }
    .field-wrapper.errors label {
      color: #FF002B; }
    .field-wrapper.errors select,
    .field-wrapper.errors textarea,
    .field-wrapper.errors input {
      color: #FF002B;
      border-color: #FF002B;
      background: #FFF0F4; }

ul.field-select {
  float: left;
  clear: both;
  padding: 0;
  height: 80px;
  overflow: hidden;
  z-index: 999;
  position: relative;
  width: 100%;
  margin-bottom: 0; }
  ul.field-select.active {
    overflow: visible; }
  ul.field-select li {
    display: block;
    border: 1px solid #B4B5B4;
    background: #FFFFFF;
    padding: 18px 20px;
    float: left;
    clear: both;
    width: 100%;
    height: 78px;
    border-bottom: 0;
    cursor: pointer; }
    ul.field-select li:hover {
      background: #FFFCDC; }
    ul.field-select li input {
      display: none; }
    ul.field-select li:first-child {
      background-image: url(../images/icons/arrow-down.png);
      background-repeat: no-repeat;
      background-position: right 20px; }
    ul.field-select li:last-child {
      border-bottom: 1px solid #B4B5B4; }
  ul.field-select p {
    float: left; }

.form-buttons {
  clear: both;
  text-align: right; }
  .form-buttons a,
  .form-buttons input,
  .form-buttons button {
    display: inline-block;
    width: auto;
    clear: none;
    margin-right: 0;
    margin-left: 20px; }
    @media (min-width: 760px) {
      .form-buttons a,
      .form-buttons input,
      .form-buttons button {
        margin-left: 30px; } }
    @media (min-width: 970px) {
      .form-buttons a,
      .form-buttons input,
      .form-buttons button {
        margin-left: 40px; } }
  .form-buttons .btn-inline {
    text-align: left;
    float: left;
    padding-left: 0; }
    .form-buttons .btn-inline a {
      margin-left: 0 !important; }
  .form-buttons .btn-left {
    text-align: left;
    float: left;
    padding-left: 0;
    max-width: auto; }
  @media (min-width: 970px) {
    .form-buttons {
      text-align: right; }
      .form-buttons a,
      .form-buttons button {
        float: none !important;
        margin-left: 40px !important;
        display: inline-block; } }

.content ul.errorlist {
  margin-bottom: 0 !important;
  padding: 0;
  list-style-type: none; }
  .content ul.errorlist li {
    font-size: 14px;
    color: #FF002B; }
  .content ul.errorlist + p label,
  .content ul.errorlist + p input {
    color: #FF002B; }
  .content ul.errorlist + p input,
  .content ul.errorlist + p select,
  .content ul.errorlist + p textarea {
    border: 1px solid #FF002B;
    background: #FFF0F4; }

.make-this-your-default-billing-address,
.make-this-your-default-shipping-address {
  padding-left: 30px;
  position: relative; }
  .make-this-your-default-billing-address input[type='checkbox'],
  .make-this-your-default-shipping-address input[type='checkbox'] {
    position: absolute;
    top: 1px;
    left: 0; }

.offcanvas {
  transition: right 0.3s ease-out;
  position: fixed;
  width: 250px;
  height: 100vh;
  height: 100%;
  background: #878787;
  top: 0;
  right: -250px; }
  .offcanvas ul {
    border-bottom: 1px solid #F6F6F8; }
  .offcanvas li {
    display: block;
    border-top: 1px solid #F6F6F8;
    width: 100%; }
    .offcanvas li:first-child {
      border-top: 0; }
    .offcanvas li a {
      color: #B4B5B4;
      text-decoration: none;
      display: block;
      padding: 10px 20px;
      background-color: transparent;
      transition: all .1s ease-in-out; }
      .offcanvas li a:hover {
        background-color: #FFFFFF;
        color: #000000; }
  .offcanvas .offcanvas-inner {
    position: relative;
    height: 100%; }
  .offcanvas select {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #B4B5B4;
    border-top: 1px solid #F6F6F8;
    padding: 10px 20px;
    width: 250px; }

.header {
  background-color: #878787;
  position: relative;
  z-index: 8;
  padding: 0;
  height: 40px; }
  .header a, .header button {
    color: #B4B5B4;
    text-decoration: none;
    transition: color .1s ease-in-out; }
    .header a:hover, .header button:hover {
      color: #000000; }
  .header .selected a {
    color: #FFFFFF; }
  .header .wrapper {
    position: relative; }
  .header .container, .header ul.slick-dots {
    position: relative; }

.header-logo {
  float: left;
  display: block;
  margin-right: 30px;
  padding: 10px 0; }
  .header-logo img {
    display: block;
    width: auto;
    height: 20px; }

.header-nav-account {
  position: absolute;
  right: 65px;
  top: 0; }
  .header-nav-account li {
    float: left;
    display: block;
    text-transform: uppercase; }
  .header-nav-account a {
    color: #B4B5B4;
    display: block;
    padding: 10px 15px;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 20px; }

.header-nav-pages {
  float: left;
  display: none; }
  .header-nav-pages li {
    float: left;
    display: block;
    margin-right: 20px; }
  .header-nav-pages a {
    display: block;
    padding: 15px 0;
    line-height: 20px; }

.header-searchToggle {
  display: block;
  position: absolute;
  top: 10px;
  right: 30px;
  padding: 10px 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(../images/icons/search.svg) no-repeat center center;
  background-size: 14px 14px; }

.header-nav-language {
  display: none;
  position: absolute;
  top: 0;
  right: 45px;
  width: auto;
  padding: 0;
  background-color: transparent;
  border: 0;
  height: 50px;
  float: right;
  position: absolute; }
  .header-nav-language > div {
    display: block;
    border: 0;
    height: 50px;
    bottom: initial;
    left: initial;
    top: 0;
    right: 0;
    width: 70px;
    overflow: hidden;
    position: relative; }
  .header-nav-language ul {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 9; }
  .header-nav-language li {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    margin-left: 0;
    height: 50px;
    padding: 0; }
  .header-nav-language img,
  .header-nav-language svg {
    width: 10px;
    height: 5px;
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 9;
    fill: none;
    stroke: #B4B5B4;
    stroke-width: 4px; }
  .header-nav-language .st0 {
    stroke: #B4B5B4; }
  .header-nav-language a {
    padding: 15px;
    display: block;
    color: #B4B5B4;
    background-color: #FFFFFF;
    text-decoration: none; }
    .header-nav-language a:hover {
      color: #666766; }
  .header-nav-language .active {
    position: absolute;
    top: -50px;
    bottom: initial;
    width: 100%; }
    .header-nav-language .active a {
      background-color: transparent; }
  .header-nav-language.open {
    overflow: visible; }
    .header-nav-language.open > div {
      overflow: visible; }
    .header-nav-language.open .active {
      background-color: #FFFFFF; }
    .header-nav-language.open a:hover {
      background-color: #f1f1f0; }

.header-menuToggle {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 0 10px 10px;
  line-height: 20px;
  height: 20px;
  width: 25px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #B4B5B4;
  background: url(../images/icons/menu.svg) no-repeat center center;
  background-size: 25px 19px;
  text-indent: -9999px; }
  .mode-navigation .header-menuToggle {
    background: url(../images/icons/menu-close.svg) no-repeat center center;
    background-size: 10px 10px; }

@media (min-width: 760px) {
  .header {
    height: 50px; }
  .header-logo img {
    height: 30px; }
  .header-searchToggle {
    display: none; }
  .header-menuToggle {
    padding: 15px 0; }
  .header-nav-account {
    right: 120px; }
    .header-nav-account li:first-child {
      display: block; }
    .header-nav-account a {
      padding: 15px; }
  .header-nav-language {
    display: block; }
  .offcanvas select {
    display: none; }
  .offcanvas li a {
    padding: 15px 20px; } }

@media (min-width: 970px) {
  .header {
    height: 60px; }
    .header .container, .header ul.slick-dots {
      position: static; }
  .wrapper {
    position: relative; }
  .header-menuToggle {
    display: none; }
  .header-logo {
    margin-right: 30px;
    padding: 15px 0; }
  .header-nav-pages {
    display: block; }
    .header-nav-pages li {
      margin-right: 30px; }
    .header-nav-pages a {
      padding: 20px 0; }
  .header-nav-account {
    right: 60px; }
    .header-nav-account a {
      padding: 20px 15px; }
  .header-nav-language {
    position: relative;
    float: right;
    right: -15px; }
    .header-nav-language a {
      padding: 20px 15px; }
    .header-nav-language .active {
      top: -60px; }
    .header-nav-language li {
      height: 60px; }
    .header-nav-language ul {
      top: 60px; }
    .header-nav-language img, .header-nav-language svg {
      top: 30px; } }

@media (min-width: 1280px) {
  .header .wrapper,
  .header .container,
  .header ul.slick-dots {
    position: static; }
  .header-logo {
    margin-right: 80px; }
  .header-nav-pages li {
    margin-right: 40px; }
  .header-nav-account {
    right: 85px; }
    .header-nav-account a {
      padding: 20px 15px; }
    .header-nav-account li:last-child a {
      padding-right: 0; }
  .header-nav-language {
    position: absolute;
    right: 0; } }

.header-search {
  display: none;
  z-index: 9999;
  padding: 0 0 10px 0;
  background-color: #878787; }
  @media (min-width: 760px) {
    .header-search {
      padding: 0 0 20px 0;
      display: block; } }
  .header-search.active {
    display: block; }
  .header-search .refine {
    display: none; }

.header-filter {
  background: #F2F1F0;
  padding: 0; }
  .header-filter .filters-toggle {
    background: #F2F1F0;
    padding: 10px 20px; }
    @media (min-width: 760px) {
      .header-filter .filters-toggle {
        padding: 20px; } }
    .header-filter .filters-toggle h2 {
      font-size: 14px;
      line-height: 20px;
      margin: 0;
      background: url(../images/icons/arrow-accordion-down.svg) no-repeat right center;
      background-size: 10px 15px; }
  .header-filter .filters {
    overflow: hidden;
    max-height: 0; }
  .header-filter.active .filters-toggle h2 {
    background-image: url(../images/icons/arrow-accordion-up.svg); }
  .header-filter.active .filters {
    max-height: 1000px; }
  .header-filter .accordion-body {
    transition: max-height .3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    background: #FFFFFF; }
    .header-filter .accordion-body li {
      font-size: 12px;
      line-height: 20px;
      padding: 10px 20px; }
    .header-filter .accordion-body a {
      text-decoration: none;
      color: #878787; }
  .header-filter .accordion-item.active .accordion-header h3 {
    background-image: url(../images/icons/icon-accordion-minus.svg); }
  .header-filter .accordion-item.active .accordion-body {
    max-height: 160px; }
  .header-filter .accordion-header {
    padding: 0 20px;
    cursor: pointer; }
    .header-filter .accordion-header h3 {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 0;
      margin: 0;
      background: url(../images/icons/icon-accordion-plus.svg) no-repeat right center;
      background-size: 10px 15px;
      color: #000000; }
  .header-filter .filters-desktop {
    display: none;
    padding: 20px 0 0 0; }
    .header-filter .filters-desktop .filter {
      margin-right: 20px;
      width: 162px;
      display: block;
      float: left;
      padding-bottom: 20px; }
      .header-filter .filters-desktop .filter:last-child {
        margin-right: 0; }
  @media (min-width: 760px) {
    .header-filter .filters-desktop {
      display: block; }
    .header-filter .filters-toggle,
    .header-filter .accordion {
      display: none; } }

@media (min-width: 760px) {
  .lang-fr .header {
    font-size: 14px; }
  .lang-fr .header-nav-account {
    font-size: 12px; } }

.homepage-search-form select,
.homepage-search-form input,
.search-form select, body.tpl-home .home-page-section-container .homepage-search-form select,
.search-form input, body.tpl-home .home-page-section-container .homepage-search-form input {
  border: 0;
  color: #FFFFFF; }

.homepage-search-form select,
.search-form select, body.tpl-home .home-page-section-container .homepage-search-form select {
  padding: 5px 10px;
  color: #999;
  font-family: 'mihero-light', sans-serif;
  font-size: 14px;
  line-height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  background: url(../images/icons/arrow-down-white-2x.png) no-repeat right center;
  background-size: 18px 12px; }
  @media (min-width: 970px) {
    .homepage-search-form select,
    .search-form select, body.tpl-home .home-page-section-container .homepage-search-form select {
      font-size: 16px;
      line-height: 22px; } }
  .homepage-search-form select:focus,
  .search-form select:focus, body.tpl-home .home-page-section-container .homepage-search-form select:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  @media (min-width: 970px) {
    .homepage-search-form select,
    .search-form select, body.tpl-home .home-page-section-container .homepage-search-form select {
      padding: 8px; } }

.homepage-search-form label,
.search-form label, body.tpl-home .home-page-section-container .homepage-search-form label {
  display: none; }

.homepage-search-form .q,
.search-form .q, body.tpl-home .home-page-section-container .homepage-search-form .q {
  position: relative;
  width: 60%;
  float: left;
  clear: none;
  margin-bottom: 0;
  border: 1px solid #FFFFFF;
  border-left: 0; }
  @media (min-width: 760px) {
    .homepage-search-form .q,
    .search-form .q, body.tpl-home .home-page-section-container .homepage-search-form .q {
      width: 65.51724%; } }
  .homepage-search-form .q #id_q,
  .search-form .q #id_q, body.tpl-home .home-page-section-container .homepage-search-form .q #id_q {
    opacity: 0; }
  .homepage-search-form .q .q-wrapper,
  .search-form .q .q-wrapper, body.tpl-home .home-page-section-container .homepage-search-form .q .q-wrapper {
    overflow: hidden;
    width: 100%; }
  .homepage-search-form .q ul.tagit,
  .search-form .q ul.tagit, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit {
    background: transparent !important;
    border: 0;
    margin-bottom: 0;
    width: auto;
    padding: 0 10px;
    width: 100em;
    overflow: hidden !important; }
    @media (min-width: 970px) {
      .homepage-search-form .q ul.tagit,
      .search-form .q ul.tagit, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit {
        padding: 0 20px; } }
    .homepage-search-form .q ul.tagit input,
    .homepage-search-form .q ul.tagit input::-webkit-input-placeholder,
    .search-form .q ul.tagit input, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit input,
    .search-form .q ul.tagit input::-webkit-input-placeholder, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit input::-webkit-input-placeholder {
      color: #999;
      font-family: 'mihero-light', sans-serif;
      font-size: 14px;
      line-height: 20px;
      line-height: 20px;
      color: #FFFFFF;
      cursor: text;
      width: 100%; }
      @media (min-width: 970px) {
        .homepage-search-form .q ul.tagit input,
        .homepage-search-form .q ul.tagit input::-webkit-input-placeholder,
        .search-form .q ul.tagit input, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit input,
        .search-form .q ul.tagit input::-webkit-input-placeholder, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit input::-webkit-input-placeholder {
          font-size: 16px;
          line-height: 22px; } }
    .homepage-search-form .q ul.tagit li,
    .search-form .q ul.tagit li, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit li {
      margin: 0;
      border: 0;
      padding: 5px; }
      @media (min-width: 970px) {
        .homepage-search-form .q ul.tagit li,
        .search-form .q ul.tagit li, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit li {
          padding: 8px 5px; } }
    .homepage-search-form .q ul.tagit .tagit-new,
    .search-form .q ul.tagit .tagit-new, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .tagit-new {
      width: 500px !important;
      display: inline !important; }
    .homepage-search-form .q ul.tagit .tagit-choice + .tagit-new,
    .search-form .q ul.tagit .tagit-choice + .tagit-new, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .tagit-choice + .tagit-new {
      width: auto; }
    .homepage-search-form .q ul.tagit .tagit-choice,
    .search-form .q ul.tagit .tagit-choice, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .tagit-choice {
      font-family: 'mihero-light', sans-serif;
      margin: 5px 5px 5px 0 !important;
      padding: 4px 25px 4px 10px !important; }
      @media (min-width: 970px) {
        .homepage-search-form .q ul.tagit .tagit-choice,
        .search-form .q ul.tagit .tagit-choice, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .tagit-choice {
          padding: 8px 25px 8px 10px !important; } }
      .homepage-search-form .q ul.tagit .tagit-choice .ui-icon-close,
      .search-form .q ul.tagit .tagit-choice .ui-icon-close, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .tagit-choice .ui-icon-close {
        background: #FFFFFF url(../images/icons/close-dark.svg) no-repeat;
        background-size: 8px 8px;
        width: 8px;
        height: 8px;
        position: relative;
        right: 10px;
        top: 5px; }
    .homepage-search-form .q ul.tagit .ui-state-default,
    .search-form .q ul.tagit .ui-state-default, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .ui-state-default {
      padding: 3px 5px;
      padding-right: 18px;
      font-weight: normal;
      margin: 5px 5px 5px 0;
      font-size: 12px;
      line-height: 12px;
      border-radius: 0;
      color: #878787; }
      @media (min-width: 970px) {
        .homepage-search-form .q ul.tagit .ui-state-default,
        .search-form .q ul.tagit .ui-state-default, body.tpl-home .home-page-section-container .homepage-search-form .q ul.tagit .ui-state-default {
          margin: 10px 5px 10px 0;
          padding: 5px 18px 5px 5px; } }
  .homepage-search-form .q .ui-autocomplete,
  .search-form .q .ui-autocomplete, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete {
    background: transparent;
    border: 1px solid #FFFFFF;
    border-top: 0 !important;
    border-bottom: 0 !important;
    left: 1px !important;
    width: 100% !important;
    margin-top: 9px !important;
    top: 22px !important; }
    @media (min-width: 970px) {
      .homepage-search-form .q .ui-autocomplete,
      .search-form .q .ui-autocomplete, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete {
        top: 30px !important; } }
    .homepage-search-form .q .ui-autocomplete li,
    .search-form .q .ui-autocomplete li, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete li {
      clear: both;
      display: block;
      border: 0 !important;
      border-bottom: 1px solid #FFFFFF !important;
      background: transparent;
      color: #999;
      font-family: 'mihero-light', sans-serif;
      font-size: 14px;
      line-height: 20px;
      line-height: 20px;
      color: #FFFFFF;
      font-weight: normal;
      padding: 8px 20px; }
      @media (min-width: 970px) {
        .homepage-search-form .q .ui-autocomplete li,
        .search-form .q .ui-autocomplete li, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete li {
          font-size: 16px;
          line-height: 22px; } }
      .homepage-search-form .q .ui-autocomplete li.ui-state-focus, .homepage-search-form .q .ui-autocomplete li:hover,
      .search-form .q .ui-autocomplete li.ui-state-focus, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete li.ui-state-focus,
      .search-form .q .ui-autocomplete li:hover, body.tpl-home .home-page-section-container .homepage-search-form .q .ui-autocomplete li:hover {
        background-color: rgba(255, 255, 255, 0.2);
        background-image: url(../images/icons/plus.svg);
        background-repeat: no-repeat;
        background-position: right 20px center;
        background-size: 10px 10px; }

.homepage-search-form .product_type,
.search-form .product_type, body.tpl-home .home-page-section-container .homepage-search-form .product_type {
  margin-bottom: 0;
  width: 30%;
  float: left;
  clear: none; }
  @media (min-width: 760px) {
    .homepage-search-form .product_type,
    .search-form .product_type, body.tpl-home .home-page-section-container .homepage-search-form .product_type {
      width: 17.24%; } }

.homepage-search-form input[type="submit"],
.search-form input[type="submit"], body.tpl-home .home-page-section-container .homepage-search-form input[type="submit"] {
  color: #999;
  font-family: 'mihero-light', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  float: right;
  width: 10%;
  min-width: 0;
  padding: 0;
  border: 1px solid #FFFFFF;
  border-left: 0;
  text-indent: -9999px;
  outline: none;
  background: url(../images/icons/search-2x.png) no-repeat center center;
  background-size: 15px 15px;
  position: relative;
  margin: 0;
  display: block;
  line-height: 20px;
  height: 32px; }
  @media (min-width: 970px) {
    .homepage-search-form input[type="submit"],
    .search-form input[type="submit"], body.tpl-home .home-page-section-container .homepage-search-form input[type="submit"] {
      font-size: 16px;
      line-height: 22px; } }
  .homepage-search-form input[type="submit"]:hover,
  .search-form input[type="submit"]:hover, body.tpl-home .home-page-section-container .homepage-search-form input[type="submit"]:hover {
    background-color: rgba(255, 255, 255, 0.2); }
  @media (min-width: 760px) {
    .homepage-search-form input[type="submit"],
    .search-form input[type="submit"], body.tpl-home .home-page-section-container .homepage-search-form input[type="submit"] {
      background: transparent;
      text-indent: 0;
      width: 17.24%; } }
  @media (min-width: 970px) {
    .homepage-search-form input[type="submit"],
    .search-form input[type="submit"], body.tpl-home .home-page-section-container .homepage-search-form input[type="submit"] {
      line-height: 40px;
      height: 40px; } }

.product-dropdown {
  position: relative;
  width: 100%;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
  /* right: -2px; */
  z-index: 9; }
  .product-dropdown img, .product-dropdown svg {
    width: 10px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -8px;
    fill: #FFFFFF !important;
    z-index: 9; }
  .product-dropdown.open {
    overflow: visible; }
  .product-dropdown ul {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid #FFFFFF;
    border-bottom: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  .product-dropdown li {
    height: 31px;
    padding: 5px 10px;
    width: 100%;
    border-bottom: 1px solid #FFFFFF; }
    .product-dropdown li:hover {
      background-color: rgba(255, 255, 255, 0.2); }
  @media (min-width: 970px) {
    .product-dropdown {
      height: 40px; }
      .product-dropdown li {
        height: 39px;
        padding: 8px 20px; } }

.header-search {
  display: none; }
  @media (min-width: 760px) {
    .header-search {
      display: block; } }
  .header-search .product-dropdown {
    color: #FFFFFF; }
  .header-search #search-form .product-dropdown:hover li,
  .header-search #search-form .q .ui-autocomplete li {
    background-color: #B4B5B4; }
    .header-search #search-form .product-dropdown:hover li.ui-state-focus, .header-search #search-form .product-dropdown:hover li:hover,
    .header-search #search-form .q .ui-autocomplete li.ui-state-focus,
    .header-search #search-form .q .ui-autocomplete li:hover {
      background-color: #c3c4c3; }

.footer {
  background: #878787;
  float: left;
  clear: both;
  width: 100%; }
  .footer .social a {
    border: 1px solid #FFFFFF; }
    .footer .social a svg {
      fill: #FFFFFF; }
    .footer .social a:hover {
      border: 1px solid #000000; }
      .footer .social a:hover svg {
        fill: #000000; }
  .footer .footer-wrapper {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px; }
  .footer .footer-title {
    font-size: 14px;
    line-height: 19px;
    padding: 10px 0; }
    .footer .footer-title a {
      color: #B4B5B4;
      text-decoration: none; }
      .footer .footer-title a:hover {
        color: #000000; }
  .footer .footer-links {
    line-height: 18px; }
    .footer .footer-links li {
      font-size: 14px;
      line-height: 18px; }
    .footer .footer-links a {
      color: #FFFFFF;
      text-decoration: none;
      display: block;
      padding: 10px 0;
      transition: color .1s ease-in-out; }
      .footer .footer-links a:hover {
        color: #000000; }
  .footer .footer-social {
    margin-top: 40px; }
  .footer .footer-up {
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    background: url(../images/icons/backtotop.svg) no-repeat center center;
    background-size: 25px 25px;
    text-indent: -9999px;
    width: 25px;
    height: 25px; }
  @media (min-width: 760px) {
    .footer li {
      display: inline-block;
      margin-right: 40px; }
    .footer .footer-social {
      float: right;
      text-align: right;
      margin-top: 0; }
      .footer .footer-social li {
        margin: 0 0 0 10px; }
    .footer .footer-title {
      float: left;
      clear: both;
      padding: 0; }
    .footer .footer-links {
      margin-bottom: 30px; }
      .footer .footer-links a {
        padding: 0; } }
  @media (min-width: 970px) {
    .footer .footer-wrapper {
      padding: 20px 0;
      float: left;
      width: 100%; }
    .footer .footer-links {
      float: left; }
      .footer .footer-links a {
        padding: 0; }
    .footer .footer-social {
      float: left;
      text-align: left;
      clear: both; }
      .footer .footer-social li {
        margin: 0 10px 0 0; }
    .footer .footer-title {
      float: none;
      clear: none; }
    .footer .footer-up {
      top: 20px; } }
  @media (min-width: 1280px) {
    .footer .footer-wrapper {
      width: 74%;
      float: left;
      margin-left: 12.82051%;
      margin-right: -100%; } }

.relatedpapers {
  position: relative;
  padding: 40px 0 0 0;
  overflow: hidden;
  background: #F6F6F8;
  width: 100%; }
  .relatedpapers.relatedpapers-white, .relatedpapers.embosses-white {
    background: #FFFFFF; }
  .relatedpapers .container, .relatedpapers ul.slick-dots {
    position: relative; }
  .relatedpapers .slick-list {
    overflow: visible !important; }
  .relatedpapers h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative; }
    @media (min-width: 760px) {
      .relatedpapers h2 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .relatedpapers h2 {
        font-size: 26px;
        line-height: 32px; } }
    @media (min-width: 760px) {
      .relatedpapers h2 {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .relatedpapers h2 {
        margin-bottom: 40px; } }
  .relatedpapers h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 40px;
    margin-top: 0;
    position: relative;
    float: left;
    width: 100%;
    clear: both; }
    @media (min-width: 760px) {
      .relatedpapers h3 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .relatedpapers h3 {
        font-size: 26px;
        line-height: 32px; } }
  .relatedpapers span {
    padding-bottom: 40px;
    display: block; }
  .relatedpapers p {
    color: #B4B5B4;
    margin-bottom: 0; }
  .relatedpapers a {
    text-decoration: none;
    display: block;
    width: 100%; }
    .relatedpapers a:focus {
      outline: none; }
    .relatedpapers a:hover p {
      color: #000000; }
  .relatedpapers .relatedpapers-arrows {
    position: absolute;
    top: 4px;
    right: 0; }
  .relatedpapers .slick-prev,
  .relatedpapers .slick-next {
    text-indent: -9999px;
    display: inline-block;
    border: 0;
    width: 30px;
    height: 20px;
    cursor: pointer;
    outline: none;
    float: left;
    padding: 0;
    min-width: 0; }
  .relatedpapers .slick-prev {
    background: url(../images/icons/arrow-left.svg) no-repeat center center;
    background-size: 15px 10px;
    margin-right: 10px; }
  .relatedpapers .slick-next {
    background: url(../images/icons/arrow-right.svg) no-repeat center center;
    background-size: 15px 10px; }
  .relatedpapers .relatedpapers-carousel {
    clear: both; }
  .relatedpapers .slick-slider {
    width: 100%; }
  .relatedpapers .slick-slide {
    margin: 0;
    width: 100%;
    outline: none;
    padding: 0 10px; }
    .relatedpapers .slick-slide img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
  @media (min-width: 760px) {
    .relatedpapers {
      /* padding: 60px 0 120px 0; */
      padding: 60px 0 0 0; }
      .relatedpapers .slick-slide {
        width: 226px !important;
        padding: 0 !important; }
        .relatedpapers .slick-slide img {
          width: calc(100% - 20px); }
      .relatedpapers .relatedpapers-arrows {
        position: relative;
        display: inline-block;
        right: initial;
        left: 40px;
        clear: none; } }
  @media (min-width: 970px) {
    .relatedpapers {
      /* padding: 80px 0 160px 0; */
      padding: 80px 0 0 0; }
      .relatedpapers .slick-slide {
        width: 306px !important; }
        .relatedpapers .slick-slide img {
          width: calc(100% - 40px); } }

.tab-content .relatedpapers.slim .wrapper {
  margin-bottom: 0; }

/*
 * News form (Categories, Archive, tags)
 */
.tpl-news .page-header {
  display: none; }

.news-filter {
  clear: both;
  width: 100%;
  float: left;
  margin-top: 40px; }
  .news-filter .form-item {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .news-filter .form-item:last-child {
      margin-bottom: 0; }
  @media (min-width: 760px) {
    .news-filter {
      padding: 0;
      margin-top: 60px;
      margin-bottom: 10px; }
      .news-filter .form-item {
        margin-bottom: 0; } }
    @media (min-width: 760px) and (min-width: 760px) {
      .news-filter .form-item {
        width: 31.03448%;
        float: left;
        margin-right: 3.44828%; }
        .news-filter .form-item label {
          display: block; }
        .news-filter .form-item:last-child {
          margin-right: 0; } }
    @media (min-width: 760px) and (min-width: 1280px) {
      .news-filter .form-item {
        width: 31.03448%;
        float: left;
        margin-right: 3.44828%; } }
  @media (min-width: 970px) {
    .news-filter {
      margin-top: 80px;
      margin-bottom: 0; } }

section.news,
.news-detail {
  float: left;
  clear: both;
  width: 100%; }

.news-visual img {
  width: 100%;
  height: auto; }

.news .page-header {
  display: none; }

.news-list {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #B4B5B4; }
  @media (min-width: 760px) {
    .news-list {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .news-list {
      margin-bottom: 40px; } }
  .news-list h2 {
    margin: 0 0 20px 0; }
    .news-list h2, .news-list h2 a {
      color: #B4B5B4; }

.news-item {
  border-top: 1px solid #B4B5B4;
  padding: 20px 0;
  clear: both;
  float: left;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 760px) {
    .news-item {
      padding: 30px 0; } }
  @media (min-width: 970px) {
    .news-item {
      padding: 40px 0; } }
  .news-item header h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 20px 0; }
    @media (min-width: 760px) {
      .news-item header h2 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .news-item header h2 {
        font-size: 26px;
        line-height: 32px; } }
  .news-item p:last-child {
    margin-bottom: 0; }
  .news-item .news-meta {
    display: none;
    color: #B4B5B4;
    margin-bottom: 20px; }
    .content .news-item .news-meta ul {
      margin: 0;
      padding: 0; }
    .news-item .news-meta li {
      margin-right: 10px;
      width: auto;
      display: inline-block;
      font-size: 12px;
      line-height: 16px; }
  .news-item .read-more,
  .news-item .news-lead {
    display: none; }

.news-detail .news-header {
  margin-top: 30px; }
  .news-detail .news-header .news-meta {
    font-size: 12px;
    line-height: 16px;
    clear: both;
    margin-bottom: 20px; }
    .content .news-detail .news-header .news-meta ul {
      margin: 0;
      padding: 0; }
    .news-detail .news-header .news-meta li {
      display: inline-block;
      margin-right: 30px; }
  .news-detail .news-header h1 {
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 28px;
    color: #B4B5B4; }
    @media (min-width: 760px) {
      .news-detail .news-header h1 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .news-detail .news-header h1 {
        font-size: 26px;
        line-height: 32px; } }
  @media (min-width: 970px) {
    .news-detail .news-header {
      margin-top: 40px; }
      .news-detail .news-header h1 {
        margin-bottom: 40px; } }

.news-detail .news-content {
  margin-bottom: 40px;
  color: #B4B5B4; }
  @media (min-width: 760px) {
    .news-detail .news-content {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .news-detail .news-content {
      margin-bottom: 40px; } }
  .news-detail .news-content h2, .news-detail .news-content h3 {
    color: #999;
    font-family: 'mihero-light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #B4B5B4; }
    @media (min-width: 970px) {
      .news-detail .news-content h2, .news-detail .news-content h3 {
        font-size: 16px;
        line-height: 22px; } }
  .news-detail .news-content ul {
    list-style-type: disc;
    padding-left: 20px; }
  .news-detail .news-content .filer_image {
    margin-bottom: 40px; }
  .news-detail .news-content p .filer_image {
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%; }
    @media (min-width: 760px) {
      .news-detail .news-content p .filer_image {
        margin-top: 10px;
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .news-detail .news-content p .filer_image {
        margin-top: 20px;
        margin-bottom: 40px; } }

.news-detail .social {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .news-detail .social {
      margin-bottom: 60px; } }
  @media (min-width: 970px) {
    .news-detail .social {
      margin-bottom: 80px; } }

.news-tags ul {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .news-tags ul {
      margin-bottom: 60px; } }
  @media (min-width: 970px) {
    .news-tags ul {
      margin-bottom: 80px; } }

.news-tags li {
  display: inline-block;
  margin-right: 10px; }

.news-tags a {
  color: #666766;
  text-decoration: none;
  border-bottom: 1px solid #666766;
  padding-bottom: 5px; }
  .news-tags a:hover {
    border-bottom: 1px solid #FFFFFF; }

@media (min-width: 760px) {
  .news-item .news-visual {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%;
    clear: none; }
  .news-item .news-text {
    width: 65.51724%;
    float: right;
    margin-right: 0; }
  .news-item .read-more,
  .news-item .news-lead,
  .news-item .news-meta {
    display: block; } }

@media (min-width: 970px) {
  .news-item {
    padding: 40px 0; }
    .news-item header h2 {
      margin: 0 0 40px 0; } }

@media (min-width: 1280px) {
  .news-detail .wrapper {
    width: 61.53846%;
    float: left;
    margin-left: 12.82051%;
    margin-right: -100%; } }

.pagination {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center; }
  .pagination li {
    display: inline-block;
    margin: 0 5px;
    line-height: 40px; }
    .pagination li a:hover,
    .pagination li.active a {
      background-color: #F6F6F8; }
  .pagination .prev a,
  .pagination .prev span {
    background-image: url(../images/icons/arrow-left.svg); }
  .pagination .next a,
  .pagination .next span {
    background-image: url(../images/icons/arrow-right.svg); }
  .pagination .prev span,
  .pagination .prev a,
  .pagination .next span,
  .pagination .next a {
    background-color: transparent;
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 10px; }
  .pagination .prev span,
  .pagination .next span {
    opacity: 0.5; }
  .pagination a, .pagination span {
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    color: #666766; }

#modal {
  background: rgba(187, 186, 186, 0.9) !important;
  z-index: 100 !important;
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-y: auto; }
  #modal > div,
  #modal > form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    position: absolute !important;
    width: 88.88889% !important;
    max-width: 970px; }
    @media (min-width: 760px) {
      #modal > div,
      #modal > form {
        width: 65.51724% !important; } }
    @media (min-width: 970px) {
      #modal > div,
      #modal > form {
        width: 65.51724% !important; } }
    @media (min-width: 1280px) {
      #modal > div,
      #modal > form {
        width: 48.71795% !important; } }
  #modal .modal-header {
    position: relative;
    background: #F4F4F6;
    padding: 30px 40px 0 40px; }
    #modal .modal-header h1, #modal .modal-header h4 {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 20px;
      width: 100%;
      float: left;
      clear: both; }
      @media (min-width: 760px) {
        #modal .modal-header h1, #modal .modal-header h4 {
          font-size: 24px;
          line-height: 30px; } }
      @media (min-width: 970px) {
        #modal .modal-header h1, #modal .modal-header h4 {
          font-size: 26px;
          line-height: 32px; } }
      @media (min-width: 760px) {
        #modal .modal-header h1, #modal .modal-header h4 {
          margin-bottom: 30px; } }
      @media (min-width: 970px) {
        #modal .modal-header h1, #modal .modal-header h4 {
          margin-bottom: 40px; } }
  #modal .modal-body {
    padding: 30px 40px;
    background: #F6F6F8; }
  #modal .btn, #modal .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta #modal a, #modal .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta #modal a, #modal
  .tpl-project-detail .result-list .search-result-cta a,
  .tpl-project-detail .result-list .search-result-cta #modal a {
    border: 1px solid #B4B5B4; }
  #modal .btn-cancel {
    border: 2px solid transparent; }
  #modal .product-type span {
    color: #666766; }
  #modal .product-type input:checked + span {
    border-bottom-width: 1px;
    border-color: #B4B5B4;
    color: #B4B5B4; }
  #modal .close {
    border: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    min-width: 0;
    margin: 0; }
    #modal .close svg {
      stroke: #878787;
      width: 22px;
      height: 22px; }
    #modal .close:hover {
      background-color: transparent; }
  #modal .paper-thumbnail img {
    width: 80px;
    height: auto;
    float: left; }
  #modal .paper-info {
    float: left;
    padding-left: 20px; }

/* Modal window media queries to hand screen heights */
@media screen and (max-height: 450px) {
  #modal > div,
  #modal > form {
    transform: scale(0.5, 0.5) translateY(-50%) translateX(-50%); }
    #modal > div .field-wrapper,
    #modal > form .field-wrapper {
      margin-bottom: 10px; } }

@media screen and (min-height: 451px) and (max-height: 550px) {
  #modal > div,
  #modal > form {
    transform: scale(0.62, 0.62) translateY(-50%) translateX(-50%); } }

@media screen and (min-height: 551px) and (max-height: 661px) {
  #modal > div,
  #modal > form {
    transform: scale(0.75, 0.75) translateY(-50%) translateX(-50%); } }

@media screen and (min-height: 661px) {
  #modal > div,
  #modal > form {
    transform: scale(1, 1) translateY(-50%) translateX(-50%); }
    #modal > div .field-wrapper,
    #modal > form .field-wrapper {
      margin-bottom: 20px; } }

.tabs li {
  display: block;
  float: left;
  margin-right: 40px; }

.tabs input {
  display: none; }

.tabs label {
  margin: 0; }

.tabs a, .tabs span {
  text-decoration: none;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid transparent; }

.tabs a:hover,
.tabs a.active,
.tabs .selected a,
.tabs span:hover,
.tabs input:checked + span {
  border-bottom: 1px solid #878787;
  cursor: pointer;
  color: #B4B5B4; }

ul.accordion {
  list-style: none;
  padding-left: 0;
  padding-right: 0; }

.chart-mobile {
  display: block; }
  @media (min-width: 970px) {
    .chart-mobile {
      display: none; } }
  .chart-mobile .accordion-body {
    transition: max-height .5s ease-in-out;
    max-height: 0;
    overflow: hidden; }
  .chart-mobile .accordion-item.active .accordion-header h3 {
    background-image: url(../images/icons/arrow-accordion-up.svg); }
  .chart-mobile .accordion-item.active .accordion-body {
    max-height: 1000px; }
  .chart-mobile .accordion-header {
    padding: 0 20px;
    cursor: pointer;
    border-bottom: 1px solid #B4B5B4; }
    .chart-mobile .accordion-header h3 {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 0;
      margin: 0;
      background: url(../images/icons/arrow-accordion-down.svg) no-repeat right center;
      background-size: 10px 15px; }
  @media (min-width: 760px) {
    .chart-mobile ul {
      padding-bottom: 120px; } }
  .chart-mobile th {
    background: #F2F1F0;
    width: 100%;
    line-height: 20px;
    padding: 10px 20px;
    border-top: 1px solid #B4B5B4;
    border-bottom: 1px solid #B4B5B4; }
  .chart-mobile table {
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    border-bottom: 1px solid #B4B5B4; }
  .chart-mobile td {
    padding: 10px 20px;
    border-top: 1px solid #B4B5B4; }
  .chart-mobile .header + tr td {
    border-top: 0; }
  .chart-mobile tr:first-child td {
    border-top: 0; }

.chart {
  display: none; }
  @media (min-width: 970px) {
    .chart {
      display: block; } }

.chart,
.digital-chart {
  margin: 40px auto 0;
  overflow-x: scroll; }
  @media (min-width: 970px) {
    .chart,
    .digital-chart {
      display: block;
      margin: 80px auto 0; } }
  .chart table,
  .digital-chart table {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
    border-collapse: inherit;
    overflow: scroll; }
  .chart td,
  .digital-chart td {
    padding: 20px;
    border-top: 1px solid #B4B5B4; }
    .chart td:nth-child(odd),
    .digital-chart td:nth-child(odd) {
      background-color: #F2F1F0; }
    .chart td:first-child, .chart td:last-child,
    .digital-chart td:first-child,
    .digital-chart td:last-child {
      background-color: #FFFFFF; }
  .chart thead th,
  .digital-chart thead th {
    height: 140px;
    width: 40px;
    padding: 0;
    vertical-align: bottom;
    border-top: 0; }
    .chart thead th:nth-child(even),
    .digital-chart thead th:nth-child(even) {
      background-color: #F2F1F0; }
    .chart thead th:first-child, .chart thead th:last-child,
    .digital-chart thead th:first-child,
    .digital-chart thead th:last-child {
      background-color: #FFFFFF; }
    .chart thead th .name,
    .digital-chart thead th .name {
      transform: translate(0, 0) rotate(-90deg);
      width: 40px;
      height: 40px;
      text-align: left;
      padding: 10px;
      white-space: nowrap; }
  .chart thead .title,
  .digital-chart thead .title {
    vertical-align: middle;
    font-size: 26px;
    text-align: left;
    color: #000000;
    padding: 20px; }
  .chart tbody th,
  .digital-chart tbody th {
    font-size: 16px;
    line-height: 20px;
    padding: 20px;
    text-align: left;
    background: #F2F1F0 !important;
    border-top: 1px solid #B4B5B4; }
  .chart tbody td:first-child,
  .digital-chart tbody td:first-child {
    width: 100px; }
  .chart tbody .header,
  .digital-chart tbody .header {
    background: #F6F6F8; }
  .chart tbody .header th,
  .digital-chart tbody .header th {
    border-bottom: 1px solid #B4B5B4;
    border-top: 1px solid #B4B5B4; }
  .chart tbody .repeater td,
  .digital-chart tbody .repeater td {
    border: 0; }
  .chart .header + tr td,
  .digital-chart .header + tr td {
    border-top: 0; }
  .chart .col-yes,
  .digital-chart .col-yes {
    width: 20px;
    text-indent: -9999px;
    background-image: url(../images/icons/dot.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px 7px; }

.tpl-downloads .page-main {
  padding-top: 0 !important; }
  .tpl-downloads .page-main > ul.icc-profiles-list:first-child,
  .tpl-downloads .page-main > ul.downloads:first-child {
    border-top: none; }

.tpl-downloads .content ul.icc-profiles-list,
.tpl-downloads .content ul.downloads {
  border-top: 1px solid #B4B5B4;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }
  .tpl-downloads .content ul.icc-profiles-list li,
  .tpl-downloads .content ul.downloads li {
    border-bottom: 1px solid #B4B5B4;
    padding: 10px 0;
    background: url(../images/icons/icon-download.svg) no-repeat left 15px;
    background-size: 20px 20px;
    padding-left: 35px;
    line-height: 30px; }
    @media (min-width: 1280px) {
      .tpl-downloads .content ul.icc-profiles-list li,
      .tpl-downloads .content ul.downloads li {
        background-size: 25px 25px; } }
    .tpl-downloads .content ul.icc-profiles-list li a,
    .tpl-downloads .content ul.downloads li a {
      text-decoration: none;
      color: #B4B5B4; }
      .tpl-downloads .content ul.icc-profiles-list li a:hover,
      .tpl-downloads .content ul.downloads li a:hover {
        color: #666766; }

@media (max-width: 970px) and (min-width: 760px) {
  .tpl-downloads .page-header {
    width: 50%;
    float: left; }
  .tpl-downloads .content .page-sidebar {
    width: 50%;
    float: right;
    vertical-align: bottom;
    margin: 60px 0 0 0; }
    .tpl-downloads .content .page-sidebar ul.sidebar-menu {
      list-style: none;
      padding-left: 0;
      padding-right: 0; } }

@media (min-width: 1280px) {
  .tpl-downloads .content .page-sidebar ul.sidebar-menu {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  .tpl-downloads .content ul.icc-profiles-list li,
  .tpl-downloads .content ul.downloads li {
    padding-top: 15px;
    padding-bottom: 15px; } }

.carousel {
  opacity: 0;
  transition: all 0.5s; }
  .carousel.slick-initialized {
    opacity: 1; }
  .carousel .item {
    min-height: 300px;
    background-size: cover; }
  .carousel img {
    display: block;
    width: 100%;
    height: auto; }

.tpl-home .carousel,
.tpl-paperbook-2 .carousel {
  margin-bottom: 30px; }
  @media (min-width: 760px) {
    .tpl-home .carousel,
    .tpl-paperbook-2 .carousel {
      margin-bottom: 50px; } }

.tpl-home .carousel-item,
.tpl-home .carousel .item,
.tpl-paperbook-2 .carousel-item,
.tpl-paperbook-2 .carousel .item {
  height: 70vh;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .tpl-home .carousel-item img,
  .tpl-home .carousel .item img,
  .tpl-paperbook-2 .carousel-item img,
  .tpl-paperbook-2 .carousel .item img {
    opacity: 0; }

.tpl-home .item,
.tpl-paperbook-2 .item {
  min-height: 600px; }

.tpl-home .slick-arrow,
.tpl-paperbook-2 .slick-arrow {
  all: unset;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  min-width: auto;
  height: 0;
  border: 0;
  padding-top: 36px;
  line-height: 200;
  overflow: hidden;
  background: url(../images/icons/carousel-arrow.svg) center center no-repeat;
  background-size: contain;
  cursor: pointer; }
  .tpl-home .slick-arrow.slick-prev,
  .tpl-paperbook-2 .slick-arrow.slick-prev {
    left: 30px;
    transform: translateY(-50%) rotate(180deg); }
  .tpl-home .slick-arrow.slick-next,
  .tpl-paperbook-2 .slick-arrow.slick-next {
    right: 30px; }

.homepage-2018 {
  opacity: 0;
  transition: opacity 0.5s;
  margin-bottom: 30px; }
  @media (min-width: 760px) {
    .homepage-2018 {
      margin-bottom: 50px; } }
  .homepage-2018.slick-initialized {
    opacity: 1; }
  .homepage-2018 .item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end; }
    @media (min-width: 760px) {
      .homepage-2018 .item {
        -ms-flex-align: center;
        align-items: center; } }
    .homepage-2018 .item img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1; }
  .homepage-2018 .overlay {
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%; }
    @media (min-width: 760px) {
      .homepage-2018 .overlay {
        width: calc(50% - 148.33333px);
        min-width: 340px; } }
    @media (min-width: 1280px) {
      .homepage-2018 .overlay {
        width: calc(50% - 200px); } }
  .homepage-2018 .overlay-contents {
    float: right;
    padding: 20px;
    color: black;
    margin: 0 40px; }
    @media (min-width: 760px) {
      .homepage-2018 .overlay-contents {
        width: calc((890/3) * 1px);
        margin: 0;
        padding: 30px 30px 30px 0;
        min-height: 270px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media (min-width: 1280px) {
      .homepage-2018 .overlay-contents {
        width: calc((1200/3) * 1px); } }
    .homepage-2018 .overlay-contents .overlay-title {
      margin-top: 0;
      color: black; }
    .homepage-2018 .overlay-contents p:last-of-type {
      margin-bottom: 0; }
    .homepage-2018 .overlay-contents .btn, .homepage-2018 .overlay-contents .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .homepage-2018 .overlay-contents a, .homepage-2018 .overlay-contents .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .homepage-2018 .overlay-contents a, .homepage-2018 .overlay-contents
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta .homepage-2018 .overlay-contents a {
      display: inline-block;
      border-color: black;
      margin-top: 20px;
      color: black; }

ul.slick-dots {
  position: relative;
  top: -40px;
  margin-bottom: 0 !important;
  height: 15px;
  list-style-type: none !important;
  text-align: center;
  padding: 0; }
  ul.slick-dots li {
    display: inline-block;
    line-height: 15px;
    height: 15px !important;
    overflow: hidden;
    margin-right: 10px; }
    ul.slick-dots li:last-of-type {
      margin-right: 0; }
  ul.slick-dots button {
    padding: 0;
    border: 1px solid #FFFFFF;
    text-indent: -9999px;
    width: 10px;
    min-width: 10px;
    height: 10px;
    overflow: hidden;
    margin-right: 0; }
  ul.slick-dots button:hover,
  ul.slick-dots .slick-active button {
    background: #FFFFFF; }

.two-columns-text {
  overflow: hidden; }
  .two-columns-text ul {
    padding-left: 1.5em;
    padding-right: 5%;
    list-style: disc; }
  .two-columns-text div h3:first-of-type {
    margin-top: 0; }
  @media (min-width: 760px) {
    .two-columns-text .left-column,
    .two-columns-text .right-column {
      float: left;
      width: 48.27586%;
      float: left;
      margin-right: 3.44828%; }
    .two-columns-text .right-column {
      margin-right: -100%; } }

.image-and-text {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .image-and-text {
      margin-bottom: 50px; } }
  @media (min-width: 760px) {
    .image-and-text:nth-of-type(even) .image-container {
      -ms-flex-order: 2;
      order: 2; } }
  @media (min-width: 760px) {
    .image-and-text:nth-of-type(even) .copy-container {
      -ms-flex-order: 1;
      order: 1;
      padding-left: 0;
      padding-right: 50px; } }
  .image-and-text .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 760px) {
      .image-and-text .wrapper {
        -ms-flex-direction: row;
        flex-direction: row; } }
  .image-and-text .image-container {
    height: calc(100vw - 40px);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    order: 1;
    }

    @media (min-width: 760px) {
      .image-and-text .image-container {
        width: 50%;
        height: auto;
        order: 2;} }
    @media (min-width: 970px) {
      .image-and-text .image-container {
        min-height: 500px; } }
    .image-and-text .image-container img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0; }
  .image-and-text .copy-container {
    padding: 20px;
    order: 2;}
    @media (min-width: 760px) {
      .image-and-text .copy-container {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 50px 50px 0;
        order: 1;} }
    .image-and-text .copy-container .action a {
      border: 1px solid white;
      color: white;
      height: 40px;
      line-height: 38px;
      min-width: 180px;
      width: auto;
      padding: 0 10px;
      display: inline-block;
      text-align: center;
      margin-top: 20px; }
      @media (min-width: 760px) {
        .image-and-text .copy-container .action a {
          margin-top: 50px; } }
      .image-and-text .copy-container .action a:hover {
        background-color: #dcdcdb;
        color: black;
        border-color: black; }
    .image-and-text .copy-container .title {
      color: white;
      margin-top: 0; }
    .image-and-text .copy-container .container, .image-and-text .copy-container ul.slick-dots {
      padding: 0; }
      .image-and-text .copy-container .container button, .image-and-text .copy-container ul.slick-dots button {
        color: white;
        border-color: white;
        height: 40px;
        line-height: 38px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px; }
        @media (min-width: 760px) {
          .image-and-text .copy-container .container button, .image-and-text .copy-container ul.slick-dots button {
            margin-top: 50px; } }
        .image-and-text .copy-container .container button:hover, .image-and-text .copy-container ul.slick-dots button:hover {
          border-color: black;
          color: black; }
  @media (min-width: 760px) {
    .image-and-text .addtocart .wrapper {
      margin: 0; } }

@media (min-width: 760px) {
  .tpl-paperbook-2 .image-and-text .image-container {
    min-height: auto;
    -ms-flex-order: 1;
    order: 1;
    padding: 0; } }

.tpl-paperbook-2 .image-and-text .copy-container {
  background-color: #121b2a;
  text-align: center;
  color: white; }
  @media (min-width: 760px) {
    .tpl-paperbook-2 .image-and-text .copy-container {
      -ms-flex-order: 2;
      order: 2;
      padding: 50px 0; } }
  .tpl-paperbook-2 .image-and-text .copy-container p {
    font-size: 12px;
    line-height: 16px; }
    .tpl-paperbook-2 .image-and-text .copy-container p:last-of-type {
      padding-bottom: 40px;
      position: relative; }
      .tpl-paperbook-2 .image-and-text .copy-container p:last-of-type:after {
        content: '';
        display: block;
        background: url("../images/icons/intelligent-paper-icon.svg") center center no-repeat;
        background-size: contain;
        width: 32px;
        height: 32px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }

.tpl-paperbook-2 .image-and-text .title-line-2 {
  color: #9a824f;
  margin-top: -0.5em; }

@media (min-width: 760px) {
  .tpl-paperbook-2 .addtocart.container .wrapper, .tpl-paperbook-2 ul.addtocart.slick-dots .wrapper {
    width: 100%;
    margin: 0;
    -ms-flex-direction: column;
    flex-direction: column; }
    .tpl-paperbook-2 .addtocart.container .wrapper .price, .tpl-paperbook-2 ul.addtocart.slick-dots .wrapper .price {
      margin-bottom: 20px; }
    .tpl-paperbook-2 .addtocart.container .wrapper form, .tpl-paperbook-2 ul.addtocart.slick-dots .wrapper form {
      margin: 0 auto; }
    .tpl-paperbook-2 .addtocart.container .wrapper button, .tpl-paperbook-2 ul.addtocart.slick-dots .wrapper button {
      margin: 0;
      border-color: #9a824f;
      color: #9a824f; } }

@media (min-width: 760px) {
  .set-of-three {
    display: -ms-flexbox;
    display: flex; } }

.set-of-three .item {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .set-of-three .item {
      margin-bottom: 50px; } }
  .set-of-three .item:hover .overlay {
    transform: translateY(0); }
  .set-of-three .item img {
    max-width: unset;
    width: 100%; }

.set-of-three .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  transition: all 0.5s; }
  @media (min-width: 760px) {
    .set-of-three .overlay {
      top: 0;
      bottom: auto;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      transform: translateY(100%); }
      .set-of-three .overlay p {
        display: none; } }
  @media (min-width: 970px) {
    .set-of-three .overlay {
      padding: 50px; }
      .set-of-three .overlay p {
        display: inline; } }
  .set-of-three .overlay .overlay-title {
    margin-top: 0;
    color: #333; }

.set-of-three .btn, .set-of-three .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .set-of-three a, .set-of-three .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .set-of-three a, .set-of-three
.tpl-project-detail .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta .set-of-three a {
  display: block;
  color: black;
  border-color: black;
  height: 40px;
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 20px 0 0 0; }
  @media (min-width: 760px) {
    .set-of-three .btn, .set-of-three .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .set-of-three a, .set-of-three .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .set-of-three a, .set-of-three
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta .set-of-three a {
      margin-top: auto; } }

.text-with-background-image {
  position: relative;
  margin-bottom: 20px;
  font-size: 16px; }
  @media (min-width: 760px) {
    .text-with-background-image {
      margin-bottom: 50px; } }
  .text-with-background-image .image-container {
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .text-with-background-image .image-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1; } }
    @media (min-width: 760px) {
      .text-with-background-image .image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; } }
  .text-with-background-image .copy-container {
    text-align: center; }
    @media (min-width: 760px) {
      .text-with-background-image .copy-container {
        padding: 50px;
        max-width: 600px;
        height: 400px;
        min-height: 400px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .tpl-paperbook-2 .text-with-background-image .copy-container {
      color: white; }
      .tpl-paperbook-2 .text-with-background-image .copy-container a {
        color: white; }
        .tpl-paperbook-2 .text-with-background-image .copy-container a:after {
          content: '→';
          margin-left: 0.5em; }
        .tpl-paperbook-2 .text-with-background-image .copy-container a:hover {
          color: #9a824f; }
    .text-with-background-image .copy-container .subtitle {
      margin-bottom: 0.5em; }
    .text-with-background-image .copy-container .title {
      color: white;
      margin-top: 0;
      margin-bottom: 0.5em; }
      @media (min-width: 760px) {
        .text-with-background-image .copy-container .title {
          font-size: 30px; } }

.cc_banner-wrapper {
  z-index: 9001;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #F2F1F0; }

.cc_logo {
  display: none; }

.cc_container {
  position: relative;
  margin: 20px; }
  @media (min-width: 760px) {
    .cc_container {
      margin: 30px 40px; } }
  @media (min-width: 970px) {
    .cc_container {
      margin: 25px 60px; } }

.cc_btn {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%; }
  @media (min-width: 760px) {
    .cc_btn {
      position: static;
      float: right;
      margin-left: 20px;
      width: auto; } }

.cc_message {
  padding-bottom: 3em;
  color: #999; }
  @media (min-width: 760px) {
    .cc_message {
      padding-bottom: 0;
      padding-top: 0.5em; } }

/*
.cc_banner-wrapper {
    z-index: 9001; // It's over 9000!
    position:relative;
}

.cc_container {
  .cc_btn {
    // cursor: pointer;
    // text-align: center;
    // font-size: 0.6em;
    // transition:font-size 200ms;
    // line-height: 1em;
  }

  .cc_message {
    // font-size: 0.6em;
    // transition: font-size 200ms;
    margin: 0;
    padding: 0;
    // line-height: 1.5em;
  }

  .cc_logo {
    display: none;
  }
}

@media screen and (min-width: $screen-xs-min) {
  .cc_container {
    .cc_btn {
      // font-size: 0.8em;
    }

    .cc_message {
      // font-size: 0.8em;
    }
  }
}



@media screen and (min-width: $screen-sm-min) {
  .cc_container {
    .cc_btn-wrapper {
    }

    .cc_btn {
      // font-size: 1em;
    }

    .cc_message {
      // font-size: 1em;
      // line-height: 1em;
    }
  }
}

@media screen and (min-width: $screen-md-min) {
  .cc_container {
    .cc_message {
      // font-size: 1em;
    }
  }
}

@media print {
  .cc_banner-wrapper,
  .cc_container {
    display: none;
  }
}


// BOTTOM
.cc_container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  overflow:hidden;
  padding: 10px;


  .cc_btn {
    // padding: 8px 10px;
    // background-color:#f1d600;
    // cursor: pointer;
    // transition: font-size 200ms;
    // text-align: center;
    // font-size: 0.6em;
    // display: block;
    // width: 33%;
    // margin-left: 10px;
    // float: right;
    // max-width: 120px;
  }

  .cc_message {
    transition:font-size 200ms;
    // font-size: 0.6em;
    display: block;
  }
}

@media screen and (min-width: $screen-xs-min) {
  .cc_container {

    .cc_btn {
      // font-size: 0.8em;
    }

    .cc_message {
      // margin-top: 0.5em;
      // font-size: 0.8em;
    }
  }
}



@media screen and (min-width: $screen-sm-min) {
  .cc_container {
    padding: 15px 30px 15px;

    .cc_btn-wrapper {

    }

    .cc_btn {
      // font-size: 1em;
      // padding: 8px 15px;
    }

    .cc_message {
      // font-size: 1em;
    }
  }
}

@media screen and (min-width: $screen-md-min) {
  .cc_container {
    .cc_message {
      // font-size: 1em;
    }
  }
}


// THEME
.cc_container {

    background: #fff;
    color: #999;
    // font-size:17px;
    // font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;

    ::-moz-selection {
        background: #ff5e99;
        color: #fff;
        text-shadow: none;
    }


    // .cc_btn,
    // .cc_btn:visited {
    //     color: #000;
    //     background-color: #f1d600;
    //     transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    //     -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    //     border-radius: 5px;
    //     -webkit-border-radius: 5px;
    // }

    // .cc_btn:hover,
    // .cc_btn:active {
    //     background-color: darken(#f1d600,5%);
    //     color:#000;
    // }


    .cc_more_info {

    }

    a,
    a:visited {
        text-decoration: none;
        color: #31a8f0;
        transition: 200ms color;
    }

    a:hover,
    a:active {
        color: #555;
    }
}

@media screen and (min-width: $screen-md-min) {
    .cc_container {

    }
}
*/
.secondary-menu {
  background-color: #F6F6F8;
  margin-bottom: 20px; }
  .secondary-menu .container, .secondary-menu ul.slick-dots {
    min-height: 40px;
    line-height: 40px; }
  .secondary-menu .secondary-nav {
    display: none; }
  .secondary-menu .slicknav_btn {
    float: none;
    padding: 0;
    height: 40px; }
    .secondary-menu .slicknav_btn span {
      line-height: 40px; }
  .secondary-menu ul {
    margin: 0; }
    .secondary-menu ul.secondary li {
      display: inline;
      margin-left: 20px; }
      .secondary-menu ul.secondary li:first-of-type {
        margin-left: 0; }
      .secondary-menu ul.secondary li.selected a {
        color: #000; }

@media (min-width: 760px) {
  .secondary-menu {
    margin-bottom: 40px; }
    .secondary-menu .container, .secondary-menu ul.slick-dots {
      min-height: 50px;
      line-height: 50px; }
    .secondary-menu .secondary-nav {
      display: block; }
    .secondary-menu .slicknav_menu {
      display: none; }
    .secondary-menu ul.secondary li {
      margin-left: 30px; } }

@media (min-width: 970px) {
  .secondary-menu {
    margin-bottom: 60px; }
    .secondary-menu .container, .secondary-menu ul.slick-dots {
      min-height: 70px;
      line-height: 70px; } }

@media (min-width: 1280px) {
  .secondary-menu ul.secondary li {
    margin-left: 40px; } }

.slicknav_menu .slicknav_icon:before {
  content: '';
  background: url("../images/icons/arrow-accordion-down.svg") no-repeat center center;
  background-size: cover;
  width: 10px;
  height: 15px;
  top: 12px; }

.slicknav_menu .slicknav_open .slicknav_icon:before {
  transform: rotate(180deg); }

.slicknav_menu .slicknav_icon-bar {
  /* background-color: $color_text; */
  display: none; }

.slicknav_menu .slicknav_nav .selected a {
  color: #000; }

.certified-printer-download-button {
  border-top: 1px solid #B4B5B4;
  padding: 20px 0;
  /* text-align: right; */ }
  @media (min-width: 760px) {
    .certified-printer-download-button {
      padding: 30px 0; } }
  @media (min-width: 970px) {
    .certified-printer-download-button {
      padding: 40px 0; } }
  .certified-printer-download-button .btn-download {
    margin: 0 0 0 45px;
    position: relative; }
    .certified-printer-download-button .btn-download:before {
      content: '';
      display: block;
      width: 25px;
      height: 25px;
      background: url(../images/icons/icon-download.svg) no-repeat center center;
      background-size: cover;
      position: absolute;
      left: -45px;
      top: 6px; }

#certified-printer-locator .infobox {
  width: 320px;
  font-size: 14px;
  position: relative;
  border: 1px solid #9B834F;
  background: #fff; }
  #certified-printer-locator .infobox address {
    margin: 20px;
    overflow: hidden; }
    #certified-printer-locator .infobox address p:last-of-type {
      margin-bottom: 0; }
  #certified-printer-locator .infobox .download a {
    display: block;
    padding: 14px 20px;
    background: url(../images/icons/icon-download-white.svg) no-repeat right 20px center;
    background-color: #9B834F;
    background-size: 20px 20px;
    color: #fff; }
    #certified-printer-locator .infobox .download a:hover {
      background-color: #C3B595; }
  #certified-printer-locator .infobox .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/icons/close-dark.svg) no-repeat center center;
    background-size: cover;
    cursor: pointer; }
  #certified-printer-locator .infobox::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24.2px 14px 0 14px;
    border-color: #9B834F transparent transparent transparent;
    position: absolute;
    bottom: -24px;
    /* left: (320px - 28px) / 2; */
    left: 50%;
    transform: perspective(1px) translateX(-50%); }

ul.layout-grid {
  margin: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 calc(1.5em - 10px);
  margin-bottom: 2.63158%; }
  @media (min-width: 760px) {
    ul.layout-grid {
      margin: 0 -20px; } }
  @media (min-width: 970px) {
    ul.layout-grid {
      margin: 0 -30px; } }
  ul.layout-grid .swatch-colours {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 10px;
    position: relative;
    background-image: none;
    width: calc(50% - 20px); }
    @media (min-width: 760px) {
      ul.layout-grid .swatch-colours {
        width: calc(calc(100/3 * 1%) - 20px); } }
    @media (min-width: 970px) {
      ul.layout-grid .swatch-colours {
        margin: 15px;
        width: calc(calc(100/3 * 1%) - 30px); } }
    @media (min-width: 1280px) {
      ul.layout-grid .swatch-colours {
        width: calc(calc(100/4 * 1%) - 30px); } }
    ul.layout-grid .swatch-colours a {
      color: #FFFFFF; }
    ul.layout-grid .swatch-colours.text-colour-grey a {
      color: #666766; }
    ul.layout-grid .swatch-colours img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  ul.layout-grid .swatch-detailed-info {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px; }
    @media (min-width: 760px) {
      ul.layout-grid .swatch-detailed-info {
        top: 20px;
        left: 20px;
        right: 20px; } }

.holiday-closed-message {
  color: #3d3d3d;
  background-color: #ffd4d4;
  text-align: center;
  padding: 10px 40px; }

.modal-header .holiday-closed-message {
  margin: -30px -40px 30px; }

@media screen and (min-height: 661px) {
  #modal > div,
  #modal > form {
    transform: scale(1, 1) translateY(-47%) translateX(-47%); } }

#cart .holiday-closed-message {
  margin-bottom: 20px; }

@media (min-width: 760px) {
  #cart .holiday-closed-message {
    margin-bottom: 30px; } }

@media (min-width: 970px) {
  #cart .holiday-closed-message {
    margin-bottom: 40px; } }

/* Specific pages */
.contact-form .page-sidebar {
  border-top: 0;
  padding-top: 0;
  margin-bottom: 40px; }
  .contact-form .page-sidebar .links a {
    text-decoration: none; }
    .contact-form .page-sidebar .links a:hover {
      text-decoration: underline; }

.contact-form .page-main {
  border-top: 0;
  padding-top: 0; }

.contact-form .page-sidebar + .page-main {
  padding-top: 0;
  border-top: 0; }

@media (min-width: 760px) {
  .contact-form {
    margin-bottom: 60px; } }

@media (min-width: 970px) {
  .contact-form .page-header {
    margin-bottom: 40px; }
  .contact-form .page-main {
    margin-top: -27px; } }

.content .range-list ul {
  list-style: none;
  padding-left: 0;
  padding-right: 0; }

.tpl-distributor .map {
  height: 678px;
  display: none;
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .tpl-distributor .map {
      display: block;
      height: 400px !important;
      margin-bottom: 60px; } }
  @media (min-width: 1280px) {
    .tpl-distributor .map {
      height: 980px;
      height: 460px !important;
      margin-bottom: 80px; } }

.tpl-distributor .country-selecter {
  padding-top: 30px; }
  .tpl-distributor .country-selecter .country {
    margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-distributor .country-selecter {
      padding-top: 0; }
      .tpl-distributor .country-selecter .country {
        width: 270px;
        margin-bottom: 20px; } }
  @media (min-width: 970px) {
    .tpl-distributor .country-selecter .country {
      margin-bottom: 20px; } }

.tpl-distributor .multi-dropdown {
  background: url(../images/icons/plus.png) no-repeat right center;
  height: 30px; }

.tpl-distributor #id_ranges {
  display: none; }
  .tpl-distributor #id_ranges input {
    position: relative;
    border: 1px solid #B4B5B4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    margin: -7px 10px 0 0;
    cursor: pointer;
    display: inline-block;
    clear: none;
    bottom: -7px; }
    .tpl-distributor #id_ranges input:checked {
      background: #878787 url(../images/icons/tick.svg) no-repeat center center;
      background-size: 12px 8px; }
    .tpl-distributor #id_ranges input:focus {
      outline: none; }
  .tpl-distributor #id_ranges label {
    margin: 0;
    overflow: visible;
    line-height: 25px;
    height: 25px;
    display: block;
    font-size: 16px; }
  .tpl-distributor #id_ranges li {
    margin-bottom: 20px;
    display: block;
    float: left;
    clear: both;
    width: 100%; }
    .tpl-distributor #id_ranges li:last-child {
      margin-bottom: 0; }

.tpl-distributor #distributor-list {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
  margin-top: -20px; }
  .tpl-distributor #distributor-list ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  .tpl-distributor #distributor-list .distributor {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #B4B5B4;
    padding-top: 20px;
    position: relative; }
    @media (min-width: 760px) {
      .tpl-distributor #distributor-list .distributor ul {
        margin-bottom: 20px;
        width: 47.36842%;
        float: left;
        margin-right: 5.26316%; } }
  @media (min-width: 760px) and (min-width: 760px) {
    .tpl-distributor #distributor-list .distributor ul {
      margin-bottom: 30px; } }
  @media (min-width: 760px) and (min-width: 970px) {
    .tpl-distributor #distributor-list .distributor ul {
      margin-bottom: 40px; } }
    @media (min-width: 760px) {
        .tpl-distributor #distributor-list .distributor ul.distributor-secondary {
          margin-right: 0; } }
  .tpl-distributor #distributor-list .distributor-address {
    margin-bottom: 20px; }
  .tpl-distributor #distributor-list .distributor-directions {
    margin-top: 20px; }
    .tpl-distributor #distributor-list .distributor-directions a {
      text-decoration: none;
      line-height: 28px;
      padding-left: 24px;
      position: relative; }
      .tpl-distributor #distributor-list .distributor-directions a img {
        width: auto;
        height: 28px;
        position: absolute;
        left: -5px; }
    @media (min-width: 760px) {
      .tpl-distributor #distributor-list .distributor-directions a {
        position: absolute;
        top: 20px;
        right: 0;
        width: 28px;
        height: 28px;
        overflow: hidden;
        padding-left: 28px; }
        .tpl-distributor #distributor-list .distributor-directions a img {
          left: auto;
          right: -5px; } }
  .tpl-distributor #distributor-list .distributor-ranges {
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .tpl-distributor #distributor-list .distributor-ranges {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .tpl-distributor #distributor-list .distributor-ranges {
        margin-bottom: 40px; } }
    .tpl-distributor #distributor-list .distributor-ranges .range-list {
      margin-bottom: 0;
      width: 100%; }

@media (min-width: 760px) {
  .tpl-distributor .multi-dropdown {
    display: none; }
  .tpl-distributor #id_ranges {
    display: block; }
  .tpl-distributor .country-selecter {
    width: 100%; }
  .tpl-distributor .page-sidebar {
    width: 31.03448%;
    float: right;
    margin-right: 0;
    border-top: 1px solid #B4B5B4;
    float: right;
    padding-top: 20px; }
  .tpl-distributor .page-main {
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%;
    border-top: 1px solid #B4B5B4;
    float: left !important; }
  .tpl-distributor .page-sidebar {
    margin-bottom: 20px;
    position: relative; }
    .tpl-distributor .page-sidebar .field-wrapper > label {
      color: #999;
      font-family: 'mihero-light', sans-serif;
      font-size: 14px;
      line-height: 20px;
      display: block;
      margin-bottom: 20px;
      position: absolute;
      top: -42px; } }
    @media (min-width: 760px) and (min-width: 970px) {
      .tpl-distributor .page-sidebar .field-wrapper > label {
        font-size: 16px;
        line-height: 22px; } }

@media (min-width: 760px) {
    .tpl-distributor .page-sidebar .field-wrapper > select {
      margin-top: -7px; } }

.tpl-distributor .infowindow {
  color: #999;
  font-family: 'mihero-light', sans-serif;
  font-size: 14px;
  line-height: 20px; }
  @media (min-width: 970px) {
    .tpl-distributor .infowindow {
      font-size: 16px;
      line-height: 22px; } }
  .tpl-distributor .infowindow p {
    margin: 0; }

.my-account .btn-newaddress,
.tpl-account .btn-newaddress,
.tpl-projects .btn-newaddress {
  border-bottom: 1px solid #B4B5B4;
  text-align: right;
  padding-bottom: 10px; }
  @media (min-width: 760px) {
    .my-account .btn-newaddress,
    .tpl-account .btn-newaddress,
    .tpl-projects .btn-newaddress {
      padding-top: 10px; } }
  .my-account .btn-newaddress a,
  .tpl-account .btn-newaddress a,
  .tpl-projects .btn-newaddress a {
    text-decoration: none; }

@media (min-width: 970px) {
  .my-account .btn-newaddress,
  .tpl-account .btn-newaddress,
  .tpl-projects .btn-newaddress {
    position: absolute;
    top: -42px;
    right: 0;
    padding: 0;
    border: 0;
    margin-bottom: 20px; } }

.my-account .page-main,
.tpl-account .page-main,
.tpl-projects .page-main {
  position: relative; }
  .my-account .page-main section,
  .tpl-account .page-main section,
  .tpl-projects .page-main section {
    border-bottom: 1px solid #B4B5B4;
    margin-bottom: 20px;
    position: relative;
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .my-account .page-main section .edit a,
    .tpl-account .page-main section .edit a,
    .tpl-projects .page-main section .edit a {
      text-decoration: none;
      clear: both;
      margin-bottom: 20px;
      float: left; }
      @media (min-width: 760px) {
        .my-account .page-main section .edit a,
        .tpl-account .page-main section .edit a,
        .tpl-projects .page-main section .edit a {
          float: right; } }
    @media (min-width: 760px) {
      .my-account .page-main section dl,
      .tpl-account .page-main section dl,
      .tpl-projects .page-main section dl {
        width: 48.27586%;
        float: left;
        margin-right: 3.44828%; }
      .my-account .page-main section .edit,
      .tpl-account .page-main section .edit,
      .tpl-projects .page-main section .edit {
        width: 48.27586%;
        float: right;
        margin-right: 0;
        text-align: right; } }
    .my-account .page-main section dt,
    .tpl-account .page-main section dt,
    .tpl-projects .page-main section dt {
      margin-bottom: 2px; }
    .my-account .page-main section dd,
    .tpl-account .page-main section dd,
    .tpl-projects .page-main section dd {
      margin-bottom: 20px; }
      @media (min-width: 760px) {
        .my-account .page-main section dd,
        .tpl-account .page-main section dd,
        .tpl-projects .page-main section dd {
          margin-bottom: 30px; } }
      @media (min-width: 970px) {
        .my-account .page-main section dd,
        .tpl-account .page-main section dd,
        .tpl-projects .page-main section dd {
          margin-bottom: 40px; } }
      .my-account .page-main section dd:last-child,
      .tpl-account .page-main section dd:last-child,
      .tpl-projects .page-main section dd:last-child {
        margin-bottom: 20px; }
    .my-account .page-main section.address dt,
    .tpl-account .page-main section.address dt,
    .tpl-projects .page-main section.address dt {
      margin-bottom: 20px; }

@media (min-width: 760px) {
  .my-account .page-header,
  .tpl-account .page-header,
  .tpl-projects .page-header {
    width: 48.27586%;
    float: left;
    margin-right: 3.44828%;
    margin-top: 60px; }
    .my-account .page-header .btn-logout,
    .tpl-account .page-header .btn-logout,
    .tpl-projects .page-header .btn-logout {
      text-align: left;
      float: none;
      top: 0;
      margin-left: 1em; }
  .my-account .page-sidebar,
  .tpl-account .page-sidebar,
  .tpl-projects .page-sidebar {
    width: 48.27586%;
    float: right;
    margin-right: 0;
    margin-top: 60px; } }

@media (min-width: 970px) {
  .my-account .page-header,
  .tpl-account .page-header,
  .tpl-projects .page-header {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .my-account .page-header .btn-logout,
    .tpl-account .page-header .btn-logout,
    .tpl-projects .page-header .btn-logout {
      display: none; }
  .my-account .page-sidebar,
  .tpl-account .page-sidebar,
  .tpl-projects .page-sidebar {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%;
    margin-top: 0; }
    .my-account .page-sidebar .btn-logout,
    .tpl-account .page-sidebar .btn-logout,
    .tpl-projects .page-sidebar .btn-logout {
      display: block; }
    .my-account .page-sidebar ul,
    .tpl-account .page-sidebar ul,
    .tpl-projects .page-sidebar ul {
      margin-bottom: 40px;
      display: block; }
    .my-account .page-sidebar .dropdown,
    .tpl-account .page-sidebar .dropdown,
    .tpl-projects .page-sidebar .dropdown {
      display: none; }
  .my-account .page-sidebar + .page-main,
  .tpl-account .page-sidebar + .page-main,
  .tpl-projects .page-sidebar + .page-main {
    clear: none;
    width: 65.51724%;
    float: right;
    margin-right: 0; } }

ul.socialaccount_providers {
  width: 100%;
  clear: both;
  float: left; }
  .content ul.socialaccount_providers {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  ul.socialaccount_providers li {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding: 0 10px !important;
    display: block;
    float: left;
    padding: 0 10px;
    padding: 0;
    margin-bottom: 20px;
    vertical-align: middle; }
    ul.socialaccount_providers li:nth-child(3n + 1) {
      margin-left: 0;
      margin-right: -100%;
      clear: both; }
    ul.socialaccount_providers li:nth-child(3n + 2) {
      margin-left: 33.33333%;
      margin-right: -100%;
      clear: none; }
    ul.socialaccount_providers li:nth-child(3n + 3) {
      margin-left: 66.66667%;
      margin-right: -100%;
      clear: none; }
    ul.socialaccount_providers li:first-child {
      padding-left: 0 !important; }
    ul.socialaccount_providers li:last-child {
      padding-right: 0 !important; }
    ul.socialaccount_providers li a {
      font-size: 14px;
      line-height: 20px;
      background: #F6F6F8;
      display: block;
      padding: 10px 5px;
      width: 100%;
      text-align: center;
      text-decoration: none; }
    ul.socialaccount_providers li:last-child {
      margin-right: 0; }
  ul.socialaccount_providers span {
    display: none; }
    @media (min-width: 760px) {
      ul.socialaccount_providers span {
        display: inline-block; } }
  ul.socialaccount_providers b {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: .5em;
    top: 3px;
    position: relative; }
  ul.socialaccount_providers .google b {
    background: url(../images/icons/auth-google.svg) no-repeat center center; }
  ul.socialaccount_providers .linkedin b {
    background: url(../images/icons/auth-linkedin.svg) no-repeat center center;
    top: 1px; }
  ul.socialaccount_providers .twitter b {
    background: url(../images/icons/auth-twitter.svg) no-repeat center center; }

.addresslist .addresslist-item {
  border-bottom: 1px solid #B4B5B4;
  margin-bottom: 20px; }
  .addresslist .addresslist-item:last-child {
    margin-bottom: 0; }

.addresslist .addresslist-controls {
  margin: 20px 0;
  clear: both; }
  .addresslist .addresslist-controls a {
    text-decoration: none;
    display: inline-block;
    margin-right: 30px; }
  @media (min-width: 760px) {
    .addresslist .addresslist-controls {
      margin: 0;
      text-align: right;
      width: 48.27586%;
      float: right;
      margin-right: 0; }
      .addresslist .addresslist-controls a {
        margin-left: 30px;
        margin-right: 0; } }

.addresslist p {
  float: left;
  overflow: hidden;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .addresslist p {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .addresslist p {
      margin-bottom: 40px; } }
  @media (min-width: 760px) {
    .addresslist p {
      width: 48.27586%;
      float: left;
      margin-right: 3.44828%; } }

@media (min-width: 760px) {
  .addresslist .addresslist-select {
    width: 31.03448%;
    float: right; } }

.addresslist .addresslist-select p {
  vertical-align: middle;
  margin-bottom: 20px; }

.addresslist .addresslist-select label, .addresslist .addresslist-select input {
  display: inline-block; }

.addresslist .addresslist-select input {
  display: none; }

.addresslist .addresslist-select label {
  clear: right;
  display: inline-block;
  line-height: 24px;
  margin: 0; }

.addresslist .addresslist-select .checkbox {
  border: 1px solid #B4B5B4;
  display: block;
  padding: 3px;
  display: inline-block;
  float: left;
  margin-right: 10px; }
  .addresslist .addresslist-select .checkbox i {
    display: block;
    width: 16px;
    height: 16px; }

.addresslist .addresslist-select input:checked + label .checkbox i {
  background: #878787 url(../images/icons/tick.png) no-repeat center center;
  background-size: 50%; }

.addresslist .addresslist-select p {
  width: 100%; }

.tpl-addressupdate form,
.tpl-register form,
.tpl-login form {
  float: left;
  clear: both;
  width: 100%; }
  .tpl-addressupdate form .form-buttons,
  .tpl-register form .form-buttons,
  .tpl-login form .form-buttons {
    margin-bottom: 0; }

.tpl-register .intro,
.tpl-login .intro {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .tpl-register .intro,
    .tpl-login .intro {
      margin-bottom: 30px; } }
  @media (min-width: 1280px) {
    .tpl-register .intro,
    .tpl-login .intro {
      margin-bottom: 40px; } }

@media (min-width: 760px) {
  .tpl-register .content .wrapper,
  .tpl-login .content .wrapper {
    width: 65.51724%;
    float: left;
    margin-left: 17.24138%;
    margin-right: -100%; } }

@media (min-width: 1280px) {
  .tpl-register .content .wrapper,
  .tpl-login .content .wrapper {
    width: 48.71795%;
    float: left;
    margin-left: 25.64103%;
    margin-right: -100%; } }

.tpl-register .form-buttons .btn-left,
.tpl-login .form-buttons .btn-left {
  margin: 0;
  /* max-width: 50%; */ }

.tpl-register .form-buttons .btn, .tpl-register .form-buttons .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .tpl-register .form-buttons a, .tpl-register .form-buttons .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .tpl-register .form-buttons a, .tpl-register .form-buttons
.tpl-project-detail .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta .tpl-register .form-buttons a,
.tpl-login .form-buttons .btn,
.tpl-login .form-buttons .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta
.tpl-login .form-buttons a,
.tpl-login .form-buttons .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta
.tpl-login .form-buttons a,
.tpl-login .form-buttons
.tpl-project-detail .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta
.tpl-login .form-buttons a {
  margin: 0; }

.tpl-orders .page-sidebar + .page-main {
  padding-top: 0; }

.tpl-orders .pastorders-header {
  display: none; }

.tpl-orders ul.pastorders-list {
  font-size: 14px;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 760px) {
  .tpl-orders .page-sidebar + .page-main {
    padding-top: 20px; }
  .tpl-orders .pastorders-header {
    display: block;
    border-bottom: 1px solid #B4B5B4;
    margin-bottom: 20px;
    margin-top: -20px; }
    .tpl-orders .pastorders-header b {
      margin-bottom: 20px;
      font-weight: normal; }
  .tpl-orders .pastorders-list p {
    margin: 0;
    clear: none;
    width: 25%;
    margin-bottom: 20px; }
  .tpl-orders .pastorders-list b {
    display: none; }
  .tpl-orders .view-order {
    text-align: right; } }

@media (min-width: 970px) {
  .tpl-orders .page-sidebar + .page-main {
    border-top: 0;
    padding: 0;
    margin-top: -42px; } }

.tpl-addressupdate .page-header {
  margin-bottom: 20px; }

.tpl-addressupdate .page-main {
  position: relative; }

.tpl-addressupdate .title {
  display: none; }
  @media (min-width: 970px) {
    .tpl-addressupdate .title {
      display: block;
      position: absolute;
      top: -42px; } }

@media (min-width: 760px) {
  .tpl-addressupdate .page-header {
    width: 48.27586%;
    float: left;
    margin-right: 3.44828%; }
    .tpl-addressupdate .page-header .btn-logout {
      text-align: left;
      float: none;
      top: 0;
      margin-left: 1em; }
  .tpl-addressupdate .page-sidebar {
    width: 48.27586%;
    float: right;
    margin-right: 0;
    margin-top: 60px; }
  .tpl-addressupdate .page-main form {
    width: 65.51724%;
    float: left;
    margin-left: 17.24138%;
    margin-right: -100%; } }

@media (min-width: 970px) {
  .tpl-addressupdate .page-header {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .tpl-addressupdate .page-sidebar {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%;
    margin-top: 0; }
  .tpl-addressupdate .page-main form {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 0) and (max-width: 760px) {
  .tpl-selectaddress .form-buttons input {
    width: 100%;
    margin-left: 0; } }

.pastorders {
  font-size: 12px;
  line-height: 16px; }
  .pastorders .pastorders-header {
    display: none; }
  .pastorders li {
    border-bottom: 1px solid #B4B5B4;
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px; }
  .pastorders p {
    width: 44.44444%;
    float: left;
    margin-right: 11.11111%;
    margin-bottom: 20px; }
    .pastorders p:last-child {
      margin-right: 0; }
  .pastorders b {
    display: block;
    margin-bottom: 10px; }
  .pastorders a {
    text-decoration: none; }
  @media (min-width: 760px) {
    .pastorders .pastorders-header {
      display: block;
      clear: both;
      float: left;
      width: 100%; }
      .pastorders .pastorders-header p {
        width: 25%;
        margin: 0;
        float: left;
        color: #999;
        font-family: 'mihero-light', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #B4B5B4; } }
    @media (min-width: 760px) and (min-width: 970px) {
      .pastorders .pastorders-header p {
        font-size: 16px;
        line-height: 22px; } }

.tpl-orderdetail .page-main {
  position: relative; }

.tpl-orderdetail .back {
  position: absolute;
  top: 0;
  right: 0;
  top: -42px;
  right: 0;
  padding: 0;
  border: 0;
  margin-bottom: 20px; }
  .tpl-orderdetail .back a {
    text-decoration: none; }

.tpl-orderdetail .order__orderNumber {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-orderdetail .order__orderNumber {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-orderdetail .order__orderNumber {
      margin-bottom: 40px; } }

.tpl-orderdetail .order__methodTable,
.tpl-orderdetail .order__addressTable {
  width: 100%; }
  .tpl-orderdetail .order__methodTable th,
  .tpl-orderdetail .order__addressTable th {
    text-align: left; }
    @media (min-width: 970px) {
      .tpl-orderdetail .order__methodTable th,
      .tpl-orderdetail .order__addressTable th {
        padding-bottom: 30px; } }
  .tpl-orderdetail .order__methodTable td,
  .tpl-orderdetail .order__addressTable td {
    display: block; }
    @media (min-width: 760px) {
      .tpl-orderdetail .order__methodTable td,
      .tpl-orderdetail .order__addressTable td {
        width: 50%;
        display: table-cell; }
        .tpl-orderdetail .order__methodTable td:first-child,
        .tpl-orderdetail .order__addressTable td:first-child {
          padding-right: 20px; } }

.tpl-orderdetail .order__addressTable {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-orderdetail .order__addressTable {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-orderdetail .order__addressTable {
      margin-bottom: 40px; } }
  .tpl-orderdetail .order__addressTable .order__address {
    margin-bottom: 30px; }
  .tpl-orderdetail .order__addressTable .order__method {
    margin-bottom: 40px; }
  @media (min-width: 760px) {
    .tpl-orderdetail .order__addressTable {
      float: left;
      width: 100%;
      margin-bottom: 60px; }
      .tpl-orderdetail .order__addressTable .order__method {
        margin-bottom: 0; }
      .tpl-orderdetail .order__addressTable .order__wrapper {
        width: 50%; }
        .tpl-orderdetail .order__addressTable .order__wrapper:first-child {
          padding-right: 20px;
          float: left; }
        .tpl-orderdetail .order__addressTable .order__wrapper:last-child {
          float: right; } }
  @media (min-width: 970px) {
    .tpl-orderdetail .order__addressTable {
      margin-bottom: 80px; } }

.tpl-orderdetail .order__methodTable {
  margin-bottom: 30px; }
  @media (min-width: 760px) {
    .tpl-orderdetail .order__methodTable {
      margin-bottom: 60px; } }
  @media (min-width: 970px) {
    .tpl-orderdetail .order__methodTable {
      margin-bottom: 60px; } }

.tpl-orderdetail .order-summary-list {
  width: 100%;
  float: left;
  clear: both;
  border-bottom: 1px solid #B4B5B4; }
  .tpl-orderdetail .order-summary-list .item-cost {
    text-align: right;
    float: right; }
  .tpl-orderdetail .order-summary-list .item {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .tpl-orderdetail .order-summary-list .item {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .tpl-orderdetail .order-summary-list .item {
        margin-bottom: 40px; } }
    @media (min-width: 0) and (max-width: 760px) {
      .tpl-orderdetail .order-summary-list .item .item-quantity {
        margin-top: 20px;
        padding-left: 60px; }
        .tpl-orderdetail .order-summary-list .item .item-quantity b, .tpl-orderdetail .order-summary-list .item .item-quantity i {
          width: auto;
          font-weight: normal; } }
    .tpl-orderdetail .order-summary-list .item .item-cost {
      float: right;
      text-align: right; }
      @media (min-width: 0) and (max-width: 760px) {
        .tpl-orderdetail .order-summary-list .item .item-cost {
          position: absolute;
          top: 20px;
          right: 0;
          width: auto; }
          .tpl-orderdetail .order-summary-list .item .item-cost b, .tpl-orderdetail .order-summary-list .item .item-cost i {
            width: auto;
            font-weight: normal; } }
  .tpl-orderdetail .order-summary-list .item-header {
    margin-bottom: 20px; }
  .tpl-orderdetail .order-summary-list .cta {
    float: left;
    clear: both;
    padding-left: 60px;
    margin-top: 20px; }
    @media (min-width: 760px) {
      .tpl-orderdetail .order-summary-list .cta {
        padding-left: 80px; } }
  .tpl-orderdetail .order-summary-list .delivery span:last-child,
  .tpl-orderdetail .order-summary-list .total span:last-child,
  .tpl-orderdetail .order-summary-list .vat span:last-child {
    float: right; }

.tpl-search .page-header {
  position: relative; }
  @media (min-width: 760px) {
    .tpl-search .page-header {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-search .page-header {
      margin-bottom: 40px; } }

@media (min-width: 1280px) {
  .tpl-search .page-main .search-results.list {
    width: 74.35897%;
    float: left;
    margin-left: 12.82051%;
    margin-right: -100%; } }

@media (min-width: 760px) {
  .tpl-search h1 {
    float: left; } }

.tpl-search h1 span {
  display: none; }
  @media (min-width: 760px) {
    .tpl-search h1 span {
      display: inline; } }

.tpl-search .list-controls {
  width: 100%; }
  @media (min-width: 760px) {
    .tpl-search .list-controls {
      width: auto;
      float: right;
      clear: right; } }

.tpl-search .list-filter {
  width: 100%;
  float: left;
  display: inline-block; }
  .tpl-search .list-filter label {
    font-size: 12px;
    line-height: 16px; }
  @media (min-width: 760px) {
    .tpl-search .list-filter {
      margin-left: 20px;
      width: 270px;
      float: right; }
      .tpl-search .list-filter label {
        margin-top: -21px; } }

.tpl-search .list-actions {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0; }
  @media (min-width: 760px) {
    .tpl-search .list-actions {
      position: relative; } }
  .tpl-search .list-actions a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF; }
  .tpl-search .list-actions .on a {
    border-bottom: 1px solid #B4B5B4; }

.tpl-search .results-header {
  display: none; }

.tpl-search .result-list {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #B4B5B4;
  margin-bottom: 40px; }
  .tpl-search .result-list ul {
    margin: 0; }
  .tpl-search .result-list a {
    text-decoration: none; }
  .tpl-search .result-list > li {
    border-bottom: 1px solid #B4B5B4;
    padding: 20px 0;
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .tpl-search .result-list li li {
    overflow: hidden;
    padding-left: 70px;
    position: relative;
    margin-bottom: 20px; }
    .tpl-search .result-list li li:last-child {
      margin-bottom: 0; }
    .tpl-search .result-list li li b {
      margin-bottom: 0;
      clear: both;
      display: block; }
  .tpl-search .result-list .search-result-image img {
    width: 50px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0; }
  .tpl-search .result-list .search-result-cta {
    overflow: visible; }
    .tpl-search .result-list .search-result-cta a {
      width: 100%;
      display: block; }

@media (min-width: 760px) {
  .tpl-search .results-header {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: block;
    margin-bottom: 20px;
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
    .tpl-search .results-header .search-header-product,
    .tpl-search .results-header .search-header-gsm,
    .tpl-search .results-header .search-header-size,
    .tpl-search .results-header .search-header-fibre {
      width: 31.03448%;
      float: left;
      margin-right: 3.44828%; }
    .tpl-search .results-header .search-header-fibre,
    .tpl-search .results-header .search-header-size {
      float: right;
      margin-right: 0; }
  .tpl-search .result-list {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
    .tpl-search .result-list li li {
      padding-left: 0;
      margin-bottom: 0; }
    .tpl-search .result-list .search-result-image,
    .tpl-search .result-list .search-result-grammage,
    .tpl-search .result-list .search-result-size,
    .tpl-search .result-list .search-result-cta {
      width: 31.03448%;
      float: left;
      margin-right: 3.44828%; }
      .tpl-search .result-list .search-result-image b,
      .tpl-search .result-list .search-result-grammage b,
      .tpl-search .result-list .search-result-size b,
      .tpl-search .result-list .search-result-cta b {
        display: none; }
    .tpl-search .result-list .search-result-size {
      float: right;
      margin-right: 0; }
    .tpl-search .result-list .search-result-image {
      padding-left: 60px; }
    .tpl-search .result-list .search-result-cta {
      clear: both;
      margin-top: 20px;
      overflow: visible; }
      .tpl-search .result-list .search-result-cta a {
        margin-left: 60px;
        display: inline-block;
        width: auto;
        min-width: 0; } }

.tpl-search .search-results.list .result-list ul.lazy {
  background: transparent !important;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }

.tpl-search .search-results.grid .results-header {
  display: none; }

.tpl-search .search-results.grid .result-list {
  border-top: 0; }
  .tpl-search .search-results.grid .result-list > li {
    clear: none;
    border-bottom: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    overflow: hidden; }
    .tpl-search .search-results.grid .result-list > li li {
      padding: 0;
      margin: 0;
      width: 100%; }
    .tpl-search .search-results.grid .result-list > li img.lazy {
      display: none !important; }
    .tpl-search .search-results.grid .result-list > li ul {
      width: 100%;
      padding: 0;
      padding-top: 100%;
      position: relative;
      background-color: #F6F6F8;
      background-size: cover;
      background-repeat: no-repeat;
      list-style: none;
      padding-left: 0;
      padding-right: 0; }
    .tpl-search .search-results.grid .result-list > li img {
      display: none; }
    .tpl-search .search-results.grid .result-list > li .search-result-cta,
    .tpl-search .search-results.grid .result-list > li .search-result-size,
    .tpl-search .search-results.grid .result-list > li .search-result-grammage {
      display: none; }
    .tpl-search .search-results.grid .result-list > li .search-result-cta a {
      color: #FFFFFF;
      border: 1px solid #FFFFFF; }
    .tpl-search .search-results.grid .result-list > li .search-result-cta.text-colour-grey a {
      color: #666766;
      border-color: #666766; }
      @media (min-width: 0) and (max-width: 760px) {
        .tpl-search .search-results.grid .result-list > li .search-result-cta.text-colour-grey a {
          background-image: url(../images/icons/plus-black.svg) !important; } }
    @media (min-width: 760px) {
      .tpl-search .search-results.grid .result-list > li .search-result-cta {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        /* always display the button on tablets */
        text-align: center;
        /* background: rgba(0,0,0,.3); */
        padding: 20px; }
        .tpl-search .search-results.grid .result-list > li .search-result-cta a {
          /* display: inline-block; */
          padding: 10px 20px;
          margin: 0 auto;
          width: 100%; } }
    @media (min-width: 970px) {
      .tpl-search .search-results.grid .result-list > li .search-result-cta {
        display: none; } }
    @media (min-width: 0) and (max-width: 760px) {
      .tpl-search .search-results.grid .result-list > li .search-result-cta {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 30px; }
        .tpl-search .search-results.grid .result-list > li .search-result-cta a {
          width: 30px;
          height: 30px;
          text-indent: -9999px;
          min-width: 0;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url(../images/icons/plus-white.svg);
          background-size: 10px 10px;
          border-color: #FFFFFF; } }
    .tpl-search .search-results.grid .result-list > li .search-result-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .tpl-search .search-results.grid .result-list > li .search-result-image a {
        width: 100%;
        height: 100%;
        display: block;
        color: #FFFFFF;
        padding: 10px;
        padding-right: 0;
        border-right: solid 10px transparent;
        white-space: nowrap;
        overflow: hidden;
        font-size: 11px;
        line-height: 14px; }
        @media (min-width: 760px) {
          .tpl-search .search-results.grid .result-list > li .search-result-image a {
            padding: 20px;
            border-right: 0;
            white-space: normal;
            font-size: 14px;
            line-height: 20px; } }
        @media (min-width: 970px) {
          .tpl-search .search-results.grid .result-list > li .search-result-image a {
            font-size: 16px;
            line-height: 22px; } }
    .tpl-search .search-results.grid .result-list > li.text-colour-grey .search-result-image a {
      color: #666766; }
    .tpl-search .search-results.grid .result-list > li:hover .search-result-cta {
      display: block; }
    @media (min-width: 0) and (max-width: 760px) {
      .tpl-search .search-results.grid .result-list > li {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px; }
        .tpl-search .search-results.grid .result-list > li:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both; }
        .tpl-search .search-results.grid .result-list > li:nth-child(2n + 2) {
          margin-left: 50%;
          margin-right: -100%;
          clear: none; }
        .tpl-search .search-results.grid .result-list > li:nth-child(odd) {
          padding-left: 0; }
        .tpl-search .search-results.grid .result-list > li:nth-child(even) {
          padding-right: 0; } }
    .tpl-search .search-results.grid .result-list > li.text-colour-grey.search-result-image a {
      color: #666766 !important; }
    @media (min-width: 0) and (max-width: 760px) {
      .tpl-search .search-results.grid .result-list > li.text-colour-grey.search-result-cta a {
        background-image: url(../images/icons/plus-black.svg) !important;
        background-size: 10px 10px;
        border-color: #666766; } }
    @media (min-width: 760px) {
      .tpl-search .search-results.grid .result-list > li {
        width: 31.03448%;
        float: left;
        margin-bottom: 2.63158%; }
        .tpl-search .search-results.grid .result-list > li:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .tpl-search .search-results.grid .result-list > li:nth-child(3n + 2) {
          margin-left: 34.48276%;
          margin-right: -100%;
          clear: none; }
        .tpl-search .search-results.grid .result-list > li:nth-child(3n + 3) {
          margin-left: 68.96552%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 970px) {
      .tpl-search .search-results.grid .result-list > li {
        margin-bottom: 2.63158%; } }
    @media (min-width: 1280px) {
      .tpl-search .search-results.grid .result-list > li {
        width: 23.07692%;
        float: left;
        margin-bottom: 2.63158%; }
        .tpl-search .search-results.grid .result-list > li:nth-child(4n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .tpl-search .search-results.grid .result-list > li:nth-child(4n + 2) {
          margin-left: 25.64103%;
          margin-right: -100%;
          clear: none; }
        .tpl-search .search-results.grid .result-list > li:nth-child(4n + 3) {
          margin-left: 51.28205%;
          margin-right: -100%;
          clear: none; }
        .tpl-search .search-results.grid .result-list > li:nth-child(4n + 4) {
          margin-left: 76.92308%;
          margin-right: -100%;
          clear: none; } }

body.tpl-home {
  background-color: #21252E;
  color: white; }
  body.tpl-home .header .header-nav-pages a {
    color: #FFFFFF; }
  @media (max-width: 760px) {
    body.tpl-home .header-nav-account {
      right: 45px; } }
  body.tpl-home #cms_toolbar {
    position: static !important; }
  body.tpl-home .header-searchToggle {
    display: none; }
  body.tpl-home .home-page-section-container {
    transform: translate3d(0, 0, 0);
    opacity: 0;
    color: #FFFFFF;
    transition: all 2s;
    background-color: #F6F6F8;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
    @media (min-width: 970px) {
      body.tpl-home .home-page-section-container {
        background-size: contain; } }
    .fp-enabled body.tpl-home .home-page-section-container {
      opacity: 1; }
    body.tpl-home .home-page-section-container .wrapper {
      position: relative; }
    body.tpl-home .home-page-section-container .homepage-intro {
      margin-bottom: 20px; }
      @media (min-width: 760px) {
        body.tpl-home .home-page-section-container .homepage-intro {
          margin-bottom: 30px; } }
      @media (min-width: 970px) {
        body.tpl-home .home-page-section-container .homepage-intro {
          margin-bottom: 40px; } }
      body.tpl-home .home-page-section-container .homepage-intro h1 {
        color: #FFFFFF;
        margin-top: 0;
        font-size: 32px;
        text-transform: lowercase;
        margin-bottom: 20px; }
        @media (min-width: 760px) {
          body.tpl-home .home-page-section-container .homepage-intro h1 {
            margin-bottom: 30px; } }
        @media (min-width: 970px) {
          body.tpl-home .home-page-section-container .homepage-intro h1 {
            margin-bottom: 40px; } }
        @media (min-width: 760px) {
          body.tpl-home .home-page-section-container .homepage-intro h1 {
            font-size: 45px; } }
      body.tpl-home .home-page-section-container .homepage-intro p {
        font-size: 22px;
        line-height: 28px;
        color: #FFFFFF;
        margin: 0;
        display: none;
        font-size: 18px;
        line-height: 24px; }
        @media (min-width: 760px) {
          body.tpl-home .home-page-section-container .homepage-intro p {
            font-size: 24px;
            line-height: 30px; } }
        @media (min-width: 970px) {
          body.tpl-home .home-page-section-container .homepage-intro p {
            font-size: 26px;
            line-height: 32px; } }
        body.tpl-home .home-page-section-container .homepage-intro p:first-child {
          display: block; }
        @media (min-width: 760px) {
          body.tpl-home .home-page-section-container .homepage-intro p {
            display: block;
            font-size: 20px;
            line-height: 24px; } }
  body.tpl-home .homepage-carousel-arrows {
    display: none; }
    body.tpl-home .homepage-carousel-arrows .homepage-carousel-up,
    body.tpl-home .homepage-carousel-arrows .homepage-carousel-down {
      width: 30px;
      height: 15px;
      margin: auto;
      position: fixed;
      left: 50%;
      margin: 0 0 0 -15px;
      cursor: pointer; }
    body.tpl-home .homepage-carousel-arrows .homepage-carousel-up {
      display: none; }
    body.tpl-home .homepage-carousel-arrows.on .homepage-carousel-up {
      display: block; }
    body.tpl-home .homepage-carousel-arrows.on .homepage-carousel-down {
      display: none; }
    @media (min-width: 760px) {
      body.tpl-home .homepage-carousel-arrows {
        display: block; } }
  body.tpl-home .fp-tableCell {
    vertical-align: middle;
    position: relative;
    top: -60px; }
  body.tpl-home .homepage-carousel-pagination {
    position: fixed;
    margin: 0;
    display: none; }
    @media (min-width: 760px) {
      body.tpl-home .homepage-carousel-pagination {
        display: block; } }
    body.tpl-home .homepage-carousel-pagination li {
      cursor: pointer;
      width: 15px;
      height: 15px;
      border: 1px solid #FFFFFF;
      display: block;
      float: left;
      margin-right: 10px;
      text-indent: -9999px; }
      body.tpl-home .homepage-carousel-pagination li:hover, body.tpl-home .homepage-carousel-pagination li.selected {
        background: #FFFFFF; }
  body.tpl-home .homepage-carousel-pagination,
  body.tpl-home .homepage-carousel-up,
  body.tpl-home .homepage-carousel-down {
    transform: translate3d(0, 0, 0);
    transition: all .5s ease-in-out;
    bottom: 30px; }
  body.tpl-home.mode-footer .homepage-carousel-pagination,
  body.tpl-home.mode-footer .homepage-carousel-up,
  body.tpl-home.mode-footer .homepage-carousel-down {
    bottom: 155px; }

.tpl-cart .form-buttons {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-cart .form-buttons {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-cart .form-buttons {
      margin-bottom: 40px; } }

.tpl-cart .cart-options.form-buttons {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-cart .cart-options.form-buttons {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-cart .cart-options.form-buttons {
      margin-bottom: 40px; } }
  .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons .btn, .tpl-cart .cart-options.form-buttons .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons
  .tpl-project-detail .result-list .search-result-cta a,
  .tpl-project-detail .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a {
    display: block;
    margin: 0;
    float: none;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-cart .cart-options.form-buttons {
      text-align: right; }
      .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons .btn, .tpl-cart .cart-options.form-buttons .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a, .tpl-cart .cart-options.form-buttons
      .tpl-project-detail .result-list .search-result-cta a,
      .tpl-project-detail .result-list .search-result-cta .tpl-cart .cart-options.form-buttons a {
        float: right !important;
        margin-bottom: 0; }
      .tpl-cart .cart-options.form-buttons a {
        width: 180px !important;
        margin-left: 40px !important; }
      .tpl-cart .cart-options.form-buttons .btn-text {
        width: auto; } }
  @media (min-width: 970px) {
    .tpl-cart .cart-options.form-buttons a {
      width: 280px !important; } }

.tpl-cart .cart-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  .tpl-cart .cart-table img {
    width: 40px;
    height: auto;
    float: left; }
    @media (min-width: 760px) {
      .tpl-cart .cart-table img {
        width: 60px; } }
  .tpl-cart .cart-table .text {
    float: left;
    padding-left: 20px;
    width: 170px; }
    .tpl-cart .cart-table .text a {
      text-decoration: none; }
  .tpl-cart .cart-table .cart-btn-remove {
    margin-right: 0;
    color: #666766 !important; }
    @media (min-width: 760px) {
      .tpl-cart .cart-table .cart-btn-remove {
        color: #999;
        font-family: 'mihero-light', sans-serif;
        font-size: 14px;
        line-height: 20px;
        border: 0;
        padding: 0;
        min-width: 0; } }
  @media (min-width: 760px) and (min-width: 970px) {
    .tpl-cart .cart-table .cart-btn-remove {
      font-size: 16px;
      line-height: 22px; } }
    .tpl-cart .cart-table .cart-btn-remove:hover {
      background: none;
      text-decoration: underline; }
  .tpl-cart .cart-table .cart-quantity {
    width: 90px; }
    @media (min-width: 970px) {
      .tpl-cart .cart-table .cart-quantity {
        width: 115px; } }
  .tpl-cart .cart-table .cart-weight {
    clear: both;
    float: left;
    clear: both;
    padding: 0;
    width: 100%; }
    .tpl-cart .cart-table .cart-weight img {
      float: left; }
  .tpl-cart .cart-table .cart-size,
  .tpl-cart .cart-table .cart-qty,
  .tpl-cart .cart-table .cart-weight,
  .tpl-cart .cart-table .cart-price {
    width: 100%;
    display: block;
    padding-left: 60px;
    clear: both; }
    @media (min-width: 760px) {
      .tpl-cart .cart-table .cart-size,
      .tpl-cart .cart-table .cart-qty,
      .tpl-cart .cart-table .cart-weight,
      .tpl-cart .cart-table .cart-price {
        padding-left: 80px; } }
    .tpl-cart .cart-table .cart-size label, .tpl-cart .cart-table .cart-size select, .tpl-cart .cart-table .cart-size span,
    .tpl-cart .cart-table .cart-qty label,
    .tpl-cart .cart-table .cart-qty select,
    .tpl-cart .cart-table .cart-qty span,
    .tpl-cart .cart-table .cart-weight label,
    .tpl-cart .cart-table .cart-weight select,
    .tpl-cart .cart-table .cart-weight span,
    .tpl-cart .cart-table .cart-price label,
    .tpl-cart .cart-table .cart-price select,
    .tpl-cart .cart-table .cart-price span {
      width: 50%;
      display: block;
      float: left;
      margin: 2px 0;
      padding-top: 5px;
      padding-bottom: 5px; }
    .tpl-cart .cart-table .cart-size label, .tpl-cart .cart-table .cart-size span,
    .tpl-cart .cart-table .cart-qty label,
    .tpl-cart .cart-table .cart-qty span,
    .tpl-cart .cart-table .cart-weight label,
    .tpl-cart .cart-table .cart-weight span,
    .tpl-cart .cart-table .cart-price label,
    .tpl-cart .cart-table .cart-price span {
      line-height: 28px; }
    .tpl-cart .cart-table .cart-size select, .tpl-cart .cart-table .cart-size span,
    .tpl-cart .cart-table .cart-qty select,
    .tpl-cart .cart-table .cart-qty span,
    .tpl-cart .cart-table .cart-weight select,
    .tpl-cart .cart-table .cart-weight span,
    .tpl-cart .cart-table .cart-price select,
    .tpl-cart .cart-table .cart-price span {
      float: right; }
  .tpl-cart .cart-table th, .tpl-cart .cart-table td {
    border-bottom: 1px solid #B4B5B4;
    padding: 20px 10px; }
    .tpl-cart .cart-table th:first-child, .tpl-cart .cart-table td:first-child {
      padding-left: 0; }
  .tpl-cart .cart-table th {
    text-align: left;
    color: #B4B5B4;
    padding-top: 0; }
  .tpl-cart .cart-table td {
    vertical-align: top; }
  @media (max-width: 760px) {
    .tpl-cart .cart-table {
      border-bottom: 1px solid #B4B5B4; }
      .tpl-cart .cart-table thead {
        display: none; }
      .tpl-cart .cart-table tr {
        border-top: 1px solid #B4B5B4;
        position: relative;
        padding: 20px 0;
        display: block;
        width: 100%; }
        .tpl-cart .cart-table tr td {
          padding: 0; }
        .tpl-cart .cart-table tr td:first-child {
          clear: both;
          float: left;
          clear: both;
          padding: 0;
          width: 100%; }
          .tpl-cart .cart-table tr td:first-child img {
            float: left; }
        .tpl-cart .cart-table tr .cart-btn-remove, .tpl-cart .cart-table tr .cart-btn-remove:hover {
          min-width: 30px;
          width: 30px;
          height: 30px;
          text-indent: -9999px;
          background: url(../images/icons/close-dark.svg) no-repeat center center;
          background-size: 12px 12px;
          position: absolute;
          top: 20px;
          right: 0;
          border: 1px solid #B4B5B4; }
      .tpl-cart .cart-table td {
        border: 0; } }
  @media (min-width: 760px) {
    .tpl-cart .cart-table .cart-product,
    .tpl-cart .cart-table .cart-size,
    .tpl-cart .cart-table .cart-qty,
    .tpl-cart .cart-table .cart-weight,
    .tpl-cart .cart-table .cart-price {
      display: table-cell;
      float: none;
      padding: 20px 10px;
      margin: 0;
      width: auto !important; }
      .tpl-cart .cart-table .cart-product label,
      .tpl-cart .cart-table .cart-size label,
      .tpl-cart .cart-table .cart-qty label,
      .tpl-cart .cart-table .cart-weight label,
      .tpl-cart .cart-table .cart-price label {
        display: none; }
      .tpl-cart .cart-table .cart-product span, .tpl-cart .cart-table .cart-product select,
      .tpl-cart .cart-table .cart-size span,
      .tpl-cart .cart-table .cart-size select,
      .tpl-cart .cart-table .cart-qty span,
      .tpl-cart .cart-table .cart-qty select,
      .tpl-cart .cart-table .cart-weight span,
      .tpl-cart .cart-table .cart-weight select,
      .tpl-cart .cart-table .cart-price span,
      .tpl-cart .cart-table .cart-price select {
        float: none;
        width: auto;
        margin: 0; }
      .tpl-cart .cart-table .cart-product select,
      .tpl-cart .cart-table .cart-size select,
      .tpl-cart .cart-table .cart-qty select,
      .tpl-cart .cart-table .cart-weight select,
      .tpl-cart .cart-table .cart-price select {
        width: 100%; }
      .tpl-cart .cart-table .cart-product span,
      .tpl-cart .cart-table .cart-size span,
      .tpl-cart .cart-table .cart-qty span,
      .tpl-cart .cart-table .cart-weight span,
      .tpl-cart .cart-table .cart-price span {
        padding: 0;
        line-height: 1; } }

.tpl-cart .total {
  padding: 5px 0; }
  .tpl-cart .total span {
    color: #999;
    font-family: 'mihero-light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    line-height: 40px !important; }
    @media (min-width: 970px) {
      .tpl-cart .total span {
        font-size: 16px;
        line-height: 22px; } }
    @media (min-width: 760px) {
      .tpl-cart .total span {
        line-height: 60px !important; } }
  .tpl-cart .total .total-label {
    width: 47.36842%;
    float: left;
    margin-right: 5.26316%; }
  .tpl-cart .total .total-price {
    width: 47.36842%;
    float: left;
    margin-right: 5.26316%;
    margin-right: 0;
    text-align: right;
    padding: 0 0 0 10px; }
  @media (min-width: 760px) {
    .tpl-cart .total .total-label {
      width: 82.75862%;
      float: left;
      margin-right: 3.44828%; }
    .tpl-cart .total .total-price {
      width: 13.7931%;
      float: left;
      margin-right: 3.44828%;
      margin-right: 0; } }

.tpl-cart .voucher {
  border-top: 1px solid #B4B5B4;
  border-bottom: 1px solid #B4B5B4;
  margin-bottom: 20px;
  padding: 10px 0; }
  @media (min-width: 760px) {
    .tpl-cart .voucher {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-cart .voucher {
      margin-bottom: 40px; } }
  .tpl-cart .voucher.error .error {
    padding-top: 10px;
    display: block;
    color: #FF002B;
    clear: both; }
    @media (min-width: 760px) {
      .tpl-cart .voucher.error .error {
        margin-left: 34.48276%; } }
  .tpl-cart .voucher.error input {
    border-color: #FF002B;
    color: #FF002B;
    background: #FFF0F4; }
  .tpl-cart .voucher label {
    display: none;
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%;
    color: #999;
    font-family: 'mihero-light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    line-height: 30px !important; }
    @media (min-width: 970px) {
      .tpl-cart .voucher label {
        font-size: 16px;
        line-height: 22px; } }
    @media (min-width: 970px) {
      .tpl-cart .voucher label {
        line-height: 40px !important; } }
  @media (min-width: 760px) {
    .tpl-cart .voucher {
      padding: 20px 0; }
      .tpl-cart .voucher label {
        display: block; } }
  .tpl-cart .voucher span {
    margin-right: 0; }
    .tpl-cart .voucher span .cart-voucher {
      width: 78.94737%;
      margin-right: 0; }
    .tpl-cart .voucher span .cart-btn-add-voucher {
      width: 21.05263%;
      float: left;
      margin-right: 5.26316%;
      margin-right: 0;
      min-width: 0;
      border-left: 0;
      float: right; }
  .tpl-cart .voucher .voucher-remove {
    text-align: right;
    float: right; }
    .tpl-cart .voucher .voucher-remove i {
      float: right;
      font-style: normal;
      display: block;
      clear: both; }
    .tpl-cart .voucher .voucher-remove .cart-btn-remove-voucher {
      display: block;
      clear: both;
      float: right;
      text-align: right;
      border: 0;
      margin: 0;
      padding: 0; }
    @media (min-width: 760px) {
      .tpl-cart .voucher .voucher-remove {
        text-align: right;
        padding: 5px 0;
        line-height: 30px; }
        .tpl-cart .voucher .voucher-remove i {
          float: none;
          display: inline;
          clear: none; }
        .tpl-cart .voucher .voucher-remove .cart-btn-remove-voucher {
          line-height: 30px;
          width: 21.05263%;
          float: right;
          margin-right: 0;
          text-align: left;
          padding: 0 0 0 10px;
          margin-left: 10px; } }
  @media (min-width: 760px) {
    .tpl-cart .voucher label {
      display: inline-block; }
    .tpl-cart .voucher span {
      width: 65.51724%;
      float: left;
      margin-right: 3.44828%;
      margin-right: 0; }
      .tpl-cart .voucher span .cart-voucher {
        width: 78.94737%; }
      .tpl-cart .voucher span .cart-btn-add-voucher {
        width: 21.05263%;
        float: left;
        margin-right: 5.26316%;
        float: right;
        margin-right: 0; } }

@media (min-width: 760px) {
  .tpl-orderdetails .order-details .field-wrapper,
  .tpl-orderdetails .delivery-method .field-wrapper {
    width: 48.27586%;
    float: left;
    margin-right: 3.44828%; } }

@media (min-width: 970px) {
  .tpl-orderdetails .order-details .field-wrapper,
  .tpl-orderdetails .delivery-method .field-wrapper {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%; } }

.tpl-orderdetails .intro {
  margin: 0;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-orderdetails .intro {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-orderdetails .intro {
      margin-bottom: 40px; } }

.tpl-orderdetails .addresslist {
  border-top: 1px solid #B4B5B4;
  padding-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-orderdetails .addresslist {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-orderdetails .addresslist {
      margin-bottom: 40px; } }

.tpl-orderdetails .order-details textarea {
  height: 140px; }
  @media (min-width: 970px) {
    .tpl-orderdetails .order-details textarea {
      height: 160px; } }

.tpl-orderdetails .page-main form {
  clear: both; }

@media (min-width: 0) and (max-width: 760px) {
  .tpl-orderdetails .form-buttons button {
    margin-bottom: 20px; }
    .tpl-orderdetails .form-buttons button:first-child {
      margin-left: 0;
      float: left; } }
  @media (min-width: 0) and (max-width: 760px) and (min-width: 760px) {
    .tpl-orderdetails .form-buttons button {
      margin-bottom: 30px; } }
  @media (min-width: 0) and (max-width: 760px) and (min-width: 970px) {
    .tpl-orderdetails .form-buttons button {
      margin-bottom: 40px; } }

@media (min-width: 0) and (max-width: 760px) {
  .tpl-orderdetails .form-buttons input {
    margin: 0;
    width: 100%; } }

.tpl-selectaddress .btn-newaddress {
  display: block;
  float: left;
  clear: both;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-selectaddress .btn-newaddress {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-selectaddress .btn-newaddress {
      margin-bottom: 40px; } }

@media (min-width: 760px) {
  .tpl-selectaddress .intro {
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%; }
  .tpl-selectaddress .btn-newaddress {
    clear: none;
    float: right;
    width: 31.03448%;
    float: right;
    margin-right: 0;
    padding: 0;
    text-align: right; } }

.order-summary-details {
  border-top: 1px solid #B4B5B4;
  margin-bottom: 60px; }
  .order-summary-details h2 {
    color: #999;
    font-family: 'mihero-light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 20px 0; }
    @media (min-width: 970px) {
      .order-summary-details h2 {
        font-size: 16px;
        line-height: 22px; } }
  .order-summary-details ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 40px; }
  @media (min-width: 760px) {
    .order-summary-details h2 {
      margin-bottom: 30px; }
    .order-summary-details ul {
      margin-bottom: 0; }
    .order-summary-details > div {
      width: 31.03448%;
      float: left;
      margin-right: 3.44828%; }
      .order-summary-details > div:last-child {
        margin-right: 0; } }

.order-summary-list .delivery,
.order-summary-list .vat,
.order-summary-list .total,
.order-summary-list .actions,
.order-summary-list .item {
  border-top: 1px solid #B4B5B4; }

.order-summary-list .delivery,
.order-summary-list .total,
.order-summary-list .vat {
  padding: 5px 0;
  line-height: 40px; }
  @media (min-width: 760px) {
    .order-summary-list .delivery,
    .order-summary-list .total,
    .order-summary-list .vat {
      line-height: 50px; } }

.order-summary-list .form-buttons {
  padding-top: 30px;
  margin-bottom: 60px; }

.order-summary-list .item {
  padding: 20px 0 40px 0; }
  @media (min-width: 760px) {
    .order-summary-list .item {
      padding-bottom: 20px; } }

.order-summary-list .item-header {
  border-top: 0;
  padding: 0 0 10px 0;
  color: #B4B5B4;
  display: none; }
  @media (min-width: 760px) {
    .order-summary-list .item-header {
      display: block; } }

.order-summary-list .item-image,
.order-summary-list .item-details,
.order-summary-list .item-quantity,
.order-summary-list .item-cost,
.order-summary-list .item-weight {
  float: left;
  width: 20%; }
  .order-summary-list .item-image b,
  .order-summary-list .item-details b,
  .order-summary-list .item-quantity b,
  .order-summary-list .item-cost b,
  .order-summary-list .item-weight b {
    color: #B4B5B4; }
  .order-summary-list .item-image i,
  .order-summary-list .item-details i,
  .order-summary-list .item-quantity i,
  .order-summary-list .item-cost i,
  .order-summary-list .item-weight i {
    font-style: normal; }
  .order-summary-list .item-image ul,
  .order-summary-list .item-details ul,
  .order-summary-list .item-quantity ul,
  .order-summary-list .item-cost ul,
  .order-summary-list .item-weight ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 40px; }

.order-summary-list .item-details {
  width: 40%; }

.order-summary-list .item-cost {
  float: right; }

.order-summary-list .item-weight,
.order-summary-list .item-cost,
.order-summary-list .item-quantity {
  display: block;
  width: auto;
  clear: both;
  text-align: left;
  float: left;
  width: 100%;
  padding-left: 80px; }
  .order-summary-list .item-weight b, .order-summary-list .item-weight i,
  .order-summary-list .item-cost b,
  .order-summary-list .item-cost i,
  .order-summary-list .item-quantity b,
  .order-summary-list .item-quantity i {
    width: 50%;
    display: block;
    float: left; }
  @media (min-width: 760px) {
    .order-summary-list .item-weight,
    .order-summary-list .item-cost,
    .order-summary-list .item-quantity {
      padding: 0;
      float: left;
      width: 20%;
      clear: none; }
      .order-summary-list .item-weight b, .order-summary-list .item-weight i,
      .order-summary-list .item-cost b,
      .order-summary-list .item-cost i,
      .order-summary-list .item-quantity b,
      .order-summary-list .item-quantity i {
        width: 100%;
        display: block; }
      .order-summary-list .item-weight b,
      .order-summary-list .item-cost b,
      .order-summary-list .item-quantity b {
        display: none; } }

.order-summary-list .item-image {
  width: 40px; }
  .order-summary-list .item-image img {
    width: 100%;
    height: auto; }
  @media (min-width: 760px) {
    .order-summary-list .item-image {
      width: 60px; } }

.order-summary-list .item-details {
  padding-left: 20px; }

.worldpay img {
  width: auto;
  max-width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .worldpay img {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .worldpay img {
      margin-bottom: 40px; } }

.worldpay p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .worldpay p {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .worldpay p {
      margin-bottom: 40px; } }

ul.project-list {
  margin-top: -20px;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }
  ul.project-list > li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #B4B5B4; }
  ul.project-list h3 {
    color: #999;
    font-family: 'mihero-light', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px; }
    @media (min-width: 970px) {
      ul.project-list h3 {
        font-size: 16px;
        line-height: 22px; } }
    @media (min-width: 760px) {
      ul.project-list h3 {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      ul.project-list h3 {
        margin-bottom: 40px; } }

.btn-newproject {
  margin-top: -60px;
  float: right;
  height: 0; }
  .btn-newproject a:before {
    content: "+ "; }

.tpl-project .page-sidebar + .page-main {
  margin-top: 40px; }
  @media (min-width: 970px) {
    .tpl-project .page-sidebar + .page-main {
      margin-top: 0; } }

.tpl-project .page-header a,
.tpl-project-detail .page-header a {
  float: right;
  position: relative;
  top: 7px; }

.tpl-project .page-main,
.tpl-project-detail .page-main {
  padding: 20px 0;
  border-top: 1px solid #B4B5B4; }

.tpl-project .js-edit-project,
.tpl-project-detail .js-edit-project {
  text-decoration: none; }

.tpl-project .description,
.tpl-project-detail .description {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .tpl-project .description,
    .tpl-project-detail .description {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .tpl-project .description,
    .tpl-project-detail .description {
      margin-bottom: 40px; } }

.tpl-project ul.project-controls,
.tpl-project-detail ul.project-controls {
  margin: 0 0 20px 0;
  clear: both;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }
  .tpl-project ul.project-controls .btn, .tpl-search .result-list .search-result-cta .tpl-project ul.project-controls a, .tpl-project ul.project-controls .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta ul.project-controls a,
  .tpl-project-detail .result-list .search-result-cta .tpl-project ul.project-controls a,
  .tpl-project-detail ul.project-controls .btn, .tpl-search .result-list .search-result-cta
  .tpl-project-detail ul.project-controls a, .tpl-project .result-list .search-result-cta
  .tpl-project-detail ul.project-controls a,
  .tpl-project-detail ul.project-controls .result-list .search-result-cta a,
  .tpl-project-detail .result-list .search-result-cta ul.project-controls a {
    min-width: 0 !important; }
  .tpl-project ul.project-controls li,
  .tpl-project-detail ul.project-controls li {
    padding-right: 20px; }
    .tpl-project ul.project-controls li:last-child,
    .tpl-project-detail ul.project-controls li:last-child {
      margin-right: 0; }
    .tpl-project ul.project-controls li a,
    .tpl-project-detail ul.project-controls li a {
      display: block;
      text-align: center;
      min-width: 10px;
      margin-right: 0; }
      .tpl-project ul.project-controls li a:hover,
      .tpl-project-detail ul.project-controls li a:hover {
        text-decoration: none; }
      .tpl-project ul.project-controls li a.actions-download,
      .tpl-project-detail ul.project-controls li a.actions-download {
        display: none; }
  @media (min-width: 760px) {
    .tpl-project ul.project-controls,
    .tpl-project-detail ul.project-controls {
      padding-top: 0;
      float: right; }
      .tpl-project ul.project-controls li,
      .tpl-project-detail ul.project-controls li {
        width: auto;
        margin-right: 0;
        margin-left: 40px;
        padding-right: 0; } }
  @media (min-width: 970px) {
    .tpl-project ul.project-controls,
    .tpl-project-detail ul.project-controls {
      margin-top: 20px;
      margin-bottom: 40px; }
      .tpl-project ul.project-controls.actions-download,
      .tpl-project-detail ul.project-controls.actions-download {
        display: block; } }

.tpl-project .project-filter,
.tpl-project-detail .project-filter {
  clear: both; }
  .tpl-project .project-filter .field-wrapper,
  .tpl-project-detail .project-filter .field-wrapper {
    float: left;
    clear: none;
    margin: 0 0 10px 0; }
    .tpl-project .project-filter .field-wrapper label,
    .tpl-project-detail .project-filter .field-wrapper label {
      margin-bottom: 10px; }
  .tpl-project .project-filter .project-viewswitch,
  .tpl-project-detail .project-filter .project-viewswitch {
    color: #B4B5B4;
    float: left;
    margin-bottom: 20px; }
    .tpl-project .project-filter .project-viewswitch a,
    .tpl-project-detail .project-filter .project-viewswitch a {
      text-decoration: none; }
      .tpl-project .project-filter .project-viewswitch a.selected, .tpl-project .project-filter .project-viewswitch a:hover,
      .tpl-project-detail .project-filter .project-viewswitch a.selected,
      .tpl-project-detail .project-filter .project-viewswitch a:hover {
        color: #B4B5B4; }
      .tpl-project .project-filter .project-viewswitch a.selected,
      .tpl-project-detail .project-filter .project-viewswitch a.selected {
        border-bottom: 1px solid #B4B5B4; }
  @media (min-width: 760px) {
    .tpl-project .project-filter .field-wrapper,
    .tpl-project-detail .project-filter .field-wrapper {
      max-width: 270px;
      margin: 0 0 30px 0; }
      .tpl-project .project-filter .field-wrapper label, .tpl-project .project-filter .field-wrapper select,
      .tpl-project-detail .project-filter .field-wrapper label,
      .tpl-project-detail .project-filter .field-wrapper select {
        font-size: 16px; }
    .tpl-project .project-filter .project-viewswitch,
    .tpl-project-detail .project-filter .project-viewswitch {
      margin: 40px 0 40px 0; } }

.tpl-project .project-items,
.tpl-project-detail .project-items {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .tpl-project .project-items:after,
  .tpl-project-detail .project-items:after {
    content: " ";
    display: block;
    clear: both; }
  .tpl-project .project-items .project-item,
  .tpl-project-detail .project-items .project-item {
    position: relative; }
    .tpl-project .project-items .project-item a,
    .tpl-project-detail .project-items .project-item a {
      color: #666766;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .tpl-project .project-items .project-item.text-colour-white a,
    .tpl-project-detail .project-items .project-item.text-colour-white a {
      color: #FFFFFF; }
    @media (min-width: 970px) {
      .tpl-project .project-items .project-item .actions,
      .tpl-project-detail .project-items .project-item .actions {
        display: none; }
      .tpl-project .project-items .project-item:hover .actions,
      .tpl-project-detail .project-items .project-item:hover .actions {
        display: block; } }
  .tpl-project .project-items .js-table-view th,
  .tpl-project-detail .project-items .js-table-view th {
    text-align: left;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #B4B5B4; }
  .tpl-project .project-items .js-table-view td,
  .tpl-project-detail .project-items .js-table-view td {
    vertical-align: top; }
  .tpl-project .project-items .js-thumbnail-view,
  .tpl-project-detail .project-items .js-thumbnail-view {
    position: relative;
    width: 100%; }
    .tpl-project .project-items .js-thumbnail-view .project-result-image,
    .tpl-project-detail .project-items .js-thumbnail-view .project-result-image {
      position: relative;
      width: 100%; }
    .tpl-project .project-items .js-thumbnail-view .paper-info,
    .tpl-project-detail .project-items .js-thumbnail-view .paper-info {
      width: 100%;
      height: 100%;
      display: block;
      padding: 10px;
      padding-right: 0;
      border-right: solid 10px transparent;
      white-space: nowrap;
      overflow: hidden;
      font-size: 11px;
      line-height: 14px; }
      @media (min-width: 760px) {
        .tpl-project .project-items .js-thumbnail-view .paper-info,
        .tpl-project-detail .project-items .js-thumbnail-view .paper-info {
          padding: 20px;
          border-right: 0;
          white-space: normal;
          font-size: 14px;
          line-height: 20px; } }
      @media (min-width: 970px) {
        .tpl-project .project-items .js-thumbnail-view .paper-info,
        .tpl-project-detail .project-items .js-thumbnail-view .paper-info {
          font-size: 16px;
          line-height: 22px; } }
    .tpl-project .project-items .js-thumbnail-view img,
    .tpl-project-detail .project-items .js-thumbnail-view img {
      display: block;
      width: 100%;
      height: auto; }
    .tpl-project .project-items .js-thumbnail-view ul,
    .tpl-project-detail .project-items .js-thumbnail-view ul {
      margin: 0;
      overflow: hidden;
      padding-bottom: 0;
      position: relative; }
    @media (min-width: 0) and (max-width: 760px) {
      .tpl-project .project-items .js-thumbnail-view > ul > li,
      .tpl-project-detail .project-items .js-thumbnail-view > ul > li {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(2n + 1),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(2n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(2n + 2),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(2n + 2) {
          margin-left: 50%;
          margin-right: -100%;
          clear: none; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(odd),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(odd) {
          padding-left: 0; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(even),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(even) {
          padding-right: 0; } }
    @media (min-width: 760px) {
      .tpl-project .project-items .js-thumbnail-view > ul > li,
      .tpl-project-detail .project-items .js-thumbnail-view > ul > li {
        width: 31.03448%;
        float: left;
        margin-bottom: 2.63158%; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(3n + 1),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both;
          margin-left: 0; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(3n + 2),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(3n + 2) {
          margin-left: 34.48276%;
          margin-right: -100%;
          clear: none; }
        .tpl-project .project-items .js-thumbnail-view > ul > li:nth-child(3n + 3),
        .tpl-project-detail .project-items .js-thumbnail-view > ul > li:nth-child(3n + 3) {
          margin-left: 68.96552%;
          margin-right: -100%;
          clear: none; } }
    @media (min-width: 970px) {
      .tpl-project .project-items .js-thumbnail-view > ul > li,
      .tpl-project-detail .project-items .js-thumbnail-view > ul > li {
        margin-bottom: 3.22893%; } }
  .tpl-project .project-items .actions,
  .tpl-project-detail .project-items .actions {
    position: absolute;
    margin: 0;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: 30px; }
    @media (min-width: 760px) {
      .tpl-project .project-items .actions,
      .tpl-project-detail .project-items .actions {
        left: 20px;
        width: calc(100% - 40px);
        bottom: 20px;
        height: 42px; } }
    .tpl-project .project-items .actions ul,
    .tpl-project-detail .project-items .actions ul {
      position: static; }
    .tpl-project .project-items .actions input,
    .tpl-project .project-items .actions a,
    .tpl-project-detail .project-items .actions input,
    .tpl-project-detail .project-items .actions a {
      border-color: #FFFFFF;
      color: #FFFFFF; }
      .tpl-project .project-items .actions input:hover,
      .tpl-project .project-items .actions a:hover,
      .tpl-project-detail .project-items .actions input:hover,
      .tpl-project-detail .project-items .actions a:hover {
        background-color: #B4B5B4; }
    .tpl-project .project-items .actions.text-colour-grey input,
    .tpl-project .project-items .actions.text-colour-grey a,
    .tpl-project-detail .project-items .actions.text-colour-grey input,
    .tpl-project-detail .project-items .actions.text-colour-grey a {
      border-color: #666766;
      color: #666766; }
      .tpl-project .project-items .actions.text-colour-grey input:hover,
      .tpl-project .project-items .actions.text-colour-grey a:hover,
      .tpl-project-detail .project-items .actions.text-colour-grey input:hover,
      .tpl-project-detail .project-items .actions.text-colour-grey a:hover {
        background-color: #dcdcdb; }
    .tpl-project .project-items .actions .delete,
    .tpl-project-detail .project-items .actions .delete {
      position: absolute;
      right: 0;
      bottom: 0; }
      .tpl-project .project-items .actions .delete input[type='submit'],
      .tpl-project-detail .project-items .actions .delete input[type='submit'] {
        display: block;
        text-indent: -9999px;
        padding: 10px;
        margin: 0;
        width: 30px;
        height: 30px;
        overflow: hidden;
        min-width: 0;
        line-height: 20px;
        background-image: url(../images/icons/close.svg) !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 12px 12px;
        border: 1px solid #FFFFFF; }
        .tpl-project .project-items .actions .delete input[type='submit']:hover,
        .tpl-project-detail .project-items .actions .delete input[type='submit']:hover {
          background-color: #B4B5B4; }
        @media (min-width: 760px) {
          .tpl-project .project-items .actions .delete input[type='submit'],
          .tpl-project-detail .project-items .actions .delete input[type='submit'] {
            width: 42px;
            height: 42px; } }
    .tpl-project .project-items .actions.text-colour-grey .delete input[type='submit'],
    .tpl-project-detail .project-items .actions.text-colour-grey .delete input[type='submit'] {
      border: 1px solid #666766;
      background-image: url(../images/icons/close-dark.svg) !important; }
      .tpl-project .project-items .actions.text-colour-grey .delete input[type='submit']:hover,
      .tpl-project-detail .project-items .actions.text-colour-grey .delete input[type='submit']:hover {
        background-color: #dcdcdb; }
    .tpl-project .project-items .actions .add a,
    .tpl-project-detail .project-items .actions .add a {
      width: 30px;
      height: 30px;
      bottom: auto;
      text-indent: -9999px;
      min-width: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 10px 10px;
      border-color: #FFFFFF;
      background-image: url(../images/icons/plus-white.svg); }
      @media (min-width: 760px) {
        .tpl-project .project-items .actions .add a,
        .tpl-project-detail .project-items .actions .add a {
          width: auto;
          height: auto;
          padding: 10px 0;
          background-image: none;
          margin-right: 60px;
          text-indent: 0;
          font-size: 14px;
          line-height: 20px; } }
      @media (min-width: 970px) {
        .tpl-project .project-items .actions .add a,
        .tpl-project-detail .project-items .actions .add a {
          padding: 9px 0;
          font-size: 16px;
          line-height: 22px; } }
    .tpl-project .project-items .actions.text-colour-grey .add a,
    .tpl-project-detail .project-items .actions.text-colour-grey .add a {
      border-color: #666766;
      background-image: url(../images/icons/plus-black.svg); }
      @media (min-width: 760px) {
        .tpl-project .project-items .actions.text-colour-grey .add a,
        .tpl-project-detail .project-items .actions.text-colour-grey .add a {
          background-image: none; } }
  .tpl-project .project-items .js-table-view,
  .tpl-project-detail .project-items .js-table-view {
    clear: both; }

.tpl-project .list-actions,
.tpl-project-detail .list-actions {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0; }
  @media (min-width: 760px) {
    .tpl-project .list-actions,
    .tpl-project-detail .list-actions {
      position: relative; } }
  .tpl-project .list-actions a,
  .tpl-project-detail .list-actions a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF; }
  .tpl-project .list-actions .on a,
  .tpl-project-detail .list-actions .on a {
    border-bottom: 1px solid #B4B5B4; }

.tpl-project .results-header,
.tpl-project-detail .results-header {
  display: none; }

.tpl-project .result-list,
.tpl-project-detail .result-list {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #B4B5B4;
  margin-bottom: 40px; }
  .tpl-project .result-list ul,
  .tpl-project-detail .result-list ul {
    margin: 0 0 -10px 0; }
  .tpl-project .result-list a,
  .tpl-project-detail .result-list a {
    text-decoration: none; }
  .tpl-project .result-list > li,
  .tpl-project-detail .result-list > li {
    border-bottom: 1px solid #B4B5B4;
    padding: 20px 0;
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .tpl-project .result-list li li,
  .tpl-project-detail .result-list li li {
    overflow: hidden;
    padding-left: 70px;
    position: relative;
    margin-bottom: 20px; }
    .tpl-project .result-list li li:last-child,
    .tpl-project-detail .result-list li li:last-child {
      margin-bottom: 0; }
    .tpl-project .result-list li li b,
    .tpl-project-detail .result-list li li b {
      margin-bottom: 0;
      clear: both;
      display: block; }
  .tpl-project .result-list .search-result-image img,
  .tpl-project-detail .result-list .search-result-image img {
    width: 50px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0; }
  .tpl-project .result-list .search-result-cta,
  .tpl-project-detail .result-list .search-result-cta {
    overflow: visible;
    overflow: hidden; }
    .tpl-project .result-list .search-result-cta .btn, .tpl-project .tpl-search .result-list .search-result-cta a, .tpl-search .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta a, .tpl-project
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .tpl-project .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta .btn,
    .tpl-project-detail .tpl-search .result-list .search-result-cta a, .tpl-search
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .tpl-project .result-list .search-result-cta a, .tpl-project
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a {
      display: inline-block;
      margin-right: 20px; }
    .tpl-project .result-list .search-result-cta input[type='submit'],
    .tpl-project-detail .result-list .search-result-cta input[type='submit'] {
      min-width: auto; }
    .tpl-project .result-list .search-result-cta .btn, .tpl-project .tpl-search .result-list .search-result-cta a, .tpl-search .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta a, .tpl-project
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .tpl-project .result-list .search-result-cta a,
    .tpl-project .result-list .search-result-cta input[type='submit'],
    .tpl-project-detail .result-list .search-result-cta .btn,
    .tpl-project-detail .tpl-search .result-list .search-result-cta a, .tpl-search
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .tpl-project .result-list .search-result-cta a, .tpl-project
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta input[type='submit'] {
      float: left;
      margin-bottom: 10px; }

@media (min-width: 760px) {
  .tpl-project .results-header,
  .tpl-project-detail .results-header {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: block;
    margin-bottom: 20px; }
    .tpl-project .results-header .search-header-product,
    .tpl-project .results-header .search-header-gsm,
    .tpl-project .results-header .search-header-size,
    .tpl-project .results-header .search-header-fibre,
    .tpl-project-detail .results-header .search-header-product,
    .tpl-project-detail .results-header .search-header-gsm,
    .tpl-project-detail .results-header .search-header-size,
    .tpl-project-detail .results-header .search-header-fibre {
      width: 31.03448%;
      float: left;
      margin-right: 3.44828%; }
    .tpl-project .results-header .search-header-fibre,
    .tpl-project .results-header .search-header-size,
    .tpl-project-detail .results-header .search-header-fibre,
    .tpl-project-detail .results-header .search-header-size {
      float: right;
      margin-right: 0; }
  .tpl-project .result-list li li,
  .tpl-project-detail .result-list li li {
    padding-left: 0;
    margin-bottom: 0; }
  .tpl-project .result-list .search-result-image,
  .tpl-project .result-list .search-result-grammage,
  .tpl-project .result-list .search-result-size,
  .tpl-project .result-list .search-result-cta,
  .tpl-project-detail .result-list .search-result-image,
  .tpl-project-detail .result-list .search-result-grammage,
  .tpl-project-detail .result-list .search-result-size,
  .tpl-project-detail .result-list .search-result-cta {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%; }
    .tpl-project .result-list .search-result-image b,
    .tpl-project .result-list .search-result-grammage b,
    .tpl-project .result-list .search-result-size b,
    .tpl-project .result-list .search-result-cta b,
    .tpl-project-detail .result-list .search-result-image b,
    .tpl-project-detail .result-list .search-result-grammage b,
    .tpl-project-detail .result-list .search-result-size b,
    .tpl-project-detail .result-list .search-result-cta b {
      display: none; }
  .tpl-project .result-list .search-result-size,
  .tpl-project-detail .result-list .search-result-size {
    float: right;
    margin-right: 0; }
  .tpl-project .result-list .search-result-image,
  .tpl-project-detail .result-list .search-result-image {
    padding-left: 60px; }
  .tpl-project .result-list .search-result-cta,
  .tpl-project-detail .result-list .search-result-cta {
    clear: both;
    margin-top: 20px;
    overflow: visible;
    width: 100%; }
    .tpl-project .result-list .search-result-cta form,
    .tpl-project-detail .result-list .search-result-cta form {
      width: auto;
      float: left;
      margin-left: 60px; }
    .tpl-project .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta a {
      display: inline-block;
      width: auto;
      min-width: 0; } }

.tpl-project .project-item,
.tpl-project-detail .project-item {
  position: relative;
  float: left; }

.tpl-project .project-controls li,
.tpl-project-detail .project-controls li {
  display: inline-block; }

.tpl-project .project-controls a,
.tpl-project .project-controls input,
.tpl-project-detail .project-controls a,
.tpl-project-detail .project-controls input {
  border: 0;
  padding: 0;
  margin-right: 40px; }

.tpl-project .project-controls .btn, .tpl-search .result-list .search-result-cta .tpl-project .project-controls a, .tpl-project .project-controls .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .project-controls a,
.tpl-project-detail .result-list .search-result-cta .tpl-project .project-controls a,
.tpl-project-detail .project-controls .btn, .tpl-search .result-list .search-result-cta
.tpl-project-detail .project-controls a, .tpl-project .result-list .search-result-cta
.tpl-project-detail .project-controls a,
.tpl-project-detail .project-controls .result-list .search-result-cta a,
.tpl-project-detail .result-list .search-result-cta .project-controls a {
  min-width: 0 !important; }

@media (min-width: 760px) {
  .tpl-project .project-controls,
  .tpl-project-detail .project-controls {
    position: absolute;
    top: 20px;
    right: 0; } }

@media (min-width: 970px) {
  .tpl-project .project-controls,
  .tpl-project-detail .project-controls {
    top: 0; }
    .tpl-project .project-controls a, .tpl-project .project-controls input,
    .tpl-project-detail .project-controls a,
    .tpl-project-detail .project-controls input {
      margin-right: 0;
      margin-left: 40px; } }

.project-thumbs {
  margin: 40px 0;
  float: left;
  clear: both;
  list-style-type: none;
  padding: 0; }
  .tpl-project .project-thumbs {
    margin-top: 0; }
  .project-thumbs img {
    width: 64px;
    height: auto; }
  .project-thumbs li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; }
    .project-thumbs li:last-child {
      margin-right: 0; }

ul.project-actions {
  overflow: hidden;
  width: 100%;
  display: block;
  list-style: none;
  padding-left: 0;
  padding-right: 0; }
  ul.project-actions li {
    float: left; }
    ul.project-actions li:last-child .btn, ul.project-actions li:last-child .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta ul.project-actions li:last-child a, ul.project-actions li:last-child .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta ul.project-actions li:last-child a, ul.project-actions li:last-child
    .tpl-project-detail .result-list .search-result-cta a,
    .tpl-project-detail .result-list .search-result-cta ul.project-actions li:last-child a {
      margin-right: 0; }
  ul.project-actions .btn, ul.project-actions .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta ul.project-actions a, ul.project-actions .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta ul.project-actions a, ul.project-actions
  .tpl-project-detail .result-list .search-result-cta a,
  .tpl-project-detail .result-list .search-result-cta ul.project-actions a,
  ul.project-actions .btn-download {
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    line-height: 40px; }

.content {
  /* reset some of the ul list bullets that have been introduced */ }
  .content .project-items,
  .content .js-thumbnail-view ul,
  .content .js-table-view ul,
  .content .project-thumbs {
    list-style-type: none;
    padding: 0; }

.tpl-conqueror .conq-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 160px; }
  .tpl-conqueror .conq-wrapper:after {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    background-image: url(../images/conqueror-sword.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 60px; }
  .tpl-conqueror .conq-wrapper p,
  .tpl-conqueror .conq-wrapper h2,
  .tpl-conqueror .conq-wrapper h3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 60px 30px;
    color: #000; }
  .tpl-conqueror .conq-wrapper h2,
  .tpl-conqueror .conq-wrapper h3 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 60px 0;
    color: #000;
    margin-top: 0; }
  .tpl-conqueror .conq-wrapper p {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: #000;
    padding: 60px 0; }
  @media (min-width: 760px) {
    .tpl-conqueror .conq-wrapper p {
      padding: 60px 80px; } }
  @media (min-width: 1280px) {
    .tpl-conqueror .conq-wrapper p {
      padding: 60px 100px; } }
  .tpl-conqueror .conq-wrapper p + p {
    margin-top: -120px; }
  .tpl-conqueror .conq-wrapper p {
    font-size: 16px;
    line-height: 20px; }
  .tpl-conqueror .conq-wrapper h2,
  .tpl-conqueror .conq-wrapper h3,
  .tpl-conqueror .conq-wrapper strong {
    font-size: 22px;
    line-height: 29px; }
  @media (min-width: 760px) {
    .tpl-conqueror .conq-wrapper h2,
    .tpl-conqueror .conq-wrapper h3,
    .tpl-conqueror .conq-wrapper strong {
      font-size: 26px;
      line-height: 32px; } }
  .tpl-conqueror .conq-wrapper a {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #000;
    padding: 10px 0 10px 0;
    text-align: center;
    color: #000;
    margin-top: -20px;
    margin-bottom: 20px; }
  @media (min-width: 970px) {
    .tpl-conqueror .conq-wrapper a {
      width: 320px;
      margin-left: 32.20339%;
      padding: 10px 25px 10px 0; }
      .tpl-conqueror .conq-wrapper a:before {
        content: "";
        position: absolute;
        top: 17px;
        right: 70px;
        width: 15px;
        height: 10px;
        background-image: url(../images/icons/conq-arrow-right.svg);
        background-repeat: no-repeat;
        background-position: center center; }
      .tpl-conqueror .conq-wrapper a:hover {
        background-color: #dcdcdb;
        border: 1px solid #B4B5B4; }
        .tpl-conqueror .conq-wrapper a:hover:before {
          content: "";
          position: absolute;
          top: 17px;
          right: 70px;
          width: 15px;
          height: 10px; } }

.tpl-conqueror .carousel-container {
  float: left;
  position: relative;
  width: 100vw;
  height: auto;
  margin-left: -50vw;
  left: 50%;
  overflow: hidden;
  text-align: center; }
  .tpl-conqueror .carousel-container:after {
    content: "";
    position: absolute;
    background-image: url(../images/conqueror-banner-graphic.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 380px 600px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 600px;
    width: 100%; }
  @media (min-width: 760px) {
    .tpl-conqueror .carousel-container:after {
      background-size: 580px 600px; } }

@media (min-width: 1280px) {
  .tpl-conqueror .carousel-container {
    height: 840px; } }

.tpl-conqueror .conq-banner {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 70vh;
  margin: 20px auto; }
  .tpl-conqueror .conq-banner .carousel-item {
    height: 70vh;
    position: relative; }
    .tpl-conqueror .conq-banner .carousel-item img {
      max-width: 100%;
      height: 100%; }
    @media (min-width: 760px) {
      .tpl-conqueror .conq-banner .carousel-item img {
        max-width: 100%;
        height: 100%;
        width: 100%; } }
  @media (min-width: 1280px) {
    .tpl-conqueror .conq-banner .carousel-item {
      height: 840px; } }

@media (min-width: 1280px) {
  .tpl-conqueror .conq-banner {
    width: 1500px;
    height: 840px; } }

.tpl-conqueror .vimeo-player {
  clear: both; }
  .tpl-conqueror .vimeo-player .poster::after {
    content: "";
    background: url(../images/icons/conqueror-play.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px; }
  .tpl-conqueror .vimeo-player .player .video-wrapper {
    background-color: transparent; }

.tpl-conqueror .conq-2-images {
  float: left;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .tpl-conqueror .conq-2-images ul {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    padding: 0; }
  .tpl-conqueror .conq-2-images li {
    list-style: none;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%; }
    .tpl-conqueror .conq-2-images li:last-of-type {
      width: 49.15254%;
      float: right;
      margin-right: 0; }

@media (min-width: 1280px) {
  .tpl-conqueror .conq-2-images {
    width: 1200px;
    left: -153px;
    right: 153px; } }

.tpl-conqueror .conq-4-images {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  height: auto; }
  .tpl-conqueror .conq-4-images img {
    max-height: 390px; }
  .tpl-conqueror .conq-4-images ul {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    padding: 0; }
  .tpl-conqueror .conq-4-images li {
    list-style: none; }
    .tpl-conqueror .conq-4-images li:nth-of-type(1) {
      width: 32.20339%;
      float: left;
      margin-right: 1.69492%;
      margin-bottom: 1.8%; }
    .tpl-conqueror .conq-4-images li:nth-of-type(2) {
      width: 66.10169%;
      float: right;
      margin-right: 0; }
    .tpl-conqueror .conq-4-images li:nth-of-type(3) {
      width: 66.10169%;
      float: left;
      margin-right: 1.69492%; }
    .tpl-conqueror .conq-4-images li:nth-of-type(4) {
      width: 32.20339%;
      float: right;
      margin-right: 0; }

.product-header {
  position: relative;
  padding-top: 20px; }
  @media (min-width: 760px) {
    .product-header {
      padding-top: 60px; } }
  @media (min-width: 970px) {
    .product-header {
      padding-top: 80px; } }
  .product-header h1 {
    margin-top: 0;
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .product-header h1 {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .product-header h1 {
        margin-bottom: 40px; } }
  @media (min-width: 760px) {
    .product-header .header-text h1 {
      margin-top: 30px; } }
  @media (min-width: 970px) {
    .product-header .header-text h1 {
      margin-top: 40px; } }
  .product-header .tab-nav-wrapper {
    background-color: rgba(255, 255, 255, 0.85);
    position: relative; }
  .product-header .intro,
  .product-header .header-description {
    display: none; }
    @media (min-width: 760px) {
      .product-header .intro,
      .product-header .header-description {
        display: block; } }
  .product-header .actions-buttons,
  .product-header .toggle {
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .product-header .actions-buttons,
      .product-header .toggle {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .product-header .actions-buttons,
      .product-header .toggle {
        margin-bottom: 40px; } }
  .product-header .actions-buttons,
  .product-header .product-controls {
    clear: both; }
    .product-header .actions-buttons a,
    .product-header .product-controls a {
      display: inline-block;
      text-align: center;
      padding: 8px 10px;
      margin-right: 15px;
      margin-bottom: 10px;
      min-width: 0; }
      .product-header .actions-buttons a:last-child,
      .product-header .product-controls a:last-child {
        margin-right: 0; }
    @media (min-width: 760px) {
      .product-header .actions-buttons,
      .product-header .product-controls {
        min-width: 130px; } }
    @media (min-width: 970px) {
      .product-header .actions-buttons a,
      .product-header .product-controls a {
        min-width: 180px; } }
  .product-header .range-selector .wrapper {
    border-bottom: 1px solid #B4B5B4;
    padding-bottom: 20px; }
  .product-header .range-selector .to-dropdown {
    display: none; }
  .product-header .range-selector .dropdown {
    width: auto;
    min-width: 270px;
    display: block;
    margin-bottom: 0; }
  .product-header .header-image {
    margin-top: 20px;
    margin-bottom: 40px; }
    .product-header .header-image img {
      margin: auto;
      display: block; }
    .product-header .header-image .hidden {
      display: none; }
  .product-header .header-image--zoom img {
    display: none; }
  .product-header .page-header {
    margin-top: 40px;
    margin-bottom: 0; }
    .product-header .page-header h1 {
      margin-bottom: 40px;
      float: left; }
    .product-header .page-header .intro {
      margin: 0 0 20px 0;
      clear: both;
      float: left; }
      @media (min-width: 970px) {
        .product-header .page-header .intro {
          width: 65.51724%; } }
  .product-header .tabs {
    display: none; }
  @media (min-width: 760px) {
    .product-header .range-selector {
      padding-bottom: 30px; }
    .product-header .header-text {
      width: 48.27586%;
      float: left;
      margin-right: 3.44828%;
      min-height: 446px; }
      .product-header .header-text .btn, .product-header .header-text .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .product-header .header-text a, .product-header .header-text .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .product-header .header-text a, .product-header .header-text
      .tpl-project-detail .result-list .search-result-cta a,
      .tpl-project-detail .result-list .search-result-cta .product-header .header-text a {
        width: auto;
        display: inline-block; }
    .product-header .page-header {
      margin-top: 30px;
      margin-bottom: 30px; }
      .product-header .page-header h1, .product-header .page-header .intro {
        margin-bottom: 30px; }
    .product-header .header-image {
      margin-top: 0;
      margin-bottom: 0;
      width: 48.27586%;
      float: right;
      margin-right: 0; }
      .product-header .header-image img {
        width: 100%;
        height: auto;
        display: block; }
    .product-header .wrapper {
      position: relative; }
    .product-header .tabs {
      width: 100%;
      margin-top: 80px;
      display: block; }
    .product-header .dropdown {
      display: none; } }
  @media (min-width: 970px) {
    .product-header .wrapper .actions + .ref {
      bottom: 22px; } }
  @media (min-width: 1280px) {
    .product-header .range-selector {
      padding-bottom: 40px; }
    .product-header .page-header {
      margin-top: 40px;
      margin-bottom: 40px; }
      .product-header .page-header h1,
      .product-header .page-header .intro {
        margin-bottom: 40px; } }
  .product-header .actions a {
    text-decoration: none;
    display: block;
    line-height: 25px;
    margin-bottom: 20px; }
    .product-header .actions a.actions-download {
      display: none; }
    @media (min-width: 760px) {
      .product-header .actions a {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .product-header .actions a {
        margin-bottom: 20px; }
        .product-header .actions a.actions-download {
          display: block; } }
  .product-header .actions img {
    width: 25px;
    height: auto;
    margin-right: 10px;
    position: relative;
    top: 5px;
    display: inline-block; }
  .product-header .actions .download {
    display: none; }
    @media (min-width: 760px) {
      .product-header .actions .download {
        display: block; } }
  .product-header.zoomed {
    background-repeat: no-repeat;
    background-position: -40px -40px; }
    .product-header.zoomed > .container, .product-header.zoomed > ul.slick-dots {
      opacity: 0;
      visibility: hidden; }
    .product-header.zoomed .zoom {
      display: none; }
      .product-header.zoomed .zoom.zoom-out {
        display: block; }
  .product-header .banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .product-header .banner-image img {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .product-header.banner-graphic {
    color: #878787;
    background-color: transparent; }
    .product-header.banner-graphic .range-selector .wrapper {
      border-color: #878787; }
    .product-header.banner-graphic .range-selector select.dropdown {
      color: #878787;
      border-color: #878787;
      background-image: url("../images/icons/arrow-down-grey.svg"); }
      .product-header.banner-graphic .range-selector select.dropdown:focus {
        color: black; }
    .product-header.banner-graphic .tab-nav-wrapper .dropdown {
      margin: 20px 0; }
    .product-header.banner-graphic .page-header .theme, .product-header.banner-graphic .page-header .tabs a:hover, .tabs .product-header.banner-graphic .page-header a:hover, .product-header.banner-graphic .page-header
    .tabs a.active,
    .tabs .product-header.banner-graphic .page-header a.active, .product-header.banner-graphic .page-header
    .tabs .selected a,
    .tabs .selected .product-header.banner-graphic .page-header a, .product-header.banner-graphic .page-header
    .tabs span:hover,
    .tabs .product-header.banner-graphic .page-header span:hover, .product-header.banner-graphic .page-header
    .tabs input:checked + span,
    .tabs .product-header.banner-graphic .page-header input:checked + span, .product-header.banner-graphic .page-header .range-selector .dropdown, .product-header.banner-graphic .range-selector .page-header .dropdown {
      color: #878787; }
    .product-header.banner-graphic .tabs {
      padding-top: 12px; }
    .product-header.banner-graphic.use-white {
      color: white; }
      .product-header.banner-graphic.use-white .range-selector .wrapper {
        border-color: white; }
      .product-header.banner-graphic.use-white .range-selector select.dropdown {
        color: white;
        border-color: white;
        background-image: url("../images/icons/arrow-down-white.svg"); }
      .product-header.banner-graphic.use-white .page-header .theme, .product-header.banner-graphic.use-white .page-header .tabs a:hover, .tabs .product-header.banner-graphic.use-white .page-header a:hover, .product-header.banner-graphic.use-white .page-header
      .tabs a.active,
      .tabs .product-header.banner-graphic.use-white .page-header a.active, .product-header.banner-graphic.use-white .page-header
      .tabs .selected a,
      .tabs .selected .product-header.banner-graphic.use-white .page-header a, .product-header.banner-graphic.use-white .page-header
      .tabs span:hover,
      .tabs .product-header.banner-graphic.use-white .page-header span:hover, .product-header.banner-graphic.use-white .page-header
      .tabs input:checked + span,
      .tabs .product-header.banner-graphic.use-white .page-header input:checked + span, .product-header.banner-graphic.use-white .page-header .range-selector .dropdown, .product-header.banner-graphic.use-white .range-selector .page-header .dropdown {
        color: white; }

.product-body {
  padding-top: 40px; }
  @media (min-width: 760px) {
    .product-body {
      padding-top: 60px; } }
  @media (min-width: 970px) {
    .product-body {
      padding-top: 80px; } }
  .product-body h2.title-header {
    margin-top: 0;
    margin-bottom: 20px;
    clear: both; }
    @media (min-width: 760px) {
      .product-body h2.title-header {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .product-body h2.title-header {
        margin-bottom: 40px; } }
  .product-body .relatedpapers {
    padding-top: 0; }
  .product-body .downloads p {
    float: left;
    margin-right: 10.52632%; }

.wrapper-information {
  overflow: hidden; }

.information {
  margin-bottom: 20px;
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 760px) {
    .information {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .information {
      margin-bottom: 40px; } }
  .information p {
    margin-bottom: 20px; }
    @media (min-width: 760px) {
      .information p {
        margin-bottom: 30px; } }
    @media (min-width: 970px) {
      .information p {
        margin-bottom: 40px; } }
  @media (min-width: 760px) {
    .information .ref,
    .information .header-description {
      display: none; } }

.envelopes {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .envelopes {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .envelopes {
      margin-bottom: 40px; } }
  .envelopes ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
    .envelopes ul li {
      margin-bottom: 5.26316%; }
      .envelopes ul li img {
        height: auto; }
      @media (min-width: 0) and (max-width: 760px) {
        .envelopes ul li {
          width: 50%;
          float: left;
          padding-left: 10px;
          padding-right: 10px;
          margin-bottom: 20px; }
          .envelopes ul li:nth-child(2n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both; }
          .envelopes ul li:nth-child(2n + 2) {
            margin-left: 50%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(odd) {
            padding-left: 0; }
          .envelopes ul li:nth-child(even) {
            padding-right: 0; } }
      @media (min-width: 760px) and (max-width: 970px) {
        .envelopes ul li {
          width: 25%;
          float: left;
          padding-left: 10px;
          padding-right: 10px;
          margin-bottom: 20px; }
          .envelopes ul li:nth-child(4n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both; }
          .envelopes ul li:nth-child(4n + 2) {
            margin-left: 25%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 3) {
            margin-left: 50%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 4) {
            margin-left: 75%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 1) {
            padding-left: 0; }
          .envelopes ul li:nth-child(4n) {
            padding-right: 0; } }
      @media (min-width: 970px) {
        .envelopes ul li {
          width: 25%;
          float: left;
          padding-left: 10px;
          padding-right: 10px;
          margin-bottom: 20px;
          padding: 0 20px; }
          .envelopes ul li:nth-child(4n + 1) {
            margin-left: 0;
            margin-right: -100%;
            clear: both; }
          .envelopes ul li:nth-child(4n + 2) {
            margin-left: 25%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 3) {
            margin-left: 50%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 4) {
            margin-left: 75%;
            margin-right: -100%;
            clear: none; }
          .envelopes ul li:nth-child(4n + 1) {
            padding-left: 0; }
          .envelopes ul li:nth-child(4n) {
            padding-right: 0; } }
  .envelopes img {
    width: 100%; }
  .envelopes p {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px; }
    .envelopes p.windows-available {
      margin-bottom: 4px; }

.ranges {
  height: 100%;
  min-height: 100vh;
  padding: 60px 0; }
  .ranges h1 {
    display: none; }
  .ranges li {
    font-size: 28px;
    line-height: 1.2; }
    .ranges li a {
      text-decoration: none; }
      .ranges li a:hover {
        color: #B4B5B4; }
  @media (min-width: 760px) {
    .ranges {
      padding: 90px 0; }
      .ranges li {
        font-size: 50px;
        line-height: 60px; } }
  @media (min-width: 970px) {
    .ranges {
      padding: 120px 0; }
      .ranges li {
        font-size: 60px;
        line-height: 72px; } }

.watermark-images-with-size,
.watermark-images-non-size {
  overflow: hidden; }
  .watermark-images-with-size li,
  .watermark-images-non-size li {
    margin-bottom: 10.52632%; }
    @media (min-width: 760px) {
      .watermark-images-with-size li,
      .watermark-images-non-size li {
        width: 33.33333%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px; }
        .watermark-images-with-size li:nth-child(3n + 1),
        .watermark-images-non-size li:nth-child(3n + 1) {
          margin-left: 0;
          margin-right: -100%;
          clear: both; }
        .watermark-images-with-size li:nth-child(3n + 2),
        .watermark-images-non-size li:nth-child(3n + 2) {
          margin-left: 33.33333%;
          margin-right: -100%;
          clear: none; }
        .watermark-images-with-size li:nth-child(3n + 3),
        .watermark-images-non-size li:nth-child(3n + 3) {
          margin-left: 66.66667%;
          margin-right: -100%;
          clear: none; } }
  @media (min-width: 760px) {
    .watermark-images-with-size,
    .watermark-images-non-size {
      margin-bottom: 60px; } }
  @media (min-width: 970px) {
    .watermark-images-with-size,
    .watermark-images-non-size {
      margin-bottom: 80px; } }

.watermark-images-with-size {
  margin-bottom: 40px; }
  .watermark-images-with-size img {
    width: 90%; }

.finishes {
  margin-top: 20px; }
  .finishes ul {
    margin: 0; }
  .finishes .finish {
    border-top: 1px solid #B4B5B4;
    padding: 0; }
  .finishes .btn, .finishes .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .finishes a, .finishes .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .finishes a, .finishes
  .tpl-project-detail .result-list .search-result-cta a,
  .tpl-project-detail .result-list .search-result-cta .finishes a {
    width: 100%;
    display: block;
    text-align: center; }
  .finishes h2 {
    display: none; }
  .finishes h3 {
    margin: 20px 0;
    font-size: 22px;
    line-height: 28px; }
    @media (min-width: 760px) {
      .finishes h3 {
        font-size: 24px;
        line-height: 30px; } }
    @media (min-width: 970px) {
      .finishes h3 {
        font-size: 26px;
        line-height: 32px; } }
  .finishes p {
    margin-bottom: 20px; }
  .finishes .finish-image {
    margin-bottom: 20px; }
  @media (min-width: 760px) {
    .finishes {
      margin-top: 30px; }
      .finishes h3 {
        margin: 40px 0; }
      .finishes p {
        margin-bottom: 40px; }
      .finishes .finish {
        padding: 30px 0; }
        .finishes .finish:last-of-type {
          padding-bottom: 0; }
      .finishes .finish-description {
        width: 65.51724%;
        float: left;
        margin-right: 3.44828%; }
        .finishes .finish-description .btn, .finishes .finish-description .tpl-search .result-list .search-result-cta a, .tpl-search .result-list .search-result-cta .finishes .finish-description a, .finishes .finish-description .tpl-project .result-list .search-result-cta a, .tpl-project .result-list .search-result-cta .finishes .finish-description a, .finishes .finish-description
        .tpl-project-detail .result-list .search-result-cta a,
        .tpl-project-detail .result-list .search-result-cta .finishes .finish-description a {
          width: auto;
          display: inline-block; }
      .finishes .finish-image {
        width: 31.03448%;
        float: right;
        margin-right: 0;
        margin-bottom: 0; } }
  @media (min-width: 970px) {
    .finishes {
      margin-top: 80px; }
      .finishes .finish {
        padding: 40px 0; } }

.product-pagination .prev,
.product-pagination .next {
  display: none; }

.product-pagination .zoom {
  width: 20px;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 30px;
  cursor: pointer;
  z-index: 1;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: none;
  background-image: url(../images/icons/zoom.svg); }
  .product-pagination .zoom.zoom-out {
    display: none;
    background-image: url(../images/icons/zoom-out.svg); }

@media (min-width: 760px) {
  .product-pagination .container, .product-pagination ul.slick-dots {
    position: relative; }
  .product-pagination .zoom {
    top: -40px;
    right: 0; } }

@media (min-width: 970px) {
  .product-pagination .prev,
  .product-pagination .next {
    display: block;
    position: absolute;
    top: 50%;
    display: block;
    height: 40px;
    margin-top: -20px; }
    .product-pagination .prev img,
    .product-pagination .next img {
      height: 40px;
      width: auto; }
  .product-pagination .prev {
    left: 40px; }
  .product-pagination .next {
    right: 40px; } }

@media (min-width: 1280px) {
  .product-pagination .container, .product-pagination ul.slick-dots {
    position: static; }
  .product-pagination .zoom {
    width: 40px;
    top: 40px;
    right: 40px;
    padding-top: 40px;
    background-image: url(../images/icons/zoom-large.svg); }
    .product-pagination .zoom.zoom-out {
      background-image: url(../images/icons/zoom-out-large.svg); } }

.tpl-range .page-header h1 {
  font-size: 22px;
  line-height: 28px; }
  @media (min-width: 760px) {
    .tpl-range .page-header h1 {
      font-size: 30px;
      line-height: 40px; } }
  @media (min-width: 970px) {
    .tpl-range .page-header h1 {
      font-size: 40px;
      line-height: 48px; } }

.tpl-range .tabs {
  margin-top: 0; }

/* line up tab content bottom spacing */
.tab-content .wrapper,
.relatedpapers:not(.slim) .wrapper {
  margin-bottom: 90px; }
  @media (min-width: 760px) {
    .tab-content .wrapper,
    .relatedpapers:not(.slim) .wrapper {
      margin-bottom: 90px; } }
  @media (min-width: 970px) {
    .tab-content .wrapper,
    .relatedpapers:not(.slim) .wrapper {
      margin-bottom: 120px; } }

.tab-content .container:last-of-type .chart, .tab-content ul.slick-dots:last-of-type .chart,
.relatedpapers:not(.slim) .container:last-of-type .chart,
.relatedpapers:not(.slim) ul.slick-dots:last-of-type .chart {
  margin-bottom: 0; }

@media (min-width: 760px) {
  .tab-content .two-columns-text p:last-of-type,
  .relatedpapers:not(.slim) .two-columns-text p:last-of-type {
    margin-bottom: 0; } }

@media (min-width: 970px) {
  .tpl-paperbook .content .wrapper {
    width: 65.51724%;
    float: left;
    margin-right: 3.44828%; } }

.tpl-paperbook .content .filer_image {
  width: 100%;
  display: block; }

.tpl-paperbook .content .addtocart,
.tpl-paperbook .content .textblock {
  margin-bottom: 80px; }
  @media (min-width: 760px) {
    .tpl-paperbook .content .addtocart,
    .tpl-paperbook .content .textblock {
      margin-bottom: 100px; } }
  @media (min-width: 970px) {
    .tpl-paperbook .content .addtocart,
    .tpl-paperbook .content .textblock {
      margin-bottom: 120px; } }

.tpl-paperbook .content .vimeo-player + .textblock,
.tpl-paperbook .content .filer_image + .textblock {
  margin-top: 80px; }
  @media (min-width: 760px) {
    .tpl-paperbook .content .vimeo-player + .textblock,
    .tpl-paperbook .content .filer_image + .textblock {
      margin-top: 100px; } }
  @media (min-width: 970px) {
    .tpl-paperbook .content .vimeo-player + .textblock,
    .tpl-paperbook .content .filer_image + .textblock {
      margin-top: 120px; } }

.tpl-paperbook .content .textblock + .addtocart,
.tpl-paperbook .content .textblock + .textblock {
  margin-top: -60px; }
  @media (min-width: 760px) {
    .tpl-paperbook .content .textblock + .addtocart,
    .tpl-paperbook .content .textblock + .textblock {
      margin-top: -70px; } }
  @media (min-width: 970px) {
    .tpl-paperbook .content .textblock + .addtocart,
    .tpl-paperbook .content .textblock + .textblock {
      margin-top: -120px; } }

.tpl-paperbook .content .slick-dots {
  position: relative;
  top: -40px;
  clear: both; }

.tpl-paperbook-2 {
  background-color: #fff; }
  .tpl-paperbook-2 .textblock {
    text-align: center;
    margin-bottom: 20px;
    color: #707070; }
    @media (min-width: 760px) {
      .tpl-paperbook-2 .textblock {
        margin-bottom: 50px; } }
    .tpl-paperbook-2 .textblock + .text-with-background-image .copy-container {
      max-width: 560px;
      margin-left: 0; }

/*paper book 2021*/
.container-900 {
	max-width: 900px;
	margin: 0px auto;
}
.content-white {
	background: #fff;
}
.content-white h1{
	color: #000;
}
.content-white p{
	color: #707070;
}
.description-block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:40px;
}
@media screen and (max-width: 767px) {
	.description-block {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
	}
}
.description-block-gray	{
	background: #878787;
}
.description-block-gray	.slider-box {
	background: #e3e8e9;
}
.desciption-block-gray-light .slider-box {
	background: #f0f0f0;
}

.description-block .slider-box,
.description-block .descript-box {
	width: 50%;
}
.description-block .descript-box {
	width: 50%;
	text-align: center;
	color: #fff;
	padding: 0 20px;
}
@media screen and (max-width: 991px) {
	.container-900 {
		width: 94%;
	}
	.description-block {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 450px;
		margin: 40px auto;
	}
	.description-block .slider-box,
	.description-block .descript-box {
		width: 100%;
	}
	.description-block .descript-box {
		padding: 20px!important;
	}
}
@media screen and (max-width: 575px) {
	.description-block {
		width: 100%;
	}
}
.descript-box h2 {
	font-size: 2em;
	margin: 0 0 30px;
	line-height: 1.3;
}
.descript-box h3 {
	color: #fff;
	font-size: 1.25em;
	margin-bottom: 20px;
}
.descript-box h6 {
	color: #fff;
	font-size: 0.75em;
	margin-top: 20px;
}
.descript-box p {
	margin: 5px 0;
	color: #fff;
}
.descript-box img {
	display: inline-block;
}
.description-block-gray .addtocart.container .wrapper button {
	margin: 0!important ;
    border-color: #fff!important ;
    color: #fff!important ;
}
.description-carousel.slick-dotted.slick-slider {
  margin-bottom: 0!important;
}
.description-carousel .slick-arrow {
	background: url(https://arjowigginscreativepapers.com/static/image2021/carousel-arrow.svg) center center no-repeat!important;
}
.description-carousel .slick-dots {
	position: absolute;
	top: auto;
	bottom: 25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0!important;
	margin: 0!important;
	width: 100%;
}
.description-carousel ul.slick-dots button {
	padding: 0;
	border: 1px solid #878787;
	text-indent: -9999px;
	width: 10px;
	min-width: 10px;
	height: 10px;
	overflow: hidden;
	margin-right: 0;
	background: transparent!important;
}
.description-carousel ul.slick-dots button:hover,
.description-carousel ul.slick-dots .slick-active button {
	background: #878787!important;
}

.description-block-blue	{
	background: #141b29;
}
.description-block-blue	.slider-box {
	background: #182243;
}
.description-block	.descript-box li {
    text-align:center;
}

.description-block-blue	.descript-box h2 {
	color: #9a824f;
	margin-bottom: 0;
	font-size: 1.75em;
}
.description-block-blue	.descript-box h4 {
	color: #9a824f;
	font-size: 1.25em;
	margin-bottom: 25px;
}
.description-block-blue	.descript-box p {
	font-size: 0.85em;
}
.my20 {
	margin: 20px 0!important;
}
.description-block-blue	.descript-box button {
    margin: 0;
    border-color: #9a824f;
	color: #9a824f;
}

/*carousel homepage*/
.home-carousel .item-carousel.item-bg-gray {
	background: url(../images/image2021/bg-gray.jpg);
}
.home-carousel .item-carousel.item-bg-white {
	background: #fff;
}
.home-carousel .item-carousel.item-bg-bronse {
	background: #aca08a;
}
.home-carousel .item-box {
	width: 100%;
	margin: 0 auto;
	min-height: auto!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.home-carousel .slick-arrow {
	background: url(../images/image2021/carousel-arrow.svg) center center no-repeat!important;
}
.home-carousel ul.slick-dots {
	position: relative;
	width: 100%;
	margin: 0 auto;
	right: 0;
	margin-bottom: 0!important;
	height: 15px;
	list-style-type: none !important;
	text-align: right;
	padding: 0;
}
.home-carousel ul.slick-dots li {
	display: inline-block;
	line-height: 15px;
	height: 15px !important;
	overflow: hidden;
	margin: 0!important;
}
.home-carousel ul.slick-dots li:last-of-type {
	margin-right: 0;
}
.home-carousel ul.slick-dots button {
	padding: 0;
	border: 1px solid #878787;
	text-indent: -9999px;
	width: 10px;
	min-width: 10px;
	height: 10px;
	overflow: hidden;
	margin-right: 0;
	background: transparent!important;
}
.home-carousel ul.slick-dots button:hover,
.home-carousel ul.slick-dots .slick-active button {
	background: #878787!important;
}
.home-carousel .item-box-text,
.home-carousel .item-box-img {
	width: 50%;
	padding: 0;
}
.home-carousel .item-box-text {
	color: #000;
}
.home-carousel .item-box-text h1{
	max-width: 600px;
	font-size: 2.5em;
	font-weight: 200;
	line-height: 1.4;
	margin: auto;
	text-align: center;
}
.home-carousel .item-box-text p{
	max-width: 400px;
	margin: 20px auto;
	text-align: center;
}
.home-carousel .item-box-text img{
	display: inline-block;
}
.home-carousel .item-box-img img{
	margin: auto;
}
.home-carousel .item-bg-white .item-box-img img,
.home-carousel .item-bg-bronse .item-box-img img	{
	margin-right: 0;
	margin-left: auto;
}
.home-carousel .item-box-img img.mobile{
	display: none;
}

@media screen and (max-width: 767px) {
	.home-carousel .item-box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
	}
	.home-carousel .item-box-text,
	.home-carousel .item-box-img {
		width: 100%;
		padding: 120px 20px;
	}
	.home-carousel .item-box-text {
		height: 500px;
			display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	.home-carousel .item-box-img {
		padding: 0;
	}
	.home-carousel ul.slick-dots {
		top: -30px;
		text-align: center;
		padding: 0;
	}
	.home-carousel .item-box-img img.mobile{
	    display: block;
    }
    .home-carousel .item-box-img img.desktop{
	    display: none;
    }
}
@media screen and (max-width: 575px) {
	.home-carousel .item-box-text {
		height: 400px;
	}
}
/*END paper book 2021*/

.icc-profiles .icc-profiles-list {
  /* @include border-top(); */ }

.advice-list {
  font-size: 26px;
  line-height: 70px;
  margin-top: 40px;
  border-top: 1px solid #dcdcdb; }
  .advice-list ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  .advice-list li {
    border-bottom: 1px solid #dcdcdb; }
  .advice-list a {
    color: #B4B5B4;
    display: block; }
    .advice-list a:hover {
      color: #666766; }
  .advice-list img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 10px 20px 10px 0; }

@media (min-width: 760px) {
  .advice-list {
    font-size: 30px;
    line-height: 108px;
    margin-top: 40px; }
    .advice-list img {
      width: 80px;
      height: 80px;
      margin: 14px 40px 14px 0; } }

@media (min-width: 970px) {
  .advice-list {
    font-size: 40px;
    line-height: 138px;
    margin-top: 50px; }
    .advice-list img {
      width: 100px;
      height: 100px;
      margin: 18px 50px 18px 0; } }

body.paper-book-waterfall-page header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

body.paper-book-waterfall-page .header-search {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%; }

body.paper-book-waterfall-page footer.footer {
  display: none; }

.paper-book-waterfall .introduction {
  padding: 80px 20px 40px;
  height: 100vh;
  background: #1F232A url("../images/logo-paperbook-grey.svg") bottom 20px right 20px no-repeat;
  background-size: 42px 42px; }
  @media (min-width: 970px) {
    .paper-book-waterfall .introduction {
      padding: 200px 20px 40px; } }
  .paper-book-waterfall .introduction .title {
    margin: 0;
    font-size: 42px;
    margin-bottom: 150px; }
  .paper-book-waterfall .introduction .instructions {
    color: #AF945C;
    font-size: 26px;
    line-height: 32px; }
  .paper-book-waterfall .introduction .scroll-btn {
    display: block;
    clear: both;
    line-height: 100px;
    margin-top: 30px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    display: block;
    position: relative; }
    .paper-book-waterfall .introduction .scroll-btn:after {
      content: '↓';
      display: block;
      color: #AF945C;
      font-size: 26px;
      line-height: 32px;
      font-family: 'mihero-light';
      position: absolute;
      top: 0;
      left: 0;
      width: 32px;
      height: 32px; }

.paper-book-waterfall .range-list {
  height: 100vh;
  padding: 50px 0 10px;
  position: relative; }
  @media (min-width: 970px) {
    .paper-book-waterfall .range-list {
      padding: 170px 0 10px; } }

.paper-book-waterfall .range-name {
  font-size: 16px;
  border-bottom: 2px solid #b3b3b3;
  display: block;
  width: 100%;
  padding-bottom: 4px;
  clear: both;
  margin-bottom: 10px; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set {
    padding: 0 7px; } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set {
    padding: 0 7px; } }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-1:not(.creative-packaging), .paper-book-waterfall .range-set.columns-2:not(.rives-sensation):not(.creative-labels):not(.creative-packaging) {
    width: calc(53px * 2); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-1:not(.creative-packaging), .paper-book-waterfall .range-set.columns-2:not(.rives-sensation):not(.creative-labels):not(.creative-packaging) {
    width: calc(62px * 2); } }

.paper-book-waterfall .range-set.columns-1:not(.creative-packaging) .swatch:nth-of-type(2n), .paper-book-waterfall .range-set.columns-2:not(.rives-sensation):not(.creative-labels):not(.creative-packaging) .swatch:nth-of-type(2n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-1.creative-packaging, .paper-book-waterfall .range-set.columns-2.rives-sensation, .paper-book-waterfall .range-set.columns-2.creative-labels, .paper-book-waterfall .range-set.columns-3 {
    width: calc(53px * 3); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-1.creative-packaging, .paper-book-waterfall .range-set.columns-2.rives-sensation, .paper-book-waterfall .range-set.columns-2.creative-labels, .paper-book-waterfall .range-set.columns-3 {
    width: calc(62px * 3); } }

.paper-book-waterfall .range-set.columns-1.creative-packaging .swatch:nth-of-type(3n), .paper-book-waterfall .range-set.columns-2.rives-sensation .swatch:nth-of-type(3n), .paper-book-waterfall .range-set.columns-2.creative-labels .swatch:nth-of-type(3n), .paper-book-waterfall .range-set.columns-3 .swatch:nth-of-type(3n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-4 {
    width: calc(53px * 4); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-4 {
    width: calc(62px * 4); } }

.paper-book-waterfall .range-set.columns-4 .swatch:nth-of-type(4n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-5 {
    width: calc(53px * 5); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-5 {
    width: calc(62px * 5); } }

.paper-book-waterfall .range-set.columns-5 .swatch:nth-of-type(5n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-6 {
    width: calc(53px * 6); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-6 {
    width: calc(62px * 6); } }

.paper-book-waterfall .range-set.columns-6 .swatch:nth-of-type(6n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-7 {
    width: calc(53px * 7); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-7 {
    width: calc(62px * 7); } }

.paper-book-waterfall .range-set.columns-7 .swatch:nth-of-type(7n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-8 {
    width: calc(53px * 8); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-8 {
    width: calc(62px * 8); } }

.paper-book-waterfall .range-set.columns-8 .swatch:nth-of-type(8n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-9 {
    width: calc(53px * 9); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-9 {
    width: calc(62px * 9); } }

.paper-book-waterfall .range-set.columns-9 .swatch:nth-of-type(9n) {
  margin-right: 0; }

@media only screen and (max-width: 320px) {
  .paper-book-waterfall .range-set.columns-10 {
    width: calc(53px * 10); } }

@media only screen and (min-width: 321px) {
  .paper-book-waterfall .range-set.columns-10 {
    width: calc(62px * 10); } }

.paper-book-waterfall .range-set.columns-10 .swatch:nth-of-type(10n) {
  margin-right: 0; }

.paper-book-waterfall .colour-set {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 55vh;
  margin-right: 14px;
  min-height: 315px; }
  @media only screen and (max-width: 320px) {
    .paper-book-waterfall .colour-set .swatch {
      width: 39px;
      margin-right: 14px; } }
  @media only screen and (min-width: 321px) {
    .paper-book-waterfall .colour-set .swatch {
      width: 48px;
      margin-right: 14px; } }
  .paper-book-waterfall .colour-set .swatch {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: block;
    height: 3.2vh;
    overflow: hidden;
    margin-bottom: 6px;
    position: relative; }

.paper-book-waterfall .selected-swatch {
  position: absolute;
  bottom: 78px;
  height: 78px;
  left: 0;
  width: 100%;
  background: #f6f6f7;
  padding: 0 20px; }

.paper-book-waterfall .swatch-container {
  height: 78px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center; }
  .paper-book-waterfall .swatch-container .range-swatch-name,
  .paper-book-waterfall .swatch-container .the-swatch,
  .paper-book-waterfall .swatch-container .btn-view {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
  .paper-book-waterfall .swatch-container p {
    margin: 0;
    line-height: 17px;
    font-size: 14px; }
    .paper-book-waterfall .swatch-container p span.base-name {
      font-size: 14px; }

.paper-book-waterfall .range-swatch-name {
  width: calc(100% - 163px);
  font-size: 16px;
  padding-right: 10px; }

.paper-book-waterfall .the-swatch {
  width: 74px;
  height: 30px;
  overflow: hidden;
  position: relative;
  margin-right: 15px; }
  .paper-book-waterfall .the-swatch img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.paper-book-waterfall .btn-view {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  min-width: 74px;
  padding: 0 5px;
  text-align: center; }
  .paper-book-waterfall .btn-view:hover {
    background-color: #b3b3b3;
    color: white; }

.paper-book-waterfall .waterfall-slider {
  opacity: 0;
  transition: opacity 0.5s; }
  .paper-book-waterfall .waterfall-slider.slick-initialized {
    opacity: 1; }

.paper-book-waterfall .waterfall-nav,
.paper-book-waterfall .page-dots {
  height: 78px;
  padding: 20px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  .paper-book-waterfall .waterfall-nav .slick-slide,
  .paper-book-waterfall .page-dots .slick-slide {
    padding: 0 2px;
    outline: none; }
    .paper-book-waterfall .waterfall-nav .slick-slide p,
    .paper-book-waterfall .page-dots .slick-slide p {
      width: 26px;
      height: 39px;
      display: block;
      overflow: hidden;
      text-indent: -9999;
      color: white;
      border: 1px solid #9d9d9c;
      margin: 0; }
  .paper-book-waterfall .waterfall-nav .slick-current p,
  .paper-book-waterfall .page-dots .slick-current p {
    background-color: #9d9d9c;
    color: #9d9d9c; }
  .paper-book-waterfall .waterfall-nav .slick-dots,
  .paper-book-waterfall .page-dots .slick-dots {
    top: auto; }
    .paper-book-waterfall .waterfall-nav .slick-dots li,
    .paper-book-waterfall .page-dots .slick-dots li {
      height: auto !important;
      margin-right: 5px; }
    .paper-book-waterfall .waterfall-nav .slick-dots button,
    .paper-book-waterfall .page-dots .slick-dots button {
      border-color: #9d9d9c;
      width: 26px;
      height: 39px;
      display: block; }
    .paper-book-waterfall .waterfall-nav .slick-dots .slick-active button,
    .paper-book-waterfall .page-dots .slick-dots .slick-active button {
      background-color: #9d9d9c;
      border-color: #9d9d9c; }

.paper-book-waterfall .page-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 1; }

.paper-book-waterfall .slick-arrow,
.paper-book-waterfall .page-nav button {
  width: 30px;
  height: 0;
  padding: 30px 0 0 0;
  overflow: hidden;
  margin: 0;
  min-width: unset;
  border: none;
  position: absolute;
  top: -56px;
  color: #9d9d9c;
  z-index: 1; }
  .paper-book-waterfall .slick-arrow:before,
  .paper-book-waterfall .page-nav button:before {
    font-family: 'mihero-light';
    font-size: 20px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0; }

.paper-book-waterfall .slick-prev {
  left: 10px; }
  .paper-book-waterfall .slick-prev:before {
    content: '�'; }

.paper-book-waterfall .slick-next {
  right: 10px; }
  .paper-book-waterfall .slick-next:before {
    content: '→'; }

body.search-by-colour header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

body.search-by-colour .header-search {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%; }

body.search-by-colour footer.footer {
  display: none; }

.colour-picker-wheel {
  height: 100vh;
  overflow: hidden;
  position: relative;
  padding: 80px 0 40px; }
  @media (min-width: 970px) {
    .colour-picker-wheel {
      padding: 200px 20px 40px; } }
  .colour-picker-wheel .iro__marker__outer {
    stroke: none; }
  .colour-picker-wheel .title-picker h3 {
    padding: 0 20px;
    font-size: 22px;
    color: #9d9d9c; }
    @media only screen and (max-width: 375px) {
      .colour-picker-wheel .title-picker h3 {
        margin-top: -20px;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 376px) {
      .colour-picker-wheel .title-picker h3 {
        margin-top: 0;
        margin-bottom: 40px; } }
  .colour-picker-wheel .colour-picker-container {
    width: 360px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .colour-picker-wheel .colour-picker-container > svg {
      margin: 0 auto; }
  .colour-picker-wheel .swatch-and-search {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f6f6f7;
    height: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px; }
  .colour-picker-wheel .selected_colour {
    height: 30px;
    width: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 15px; }
  .colour-picker-wheel .btn-search {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    min-width: 74px;
    padding: 0 5px;
    text-align: center;
    margin-right: 0; }
    .colour-picker-wheel .btn-search:hover {
      background-color: #b3b3b3;
      color: white; }

.digital > a, .digital .theme, .digital .tabs a:hover, .tabs .digital a:hover, .digital
.tabs a.active,
.tabs .digital a.active, .digital
.tabs .selected a,
.tabs .selected .digital a, .digital
.tabs span:hover,
.tabs .digital span:hover, .digital
.tabs input:checked + span,
.tabs .digital input:checked + span, .digital .product-header .range-selector .dropdown, .product-header .range-selector .digital .dropdown, .digital .theme a, .digital .tabs a:hover a, .tabs .digital a:hover a, .digital
.tabs a.active a,
.tabs .digital a.active a, .digital
.tabs .selected a a,
.tabs .selected .digital a a, .digital
.tabs span:hover a,
.tabs .digital span:hover a, .digital
.tabs input:checked + span a,
.tabs .digital input:checked + span a, .digital .product-header .range-selector .dropdown a, .product-header .range-selector .digital .dropdown a, .digital.range, .digital.range label {
  color: #B4B5B4; }

.digital .tabs .selected a,
.digital .tabs a:hover,
.digital a.range-name {
  border-color: #B4B5B4 !important; }
.digital .btn.theme {
border-color: #B4B5B4 !important; }


.creative-packaging > a, .creative-packaging .theme, .creative-packaging .tabs a:hover, .tabs .creative-packaging a:hover, .creative-packaging
.tabs a.active,
.tabs .creative-packaging a.active, .creative-packaging
.tabs .selected a,
.tabs .selected .creative-packaging a, .creative-packaging
.tabs span:hover,
.tabs .creative-packaging span:hover, .creative-packaging
.tabs input:checked + span,
.tabs .creative-packaging input:checked + span, .creative-packaging .product-header .range-selector .dropdown, .product-header .range-selector .creative-packaging .dropdown, .creative-packaging .theme a, .creative-packaging .tabs a:hover a, .tabs .creative-packaging a:hover a, .creative-packaging
.tabs a.active a,
.tabs .creative-packaging a.active a, .creative-packaging
.tabs .selected a a,
.tabs .selected .creative-packaging a a, .creative-packaging
.tabs span:hover a,
.tabs .creative-packaging span:hover a, .creative-packaging
.tabs input:checked + span a,
.tabs .creative-packaging input:checked + span a, .creative-packaging .product-header .range-selector .dropdown a, .product-header .range-selector .creative-packaging .dropdown a, .creative-packaging.range, .creative-packaging.range label {
  color: #882345; }

.creative-packaging .tabs .selected a,
.creative-packaging .tabs a:hover,
.creative-packaging a.range-name {
  border-color: #882345 !important; }
.creative-packaging .btn.theme {
    border-color: #882345 !important;
 }


.curious-collection > a, .curious-collection .theme, .curious-collection .tabs a:hover, .tabs .curious-collection a:hover, .curious-collection
.tabs a.active,
.tabs .curious-collection a.active, .curious-collection
.tabs .selected a,
.tabs .selected .curious-collection a, .curious-collection
.tabs span:hover,
.tabs .curious-collection span:hover, .curious-collection
.tabs input:checked + span,
.tabs .curious-collection input:checked + span, .curious-collection .product-header .range-selector .dropdown, .product-header .range-selector .curious-collection .dropdown, .curious-collection .theme a, .curious-collection .tabs a:hover a, .tabs .curious-collection a:hover a, .curious-collection
.tabs a.active a,
.tabs .curious-collection a.active a, .curious-collection
.tabs .selected a a,
.tabs .selected .curious-collection a a, .curious-collection
.tabs span:hover a,
.tabs .curious-collection span:hover a, .curious-collection
.tabs input:checked + span a,
.tabs .curious-collection input:checked + span a, .curious-collection .product-header .range-selector .dropdown a, .product-header .range-selector .curious-collection .dropdown a, .curious-collection.range, .curious-collection.range label {
  color: #299b75; }

.curious-collection .tabs .selected a,
.curious-collection .tabs a:hover,
.curious-collection a.range-name {
  border-color: #299b75 !important; }
.curious-collection .btn.theme {
border-color: #299b75 !important; }

.conqueror > a, .conqueror .theme, .conqueror .tabs a:hover, .tabs .conqueror a:hover, .conqueror
.tabs a.active,
.tabs .conqueror a.active, .conqueror
.tabs .selected a,
.tabs .selected .conqueror a, .conqueror
.tabs span:hover,
.tabs .conqueror span:hover, .conqueror
.tabs input:checked + span,
.tabs .conqueror input:checked + span, .conqueror .product-header .range-selector .dropdown, .product-header .range-selector .conqueror .dropdown, .conqueror .theme a, .conqueror .tabs a:hover a, .tabs .conqueror a:hover a, .conqueror
.tabs a.active a,
.tabs .conqueror a.active a, .conqueror
.tabs .selected a a,
.tabs .selected .conqueror a a, .conqueror
.tabs span:hover a,
.tabs .conqueror span:hover a, .conqueror
.tabs input:checked + span a,
.tabs .conqueror input:checked + span a, .conqueror .product-header .range-selector .dropdown a, .product-header .range-selector .conqueror .dropdown a, .conqueror.range, .conqueror.range label {
  color: #000000; }

.conqueror .tabs .selected a,
.conqueror .tabs a:hover,
.conqueror a.range-name {
  border-color: #000000 !important; }
.conqueror .btn.theme {
border-color: #000000 !important; }


.keaykolour > a, .keaykolour .theme, .keaykolour .tabs a:hover, .tabs .keaykolour a:hover, .keaykolour
.tabs a.active,
.tabs .keaykolour a.active, .keaykolour
.tabs .selected a,
.tabs .selected .keaykolour a, .keaykolour
.tabs span:hover,
.tabs .keaykolour span:hover, .keaykolour
.tabs input:checked + span,
.tabs .keaykolour input:checked + span, .keaykolour .product-header .range-selector .dropdown, .product-header .range-selector .keaykolour .dropdown, .keaykolour .theme a, .keaykolour .tabs a:hover a, .tabs .keaykolour a:hover a, .keaykolour
.tabs a.active a,
.tabs .keaykolour a.active a, .keaykolour
.tabs .selected a a,
.tabs .selected .keaykolour a a, .keaykolour
.tabs span:hover a,
.tabs .keaykolour span:hover a, .keaykolour
.tabs input:checked + span a,
.tabs .keaykolour input:checked + span a, .keaykolour .product-header .range-selector .dropdown a, .product-header .range-selector .keaykolour .dropdown a, .keaykolour.range, .keaykolour.range label {
  color: #f69241; }

.keaykolour .tabs .selected a,
.keaykolour .tabs a:hover,
.keaykolour a.range-name {
  border-color: #f69241 !important; }
.keaykolour .btn.theme {
border-color: #f69241 !important; }


.opale > a, .opale .theme, .opale .tabs a:hover, .tabs .opale a:hover, .opale
.tabs a.active,
.tabs .opale a.active, .opale
.tabs .selected a,
.tabs .selected .opale a, .opale
.tabs span:hover,
.tabs .opale span:hover, .opale
.tabs input:checked + span,
.tabs .opale input:checked + span, .opale .product-header .range-selector .dropdown, .product-header .range-selector .opale .dropdown, .opale .theme a, .opale .tabs a:hover a, .tabs .opale a:hover a, .opale
.tabs a.active a,
.tabs .opale a.active a, .opale
.tabs .selected a a,
.tabs .selected .opale a a, .opale
.tabs span:hover a,
.tabs .opale span:hover a, .opale
.tabs input:checked + span a,
.tabs .opale input:checked + span a, .opale .product-header .range-selector .dropdown a, .product-header .range-selector .opale .dropdown a, .opale.range, .opale.range label {
  color: #2a6ebc; }

.opale .tabs .selected a,
.opale .tabs a:hover,
.opale a.range-name {
  border-color: #2a6ebc !important; }
.opale .btn.theme {
border-color: #2a6ebc !important; }


.rives > a, .rives .theme, .rives .tabs a:hover, .tabs .rives a:hover, .rives
.tabs a.active,
.tabs .rives a.active, .rives
.tabs .selected a,
.tabs .selected .rives a, .rives
.tabs span:hover,
.tabs .rives span:hover, .rives
.tabs input:checked + span,
.tabs .rives input:checked + span, .rives .product-header .range-selector .dropdown, .product-header .range-selector .rives .dropdown, .rives .theme a, .rives .tabs a:hover a, .tabs .rives a:hover a, .rives
.tabs a.active a,
.tabs .rives a.active a, .rives
.tabs .selected a a,
.tabs .selected .rives a a, .rives
.tabs span:hover a,
.tabs .rives span:hover a, .rives
.tabs input:checked + span a,
.tabs .rives input:checked + span a, .rives .product-header .range-selector .dropdown a, .product-header .range-selector .rives .dropdown a, .rives.range, .rives.range label {
  color: #00b5e2; }

.rives .tabs .selected a,
.rives .tabs a:hover,
.rives a.range-name {
  border-color: #00b5e2 !important; }
.rives .btn.theme {
border-color: #00b5e2 !important; }


.inuit > a, .inuit .theme, .inuit .tabs a:hover, .tabs .inuit a:hover, .inuit
.tabs a.active,
.tabs .inuit a.active, .inuit
.tabs .selected a,
.tabs .selected .inuit a, .inuit
.tabs span:hover,
.tabs .inuit span:hover, .inuit
.tabs input:checked + span,
.tabs .inuit input:checked + span, .inuit .product-header .range-selector .dropdown, .product-header .range-selector .inuit .dropdown, .inuit .theme a, .inuit .tabs a:hover a, .tabs .inuit a:hover a, .inuit
.tabs a.active a,
.tabs .inuit a.active a, .inuit
.tabs .selected a a,
.tabs .selected .inuit a a, .inuit
.tabs span:hover a,
.tabs .inuit span:hover a, .inuit
.tabs input:checked + span a,
.tabs .inuit input:checked + span a, .inuit .product-header .range-selector .dropdown a, .product-header .range-selector .inuit .dropdown a, .inuit.range, .inuit.range label {
  color: #83afb4; }

.inuit .tabs .selected a,
.inuit .tabs a:hover,
.inuit a.range-name {
  border-color: #83afb4 !important; }

.inuit .btn.theme {
border-color: #83afb4 !important; }


.creative-labels > a, .creative-labels .theme, .creative-labels .tabs a:hover, .tabs .creative-labels a:hover, .creative-labels
.tabs a.active,
.tabs .creative-labels a.active, .creative-labels
.tabs .selected a,
.tabs .selected .creative-labels a, .creative-labels
.tabs span:hover,
.tabs .creative-labels span:hover, .creative-labels
.tabs input:checked + span,
.tabs .creative-labels input:checked + span, .creative-labels .product-header .range-selector .dropdown, .product-header .range-selector .creative-labels .dropdown, .creative-labels .theme a, .creative-labels .tabs a:hover a, .tabs .creative-labels a:hover a, .creative-labels
.tabs a.active a,
.tabs .creative-labels a.active a, .creative-labels
.tabs .selected a a,
.tabs .selected .creative-labels a a, .creative-labels
.tabs span:hover a,
.tabs .creative-labels span:hover a, .creative-labels
.tabs input:checked + span a,
.tabs .creative-labels input:checked + span a, .creative-labels .product-header .range-selector .dropdown a, .product-header .range-selector .creative-labels .dropdown a, .creative-labels.range, .creative-labels.range label {
  color: #B52456; }

.creative-labels .tabs .selected a,
.creative-labels .tabs a:hover,
.creative-labels a.range-name {
  border-color: #B52456 !important; }
.creative-labels .btn.theme {
border-color: #B52456 !important; }

.popset > a, .popset .theme, .popset .tabs a:hover, .tabs .popset a:hover, .popset
.tabs a.active,
.tabs .popset a.active, .popset
.tabs .selected a,
.tabs .selected .popset a, .popset
.tabs span:hover,
.tabs .popset span:hover, .popset
.tabs input:checked + span,
.tabs .popset input:checked + span, .popset .product-header .range-selector .dropdown, .product-header .range-selector .popset .dropdown, .popset .theme a, .popset .tabs a:hover a, .tabs .popset a:hover a, .popset
.tabs a.active a,
.tabs .popset a.active a, .popset
.tabs .selected a a,
.tabs .selected .popset a a, .popset
.tabs span:hover a,
.tabs .popset span:hover a, .popset
.tabs input:checked + span a,
.tabs .popset input:checked + span a, .popset .product-header .range-selector .dropdown a, .product-header .range-selector .popset .dropdown a, .popset.range, .popset.range label {
  color: #7ab800; }

.popset .tabs .selected a,
.popset .tabs a:hover,
.popset a.range-name {
  border-color: #7ab800 !important; }
.popset .btn.theme {
border-color: #7ab800 !important; }

.ui-state-active,
.ui-state-hover,
.ui-state-visited,
.ui-state-focus {
  outline: none !important;
  margin: 0 !important; }

/* Box-sizing fix: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

*, *:before, *:after {
  box-sizing: inherit; }

html, body {
  overflow-x: hidden; }

.hidden {
  display: none; }

html body {
  /* For the off-canvas stuff */
  width: 100%;
  /* Reset the off-canvas stuff for tablet and above */ }
  html body .page {
    position: relative;
    left: 0;
    transition: left 0.3s ease-out; }
  @media (min-width: 970px) {
    html body {
      position: static;
      overflow: visible; } }

html .content:after {
  content: " ";
  position: absolute;
  transition: background-color 0.3s ease-out;
  background-color: transparent; }

html.mode-navigation, html.mode-navigation body {
  overflow: hidden !important;
  position: relative;
  height: 100vh;
  position: fixed; }

html.mode-navigation .offcanvas {
  right: 0; }

html.mode-navigation .page {
  left: -250px; }
  @media (min-width: 970px) {
    html.mode-navigation .page .lang-en {
      left: 0; } }

html.mode-navigation .content {
  position: relative; }
  html.mode-navigation .content:after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(1, 1, 1, 0.666); }

@media (min-width: 1280px) {
  .content-wrapper {
    width: 74.35897%;
    float: left;
    margin-left: 12.82051%;
    margin-right: -100%; } }

.page-header {
  margin-top: 40px;
  margin-bottom: 20px; }
  .page-header .btn-logout {
    top: 7px;
    position: relative; }
  @media (min-width: 760px) {
    .page-header {
      margin-top: 60px; } }
  @media (min-width: 970px) {
    .page-header {
      margin-top: 80px; }
      .page-header .btn-logout {
        display: none; } }
  @media (min-width: 760px) {
    .page-header.page-header-margins, .tpl-register .page-header,
    .tpl-login .page-header, .tpl-cart .page-header, .tpl-orderdetails .page-header {
      margin-bottom: 30px; } }
  @media (min-width: 970px) {
    .page-header.page-header-margins, .tpl-register .page-header,
    .tpl-login .page-header, .tpl-cart .page-header, .tpl-orderdetails .page-header {
      margin-bottom: 40px; } }
  .page-header h1 {
    margin: 0;
    color: #B4B5B4; }
  .page-header h1, .page-header p {
    display: inline-block; }
  .page-header p {
    float: right;
    margin-bottom: 0; }
  .page-header a {
    text-decoration: none; }

.page-sidebar {
  clear: none; }
  .page-sidebar ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0; }
  .page-sidebar .btn-logout {
    display: none;
    margin-top: 20px; }
    .page-sidebar .btn-logout a {
      text-decoration: none; }
      .page-sidebar .btn-logout a:hover {
        text-decoration: underline; }
  .page-sidebar .dropdown {
    margin-bottom: 20px; }
  .page-sidebar .sidebar-menu {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: none; }
    .page-sidebar .sidebar-menu li {
      margin: 0 0 20px 0; }
      .page-sidebar .sidebar-menu li.selected a {
        color: #B4B5B4; }
    .page-sidebar .sidebar-menu a {
      text-decoration: none; }
      .page-sidebar .sidebar-menu a:hover {
        text-decoration: underline; }
  @media (min-width: 970px) {
    .page-sidebar {
      border-top: 1px solid #B4B5B4; }
      .page-sidebar .btn-logout {
        display: block; }
      .page-sidebar .sidebar-menu {
        display: block; }
      .page-sidebar .dropdown {
        display: none; } }

.page-main {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .page-main, .page-main.page-main-margins, .page-main.pagination, .tpl-register .page-main,
  .tpl-login .page-main, .tpl-addressupdate .page-main {
    margin-bottom: 80px; }
    @media (min-width: 760px) {
      .page-main, .page-main.page-main-margins, .page-main.pagination, .tpl-register .page-main,
      .tpl-login .page-main, .tpl-addressupdate .page-main {
        margin-bottom: 120px; } }
    @media (min-width: 1280px) {
      .page-main, .page-main.page-main-margins, .page-main.pagination, .tpl-register .page-main,
      .tpl-login .page-main, .tpl-addressupdate .page-main {
        margin-bottom: 160px; } }
  .page-main img.filer_image + *,
  .page-main .vimeo-player + * {
    margin-top: 20px; }
    @media (min-width: 1280px) {
      .page-main img.filer_image + *,
      .page-main .vimeo-player + * {
        margin-top: 40px; } }
  .page-main .carousel + * {
    margin-top: 4px; }
    @media (min-width: 1280px) {
      .page-main .carousel + * {
        margin-top: 24px; } }
  .page-main * + img.filer_image,
  .page-main * + .vimeo-player,
  .page-main * + .carousel {
    margin-top: 20px; }
    @media (min-width: 1280px) {
      .page-main * + img.filer_image,
      .page-main * + .vimeo-player,
      .page-main * + .carousel {
        margin-top: 40px; } }

.page-sidebar + .page-main {
  border-top: 1px solid #B4B5B4;
  padding-top: 20px;
  clear: none; }

.icc-profiles .page-main {
  /* @include border-top(); */
  padding-top: 20px; }

.texture, .product-header, .ranges {
  background: #F6F6F8;
  position: relative; }

.toggle a {
  border-bottom: 1px solid transparent;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 5px; }

.toggle .selected {
  border-bottom: 1px solid #B4B5B4; }

@media (min-width: 970px) {
  .page-sidebar {
    padding-top: 20px; }
  .page-sidebar {
    width: 31.03448%;
    float: left;
    margin-right: 3.44828%; }
  .page-sidebar + .page-main {
    width: 65.51724%;
    float: right;
    margin-right: 0; } }

#messages {
  background: #FFFCDC;
  color: #666766;
  text-align: center;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* display: block; */ }
  #messages li {
    /* border-bottom: 1px solid $color-grey3; */
    padding: 5px 20px; }
    @media (min-width: 970px) {
      #messages li {
        padding: 9px 20px; } }

.vimeo-player {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  cursor: pointer; }
  .vimeo-player .poster img {
    width: 100%; }
  .vimeo-player iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .vimeo-player .poster::after {
    content: " ";
    background: url(../images/icons/play.svg);
    display: block;
    width: 70px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -45px; }

/* new style 2020 */

/* footer */
.footer.footer-2020 {
	background: #878787;
	float: none;
	clear: both;
	width: 100%;
}
.footer-2020 .footer-logo-line {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footer.footer-2020 .footer-logo {
	font-size: 1.25em;
	color: #fff;
	font-weight: 200;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.footer.footer-2020 .footer-logo img{
	width: 25px;
	margin-right: 15px;
}
.footer.footer-2020 .social-2020 {
	margin-right: 50px;
}
.footer.footer-2020 .social-2020 li {
	display: inline-block;
	margin: 5px 5px 0 5px;
}
.footer.footer-2020 .social-2020.for-small-screen {
	margin-right: 0;
	margin-top: 30px;
}
.footer.footer-2020 .social-2020.for-small-screen li {
	margin: 5px 10px 0 0;
}
.social-2020 li a {
    display: block;
    width: 25px !important;
    height: 25px;
    border: 1px solid #fff;
    padding: 4px 0;
	background: rgba(255,255,255,0);
}
.social-2020 a:hover {
	border: 1px solid #fff;
	background: rgba(255,255,255,0.3);
}
.footer.footer-2020 .social.social-2020 a img{
	width: 20px;
	height: 20px;
}
.social-2020 a img,
.social-2020 a svg {
    min-width: 15px;
    max-height: 15px;
    margin: auto;
    display: block;
    fill: #878787;
}
.footer.footer-2020 .footer-menu {
	margin-top: 20px;
}
.footer.footer-2020 .footer-menu li{
	margin: 0;
	margin-right: 25px;
}
.footer.footer-2020 .footer-menu li a{
	color: #fff;
}
@media (max-width: 767px) {
	.footer-2020 .footer-logo-line {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-2020 .footer-logo-line .social-2020 {
		display: none;
	}
	.footer.footer-2020 .footer-menu li{
		margin: 0;
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.social-2020.for-small-screen {
		display: none;
	}
}

.footer .footer-up {
    top: 25px;
}
@media (max-width: 767px) {
    .footer .footer-up {
        top: 38px;
    }
}

/*catalog breadcrumbs */
.product-header.product-header-2020 {
	padding-top: 20px;
}
.product-header.product-header-2020 .page-nav{
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-header.product-header-2020 .page-nav li{
	display: inline-block;
	margin: 0px 0px 10px 0;
}
.product-header.product-header-2020 .page-nav li:last-child::after {
	content: none;
}
.product-header.product-header-2020 .page-nav li a{
	color: #fff;
}


/*range list*/
@media (max-width: 991px) {
	.range-list-2020 {
		text-align: center;
	}
}
.range-list-2020 li {
	display: inline-block;
	width: 280px;
	margin: 12px;
	margin-left: 0;
	vertical-align: top;
	text-align: left;
}
.range-list-2020 li figcaption{
	overflow: hidden;
}
.range-list-2020 li:hover img{
	transform: scale(1.1);
	transition: all 0.3s linear;
}
.range-list-2020 li h2{
	font-size: 26px;
	line-height: 1.4;
	margin: 10px 0;
}
.range-list-2020 li p{
	font-size: 16px;
	line-height: 1.4;
	color: #707070;
}

/*One column text plugin*/

.about-section {
	background: #fff;
	padding: 100px 0;
}
.about-section .about-block {
	width: 900px;
	margin: 20px auto;
}
.about-section .about-block h3{
	font-size: 1.8em;
	margin-bottom: 30px;
}
.about-section .about-block p{
	color: #707070;
}
@media (max-width: 991px) {
	.about-section .about-block {
		width: 100%;
	}
}
.about-section .about-block	.btn-black {
	display: inline-block;
	padding: 10px 20px;
	background: #000;
	color: #fff;
	min-width: 180px;
	text-align: center;
}
.image-and-text .copy-container .title.title-2020 {
	font-size: 1.8em;
	color: #958059;
	margin-bottom: 30px;
}
.image-and-text .copy-container .action.action-2020 a {
	border: 1px solid #958059;
	background: #958059;
	color: white;
	height: 40px;
	line-height: 38px;
	min-width: 180px;
	width: auto;
	padding: 0 10px;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
}

/*home page caroucel*/
@media (min-width: 760px) {
	.homepage-2018.homepage-2020 {
		margin-bottom: 0;
	}
}
.homepage-2018.slick-initialized {
	opacity: 1;
}
.homepage-2018.homepage-2020 .item {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.homepage-2018.homepage-2020 .overlay {
	background-color: rgba(255, 255, 255, 0);
	width: 100%;
}
.homepage-2018.homepage-2020 .overlay-contents {
	float: none;
	padding: 20px;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
@media (max-width: 767px) {
	.homepage-2018.homepage-2020 .overlay-contents {
		width: calc((990/3) * 1px);
		margin: 0 auto;
		padding: 30px;
		min-height: 270px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.homepage-2018.homepage-2020 .overlay-contents .overlay-title {
	color:#fff;
	font-size: 2.2em;
	margin-bottom: 30px;
	line-height: 1.3;
}
.homepage-2018.homepage-2020 .overlay-contents .btn {
	border-color: transparent;
	color: #fff;
	margin: 20px auto;
}
.homepage-2018.homepage-2020 .overlay-contents .btn:focus,
.homepage-2018.homepage-2020 .overlay-contents .btn:hover{
    background-color: transparent;
	color:#000;
}
.tpl-home .carousel.homepage-2020 {
  margin-bottom: 0;
}
  @media (min-width: 760px) {
    .tpl-home .carousel.homepage-2020 {
		margin-bottom: 0;
	}
}
.tpl-home .carousel.homepage-2020 .item{
  height: 50vh;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*catalog finishes

.finishes ul li.finish:last-child{
	padding-bottom: 30px;
	border-bottom: 1px solid #B4B5B4;
}
.finishes .btn,
.finishes .finish-description .btn{
	background: #000;
	color: #fff;
	display: inline-block;
    width: auto;
    text-align: center;
	padding: 10px;
}
@media (max-width: 969px) {
	.finishes .finish-image {
		padding: 0;
		margin-left: -5px;
	}
}
*/

/*base.html*/
.footer.footer-2020 {
	background: #878787;
	float: none;
	clear: both;
	width: 100%;
}
.footer-2020 .footer-logo-line {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footer.footer-2020 .footer-logo {
	font-size: 1.25em;
	color: #fff;
	font-weight: 200;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.footer.footer-2020 .footer-logo img{
	width: 25px;
	margin-right: 15px;
}
.footer.footer-2020 .social-2020 {
	margin-right: 50px;
}
.footer.footer-2020 .social-2020 li {
	display: inline-block;
	margin: 5px 5px 0 5px;
}
.footer.footer-2020 .social-2020.for-small-screen {
	margin-right: 0;
	margin-top: 30px;
}
.footer.footer-2020 .social-2020.for-small-screen li {
	margin: 5px 10px 0 0;
}
.social-2020 li a {
    display: block;
    width: 25px !important;
    height: 25px;
    border: 1px solid #fff;
    padding: 4px 0;
	background: rgba(255,255,255,0);
}
.social-2020 a:hover {
	border: 1px solid #fff;
	background: rgba(255,255,255,0.3);
}
.footer.footer-2020 .social.social-2020 a img{
	width: 20px;
	height: 20px;
}
.social-2020 a img,
.social-2020 a svg {
    min-width: 15px;
    max-height: 15px;
    margin: auto;
    display: block;
    fill: #878787;
}
.footer.footer-2020 .footer-menu {
	margin-top: 20px;
}
.footer.footer-2020 .footer-menu li{
	margin: 0;
	margin-right: 25px;
}
.footer.footer-2020 .footer-menu li a{
	color: #fff;
}
@media (max-width: 767px) {
	.footer-2020 .footer-logo-line {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-2020 .footer-logo-line .social-2020 {
		display: none;
	}
	.footer.footer-2020 .footer-menu li{
		margin: 0;
		margin-bottom: 15px;
	}
}
@media (min-width: 768px) {
	.social-2020.for-small-screen {
		display: none;
	}
}