@charset "utf-8";
/*
--------------------
Fonts
--------------------
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d5984009-f8f2-4b40-aaa9-9c17c599ef79");
@font-face{
font-family:"Avenir LT W01 35 Light";
src:url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.eot?#iefix");
src:url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.eot?#iefix") format("eot"),
	url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.woff2") format("woff2"),
	url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.woff") format("woff"),
	url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.ttf") format("truetype"),
	url("/assets/fonts/Avenir_LT_W01_35_Light/Avenir_LT_W01_35_Light.svg#Avenir_LT_W01_35_Light") format("svg");
}
@font-face{
font-family:"Avenir LT W01 45 Book";
src:url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.eot?#iefix");
src:url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.eot?#iefix") format("eot"),
	url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.woff2") format("woff2"),
	url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.woff") format("woff"),
	url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.ttf") format("truetype"),
	url("/assets/fonts/Avenir_LT_W01_45_Book/Avenir_LT_W01_45_Book.svg#Avenir_LT_W01_45_Book") format("svg");
}

/*
--------------------
Reset CSS
--------------------
*/


/*---Reset Stylesheet---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
a, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}


/*---HTML5 Definitions---*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
	}

/*
--------------------
Cols
--------------------
*/
.pf-col-1, .pf-col-2, .pf-col-3, .pf-col-4, .pf-col-5, .pf-col-6, .pf-col-7, .pf-col-8, .pf-col-9, .pf-col-10, .pf-col-11, .pf-col-12,
.pf-col-half {
  float: left;
  margin-right: 40px; }

.pf-colp-1, .pf-colp-2, .pf-colp-3, .pf-colp-4, .pf-colp-5, .pf-colp-6, .pf-colp-7, .pf-colp-8, .pf-colp-9, .pf-colp-10, .pf-colp-11, .pf-colp-12 {
  float: left;
  margin-right: 40px;
  padding: px px px px; }

.pf-contp-1, .pf-contp-2, .pf-contp-3, .pf-contp-4, .pf-contp-5, .pf-contp-6, .pf-contp-7, .pf-contp-8, .pf-contp-9, .pf-contp-10, .pf-contp-11, .pf-contp-12 {
  float: left;
  padding: px px px px; }

.pf-cont-1, .pf-cont-2, .pf-cont-3, .pf-cont-4, .pf-cont-5, .pf-cont-6, .pf-cont-7, .pf-cont-8, .pf-cont-9, .pf-cont-10, .pf-cont-11, .pf-cont-12,
.pf-cont-half {
  float: left; }

.pf-col-1 {
  width: calc(8.3333333333333% - 36.666666666667px); }

.pf-col-0-5 {
  width: calc(4.1666666666667% - 36.666666666667px); }

.pf-col-2 {
  width: calc(16.666666666667% - 33.333333333333px); }

.pf-col-1-5 {
  width: calc(8.3333333333333% - 33.333333333333px); }

.pf-col-3 {
  width: calc(25% - 30px); }

.pf-col-2-5 {
  width: calc(12.5% - 30px); }

.pf-col-4 {
  width: calc(33.333333333333% - 26.666666666667px); }

.pf-col-3-5 {
  width: calc(16.666666666667% - 26.666666666667px); }

.pf-col-5 {
  width: calc(41.666666666667% - 23.333333333333px); }

.pf-col-4-5 {
  width: calc(20.833333333333% - 23.333333333333px); }

.pf-col-6 {
  width: calc(50% - 20px); }

.pf-col-5-5 {
  width: calc(25% - 20px); }

.pf-col-7 {
  width: calc(58.333333333333% - 16.666666666667px); }

.pf-col-6-5 {
  width: calc(29.166666666667% - 16.666666666667px); }

.pf-col-8 {
  width: calc(66.666666666667% - 13.333333333333px); }

.pf-col-7-5 {
  width: calc(33.333333333333% - 13.333333333333px); }

.pf-col-9 {
  width: calc(75% - 10px); }

.pf-col-8-5 {
  width: calc(37.5% - 10px); }

.pf-col-10 {
  width: calc(83.333333333333% - 6.6666666666667px); }

.pf-col-9-5 {
  width: calc(41.666666666667% - 6.6666666666667px); }

.pf-col-11 {
  width: calc(91.666666666667% - 3.3333333333333px); }

.pf-col-10-5 {
  width: calc(45.833333333333% - 3.3333333333333px); }

.pf-col-12 {
  width: calc(100% - 0px); }

.pf-col-11-5 {
  width: calc(50% - 0px); }

.pf-colp-1 {
  width: calc(8.3333333333333% - 36.666666666667px - 0px); }

.pf-colp-2 {
  width: calc(16.666666666667% - 33.333333333333px - 0px); }

.pf-colp-3 {
  width: calc(25% - 30px - 0px); }

.pf-colp-4 {
  width: calc(33.333333333333% - 26.666666666667px - 0px); }

.pf-colp-5 {
  width: calc(41.666666666667% - 23.333333333333px - 0px); }

.pf-colp-6 {
  width: calc(50% - 20px - 0px); }

.pf-colp-7 {
  width: calc(58.333333333333% - 16.666666666667px - 0px); }

.pf-colp-8 {
  width: calc(66.666666666667% - 13.333333333333px - 0px); }

.pf-colp-9 {
  width: calc(75% - 10px - 0px); }

.pf-colp-10 {
  width: calc(83.333333333333% - 6.6666666666667px - 0px); }

.pf-colp-11 {
  width: calc(91.666666666667% - 3.3333333333333px - 0px); }

.pf-colp-12 {
  width: calc(100% - 0px - 0px); }

.pf-cont-1 {
  width: 8.3333333333333%; }

.pf-cont-0-5 {
  width: 4.1666666666667%; }

.pf-cont-2 {
  width: 16.666666666667%; }

.pf-cont-1-5 {
  width: 8.3333333333333%; }

.pf-cont-3 {
  width: 25%; }

.pf-cont-2-5 {
  width: 12.5%; }

.pf-cont-4 {
  width: 33.333333333333%; }

.pf-cont-3-5 {
  width: 16.666666666667%; }

.pf-cont-5 {
  width: 41.666666666667%; }

.pf-cont-4-5 {
  width: 20.833333333333%; }

.pf-cont-6 {
  width: 50%; }

.pf-cont-5-5 {
  width: 25%; }

.pf-cont-7 {
  width: 58.333333333333%; }

.pf-cont-6-5 {
  width: 29.166666666667%; }

.pf-cont-8 {
  width: 66.666666666667%; }

.pf-cont-7-5 {
  width: 33.333333333333%; }

.pf-cont-9 {
  width: 75%; }

.pf-cont-8-5 {
  width: 37.5%; }

.pf-cont-10 {
  width: 83.333333333333%; }

.pf-cont-9-5 {
  width: 41.666666666667%; }

.pf-cont-11 {
  width: 91.666666666667%; }

.pf-cont-10-5 {
  width: 45.833333333333%; }

.pf-cont-12 {
  width: 100%; }

.pf-cont-11-5 {
  width: 50%; }

.pf-left-1 {
  margin-left: 8.3333333333333%; }

.pf-left-2 {
  margin-left: 16.666666666667%; }

.pf-left-3 {
  margin-left: 25%; }

.pf-left-4 {
  margin-left: 33.333333333333%; }

.pf-left-5 {
  margin-left: 41.666666666667%; }

.pf-left-6 {
  margin-left: 50%; }

.pf-left-7 {
  margin-left: 58.333333333333%; }

.pf-left-8 {
  margin-left: 66.666666666667%; }

.pf-left-9 {
  margin-left: 75%; }

.pf-left-10 {
  margin-left: 83.333333333333%; }

.pf-left-11 {
  margin-left: 91.666666666667%; }

.pf-left-12 {
  margin-left: 100%; }

.pf-last, .pf-col-12, .pf-colp-12 {
  margin-right: 0; }

@media screen and (max-width: 1300px) {
  .pf-col-1, .pf-col-2, .pf-col-3, .pf-col-4, .pf-col-5, .pf-col-6, .pf-col-7, .pf-col-8, .pf-col-9, .pf-col-10, .pf-col-11, .pf-col-12,
  .pf-col-half {
    margin-right: 30px; }

  .pf-colp-1, .pf-colp-2, .pf-colp-3, .pf-colp-4, .pf-colp-5, .pf-colp-6, .pf-colp-7, .pf-colp-8, .pf-colp-9, .pf-colp-10, .pf-colp-11, .pf-colp-12 {
    margin-right: 30px;
    padding: px px px px; }

  .pf-colp-1, .pf-colp-2, .pf-colp-3, .pf-colp-4, .pf-colp-5, .pf-colp-6, .pf-colp-7, .pf-colp-8, .pf-colp-9, .pf-colp-10, .pf-colp-11, .pf-colp-12 {
    padding: px px px px; }

  .pf-colp-1 {
    width: calc(8.3333333333333% - 27.5px - 0px); }

  .pf-colp-2 {
    width: calc(16.666666666667% - 25px - 0px); }

  .pf-colp-3 {
    width: calc(25% - 22.5px - 0px); }

  .pf-colp-4 {
    width: calc(33.333333333333% - 20px - 0px); }

  .pf-colp-5 {
    width: calc(41.666666666667% - 17.5px - 0px); }

  .pf-colp-6 {
    width: calc(50% - 15px - 0px); }

  .pf-colp-7 {
    width: calc(58.333333333333% - 12.5px - 0px); }

  .pf-colp-8 {
    width: calc(66.666666666667% - 10px - 0px); }

  .pf-colp-9 {
    width: calc(75% - 7.5px - 0px); }

  .pf-colp-10 {
    width: calc(83.333333333333% - 5px - 0px); }

  .pf-colp-11 {
    width: calc(91.666666666667% - 2.5px - 0px); }

  .pf-colp-12 {
    width: calc(100% - 0px - 0px); } }
/*
--------------------
DEFINED COLUMNS
--------------------
*/
/*--- Simple columns ---*/
.pf-cont {
  padding-left: 40px; }

.pf-col {
  margin-right: 40px; }

/* Column percent gutter */
.pf-cont-pct {
  padding-left: 5%; }

.pf-pcol-pct {
  padding-right: 5%; }

/* Media Query */
@media (max-width: 1300px) {
  .pf-cont {
    padding-left: 20px; }

  .pf-col {
    margin-right: 20px; }

  .pf-cont-pct {
    padding-left: 5%; }

  .pf-pcol-pct {
    padding-right: 5%; } }
/*--- Middle column ---*/
.pf-middle {
  box-sizing: border-box;
  /* Align */
  margin: 0 auto;
  /* Dimensions */
  width: calc(100% - 300px - 300px);
  max-width: 2000px;
  /* Temporary bounding box */
  /*border:1px solid red;*/
  /* Reduce sides, increase width. */
  /* Increase to full width. */
  /* Content */ }
  @media (max-width: 1300px) {
    .pf-middle {
      width: calc(100% - 230px - 230px); } }
  @media (max-width: 900px) {
    .pf-middle {
      width: 100%; } }
  .pf-middle .pf-col-middle {
    margin: 0 auto;
    max-width: 864px; }

/*--- Half column ---*/
.pf-col-half {
  width: calc(50% - 20px); }

/*# sourceMappingURL=css-includes-cols.css.map */

/*
--------------------
Helpers
--------------------
*/
/*
 * Aspect Ratio
 */
.pf-aspect-ratio {
  position: relative;
  width: 100%;
  /* desired width */ }

.pf-aspect-ratio:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* Default ratio of 1:1 */ }

.pf-aspect-ratio > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* Ratios */
[data-aspectratio="2:1"]:before {
  padding-top: 50%; }

[data-aspect-ratio="1:2"]:before {
  padding-top: 200%; }

[data-aspect-ratio="1:3"]:before {
  padding-top: 33.333%; }

[data-aspect-ratio="2:3"]:before {
  padding-top: 66.666%; }

[data-aspect-ratio="4:2"]:before {
  padding-top: 75%; }

[data-aspect-ratio="16:9"]::before {
  padding-top: 56.25%; }

[data-aspect-ratio="42:31"]::before {
  padding-top: 74.07%; }

[data-aspect-ratio="1.5:1"]::before {
  padding-top: 85%; }

/*
 * Paragraphs
 */
.pf-break-words {
  -ms-word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Truncate
 */
/* Truncate - Single line */
.pf-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

/* Truncate - Multiple line */
.pf-truncate-ml {
  overflow: hidden;
  position: relative;
  line-height: 20px;
  /* Line count */
  max-height: 40px;
  /* max-height = line-height (1.2) * lines max number (3) */
  word-break: break-all;
  margin-right: -1em;
  padding-right: 1em; }

.pf-truncate-ml:before {
  content: '...';
  position: absolute;
  bottom: 0;
  right: 0; }

.pf-truncate-ml:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white; }

/*
 * First/Last
 */
.pf-last {
  margin-right: 0 !important; }

/*
 * Underlines/Borders
 */
a.pf-ul, .pf-ul {
  text-decoration: underline; }

a.pf-no-ul, a.pf-no-ul:active, a.pf-no-ul:hover {
  text-decoration: none;
  border-bottom: 0; }

/*
 * Content
 */
/* Reveal/Hide */
.pf-reveal {
  display: block;
  position: relative;
  overflow: hidden;
  height: 0; }

.pf-hide {
  display: none; }

/* Inner padding */
.pf-padding-inset:after {
  content: "";
  display: block;
  position: relative;
  padding-bottom: 40px; }

/* Overflow visible */
.pf-overflow {
  overflow: visible; }

.pf-overflow-hidden {
  overflow: hidden; }

/*
 * Alignment
 */
/* Float */
.pf-left {
  float: left; }

.pf-right {
  float: right; }

.pf-center {
  margin-left: auto;
  margin-right: auto; }

/*.left.hide{ display:none!important; }*/
/* Absolute */
.pf-abs-left, .pf-abs-right, .pf-abs-top, .pf-abs-bottom {
  position: absolute; }

.pf-abs-left {
  left: 0;
  right: auto; }

.pf-abs-right {
  right: 0;
  left: auto; }

.pf-abs-top {
  top: 0; }

.pf-abs-bottom {
  bottom: 0; }

.pf-abs-center, .pf-abs-full {
  width: 100%; }

/* Text */
.pf-text-center {
  text-align: center; }

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

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

/*
 * Clear fixes
 */
/* Clear */
.pf-clear {
  clear: both;
  font-size: 0;
  line-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

.pf-clear-left {
  clear: left; }

.pf-clear-right {
  clear: right; }

.pf-clear-both {
  clear: both; }

/* Clearfix - old */
.pf-clearfixold:before,
.pf-clearfixold:after {
  content: "";
  display: table; }

.pf-clearfixold:after {
  clear: both; }

.pf-clearfixold {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* Clearfix - modern */
.pf-clearfix:after {
  content: '';
  display: block;
  clear: both; }

/*
 * Vertical align - absolute
 * - Apply to child element to vertically/horizontally align.
 */
.pf-abs-vh-align {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/*
 * Vertical align - flex
 * - Apply to parent to vertically/horizontally align contents.
 */
.pf-flex-vh-align {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  align-items: center; }

/*
 * Vertical align - table
 * - Apply to parent to vertically/horizontally align contents.
 */
.pf-table-vh-align {
  display: table-cell;
  height: 100%;
  line-height: 0;
  text-align: center;
  vertical-align: middle; }

/*
* Vertical align
* - add line-height to parent element, must equal parent height.
*/
.pf-valign,
.pf-valign-top,
.pf-valign-bottom {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.pf-valign-top {
  vertical-align: top; }

.pf-valign-bottom {
  vertical-align: bottom; }

/*
 * Vertical align (transform)
 * - Do not use on elements containing fixed items.
 */
.pf-v-align,
.pf-h-align,
.pf-vh-align {
  position: relative; }

.pf-v-align {
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.pf-h-align {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.pf-vh-align {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

/*
 * Vertical align (simple)
 */
.pf-valign-fixed {
  position: relative;
  height: 100%; }

.pf-valign-fixed .pf-valign-content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0; }

/*
 * Vertical Alignment
 */
.pf-valign-outer {
  display: table;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: visible; }

.ie6 .pf-valign-outer,
.ie7 .pf-valign-outer {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden; }

.pf-valign-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  margin: 0 auto; }

.ie6 .pf-valign-wrapper,
.ie7 .pf-valign-wrapper {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  top: 50%;
  position: relative;
  overflow: visible; }

.pf-valign-inner {
  margin: 0 auto;
  width: auto;
  overflow: visible;
  position: relative; }

.ie6 .pf-valign-inner,
.ie7 .pf-valign-inner {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  top: -50%;
  position: relative; }

/*
 * Click through
 */
.pf-click-through {
  pointer-events: none; }

/*
 * Mouse cursors
 */
/* Hand point */
.pf-cursor-hand {
  cursor: pointer;
  cursor: hand; }

.pf-jover {
  cursor: pointer;
  cursor: hand; }

/*
 * Horizontal Rules
 */
.pf-hr {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: 0;
  border-top: 1px solid #CCCCCC; }

.pf-short-hr {
  width: 95px; }

/*
 * Columns
 */
.pf-has-columns,
.pf-has-columns-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  -ms-column-gap: 0px;
  column-gap: 0px; }

.pf-has-columns-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  -ms-column-gap: 0px;
  column-gap: 0px; }

/* Media Queries */
@media screen and (max-width: px) {
  .pf-has-columns,
  .pf-has-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    column-gap: 0px; }

  .pf-has-columns-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    column-gap: 0px; } }
@media screen and (max-width: px) {
  .pf-has-columns,
  .pf-has-columns-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    column-gap: 0px; }

  .pf-has-columns-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    column-gap: 0px; } }
/*
 * Performance
 * increase
 */
.pf-force-GPU {
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/*
 * Max widths
 */
.pf-max-width-10 {
  max-width: 10%; }

.pf-max-width-15 {
  max-width: 15%; }

.pf-max-width-20 {
  max-width: 20%; }

.pf-max-width-25 {
  max-width: 25%; }

.pf-max-width-30 {
  max-width: 30%; }

.pf-max-width-35 {
  max-width: 35%; }

.pf-max-width-40 {
  max-width: 40%; }

.pf-max-width-45 {
  max-width: 45%; }

.pf-max-width-50 {
  max-width: 50%; }

.pf-max-width-55 {
  max-width: 55%; }

.pf-max-width-60 {
  max-width: 60%; }

.pf-max-width-65 {
  max-width: 65%; }

.pf-max-width-70 {
  max-width: 70%; }

.pf-max-width-75 {
  max-width: 75%; }

.pf-max-width-80 {
  max-width: 80%; }

.pf-max-width-85 {
  max-width: 85%; }

.pf-max-width-90 {
  max-width: 90%; }

.pf-max-width-95 {
  max-width: 95%; }

/*# sourceMappingURL=css-includes-helpers.css.map */

/*
--------------------
FORMS
--------------------
*/
/*--- Form text ---*/
.pf-form p.hidden {
  display: none; }

/*--- Form question ---*/
.pf-form-question {
  color: #949494;
  margin-bottom: 0px; }

/*--- Responses ---*/
.pf-form-response {
  margin-bottom: 35px;
  color: #949494; }

.pf-form-response-status,
.pf-form-response-message {
  display: inline-block; }

/* Inline errors */
.pf-form .error-line {
  color: #2BB573; }

/*--- Fields ---*/
.pf-fields {
  position: relative; }
  .pf-fields .pf-field {
    float: left; }

.pf-fields:after {
  content: '';
  display: block;
  clear: both; }

/*--- Fields: inline ---*/
.pf-fields-inline {
  font-size: 0.1px; }
  .pf-fields-inline .pf-field {
    display: inline-block; }

/*-- Fields: icon ---*/
.pf-fields-icon {
  position: absolute;
  right: 0;
  bottom: 5px; }

/*--- Field ---*/
.pf-field {
  position: relative;
  box-sizing: border-box;
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

/*--- Sizes ---*/
.pf-field .pf-w-auto,
.pf-field.pf-w-auto {
  width: auto;
  display: block;
  float: none; }

.pf-field .pf-w-50, .pf-field.pf-w-50,
.pf-field .pf-w-33, .pf-field.pf-w-33,
.pf-field .pf-w-25, .pf-field.pf-w-25 {
  float: left; }

.pf-field .pf-w-100, .pf-field.pf-w-100 {
  width: calc(100% - 10px); }

.pf-field .pf-w-50, .pf-field.pf-w-50 {
  width: calc(50% - 5px); }

.pf-field .pf-w-33, .pf-field.pf-w-33 {
  width: calc(33.33% - 6.6666666666667px); }

.pf-field .pf-w-25, .pf-field.pf-w-25 {
  width: calc(25% - 7.5px); }

/*--- Clears ---*/
.pf-field .pf-w-50, .pf-field.pf-w-50:nth-of-type(n + 2),
.pf-field .pf-w-25, .pf-field.pf-w-25:nth-of-type(4n) {
  margin-right: 0; }

/* Small fields */
.pf-fields-small {
  margin-right: 20px; }

.pf-fields-small .pf-half .pf-text-input {
  margin-right: 20px; }

/*--- Label ---*/
.pf-form-label {
  display: block;
  line-height: 1;
  margin-bottom: 10px; }

/*--- Icon ---*/
.pf-form-icon {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  cursor: pointer;
  cursor: hand; }

/*--- Input icon ---*/
.pf-input-icon {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 100%; }

/*
 * Reset inputs
 * - Text, Email, Password, Textarea, Select
 */
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
textarea,
select {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font: 14px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #949494;
  background-color: transparent;
  box-sizing: border-box; }

input[type=hidden] {
  display: none; }

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

/*--- Focus ---*/
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
  outline: none; }

.pf-focus input[type=text],
.pf-focus input[type=email],
.pf-focus input[type=password],
.pf-focus input[type=password],
.pf-focus input[type=number],
.pf-focus input[type=tel],
.pf-focus textarea,
.pf-focus select,
.pf-focus label {
  color: #000000;
  background: #002335; }

/*--- Completed ---*/
.pf-completed input[type=text],
.pf-completed input[type=email],
.pf-completed input[type=password],
.pf-completed input[type=number],
.pf-completed input[type=tel],
.pf-completed textarea,
.pf-completed select,
.pf-completed label {
  color: #FFFFFF;
  background: #002335; }

/*--- Placeholder ---*/
/* Base light */
/* Light */
.pf-lightest input[type=text]::-webkit-input-placeholder {
  color: #000; }

.pf-lightest input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest input[type=text]:-ms-input-placeholder {
  color: #000; }

.pf-lightest input[type=email]::-webkit-input-placeholder {
  color: #000; }

.pf-lightest input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest input[type=email]:-ms-input-placeholder {
  color: #000; }

.pf-lightest input[type=password]::-webkit-input-placeholder {
  color: #000; }

.pf-lightest input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest input[type=password]:-ms-input-placeholder {
  color: #000; }

.pf-lightest input[type=number]::-webkit-input-placeholder {
  color: #000; }

.pf-lightest input[type=number]:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest input[type=number]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest input[type=number]:-ms-input-placeholder {
  color: #000; }

.pf-lightest input[type=tel]::-webkit-input-placeholder {
  color: #000; }

.pf-lightest input[type=tel]:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest input[type=tel]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest input[type=tel]:-ms-input-placeholder {
  color: #000; }

.pf-lightest textarea::-webkit-input-placeholder {
  color: #000; }

.pf-lightest textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest textarea:-ms-input-placeholder {
  color: #000; }

.pf-lightest select::-webkit-input-placeholder {
  color: #000; }

.pf-lightest select:-moz-placeholder {
  /* Firefox 18- */
  color: #000; }

.pf-lightest select::-moz-placeholder {
  /* Firefox 19+ */
  color: #000; }

.pf-lightest select:-ms-input-placeholder {
  color: #000; }

/*--- Autofill ---*/
input:-webkit-autofill {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #000000 !important;
  background-color: transparent !important; }

input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: inset 0 0 0 1000px #000000 !important;
  background-color: transparent !important; }

/*
 * Input overrides
 *
 */
.pf-form-input {
  margin-bottom: 28px; }

/* Submit */
/*.input-submit, .submit, submit,
.submit-button{
	width:100%;
	max-width:170px;
	}*/
/* Media Query */
		/*@media screen and (max-width:px){

			/* Input *
			input.pf-input-text,
			input.input-password,
			input[type="text"],
			input[type="email"],
			textarea,
			select{
				-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		 		width:100%;
			}

		}*/

/*# sourceMappingURL=css-elements-forms-forms.css.map */

/*
--------------------
FORMS: Input
--------------------
*/
/*
 * Input
 *
 */
.pf-input-text {
  position: relative; }

.pf-input-text input[type=text],
.pf-input-text input[type=email],
.pf-input-text input[type=password],
.pf-input-text input[type=number],
.pf-input-text input[type=tel] {
  padding: 3px 4px 1px;
  font: 14px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #000000;
  border: 1px solid #2BB573; }

.pf-input-radio input {
  color: #CCCCCC; }

.pf-input-radio:hover input,
.pf-checked input {
  color: #949494; }

/*--- State: disabled ---*/
/*--- State: linked ---*/
.pf-input-text input[type=text]:disabled,
.pf-input-text input[type=email]:disabled,
.pf-input-text input[type=password]:disabled,
.pf-input-text input[type=number]:disabled,
.pf-input-text input[type=tel]:disabled {
  color: #949494;
  border-color: #949494; }

/*--- Sizes ---*/
.pf-input-text.pf-input-large input[type=text],
.pf-input-text.pf-input-large input[type=email],
.pf-input-text.pf-input-large input[type=password],
.pf-input-text.pf-input-large input[type=number],
.pf-input-text.pf-input-large input[type=tel],
.pf-input-text.pf-input-large textarea,
.pf-input-text.pf-input-large select {
  font: 35px/35px "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  border: 0; }

.pf-input-text.pf-input-medium input[type=text],
.pf-input-text.pf-input-medium input[type=email],
.pf-input-text.pf-input-medium input[type=password],
.pf-input-text.pf-input-medium input[type=number],
.pf-input-text.pf-input-medium input[type=tel],
.pf-input-text.pf-input-medium textarea,
.pf-input-text.pf-input-medium select {
  font: 30px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  border: 0; }

.pf-input-text.pf-input-small input[type=text],
.pf-input-text.pf-input-small input[type=email],
.pf-input-text.pf-input-small input[type=password],
.pf-input-text.pf-input-small input[type=number],
.pf-input-text.pf-input-small input[type=tel],
.pf-input-text.pf-input-small textarea,
.pf-input-text.pf-input-small select {
  font: 14px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  border: 0; }

/*--- Text colours ---*/
.pf-dark.pf-input-text input[type=text],
.pf-dark.pf-input-text input[type=email],
.pf-dark.pf-input-text input[type=password],
.pf-dark.pf-input-text textarea,
.pf-dark.pf-input-text select {
  color: #000000; }

/*--- Placeholder ---*/
.pf-dark input[type="text"]::-webkit-input-placeholder {
  color: #CCCCCC; }

.pf-dark input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

.pf-dark input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

.pf-dark input[type="text"]:-ms-input-placeholder {
  color: #CCCCCC; }

.pf-dark input[type="email"]::-webkit-input-placeholder {
  color: #CCCCCC; }

.pf-dark input[type="email"]:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

.pf-dark input[type="email"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

.pf-dark input[type="email"]:-ms-input-placeholder {
  color: #CCCCCC; }

.pf-dark input[type="password"]::-webkit-input-placeholder {
  color: #CCCCCC; }

.pf-dark input[type="password"]:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

.pf-dark input[type="password"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

.pf-dark input[type="password"]:-ms-input-placeholder {
  color: #CCCCCC; }

.pf-dark textarea::-webkit-input-placeholder {
  color: #CCCCCC; }

.pf-dark textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

.pf-dark textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

.pf-dark textarea:-ms-input-placeholder {
  color: #CCCCCC; }

.pf-dark select::-webkit-input-placeholder {
  color: #CCCCCC; }

.pf-dark select:-moz-placeholder {
  /* Firefox 18- */
  color: #CCCCCC; }

.pf-dark select::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCCCCC; }

.pf-dark select:-ms-input-placeholder {
  color: #CCCCCC; }

.pf-error.pf-dark input[type="text"]::-webkit-input-placeholder {
  color: #2BB573; }

.pf-error.pf-dark input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #2BB573; }

.pf-error.pf-dark input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #2BB573; }

.pf-error.pf-dark input[type="text"]:-ms-input-placeholder {
  color: #2BB573; }

.pf-error.pf-dark input[type="email"]::-webkit-input-placeholder {
  color: #2BB573; }

.pf-error.pf-dark input[type="email"]:-moz-placeholder {
  /* Firefox 18- */
  color: #2BB573; }

.pf-error.pf-dark input[type="email"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #2BB573; }

.pf-error.pf-dark input[type="email"]:-ms-input-placeholder {
  color: #2BB573; }

.pf-error.pf-dark input[type="password"]::-webkit-input-placeholder {
  color: #2BB573; }

.pf-error.pf-dark input[type="password"]:-moz-placeholder {
  /* Firefox 18- */
  color: #2BB573; }

.pf-error.pf-dark input[type="password"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #2BB573; }

.pf-error.pf-dark input[type="password"]:-ms-input-placeholder {
  color: #2BB573; }

/*--- Label ---*/
.pf-input-label {
  margin-right: 40px; }

.pf-input-text .pf-input-label {
  position: absolute;
  top: 5px;
  left: 6px;
  right: 6px;
  bottom: 5px; }

/*# sourceMappingURL=css-elements-forms-elements-input.css.map */

/*
--------------------
FORMS: Textarea
--------------------
*/
/*
 * Textarea
 *
 */
textarea {
  position: relative;
  height: 150px;
  padding: 10px 7px;
  border: 0; }

.pf-focus .pf-input-textarea {
  border: px solid #CCCCCC; }

.pf-input-textarea .pf-input-label {
  position: absolute;
  top: 10px;
  left: 7px;
  right: 7px;
  bottom: 10px; }

@media screen and (max-width: px) {
  /* Half */
  .pf-half .pf-input-textarea {
    margin-right: 10%; }

  /* Two Thirds */
  .pf-twothirds-cont .pf-input-textarea {
    margin-right: 7.5%; } }

/*# sourceMappingURL=css-elements-forms-elements-textarea.css.map */

/*
--------------------
FORMS: Select
--------------------
*/
/*
 * Select
 *
 */
.pf-input-select {
  position: relative;
  overflow: hidden;
  border: 1px solid #2BB573; }

/* Remove dropdown arrow */
.pf-input-select > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

/* Remove for IE 11 */
.pf-input-select > select {
  width: 100%;
  margin: 0;
  padding: 5px 27px 3px 6px;
  color: #949494;
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.pf-form-radio .pf-input-select > select {
  color: #CCCCCC; }

.pf-form-radio:hover .pf-input-select > select,
.pf-checked .pf-input-select > select {
  color: #949494; }

.pf-input-select:before,
.pf-input-select:after {
  display: block;
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  pointer-events: none; }

/* Down arrow */
.pf-input-select:before {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #CCCCCC;
  margin-right: 10px;
  top: 50%;
  margin-top: -4px;
  /* valign */
  z-index: 1; }

.pf-input-select:after {
  width: 27px;
  height: 100%;
  background: #FFFFFF;
  /*z-index:;*/ }

/*--- Large select ---*/
.pf-select-large > select {
  padding: 8px 15px;
  color: #FFFFFF;
  text-transform: uppercase; }

.pf-select-large select option {
  color: #949494; }

/* Media Query */
@media screen and (max-width: px) {
  /* Input */
  /*.pf-text-input, .pf-input-textarea, .pf-input-select{
  	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  	margin-right:5%;
  }*/ }

/*# sourceMappingURL=css-elements-forms-elements-select.css.map */

/*
--------------------
FORMS: Radio button
--------------------
*/
.pf-input-radio {
  position: relative;
  color: #949494;
  cursor: pointer;
  cursor: hand; }

/* Value */
.pf-input-radio-value {
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #2BB573;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  box-sizing: border-box; }

.pf-input-radio-value span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1; }

.pf-input-radio-value,
.pf-input-radio-value span {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out; }

/* Default */
.pf-input-radio-value span:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  margin: 3px 0 0 3px;
  border: 1px solid #2BB573;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  background: #2BB573; }

/* Label */
.pf-input-radio-label {
  position: relative;
  overflow: hidden;
  padding-left: 10px;
  line-height: 1.2;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out; }

/* Label inline inputs */
.pf-input-radio .pf-field {
  margin-right: 10px; }

/*--- Hover / Checked ---*/
.pf-input-radio:hover,
.pf-input-radio.checked,
.pf-input-radio:hover select,
.pf-input-radio.checked select {
  color: #000000; }

.pf-input-radio:hover .pf-input-radio-value {
  border-color: #2BB573; }

.pf-input-radio:hover .pf-input-radio-value span,
.pf-input-radio.checked .pf-input-radio-value span {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

/*--- Disabled ---*/
.pf-input-radio.pf-disabled,
.pf-input-radio.pf-disabled select {
  color: #CCCCCC;
  cursor: default; }

.pf-input-radio.pf-disabled .pf-input-radio-value {
  border-color: #CCCCCC; }

/*# sourceMappingURL=css-elements-forms-elements-radio.css.map */

/*
--------------------
FORMS: Checkbox
--------------------
*/
/*
 * Checkbox
 *
 */
.pf-form-checkbox {
  color: #949494;
  cursor: pointer;
  cursor: hand; }

.pf-form-checkbox-value {
  float: left;
  width: 14px;
  height: 14px;
  border: 1px solid #949494; }

.pf-form-checkbox:hover {
  color: #000000; }

.pf-form-checkbox:hover .pf-form-checkbox-value {
  border-color: #000000; }

.pf-form-checkbox.disabled .pf-form-checkbox-value {
  border-color: #CCCCCC; }

.pf-form-checkbox.disabled {
  color: #CCCCCC; }

.pf-form-checkbox-value span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.checked .pf-form-checkbox-value span {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

.pf-form-checkbox-label {
  position: relative;
  padding-left: 40px;
  margin-left: 16px; }

/* Cross */
.pf-form-checkbox-cross .pf-form-checkbox-value span:before,
.pf-form-checkbox-cross .pf-form-checkbox-value span:after {
  content: '';
  position: absolute;
  width: 200%;
  height: 1px;
  top: 50%;
  left: -50%;
  margin-top: -1px;
  background: #949494; }

.pf-form-checkbox-cross:hover .pf-form-checkbox-value span:before,
.pf-form-checkbox-cross:hover .pf-form-checkbox-value span:after {
  background: #000000; }

.pf-form-checkbox-cross.disabled .pf-form-checkbox-value span:before,
.pf-form-checkbox-cross.disabled .pf-form-checkbox-value span:after {
  background: #CCCCCC; }

.pf-form-checkbox-cross .pf-form-checkbox-value span:before {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.pf-form-checkbox-cross .pf-form-checkbox-value span:after {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

/* Tick */
.pf-form-checkbox-tick .pf-form-checkbox-value span {
  background: url(/assets/images/icons/checkbox-tick.svg) no-repeat center center; }

.pf-form-checkbox-tick.checked .pf-form-checkbox-label {
  color: #2BB573; }

/*--- Primary ---*/
.pf-form-checkbox-primary:hover {
  color: #2BB573; }

.pf-form-checkbox-primary:hover .pf-form-checkbox-value {
  border-color: #2BB573; }

.pf-form-checkbox-primary.pf-form-checkbox-cross:hover span:before,
.pf-form-checkbox-primary.pf-form-checkbox-cross:hover span:after {
  background: #2BB573; }

/*# sourceMappingURL=css-elements-forms-elements-checkbox.css.map */

/*
--------------------
GRIDS
--------------------
*/
/*
--------------------
GRID: OPTIONS
--------------------
*/
.pf-grid-option {
  position: relative;
  clear: both;
  padding: 0 0 0 5%; }

.pf-grid-option:after {
  content: '';
  display: block;
  clear: both; }

.pf-grid-option-item {
  float: left;
  width: 25%;
  margin-bottom: 40px;
  padding: 0 5% 0 0;
  box-sizing: border-box; }
  .pf-grid-option-item:hover a {
    color: #2BB573; }

/*
.pf-grid-option-item:nth-of-type(4n){
/*padding:0 40px 0 0;*
}
.pf-grid-option-item:nth-of-type(4n + 1){
clear:left;
}
*/
/* Image */
.pf-grid-option-image {
  position: relative;
  padding-top: 100%;
  margin-bottom: 10px;
  /* Picture */ }
  .pf-grid-option-image .pf-picture {
    top: 50%;
    left: 50%; }

/* Price */
.pf-grid-option-price {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 6px;
  box-sizing: border-box;
  background: #2BB573;
  font: 16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #FFFFFF; }

/* Title */
.pf-grid-option-title {
  height: 40px;
  font: 14px/1.4 	"Avenir LT W01 45 Book", Arial, Helvetica, sans-serif;
  text-align: center; }

/*
--------------------
GRID: LIST
--------------------
*/
.pf-grid-list {
  padding: 0 0 0 5%; }

.pf-grid-list:after {
  content: '';
  display: block;
  clear: both; }

.pf-grid-list-item {
  position: relative;
  padding: 0 5% 5% 0;
  box-sizing: border-box; }

/* Thumbnail */
.pf-grid-list-thumbnail {
  position: relative;
  float: left;
  width: 100px;
  margin: 0 5% 0 0; }

.pf-grid-list-image {
  width: 100%; }

.pf-grid-list-message {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 2px 6px;
  box-sizing: border-box;
  color: #FFFFFF;
  background: #949494; }
  .pf-popular .pf-grid-list-message {
    display: block; }

/* Content */
.pf-grid-list-content {
  position: relative;
  overflow: hidden; }

/* Title */
.pf-grid-list-title {
  margin: 0; }

/*
--------------------
GRID: 2UP
--------------------
*/
.pf-grid-2up {
  position: relative;
  clear: both;
  padding: 0 0 0 5%; }

.pf-grid-2up:after {
  content: '';
  display: block;
  clear: both; }

.pf-grid-2up-item {
  float: left;
  width: 50%;
  margin-bottom: 40px;
  padding: 0 5% 0 0;
  box-sizing: border-box;
  /* Cursor */
  cursor: pointer;
  cursor: hand;
  /* Title */ }
  .pf-grid-2up-item h3 {
    color: #000000; }

/* Image */
.pf-grid-2up-image {
  position: relative;
  margin: 0 0 40px 0;
  border: 1px solid #949494;
  text-align: center;
  /* Hover */ }
  .pf-grid-2up-image img {
    width: 100px;
    height: 140px;
    vertical-align: middle; }
  .pf-grid-2up-item:hover .pf-grid-2up-image {
    border-color: #2BB573; }

/* Price */
.pf-grid-2up-price {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 12px 6px;
  box-sizing: border-box;
  background: #949494;
  font: 16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #FFFFFF; }

/*# sourceMappingURL=css-elements-grids.css.map */

/*
--------------------
Backgrounds
--------------------
*/
.backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1; }

.backgrounds.fixed {
  position: fixed; }

/*--- Background ---*/
.background {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: center center; }

.background.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.background.fixed {
  position: fixed; }

/* Control */
.backgrounds .take-control {
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
  background-position: 20px 20px; }

/* Positions */
.background.pos-bl {
  background-position: bottom left; }

.background.pos-br {
  background-position: bottom right; }

.background.pos-tl, .background.pos-l {
  background-position: top left; }

.background.pos-tr, .background.pos-r {
  background-position: top right; }

/*--- Inline image ---*/
.background img {
  display: block;
  position: relative;
  min-width: 100%;
  min-height: 100%; }

.img-replace {
  overflow: hidden; }

.img-replace img {
  position: absolute; }

/*--- Person background ---*/
.pf-person-bg:before {
  content: "";
  position: fixed;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background: url("/assets/images/backgrounds/person-background.img") no-repeat bottom right;
  background-size: contain; }

/*# sourceMappingURL=css-elements-backgrounds.css.map */

/*
--------------------
Icons
--------------------
*/
/*--- Setup ---*/
.pf-icons {
  font-size: 0;
  line-height: 0; }

/* Icon, Inline */
.pf-icon,
.pf-icon-inline {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

/* Icon settings */
.pf-icon-inline,
.pf-icon-custom,
a.pf-icon, .pf-icon > a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none; }

a.pf-icon-inline:hover,
a.pf-icon-custom:hover,
a.pf-icon:hover, .pf-icon > a:hover {
  color: #2BB573; }

/* Icon */
.pf-icon-inline:before, .pf-icon-inline:after,
.pf-icon-custom:before, .pf-icon-custom:after,
a.pf-icon:before, a.pf-icon:after,
.pf-icon > a:before, .pf-icon > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top; }

.pf-icon-custom,
.pf-icon-custom:before,
.pf-icon-custom:after {
  width: 100%;
  height: 100%; }

/* Opacity */
a.pf-icon:before, .pf-icon > a:before,
a.pf-icon:after, .pf-icon > a:after,
.pf-icon-inline:before, .pf-icon-inline:after,
.pf-icon-custom:before, .pf-icon-custom:after {
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out; }

/* Default (on) */
a.pf-icon:before,
.pf-icon > a:before,
a.pf-icon-inline:before,
.pf-icon-custom:before {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

/* Default (off) */
a.pf-icon:after,
.pf-icon > a:after,
a.pf-icon-inline:after,
.pf-icon-custom:after {
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1; }

/* Hover */
a.pf-icon:hover:before,
.pf-icon > a:hover:before,
a.pf-icon-inline:hover:before,
.pf-icon-custom:hover:before {
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1; }

a.pf-icon:hover:after,
.pf-icon > a:hover:after,
a.pf-icon-inline:hover:after,
.pf-icon-custom:hover:after {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

/* Disabled */
.disabled a.pf-icon:hover:before,
.disabled.pf-icon > a:hover:before,
.disabled a.pf-icon-inline:hover:before,
.disabled .pf-icon-custom:hover:before {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

.disabled a.pf-icon:hover:after,
.disabled.pf-icon > a:hover:after,
.disabled a.pf-icon-inline:hover:after,
.disabled .pf-icon-custom:hover:after {
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1; }

/* Direction */
a.pf-icon-right:before, .pf-icon-right > a:before,
a.pf-icon-right:after, .pf-icon-right > a:after {
  left: auto;
  right: 0; }

/* Inline span */
a.pf-icon > span,
.pf-icon > a > span {
  padding-left: 5px;
  vertical-align: middle;
  line-height: 1; }

/*--- Alignment ---*/
/* Top / Bottom */
.pf-icon-top {
  vertical-align: top; }

.pf-icon-bottom {
  vertical-align: bottom; }

/* Left / Right */
.pf-icon-left {
  text-align: left; }

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

/*--- Options ---*/
/* SVG */
.pf-icon svg {
  float: left; }

/* SVG: Stroke */
.pf-icon-stroke {
  stroke: #000000;
  fill: #000000; }

/* Base */
a.pf-icon.pf-icon-base > span,
.pf-icon.pf-icon-base > a > span {
  color: #2BB573; }

/*
--------------------
GENERAL ICONS
--------------------
*/
/*
--------------------
ICON: Info question
--------------------
*/
a.pf-icon-info-question, .pf-icon-info-question > a,
a.pf-icon-info-question:after, .pf-icon-info-question > a:before,
a.pf-icon-info-question:before, .pf-icon-info-question > a:after,
.pf-icon-inline.pf-icon-info-question,
.pf-icon-inline.pf-icon-info-question:after,
.pf-icon-inline.pf-icon-info-question:before {
  padding-left: 14px;
  height: 14px;
  line-height: 14px; }

.pf-icon-info-question > a > span,
a.pf-icon-info-question > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-info-question:before,
.pf-icon-info-question > a:before,
.pf-icon-inline.pf-icon-info-question:before {
  background-image: url("/assets/images/icons/icon-info-question-dark.img"); }

/* Hover */
a.pf-icon-info-question:after,
.pf-icon-info-question > a:after,
.pf-icon-inline.pf-icon-info-question:after {
  background-image: url("/assets/images/icons/icon-info-question-dark.img"); }

/*--- Base ---*/
a.pf-icon-info-question.pf-icon-base:before,
.pf-icon-info-question.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-info-question.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-info-question-base.img"); }

a.pf-icon-info-question.pf-icon-base:after,
.pf-icon-info-question.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-info-question.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-info-question-base.img"); }

/*--- Darkest ---*/
a.pf-icon-info-question.pf-icon-darkest:before,
.pf-icon-info-question.icon-darkest > a:before,
.pf-icon-inline.pf-icon-info-question.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-info-question-dark.img"); }

a.pf-icon-info-question.pf-icon-darkest:after,
.pf-icon-info-question.icon-darkest > a:after,
.pf-icon-inline.pf-icon-info-question.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-info-question-dark.img"); }

/*
--------------------
ICON: Info question
--------------------
*/
a.pf-icon-info, .pf-icon-info > a,
a.pf-icon-info:after, .pf-icon-info > a:before,
a.pf-icon-info:before, .pf-icon-info > a:after,
.pf-icon-inline.pf-icon-info,
.pf-icon-inline.pf-icon-info:after,
.pf-icon-inline.pf-icon-info:before {
  padding-left: 16px;
  height: 16px;
  line-height: 16px; }

.pf-icon-info > a > span,
a.pf-icon-info > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-info:before,
.pf-icon-info > a:before,
.pf-icon-inline.pf-icon-info:before {
  background-image: url("/assets/images/icons/icon-info-dark.img"); }

/* Hover */
a.pf-icon-info:after,
.pf-icon-info > a:after,
.pf-icon-inline.pf-icon-info:after {
  background-image: url("/assets/images/icons/icon-info-dark.img"); }

/*--- Base ---*/
a.pf-icon-info.pf-icon-base:before,
.pf-icon-info.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-info.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-info-base.img"); }

a.pf-icon-info.pf-icon-base:after,
.pf-icon-info.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-info.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-info-base.img"); }

/*--- Darkest ---*/
a.pf-icon-info.pf-icon-darkest:before,
.pf-icon-info.icon-darkest > a:before,
.pf-icon-inline.pf-icon-info.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-info-dark.img"); }

a.pf-icon-info.pf-icon-darkest:after,
.pf-icon-info.icon-darkest > a:after,
.pf-icon-inline.pf-icon-info.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-info-dark.img"); }

/*
--------------------
ICON: Plus
--------------------
*/
a.pf-icon-plus, .pf-icon-plus > a,
a.pf-icon-plus:after, .pf-icon-plus > a:before,
a.pf-icon-plus:before, .pf-icon-plus > a:after,
.pf-icon-inline.pf-icon-plus,
.pf-icon-inline.pf-icon-plus:after,
.pf-icon-inline.pf-icon-plus:before {
  padding-left: 14px;
  height: 14px;
  line-height: 14px; }

.pf-icon-plus > a > span,
a.pf-icon-plus > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-plus:before,
.pf-icon-plus > a:before,
.pf-icon-inline.pf-icon-plus:before {
  background-image: url("/assets/images/icons/icon-plus-dark.img"); }

/* Hover */
a.pf-icon-plus:after,
.pf-icon-plus > a:after,
.pf-icon-inline.pf-icon-plus:after {
  background-image: url("/assets/images/icons/icon-plus-dark.img"); }

/*--- Base ---*/
a.pf-icon-plus.pf-icon-base:before,
.pf-icon-plus.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-plus.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-plus-base.img"); }

a.pf-icon-plus.pf-icon-base:after,
.pf-icon-plus.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-plus.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-plus-base.img"); }

/*--- Darkest ---*/
a.pf-icon-plus.pf-icon-darkest:before,
.pf-icon-plus.icon-darkest > a:before,
.pf-icon-inline.pf-icon-plus.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-plus-dark.img"); }

a.pf-icon-plus.pf-icon-darkest:after,
.pf-icon-plus.icon-darkest > a:after,
.pf-icon-inline.pf-icon-plus.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-plus-dark.img"); }

/*
--------------------
ICON: Cross
--------------------
*/
a.pf-icon-cross, .pf-icon-cross > a,
a.pf-icon-cross:after, .pf-icon-cross > a:before,
a.pf-icon-cross:before, .pf-icon-cross > a:after,
.pf-icon-inline.pf-icon-cross,
.pf-icon-inline.pf-icon-cross:after,
.pf-icon-inline.pf-icon-cross:before {
  padding-left: 14px;
  height: 14px;
  line-height: 14px; }

.pf-icon-cross > a > span,
a.pf-icon-cross > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-cross:before,
.pf-icon-cross > a:before,
.pf-icon-inline.pf-icon-cross:before {
  background-image: url("/assets/images/icons/icon-cross-dark.img"); }

/* Hover */
a.pf-icon-cross:after,
.pf-icon-cross > a:after,
.pf-icon-inline.pf-icon-cross:after {
  background-image: url("/assets/images/icons/icon-cross-dark.img"); }

/*--- Base ---*/
a.pf-icon-cross.pf-icon-base:before,
.pf-icon-cross.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-cross.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-cross-base.img"); }

a.pf-icon-cross.pf-icon-base:after,
.pf-icon-cross.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-cross.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-cross-base.img"); }

/*--- Darkest ---*/
a.pf-icon-cross.pf-icon-darkest:before,
.pf-icon-cross.icon-darkest > a:before,
.pf-icon-inline.pf-icon-cross.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-cross-dark.img"); }

a.pf-icon-cross.pf-icon-darkest:after,
.pf-icon-cross.icon-darkest > a:after,
.pf-icon-inline.pf-icon-cross.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-cross-dark.img"); }

/*
--------------------
ICON: Basket
--------------------
*/
a.pf-icon-basket, .pf-icon-basket > a,
a.pf-icon-basket:after, .pf-icon-basket > a:before,
a.pf-icon-basket:before, .pf-icon-basket > a:after,
.pf-icon-inline.pf-icon-basket,
.pf-icon-inline.pf-icon-basket:after,
.pf-icon-inline.pf-icon-basket:before {
  padding-left: 23px;
  height: 19px;
  line-height: 19px; }

.pf-icon-basket > a > span,
a.pf-icon-basket > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-basket:before,
.pf-icon-basket > a:before,
.pf-icon-inline.pf-icon-basket:before {
  background-image: url("/assets/images/icons/icon-basket-dark.img"); }

/* Hover */
a.pf-icon-basket:after,
.pf-icon-basket > a:after,
.pf-icon-inline.pf-icon-basket:after {
  background-image: url("/assets/images/icons/icon-basket-dark.img"); }

/*--- Base ---*/
a.pf-icon-basket.pf-icon-base:before,
.pf-icon-basket.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-basket.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-basket-base.img"); }

a.pf-icon-basket.pf-icon-base:after,
.pf-icon-basket.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-basket.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-basket-base.img"); }

/*--- Darkest ---*/
a.pf-icon-basket.pf-icon-darkest:before,
.pf-icon-basket.icon-darkest > a:before,
.pf-icon-inline.pf-icon-basket.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-basket-dark.img"); }

a.pf-icon-basket.pf-icon-darkest:after,
.pf-icon-basket.icon-darkest > a:after,
.pf-icon-inline.pf-icon-basket.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-basket-dark.img"); }

/*
--------------------
ICON: Rotate
--------------------
*/
a.pf-icon-rotate, .pf-icon-rotate > a,
a.pf-icon-rotate:after, .pf-icon-rotate > a:before,
a.pf-icon-rotate:before, .pf-icon-rotate > a:after,
.pf-icon-inline.pf-icon-rotate,
.pf-icon-inline.pf-icon-rotate:after,
.pf-icon-inline.pf-icon-rotate:before {
  padding-left: 13px;
  height: 13px;
  line-height: 13px; }

.pf-icon-rotate > a > span,
a.pf-icon-rotate > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-rotate:before,
.pf-icon-rotate > a:before,
.pf-icon-inline.pf-icon-rotate:before {
  background-image: url("/assets/images/icons/icon-rotate-dark.img"); }

/* Hover */
a.pf-icon-rotate:after,
.pf-icon-rotate > a:after,
.pf-icon-inline.pf-icon-rotate:after {
  background-image: url("/assets/images/icons/icon-rotate-dark.img"); }

/*--- Base ---*/
a.pf-icon-rotate.pf-icon-base:before,
.pf-icon-rotate.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-rotate.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-rotate-base.img"); }

a.pf-icon-rotate.pf-icon-base:after,
.pf-icon-rotate.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-rotate.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-rotate-base.img"); }

/*--- Darkest ---*/
a.pf-icon-rotate.pf-icon-darkest:before,
.pf-icon-rotate.icon-darkest > a:before,
.pf-icon-inline.pf-icon-rotate.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-rotate-dark.img"); }

a.pf-icon-rotate.pf-icon-darkest:after,
.pf-icon-rotate.icon-darkest > a:after,
.pf-icon-inline.pf-icon-rotate.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-rotate-dark.img"); }

/*
--------------------
ICON: Recycle arrow
--------------------
*/
a.pf-icon-recycle-arrow, .pf-icon-recycle-arrow > a,
a.pf-icon-recycle-arrow:after, .pf-icon-recycle-arrow > a:before,
a.pf-icon-recycle-arrow:before, .pf-icon-recycle-arrow > a:after,
.pf-icon-inline.pf-icon-recycle-arrow,
.pf-icon-inline.pf-icon-recycle-arrow:after,
.pf-icon-inline.pf-icon-recycle-arrow:before {
  padding-left: 16px;
  height: 14px;
  line-height: 14px; }

.pf-icon-recycle-arrow > a > span,
a.pf-icon-recycle-arrow > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-recycle-arrow:before,
.pf-icon-recycle-arrow > a:before,
.pf-icon-inline.pf-icon-recycle-arrow:before {
  background-image: url("/assets/images/icons/icon-recycle-arrow-dark.img"); }

/* Hover */
a.pf-icon-recycle-arrow:after,
.pf-icon-recycle-arrow > a:after,
.pf-icon-inline.pf-icon-recycle-arrow:after {
  background-image: url("/assets/images/icons/icon-recycle-arrow-dark.img"); }

/*--- Base ---*/
a.pf-icon-recycle-arrow.pf-icon-base:before,
.pf-icon-recycle-arrow.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-recycle-arrow.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-recycle-arrow-base.img"); }

a.pf-icon-recycle-arrow.pf-icon-base:after,
.pf-icon-recycle-arrow.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-recycle-arrow.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-recycle-arrow-base.img"); }

/*--- Darkest ---*/
a.pf-icon-recycle-arrow.pf-icon-darkest:before,
.pf-icon-recycle-arrow.icon-darkest > a:before,
.pf-icon-inline.pf-icon-recycle-arrow.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-recycle-arrow-dark.img"); }

a.pf-icon-recycle-arrow.pf-icon-darkest:after,
.pf-icon-recycle-arrow.icon-darkest > a:after,
.pf-icon-inline.pf-icon-recycle-arrow.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-recycle-arrow-dark.img"); }

/*
--------------------
ICON: Settings Cog
--------------------
*/
a.pf-icon-cog, .pf-icon-cog > a,
a.pf-icon-cog:after, .pf-icon-cog > a:before,
a.pf-icon-cog:before, .pf-icon-cog > a:after,
.pf-icon-inline.pf-icon-cog,
.pf-icon-inline.pf-icon-cog:after,
.pf-icon-inline.pf-icon-cog:before {
  padding-left: 14px;
  height: 14px;
  line-height: 14px; }

.pf-icon-cog > a > span,
a.pf-icon-cog > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-cog:before,
.pf-icon-cog > a:before,
.pf-icon-inline.pf-icon-cog:before {
  background-image: url("/assets/images/icons/icon-cog-dark.img"); }

/* Hover */
a.pf-icon-cog:after,
.pf-icon-cog > a:after,
.pf-icon-inline.pf-icon-cog:after {
  background-image: url("/assets/images/icons/icon-cog-dark.img"); }

/*--- Base ---*/
a.pf-icon-cog.pf-icon-base:before,
.pf-icon-cog.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-cog.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-cog-base.img"); }

a.pf-icon-cog.pf-icon-base:after,
.pf-icon-cog.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-cog.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-cog-base.img"); }

/*--- Darkest ---*/
a.pf-icon-cog.pf-icon-darkest:before,
.pf-icon-cog.icon-darkest > a:before,
.pf-icon-inline.pf-icon-cog.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-cog-dark.img"); }

a.pf-icon-cog.pf-icon-darkest:after,
.pf-icon-cog.icon-darkest > a:after,
.pf-icon-inline.pf-icon-cog.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-cog-dark.img"); }

/*
--------------------
ICON: Print
--------------------
*/
a.pf-icon-print, .pf-icon-print > a,
a.pf-icon-print:after, .pf-icon-print > a:before,
a.pf-icon-print:before, .pf-icon-print > a:after,
.pf-icon-inline.pf-icon-print,
.pf-icon-inline.pf-icon-print:after,
.pf-icon-inline.pf-icon-print:before {
  padding-left: 15px;
  height: 13px;
  line-height: 13px; }

.pf-icon-print > a > span,
a.pf-icon-print > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-print:before,
.pf-icon-print > a:before,
.pf-icon-inline.pf-icon-print:before {
  background-image: url("/assets/images/icons/icon-print-dark.img"); }

/* Hover */
a.pf-icon-print:after,
.pf-icon-print > a:after,
.pf-icon-inline.pf-icon-print:after {
  background-image: url("/assets/images/icons/icon-print-dark.img"); }

/*--- Base ---*/
a.pf-icon-print.pf-icon-base:before,
.pf-icon-print.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-print.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-print-base.img"); }

a.pf-icon-print.pf-icon-base:after,
.pf-icon-print.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-print.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-print-base.img"); }

/*--- Darkest ---*/
a.pf-icon-print.pf-icon-darkest:before,
.pf-icon-print.icon-darkest > a:before,
.pf-icon-inline.pf-icon-print.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-print-dark.img"); }

a.pf-icon-print.pf-icon-darkest:after,
.pf-icon-print.icon-darkest > a:after,
.pf-icon-inline.pf-icon-print.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-print-dark.img"); }

/*
--------------------
ICON: Custom size
--------------------
*/
a.pf-icon-size, .pf-icon-size > a,
a.pf-icon-size:after, .pf-icon-size > a:before,
a.pf-icon-size:before, .pf-icon-size > a:after,
.pf-icon-inline.pf-icon-size,
.pf-icon-inline.pf-icon-size:after,
.pf-icon-inline.pf-icon-size:before {
  padding-left: 16px;
  height: 11px;
  line-height: 11px; }

.pf-icon-size > a > span,
a.pf-icon-size > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-size:before,
.pf-icon-size > a:before,
.pf-icon-inline.pf-icon-size:before {
  background-image: url("/assets/images/icons/icon-size-dark.img"); }

/* Hover */
a.pf-icon-size:after,
.pf-icon-size > a:after,
.pf-icon-inline.pf-icon-size:after {
  background-image: url("/assets/images/icons/icon-size-dark.img"); }

/*--- Base ---*/
a.pf-icon-size.pf-icon-base:before,
.pf-icon-size.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-size.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-size-base.img"); }

a.pf-icon-size.pf-icon-base:after,
.pf-icon-size.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-size.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-size-base.img"); }

/*--- Darkest ---*/
a.pf-icon-size.pf-icon-darkest:before,
.pf-icon-size.icon-darkest > a:before,
.pf-icon-inline.pf-icon-size.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-size-dark.img"); }

a.pf-icon-size.pf-icon-darkest:after,
.pf-icon-size.icon-darkest > a:after,
.pf-icon-inline.pf-icon-size.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-size-dark.img"); }

/*
--------------------
ICON: Padlock (locked)
--------------------
*/
a.pf-icon-padlock-open, .pf-icon-padlock-open > a,
a.pf-icon-padlock-open:after, .pf-icon-padlock-open > a:before,
a.pf-icon-padlock-open:before, .pf-icon-padlock-open > a:after,
.pf-icon-inline.pf-icon-padlock-open,
.pf-icon-inline.pf-icon-padlock-open:after,
.pf-icon-inline.pf-icon-padlock-open:before {
  padding-left: 11px;
  height: 16px;
  line-height: 16px; }

.pf-icon-padlock-open > a > span,
a.pf-icon-padlock-open > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-padlock-open:before,
.pf-icon-padlock-open > a:before,
.pf-icon-inline.pf-icon-padlock-open:before {
  background-image: url("/assets/images/icons/icon-padlock-open-dark.img"); }

/* Hover */
a.pf-icon-padlock-open:after,
.pf-icon-padlock-open > a:after,
.pf-icon-inline.pf-icon-padlock-open:after {
  background-image: url("/assets/images/icons/icon-padlock-open-dark.img"); }

/*--- Base ---*/
a.pf-icon-padlock-open.pf-icon-base:before,
.pf-icon-padlock-open.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-padlock-open.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-padlock-open-base.img"); }

a.pf-icon-padlock-open.pf-icon-base:after,
.pf-icon-padlock-open.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-padlock-open.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-padlock-open-base.img"); }

/*--- Darkest ---*/
a.pf-icon-padlock-open.pf-icon-darkest:before,
.pf-icon-padlock-open.icon-darkest > a:before,
.pf-icon-inline.pf-icon-padlock-open.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-padlock-open-dark.img"); }

a.pf-icon-padlock-open.pf-icon-darkest:after,
.pf-icon-padlock-open.icon-darkest > a:after,
.pf-icon-inline.pf-icon-padlock-open.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-padlock-open-dark.img"); }

/*
--------------------
ICON: Padlock (unlocked)
--------------------
*/
a.pf-icon-padlock-closed, .pf-icon-padlock-closed > a,
a.pf-icon-padlock-closed:after, .pf-icon-padlock-closed > a:before,
a.pf-icon-padlock-closed:before, .pf-icon-padlock-closed > a:after,
.pf-icon-inline.pf-icon-padlock-closed,
.pf-icon-inline.pf-icon-padlock-closed:after,
.pf-icon-inline.pf-icon-padlock-closed:before {
  padding-left: 11px;
  height: 16px;
  line-height: 16px; }

.pf-icon-padlock-closed > a > span,
a.pf-icon-padlock-closed > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-padlock-closed:before,
.pf-icon-padlock-closed > a:before,
.pf-icon-inline.pf-icon-padlock-closed:before {
  background-image: url("/assets/images/icons/icon-padlock-closed-dark.img"); }

/* Hover */
a.pf-icon-padlock-closed:after,
.pf-icon-padlock-closed > a:after,
.pf-icon-inline.pf-icon-padlock-closed:after {
  background-image: url("/assets/images/icons/icon-padlock-closed-dark.img"); }

/*--- Base ---*/
a.pf-icon-padlock-closed.pf-icon-base:before,
.pf-icon-padlock-closed.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-padlock-closed.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-padlock-closed-base.img"); }

a.pf-icon-padlock-closed.pf-icon-base:after,
.pf-icon-padlock-closed.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-padlock-closed.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-padlock-closed-base.img"); }

/*--- Darkest ---*/
a.pf-icon-padlock-closed.pf-icon-darkest:before,
.pf-icon-padlock-closed.icon-darkest > a:before,
.pf-icon-inline.pf-icon-padlock-closed.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-padlock-closed-dark.img"); }

a.pf-icon-padlock-closed.pf-icon-darkest:after,
.pf-icon-padlock-closed.icon-darkest > a:after,
.pf-icon-inline.pf-icon-padlock-closed.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-padlock-closed-dark.img"); }

/*
--------------------
ICON: Delete (Cross in circle)
--------------------
*/
a.pf-icon-delete, .pf-icon-delete > a,
a.pf-icon-delete:after, .pf-icon-delete > a:before,
a.pf-icon-delete:before, .pf-icon-delete > a:after,
.pf-icon-inline.pf-icon-delete,
.pf-icon-inline.pf-icon-delete:after,
.pf-icon-inline.pf-icon-delete:before {
  padding-left: 12px;
  height: 12px;
  line-height: 12px; }

.pf-icon-delete > a > span,
a.pf-icon-delete > span {
  padding-left: 10px; }

/* Default */
a.pf-icon-delete:before,
.pf-icon-delete > a:before,
.pf-icon-inline.pf-icon-delete:before {
  background-image: url("/assets/images/icons/icon-delete-dark.img"); }

/* Hover */
a.pf-icon-delete:after,
.pf-icon-delete > a:after,
.pf-icon-inline.pf-icon-delete:after {
  background-image: url("/assets/images/icons/icon-delete-dark.img"); }

/*--- Base ---*/
a.pf-icon-delete.pf-icon-base:before,
.pf-icon-delete.pf-icon-base > a:before,
.pf-icon-inline.pf-icon-delete.pf-icon-base:before {
  background-image: url("/assets/images/icons/icon-delete-base.img"); }

a.pf-icon-delete.pf-icon-base:after,
.pf-icon-delete.pf-icon-base > a:after,
.pf-icon-inline.pf-icon-delete.pf-icon-base:after {
  background-image: url("/assets/images/icons/icon-delete-base.img"); }

/*--- Darkest ---*/
a.pf-icon-delete.pf-icon-darkest:before,
.pf-icon-delete.icon-darkest > a:before,
.pf-icon-inline.pf-icon-delete.icon-darkest:before {
  background-image: url("/assets/images/icons/icon-delete-dark.img"); }

a.pf-icon-delete.pf-icon-darkest:after,
.pf-icon-delete.icon-darkest > a:after,
.pf-icon-inline.pf-icon-delete.icon-darkest:after {
  background-image: url("/assets/images/icons/icon-delete-dark.img"); }

/*--- Custom --- */
/*
--------------------
ARROW ICONS
--------------------
*/
/*--- Custom --- */

/*# sourceMappingURL=css-elements-icons-icons.css.map */

/*
--------------------
BUTTONS
--------------------
*/
/*--- General ---*/
/* Buttons */
.pf-buttons {
  position: relative;
  font-size: 0; }

.pf-buttons:after {
  content: '';
  display: block;
  clear: both; }

/*--- Button ---*/
.pf-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  /* Sizes */
  /* Link */
  /* Hover */
  /* Align */
  /*.pf-button a > span{
  display:table-cell;
  vertical-align:middle;
  }*/ }
  .pf-button .pf-w-auto {
    width: auto; }
  .pf-button .pf-w-100 {
    width: 100%; }
  .pf-button .pf-w-75 {
    width: 75%; }
  .pf-button .pf-w-65 {
    width: 65%; }
  .pf-button .pf-w-50 {
    width: 50%; }
  .pf-button .pf-w-35 {
    width: 35%; }
  .pf-button .pf-w-33 {
    width: 33.33%; }
  .pf-button a {
    /*display:table;
    table-layout:fixed;
    width:100%;
    min-height:40px;*/
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    color: #FFFFFF;
    font: 16px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    outline: 0;
    border: 1px solid transparent;
    background: none;
    box-sizing: border-box;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; }
  .pf-button a:hover,
  .pf-button a:active, .pf-button.pf-active a {
    border: 1px solid #2BB573; }

/* Inactive */
	/*.pf-buttons .inactive a, .pf-button.pf-inactive a,
	.pf-buttons .inactive a:hover, .pf-button.pf-inactive a:hover,
	.pf-buttons .inactive a:active, .pf-button.pf-inactive a:active{
	color:#CCCCCC;
	text-decoration:none;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	}

	/* Hover & Active *
	.pf-button:not(.pf-disabled) a:hover,
	.pf-button:not(.pf-disabled) a:active,
	.pf-button-trigger.active .pf-button:not(.pf-disabled):not(.pf-ignore-trigger) a{
	text-decoration:none;
	color:#FFFFFF;
	border-color:#2BB573;
	background:#2BB573;
	}

	/* Disabled *
	.pf-buttons .disabled a, .pf-button.disabled a,
	.pf-buttons .disabled a:hover, .pf-button.disabled a:hover,
	.pf-buttons .disabled a:active, .pf-button.disabled a:active{
	cursor:default;
	color:#CCCCCC;
	text-decoration:none;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	}*/
/*
--------------------
BUTTON TYPES
--------------------
*/
/*--- Xsmall ---*/
.pf-button-xsmall a {
  min-width: 91px; }

/*
--------------------
ROUNDED BUTTON
--------------------
*/
.pf-button-rounded {
  /* Link */ }
  .pf-button-rounded a {
    padding: 8px 20px;
    color: #FFFFFF;
    font: 16px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    border: 1px solid #2BB573;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    background: #2BB573; }

/* Inactive */
.pf-button-rounded.pf-inactive a,
.pf-button-rounded.pf-inactive a:hover,
.pf-button-rounded.pf-inactive a:active {
  color: #CCCCCC;
  text-decoration: none;
  border-color: #CCCCCC;
  background-color: #FFFFFF; }

/* Hover & Active */
.pf-button-rounded:not(.pf-disabled) a:hover,
.pf-button-rounded:not(.pf-disabled) a:active,
.pf-button-trigger.pf-active .pf-button-rounded:not(.pf-disabled):not(.pf-ignore-trigger) a {
  text-decoration: none;
  color: #FFFFFF;
  border-color: #2BB573;
  background: #2BB573; }

/* Disabled */
.pf-button-rounded.pf-disabled a,
.pf-button-rounded.pf-disabled a:hover,
.pf-button-rounded.pf-disabled a:active {
  pointer-events: none;
  cursor: default;
  color: #CCCCCC;
  text-decoration: none;
  border-color: #CCCCCC;
  background-color: #FFFFFF; }

/*
--------------------
SIMPLE BUTTON
--------------------
*/
.pf-button-simple {
  /* Link */ }
  .pf-button-simple a, .pf-button-simple a:link {
    padding: 8px 20px;
    color: #949494;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    border-color: transparent;
    background: none; }
  .pf-button-simple:not(.pf-disabled) a:hover, .pf-button-simple:not(.pf-disabled) a:active, .pf-button-trigger.pf-active .pf-button-simple:not(.pf-disabled):not(.pf-ignore-trigger) a {
    color: #000000;
    border-color: transparent;
    background: none; }

/*# sourceMappingURL=css-elements-buttons.css.map */

/*
--------------------
SIDES
--------------------
*/
.pf-side-left,
.pf-side-right {
  position: absolute;
  width: 300px;
  box-sizing: border-box; }

/* Left */
.pf-side-left {
  left: 0;
  padding: 0 0 20px 40px; }

/* Right */
.pf-side-right {
  right: 0;
  top: 130px;
  width: 300px;
  padding: 0 40px 20px 0;
  /*
   * Reduce header height on smaller devices
   */ }
  @media all and (max-height: 700px), all and (max-width: 1300px) {
    .pf-side-right {
      top: 80px; } }

/*
 * Reduce gutters for mobile devices.
 */
@media (max-width: 1300px) {
  .pf-side-left {
    padding-left: 20px; }

  .pf-side-right {
    padding-right: 20px; } }
/*
 * Reduce sides on smaller screens.
 */
@media (max-width: 1300px) {
  .pf-side-left {
    width: 230px; }

  .pf-side-right {
    width: 230px; } }
/*
 * Remove sides for mobile devices.
 */
@media (max-width: 900px) {
  .pf-side-left {
    display: none; }

  .pf-side-right {
    right: -100%; } }
/*--- Navigations ---*/
.pf-side-nav {
  padding-top: 40px; }

.pf-side-nav .pf-icon {
  margin-bottom: 7px; }

.pf-side-nav .pf-icon:last-child {
  margin-bottom: 0; }

/*--- Menus ---*/
.pf-side .pf-menu {
  list-style: none;
  margin-left: 0;
  font: 22px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

.pf-side .pf-menu li {
  margin-bottom: 0; }

/*# sourceMappingURL=css-elements-sides.css.map */

/*
--------------------
CONTROLS
--------------------
*/
/*--- Controls ---*/
.pf-controls {
  margin: 0 auto;
  /* Dimensions */
  width: calc(100% - 300px - 300px);
  max-width: 1000px;
  /* Padding */
  padding: 0 0 0 40px;
  box-sizing: border-box;
  /*--- Media Queries ---*/
  /* Reduce sides, increase width. */
  /* Make controls full width on removing sides. */
  /* Reduce margins */ }
  @media all and (max-width: 1300px) {
    .pf-controls {
      width: calc(100% - 230px - 230px); } }
  @media all and (max-width: 900px) {
    .pf-controls {
      width: 100%; } }
  @media all and (max-width: 1300px) {
    .pf-controls {
      padding-left: 20px; } }

.pf-controls:after {
  content: '';
  display: block;
  clear: both; }

/*--- Control ---*/
.pf-control {
  position: relative;
  clear: both;
  margin: 0 40px 0 0;
  padding: 15px 0 0 0;
  background-clip: content-box;
  /*--- Titles ---*/
  /*--- Dimensions --*/
  /*--- Remove padding from first line of controls ---*/
  	/*
  	&.pf-control:first-child,
  	&.pf-w-50:first-child + .pf-w-50, 						/* 50% *
  	&.pf-w-33:first-child + .pf-w-33, 						/* 33% *
  	&.pf-w-33:first-child + .pf-w-33 + .pf-w-33,			/* 33% *
  	&.pf-w-25:first-child + .pf-w-25,						/* 25% *
  	&.pf-w-25:first-child + .pf-w-25 + .pf-w-25,			/* 25% *
  	&.pf-w-25:first-child + .pf-w-25 + .pf-w-25 + .pf-w-25{ /* 25% *
  		padding: 0;
  	}
  */
  /*--- Media Queries ---*/
  /* Reduce margins */
  /* Control: full width */ }
  .pf-control h3 {
    margin-bottom: 12px; }
  .pf-control.pf-w-50, .pf-control.pf-w-33, .pf-control.pf-w-25 {
    float: left;
    clear: none; }
  .pf-control.pf-w-50 {
    width: calc(50% - 40px); }
  .pf-control.pf-w-33 {
    width: calc(33.3333% - 40px); }
  .pf-control.pf-w-25 {
    width: calc(25% - 40px); }
  @media all and (max-width: 1300px) {
    .pf-control {
      margin: 0 20px 0 0;
      padding: 15px 0 0 0;
      /*--- Dimensions --*/ }
      .pf-control.pf-w-50 {
        width: calc(50% - 20px); }
      .pf-control.pf-w-33 {
        width: calc(33.3333% - 20px); }
      .pf-control.pf-w-25 {
        width: calc(25% - 20px); } }
  @media all and (max-width: 900px) {
    .pf-control {
      /*--- Dimensions --*/ }
      .pf-control.pf-w-50, .pf-control.pf-w-33, .pf-control.pf-w-25 {
        float: left;
        clear: none; }
      .pf-control.pf-w-50 {
        width: calc(100% - 20px); }
      .pf-control.pf-w-33 {
        width: calc(100% - 20px); }
      .pf-control.pf-w-25 {
        width: calc(100% - 20px); } }

/*--- Control: item ---*/
.pf-control-item {
  float: left;
  width: 100%;
  margin: 0 12px 12px 0;
  /*--- Dimensions --*/ }
  .pf-control-item.pf-w-50, .pf-control-item.pf-w-33, .pf-control-item.pf-w-25 {
    float: left;
    clear: none; }
  .pf-control-item.pf-w-50 {
    width: calc(50% - 12px); }
  .pf-control-item.pf-w-33 {
    width: calc(33.3333% - 12px); }
  .pf-control-item.pf-w-25 {
    width: calc(25% - 12px); }

/*--- Control: flex boxes ---*/
.pf-control-flex {
  display: table-cell;
  /* ie9 */
  display: flex;
  flex-flow: row wrap; }
  .pf-control-flex .pf-control-box {
    flex: 0 1 6.6666666666667%;
    padding-top: 6.6666666666667%;
    position: relative; }
    .pf-control-flex .pf-control-box div {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }

/*--- Control: header ---*/
.pf-control-header {
  /* Title */
  /* Extra information */
  /* Image size */
  /* Image dimensions */ }
  .pf-control-header h3 {
    float: left;
    color: #000000;
    margin: 0 0 10px 0; }
  .pf-control-header h3 + span {
    float: right; }
  .pf-control-header h3 + span span:first-child {
    color: #000000; }

.pf-control-header:after {
  content: '';
  display: block;
  clear: both; }

/*--- Control: image quality ---*/
.pf-image-quality {
  padding: 25px 0 0 0;
  text-align: center; }

/*--- Control: fields ---*/
.pf-control-fields {
  position: relative;
  overflow: hidden;
  /* Fields icon */
  /*--- Media Queries ---*/
  /* Control: full width */ }
  .pf-control-fields.pf-control-fields-icon {
    padding-right: 20px; }
  .pf-control-fields .pf-field {
    margin: 0 10px 0 0; }
  @media all and (max-width: 900px) {
    .pf-control-fields {
      max-width: none; } }

/*# sourceMappingURL=css-elements-controls-controls.css.map */

/*
--------------------
CONTROLS: SIDE
--------------------
*/
.pf-side-controls {
  float: right;
  font-size: 0; }

.pf-side-control-left {
  float: left; }

.pf-side-control-right {
  float: right; }

/*--- Side total ---*/
.pf-side-control-total {
  padding: 10px 0 0;
  font: 16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  line-height: 1;
  color: #000000;
  text-align: center; }

/*
 * CONTROLS FOOTER: Convert to fixed footer strip for mobile devices.
 */
@media (max-width: 900px) {
  .pf-side-controls {
    position: fixed;
    transform: translate3d(0, 0, 0);
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #CCCCCC;
    background: #FFFFFF;
    z-index: 1;
    /*--- Prev / Next ---*/
    /* Previous */
    /* Next */ }
    .pf-side-controls .pf-side-control.pf-button {
      /* Hover / Active */ }
      .pf-side-controls .pf-side-control.pf-button a {
        font: 22px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
        color: #949494;
        border: 0;
        background: transparent; }
      .pf-side-controls .pf-side-control.pf-button:not(.pf-disabled) a:hover, .pf-side-controls .pf-side-control.pf-button:not(.pf-disabled) a:active {
        color: #000000;
        border: 0;
        background: transparent; }
    .pf-side-controls .pf-side-control-prev.pf-button {
      float: left; }
    .pf-side-controls .pf-side-control-next.pf-button {
      float: right;
      /* Hover / Active */ }
      .pf-side-controls .pf-side-control-next.pf-button a {
        color: #2BB573; }
      .pf-side-controls .pf-side-control-next.pf-button:not(.pf-disabled) a:hover, .pf-side-controls .pf-side-control-next.pf-button:not(.pf-disabled) a:active {
        color: #2BB573; }

  /*--- Total ---*/
  .pf-side-control-total {
    float: none;
    display: table;
    /* vAlign */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    /* vhAlign */
    padding: 0;
    font: 22px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    z-index: -1; }
    .pf-side-control-total span {
      display: table-cell;
      vertical-align: middle; } }

/*# sourceMappingURL=css-elements-controls-general-side-controls.css.map */

/*
--------------------
CONTROLS: FOOTER
--------------------
*/
.pf-footer-controls {
  /* Add scrolling space for fixed footer menu on mobile devices */ }
  @media all and (max-width: 900px) {
    .pf-footer-controls {
      margin-bottom: 77px; } }

/*# sourceMappingURL=css-elements-controls-general-footer-controls.css.map */

/*
--------------------
CONTROLS: SLIDER
--------------------
*/
.pf-slider {
  position: relative;
  font-size: 0.1px;
  line-height: 16px;
  /*--- Line ---*/ }
  .pf-slider:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    /* Dimensions */
    width: 100%;
    height: 1px;
    /* Colour */
    background-color: #949494; }

/*--- Steps ---*/
.pf-slider-steps {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: justify;
  /* Adds another line of "text" for justify to work. */ }
  .pf-slider-steps:after {
    content: '';
    display: inline-block;
    width: 100%; }

.pf-slider-step {
  display: inline-block;
  vertical-align: middle;
  /* Dimensions */
  width: 7px;
  height: 7px;
  /* Shape: circle */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  background: #949494;
  /* Removes 1px space at end */ }
  .pf-slider-step:last-child {
    margin-right: -1px; }

/*--- Handle ---*/
.pf-slider-handle {
  position: absolute;
  left: 50%;
  /* vAlign */
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* Dimensions */
  width: 16px;
  height: 16px;
  margin-left: -8px;
  /* Half of width so handle sits in middle. */
  /* Shape: circle */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  background: #2BB573;
  /* Cursor */
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

/*# sourceMappingURL=css-elements-controls-general-slider-controls.css.map */

/*
--------------------
PREVIEW
--------------------
*/
.pf-preview {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  height: calc(100% - 120px - 15px - 5px);
  max-height: 1400px;
  max-width: 2000px;
  box-sizing: border-box;
  /*--- Full screen ---*/
  /*--- Picture ---*/ }
  .pf-preview.full-screen {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
  .pf-preview .pf-picture {
    position: absolute;
    transform-style: preserve-3d;
    top: 50%;
    left: 50%;
    transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform: perspective(1px) scale(1);
    -ms-transform: perspective(1px) scale(1);
    -webkit-transform: perspective(1px) scale(1); }
  .pf-preview .ie-lt-10 .pf-preview .pf-picture {
    transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1); }

/*@media(max-width:900px)
{
	.pf-preview{
		width:calc(100% - 40px);
	}
}*/
.pf-preview-picture {
  height: 100%; }

/*--- Preview image ---*/
.pf-preview-image {
  display: block;
  /* vhAlign */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  /* Constrain */
  max-width: 100%;
  max-height: 100%; }

/* Actual size */
.pf-actual-size {
  margin-top: 0;
  top: 35%;
  transform: translate(-50%, -35%);
  -ms-transform: translate(-50%, -35%);
  -webkit-transform: translate(-50%, -35%);
  max-height: 40%; }

/*# sourceMappingURL=css-elements-preview.css.map */

/*
--------------------
UPLOADER
--------------------
*/
/*--- Uploader ---*/
.pf-uploader {
  position: relative;
  height: 100%;
  border: 1px dashed #949494;
  box-sizing: border-box;
  /*--- Drag states ---*/
  /* Drag start */
  /* Drag over */
  /* Drag end */ }
  .pf-uploader.pf-drag-hover {
    border-color: #000000; }

/*--- Uploader: content ---*/
.pf-uploader-content {
  display: table;
  /* Enables auto height to be vAligned */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 200px; }

.pf-uploader-intro {
  text-align: center; }

/*--- Uploader: status ---*/
.pf-uploader-success,
.pf-uploader-error {
  display: none; }

/* Success */
/* Error */
/*--- Uploader: form ---*/
.pf-uploader-form {
  height: 100%; }

/*--- Uploader: social controls ---*/
.pf-upload-social-control {
  float: right;
  width: 100%;
  max-width: 240px;
  text-align: justify;
  /* Adds another line of "text" for justify to work. */ }
  .pf-upload-social-control:after {
    content: '';
    display: inline-block;
    width: 100%; }

.pf-upload-social-button {
  display: inline-block;
  position: relative;
  color: #2BB573;
  text-align: center;
  /* Cursor */
  cursor: pointer;
  cursor: hand;
  /* Icon */
  /*--- Icon: types ---*/
  /* Device */
  /* Facebook */
  /* Facebook */ }
  .pf-upload-social-button:last-child {
    margin-right: 40px; }
  .pf-upload-social-button:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 30px;
    position: relative;
    margin: 0 0 5px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain; }
  .pf-upload-social-button.pf-device:before {
    background-image: url("/assets/images/icons/icon-device-base.svg"); }
  .pf-upload-social-button.pf-facebook:before {
    background-image: url("/assets/images/icons/icon-facebook-base.svg"); }
  .pf-upload-social-button.pf-flickr:before {
    background-image: url("/assets/images/icons/icon-flickr-base.svg"); }

/*--- Uploader: previously uploaded images ---*/
.pf-upload-previous-images {
  width: 100%;
  max-width: 240px; }

.pf-upload-previous-image {
  position: relative;
  border: 1px solid #949494;
  box-sizing: border-box;
  /* Cursor */
  cursor: pointer;
  cursor: hand;
  /* Hover / Selected */
  /* Delete */
  /* Image */ }
  .pf-upload-previous-image:hover, .pf-upload-previous-image.pf-selected {
    border-color: #2BB573;
    transition: border 0.3s ease-in-out;
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out; }
  .pf-upload-previous-image .pf-upload-image-delete {
    position: absolute;
    top: 0;
    right: 0;
    /* Offset by half */
    transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%); }
  .pf-upload-previous-image img {
    width: 100%; }

/*# sourceMappingURL=css-elements-uploader.css.map */

/*
--------------------
PICTURES
--------------------
*/
/*--- General ---*/
.pf-picture {
  position: absolute;
  overflow: hidden;
  /* Scale */
  /* Backface-visibility */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Mounted drop shadow */
  box-shadow: -10px 10px 30px 0px rgba(0, 0, 0, 0.5);
  /*--- Scale origins ---*/
  /* Scale origin: centre */
  /* Scale origin: top left */
  /* Scale origin: top right */
  /* Scale origin: bottom left */
  /* Scale origin: bottom right */ }
  .pf-picture .pf-scale-origin-c {
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left; }
  .pf-picture .pf-scale-origin-tl {
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left; }
  .pf-picture .pf-scale-origin-tr {
    transform-origin: top right;
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right; }
  .pf-picture .pf-scale-origin-bl {
    transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -webkit-transform-origin: bottom left; }
  .pf-picture .pf-scale-origin-br {
    transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -webkit-transform-origin: bottom right; }

/*
--------------------
PICTURE: FRAME
--------------------
*/
.pf-picture-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 60px;
  box-sizing: border-box;
  /* Frame & Position */
  /* Top, Left,
  Bottom, Right */
  /* Mask */
  /* Background */
  /*--- Horizontal ---*/
  /*--- Vertical ---*/
  /*--- Frame: shadow ---*/ }
  .pf-picture-frame .pf-frame {
    position: absolute; }
  .pf-picture-frame .pf-frame-top,
  .pf-picture-frame .pf-frame-left {
    top: 0;
    left: 0; }
  .pf-picture-frame .pf-frame-bottom,
  .pf-picture-frame .pf-frame-right {
    bottom: 0;
    right: 0; }
  .pf-picture-frame .pf-frame-outer-mask,
  .pf-picture-frame .pf-frame-inner-mask {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box; }
  .pf-picture-frame .pf-frame-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-repeat: repeat;
    background-position: center; }
  .pf-picture-frame .pf-frame-horizontal {
    width: 100%;
    height: 60px;
    /*--- General ---*/
    /*--- Top ---*/
    /*--- Bottom ---*/ }
    .pf-picture-frame .pf-frame-horizontal .pf-frame-outer-mask {
      left: 12.426px; }
    .pf-picture-frame .pf-frame-horizontal .pf-frame-inner-mask {
      left: -24.852px; }
    .pf-picture-frame .pf-frame-horizontal .pf-frame-bg {
      left: 12.426px;
      background-image: url(/assets/images/frames/black-stain-h.png); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-top .pf-frame-outer-mask {
      transform: skewX(22.5deg);
      -ms-transform: skewX(22.5deg);
      -webkit-transform: skewX(22.5deg); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-top .pf-frame-inner-mask {
      transform: skewX(-39.6deg);
      -ms-transform: skewX(-39.6deg);
      -webkit-transform: skewX(-39.6deg); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-top .pf-frame-bg {
      /* Reverse skew & Offset */
      transform: skewX(22.5deg);
      -ms-transform: skewX(22.5deg);
      -webkit-transform: skewX(22.5deg); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-bottom .pf-frame-outer-mask {
      transform: skewX(-22.5deg);
      -ms-transform: skewX(-22.5deg);
      -webkit-transform: skewX(-22.5deg); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-bottom .pf-frame-inner-mask {
      transform: skewX(39.6deg);
      -ms-transform: skewX(39.6deg);
      -webkit-transform: skewX(39.6deg); }
    .pf-picture-frame .pf-frame-horizontal.pf-frame-bottom .pf-frame-bg {
      /* Reverse skew & Offset */
      transform: skewX(-22.5deg);
      -ms-transform: skewX(-22.5deg);
      -webkit-transform: skewX(-22.5deg); }
  .pf-picture-frame .pf-frame-vertical {
    width: 60px;
    height: 100%;
    z-index: 1;
    /*--- General ---*/
    /*--- Left ---*/
    /*--- Right ---*/ }
    .pf-picture-frame .pf-frame-vertical .pf-frame-outer-mask {
      top: 30px; }
    .pf-picture-frame .pf-frame-vertical .pf-frame-inner-mask {
      top: -60px; }
    .pf-picture-frame .pf-frame-vertical .pf-frame-bg {
      top: 30px;
      background-image: url(/assets/images/frames/black-stain-v.png); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-left .pf-frame-outer-mask {
      transform: skewY(45deg);
      -ms-transform: skewY(45deg);
      -webkit-transform: skewY(45deg); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-left .pf-frame-inner-mask {
      transform: skewY(-63.435deg);
      -ms-transform: skewY(-63.435deg);
      -webkit-transform: skewY(-63.435deg); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-left .pf-frame-bg {
      transform: skewY(45deg);
      -ms-transform: skewY(45deg);
      -webkit-transform: skewY(45deg); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-right .pf-frame-outer-mask {
      transform: skewY(-45deg);
      -ms-transform: skewY(-45deg);
      -webkit-transform: skewY(-45deg); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-right .pf-frame-inner-mask {
      transform: skewY(63.435deg);
      -ms-transform: skewY(63.435deg);
      -webkit-transform: skewY(63.435deg); }
    .pf-picture-frame .pf-frame-vertical.pf-frame-right .pf-frame-bg {
      transform: skewY(-45deg);
      -ms-transform: skewY(-45deg);
      -webkit-transform: skewY(-45deg); }
  .pf-picture-frame .pf-frame-shadow {
    position: relative;
    height: 100%;
    box-shadow: inset -5px 5px 20px 0px rgba(0, 0, 0, 0.3); }

/*--- Frame types ---*/
/* Black (22mm, 20mm) */
.pf-frame-black .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/black-stain-h.png"); }

.pf-frame-black .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/black-stain-v.png"); }

/* White */
.pf-frame-white .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/pine-h.png"); }

.pf-frame-white .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/pine-v.png"); }

/* Pine */
.pf-frame-pine .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/pine-h.png"); }

.pf-frame-pine .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/pine-v.png"); }

/* Oak */
.pf-frame-oak .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/oak-h.png"); }

.pf-frame-oak .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/oak-v.png"); }

/* Walnut */
.pf-frame-walnut .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/walnut-h.png"); }

.pf-frame-walnut .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/walnut-v.png"); }

/* Dark Walnut */
.pf-frame-dark-walnut .pf-frame-horizontal .pf-frame-bg {
  background-image: url("/assets/images/frames/dark-walnut-h.png"); }

.pf-frame-dark-walnut .pf-frame-vertical .pf-frame-bg {
  background-image: url("/assets/images/frames/dark-walnut-v.png"); }

/*
-------------------------------------
PICTURE: PAPER / MOUNT
-------------------------------------
*/
.pf-picture-back {
  position: relative;
  box-sizing: border-box;
  /* Dimensions */
  width: 540px;
  height: 460px;
  /* Background */
  background: darkorange;
  /* Border */
  border-width: 0;
  border-style: solid;
  border-color: #FFFFFF; }

/* Frame rebate */
.pf-picture-frame ~ .pf-picture-rebate {
  /* Frame thickness */
  margin: 50px;
  /* Rebate */ }

/* Frame offset */
/*.pf-picture-frame ~ .pf-picture-back{
	margin: 60px; /* Or alternatively - frame width. *
}*/
/*
--------------------
PICTURE: BORDER
--------------------
*/
.pf-picture-border {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px; }

/*
--------------------
PICTURE: APERTURE
--------------------
*/
.pf-picture-aperture {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  /* Dimensions */
  width: 340px;
  height: 300px;
  max-width: 100%;
  max-height: 100%;
  /* Bevel */
  border-top: 4px solid #808080;
  border-left: 4px solid #cccccc;
  border-bottom: 4px solid #fafafa;
  border-right: 4px solid #808080;
  border-width: 0; }

/*
--------------------
PICTURE: IMAGE
--------------------
*/
.pf-picture-image,
.pf-picture-aperture img {
  display: block;
  position: absolute;
  top: -130px;
  left: -75px;
  /* Dimensions */
  width: 500px;
  height: auto;
  /* Width: min */
  min-width: 100%;
  min-height: 100%;
  /* Width: max */
  max-width: none;
  max-height: none; }

/*
--------------------
PICTURE: CONTROLS
--------------------
*/
.pf-picture-controls {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  z-index: 1;
  /* Opacity */
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  /*--- Link ---*/
  /* Right side */
  /* Hover */ }
  .pf-picture-controls a, .pf-picture-controls a:link {
    display: table-cell;
    vertical-align: middle;
    /* Padding */
    padding: 10px;
    /* Font */
    font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
    text-decoration: underline;
    /* Colour */
    color: #FFFFFF;
    /* Background / Opacity */
    background: #000;
    background: rgba(0, 0, 0, 0.7); }
  .pf-picture-controls a + a {
    text-align: right; }
  .pf-picture-controls a:active, .pf-picture-controls a:hover {
    color: #FFFFFF; }

.pf-picture:hover .pf-picture-controls {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

/*
--------------------
SHADOW CLASSES
- Inset/None Horizontal offset, Vertical offset, Spread, Blur, (Colour, Opacity).
--------------------
*/
/* Picture shadows */
.shadow-picture-1 {
  box-shadow: 1px 1px 5px 10px black; }

/* Canvas shadows */
.shadow-canvas-1 {
  box-shadow: 1px 1px 5px 10px black; }

/* Frame shadows */
.shadow-frame-1 {
  box-shadow: inset 1px 1px 5px 10px black; }

/* Mount shadows */
.shadow-mount-1 {
  box-shadow: 1px 1px 5px 10px black; }

/*
--------------------
PICTURE TYPES
--------------------
*/
/*
--------------------
FRAME & PRINT
--------------------
*/
.pf-picture.pf-frame-print {
  /* Shadow */
  /* Frame */
  /* Paper */ }
  .pf-picture.pf-frame-print.pf-picture {
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5); }
  .pf-picture.pf-frame-print .pf-picture-frame {
    padding: 60px;
    /* Frame: inner shadow */ }
    .pf-picture.pf-frame-print .pf-picture-frame .pf-frame-shadow {
      box-shadow: inset -5px 5px 20px 0px rgba(0, 0, 0, 0.3); }
  .pf-picture.pf-frame-print .pf-picture-back {
    background: #FFFFFF; }
  .pf-picture.pf-frame-print .pf-picture-aperture {
    /* Border */
    width: 340px;
    height: 300px;
    /* Bevel */
    border-width: 3px;
    border-top: 4px solid #808080;
    border-left: 4px solid #cccccc;
    border-bottom: 4px solid #fafafa;
    border-right: 4px solid #808080; }

/*
--------------------
GICLEE
--------------------
*/
.pf-picture.pf-giclee {
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5); }
  .pf-picture.pf-giclee .pf-picture-back {
    background: #FFFFFF; }
  .pf-picture.pf-giclee .pf-picture-aperture {
    width: 500px;
    height: 420px;
    border-width: 2px;
    border-color: #000000; }

/*
--------------------
CANVAS
--------------------
*/
.pf-picture.pf-canvas {
  /* Shadow */
  box-shadow: -6px 6px 20px 5px rgba(0, 0, 0, 0.5);
  /* Canvas */
  /* Aperture */
  /* Image */ }
  .pf-picture.pf-canvas .pf-picture-back {
    background: transparent; }
  .pf-picture.pf-canvas .pf-picture-aperture {
    /* Dimensions */
    width: 100%;
    height: 100%;
    /* Outline */
    border-width: 0; }
  .pf-picture.pf-canvas .pf-picture-image {
    top: 0;
    left: 0; }

/*
--------------------
GATORBOARD
--------------------
*/
.pf-picture.pf-gatorboard {
  /* Shadow */
  box-shadow: -25px 25px 30px -10px rgba(0, 0, 0, 0.3);
  /* Paper */
  /* Border */
  /* Image */ }
  .pf-picture.pf-gatorboard .pf-picture-back {
    background: transparent; }
  .pf-picture.pf-gatorboard .pf-picture-aperture {
    /* Fill image */
    width: 100%;
    height: 100%;
    /* Border */
    border-width: 20px;
    border-color: #FFFFFF; }
  .pf-picture.pf-gatorboard .pf-picture-image {
    top: 0;
    left: 0; }

/*
--------------------
PERSPEX
--------------------
*/
.pf-picture.pf-perspex {
  /* Shadow */
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
  /* Paper */
  /* Border & Outline */
  /* Image */ }
  .pf-picture.pf-perspex .pf-picture-back {
    background: #000000; }
  .pf-picture.pf-perspex .pf-picture-aperture {
    /* Border */
    width: 500px;
    height: 420px;
    /* Outline */
    border-width: 2px;
    border-color: #FFFFFF; }
  .pf-picture.pf-perspex .pf-picture-image {
    top: 0;
    left: 0; }

/*
--------------------
MDF
--------------------
*/
.pf-picture.pf-mdf {
  /* Shadow */
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
  /* Paper */
  /* Border & Outline */
  /* Image */ }
  .pf-picture.pf-mdf .pf-picture-back {
    background: #000000; }
  .pf-picture.pf-mdf .pf-picture-aperture {
    /* Border */
    width: 500px;
    height: 420px;
    /* Outline */
    border-width: 2px;
    border-color: #FFFFFF; }
  .pf-picture.pf-mdf .pf-picture-image {
    top: 0;
    left: 0; }

/*
--------------------
DIBOND
--------------------
*/
.pf-picture.pf-dibond {
  /* Shadow */
  /* Paper */
  /* Border & Outline */
  /* Image */ }
  .pf-picture.pf-dibond.pf-picture {
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5); }
  .pf-picture.pf-dibond .pf-picture-back {
    background: #000000; }
  .pf-picture.pf-dibond .pf-picture-aperture {
    /* Border */
    width: 500px;
    height: 420px;
    /* Outline */
    border-width: 2px;
    border-color: #FFFFFF; }
  .pf-picture.pf-dibond .pf-picture-image {
    top: 0;
    left: 0; }

/*
--------------------
PHOTO BLOCK
--------------------
*/
.pf-picture.pf-photoblock {
  /* Paper */
  /* Border & Outline */
  /* Image */ }
  .pf-picture.pf-photoblock .pf-picture-back {
    background: transparent; }
  .pf-picture.pf-photoblock .pf-picture-aperture {
    /* Border */
    width: 100%;
    height: 100%; }
  .pf-picture.pf-photoblock .pf-picture-image {
    top: 0;
    left: 0; }

/* Test classes */
/*--- Frame & Print ---*/
.pf-picture-tests {
  /*--- Gatorboard Mount ---*/
  /*--- Giclee ---*/ }
  .pf-picture-tests .frame-print.pf-picture {
    /* Position */
    top: 60px;
    left: -70px;
    /* Scale */
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5); }
  .pf-picture-tests .frame-print.oak .pf-picture-back {
    background: #fff; }
  .pf-picture-tests .gatorboard-mount.pf-picture {
    /* Position */
    top: 60px;
    left: 500px;
    /* Scale */
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    /* Mounted drop shadow */
    box-shadow: -10px 10px 30px 0px rgba(0, 0, 0, 0.5); }
  .pf-picture-tests .gatorboard-mount .pf-picture-frame {
    display: none;
    padding: 0; }
  .pf-picture-tests .gatorboard-mount .pf-picture-back {
    width: 400px;
    height: 250px;
    margin: 0;
    border: 30px solid #fff; }
  .pf-picture-tests .gatorboard-mount .pf-picture-aperture {
    border: 2px solid #000; }
  .pf-picture-tests .giclee.pf-picture {
    /* Position */
    top: 550px;
    left: 350px;
    /* Scale */
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    /* Mounted drop shadow */
    box-shadow: none; }
  .pf-picture-tests .giclee .pf-picture-frame {
    display: none;
    padding: 0; }
  .pf-picture-tests .giclee .pf-picture-back {
    width: 400px;
    height: 250px;
    margin: 0;
    border: 4px solid #ff0000; }
  .pf-picture-tests .giclee .pf-picture-aperture {
    width: 100%;
    height: 100%;
    border: 6px solid #000; }
  .pf-picture-tests .giclee .pf-picture-image {
    top: 0;
    left: -55px; }
  .pf-picture-tests .canvas.pf-picture {
    /* Position */
    top: 60px;
    left: 1000px;
    /* Scale */
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    /* Mounted drop shadow */
    box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.8); }
  .pf-picture-tests .canvas .pf-picture-frame {
    display: none;
    padding: 0; }
  .pf-picture-tests .canvas .pf-picture-back {
    margin: 0; }
  .pf-picture-tests .canvas .pf-picture-aperture {
    width: 100%;
    height: 100%;
    border: 0; }
  .pf-picture-tests .canvas .pf-picture-image {
    top: 0;
    left: 0;
    width: 100%; }

/*# sourceMappingURL=css-elements-pictures.css.map */

/*
--------------------
General CSS
--------------------
*/
h1, h2, h3 {
  font: 22px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #949494;
  margin-bottom: 20px; }

h2 {
  color: #333333;
  margin-bottom: 16px; }

h3, h4 {
  font: 16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 16px; }

/*h4{
font:16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
margin-bottom:16px;
}*/
.pf-xxlarge {
  font: 66px/1 		"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 10px; }

.pf-xlarge {
  font: 36px/1 		"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 10px; }

.pf-large {
  font: 30px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 10px; }

.pf-medium {
  font: 22px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 10px; }

.pf-small {
  font: 16px/1.3 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #000000;
  margin-bottom: 10px; }

.pf-xsmall {
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  margin-bottom: 5px; }

.pf-xxsmall {
  font: 14px/1.4 	"Avenir LT W01 45 Book", Arial, Helvetica, sans-serif;
  color: #949494;
  margin-bottom: 5px; }

/* Oridnal (1st, 2nd, 3rd, 4th) */
.pf-ordinal {
  vertical-align: super;
  font-size: 24px; }

/* Superscript */
.pf-sup {
  vertical-align: super;
  font-size: 24px; }

/* Registered trademark */
.pf-reg {
  position: relative;
  /*top:4px;*/
  font: 35px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

.title-xlarge .reg {
  font: 35px/1 "Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

p {
  margin-bottom: 10px; }

::selection {
  /* Safari */
  background-color: #000000;
  color: #FFFFFF; }

::-webkit-selection {
  background-color: #000000;
  color: #FFFFFF; }

::-moz-selection {
  background-color: #000000;
  color: #FFFFFF; }

::-o-selection {
  background-color: #000000;
  color: #FFFFFF; }

::-ms-selection {
  background-color: #000000;
  color: #FFFFFF; }

a, a:active {
  color: inherit;
  text-decoration: none;
  transition: color .1s ease-out;
  -webkit-transition: color .1s ease-out;
  -moz-transition: color .1s ease-out;
  -o-transition: color .1s ease-out;
  cursor: pointer;
  cursor: hand; }

a:hover,
.selected a,
.active a,
a.jover-selected {
  color: #2BB573; }

a img {
  border: 0; }

/* Colours */
.lightest a {
  color: #000000; }

em {
  color: #CCCCCC;
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

em a {
  color: #CCCCCC; }

em a:hover {
  color: #2BB573; }

strong {
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif; }

.i {
  font-style: italic; }

em.ul {
  font-style: normal;
  text-decoration: none;
  border-bottom: 5px solid #2BB573; }

img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  outline: none;
  overflow: hidden;
  /* Hide overflowing alt text */ }

.ie img {
  -ms-interpolation-mode: bicubic; }

/* ie7+ */
.dynamic-img img {
  display: block;
  width: 100%;
  height: auto; }

ul, ol {
  margin-left: 15px; }

li {
  margin-bottom: 10px; }

table, .table {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-bottom: 10px; }

td, th, .td, .th {
  padding: 6px 0 3px;
  text-align: left; }

input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle; }

/* Input */
/* Select */
/* Placeholder text */
::-webkit-input-placeholder {
  color: #CCCCCC; }

:-moz-placeholder {
  color: #CCCCCC;
  /* Firefox 18- */ }

::-moz-placeholder {
  color: #CCCCCC;
  /* Firefox 19+ */ }

:-ms-input-placeholder {
  color: #CCCCCC; }

address {
  font-style: normal; }

/*
 * Background colours
 */
.pf-lightest-bg {
  background-color: #FFFFFF; }

.pf-lighter-bg {
  background-color: #000; }

.pf-light-bg {
  background-color: #CCCCCC; }

.pf-dark-bg {
  background-color: #949494; }

.pf-darker-bg {
  background-color: #333333; }

.pf-darkest-bg {
  background-color: #000000; }

.pf-base-bg {
  background-color: #2BB573; }

/*.base-lightest-bg{ background-color:; }
.base-lighter-bg{ background-color:; }
.base-light-bg{ background-color:; }
.base-darkest-bg{ background-color:; }
.base-darker-bg{ background-color:; }
.base-dark-bg{ background-color:; }*/
/*
 * Text colours
 */
.pf-lightest {
  color: #FFFFFF; }

.pf-lighter {
  color: #000; }

.pf-light {
  color: #CCCCCC; }

.pf-dark {
  color: #949494; }

.pf-darker {
  color: #333333; }

.pf-darkest {
  color: #000000; }

.pf-base {
  color: #2BB573; }

/*.pf-base-lightest{ color:; }
.pf-base-lighter{ color:; }
.pf-base-light{ color:; }
.pf-base-darkest{ color:; }
.pf-base-darker{ color:; }
.pf-base-dark{ color:; }*/
.pf-high {
  color: #2BB573; }

.pf-error {
  color: #2BB573; }

/*
 * Text shadows
 */
.pf-shadow {
  text-shadow: 0 0 10px #000000; }

/*
 * Borders
 */
.pf-border-top {
  border-top: 1px solid #949494; }

.pf-border-bottom {
  border-bottom: 1px solid #949494; }

.pf-gt {
  margin-top: 40px; }

.pf-gb {
  margin-bottom: 40px; }

.pf-gl {
  margin-left: 40px; }

.pf-gr {
  margin-right: 40px; }

/* Margin top */
.pf-mt0 {
  margin-top: 0; }

.pf-mt1 {
  margin-top: 10px; }

.pf-mt2 {
  margin-top: 20px; }

.pf-mt3 {
  margin-top: 30px; }

.pf-mt4 {
  margin-top: 40px; }

.pf-mt5 {
  margin-top: 50px; }

.pf-mt6 {
  margin-top: 60px; }

.pf-mt7 {
  margin-top: 70px; }

.pf-mt8 {
  margin-top: 80px; }

.pf-mt9 {
  margin-top: 90px; }

.pf-mt10 {
  margin-top: 100px; }

/* Margin bottom */
.pf-mb0 {
  margin-bottom: 0; }

.pf-mb1 {
  margin-bottom: 10px; }

.pf-mb2 {
  margin-bottom: 20px; }

.pf-mb3 {
  margin-bottom: 30px; }

.pf-mb4 {
  margin-bottom: 40px; }

.pf-mb5 {
  margin-bottom: 50px; }

.pf-mb6 {
  margin-bottom: 60px; }

.pf-mb7 {
  margin-bottom: 70px; }

.pf-mb8 {
  margin-bottom: 80px; }

.pf-mb9 {
  margin-bottom: 90px; }

.pf-mb10 {
  margin-bottom: 100px; }

.pf-mb11 {
  margin-bottom: 110px; }

/* Margin right */
.pf-mr0 {
  margin-right: 0; }

.pf-mr1 {
  margin-right: 10px; }

.pf-mr2 {
  margin-right: 20px; }

.pf-mr3 {
  margin-right: 30px; }

.pf-mr4 {
  margin-right: 40px; }

.pf-mr5 {
  margin-right: 50px; }

.pf-mr6 {
  margin-right: 60px; }

.pf-mr7 {
  margin-right: 70px; }

.pf-mr8 {
  margin-right: 80px; }

.pf-mr9 {
  margin-right: 90px; }

.pf-mr10 {
  margin-right: 100px; }

.pf-mr11 {
  margin-right: 110px; }

/* Padding top */
.pf-pt0 {
  padding-top: 0; }

.pf-pt1 {
  padding-top: 10px; }

.pf-pt2 {
  padding-top: 20px; }

.pf-pt3 {
  padding-top: 30px; }

.pf-pt4 {
  padding-top: 40px; }

.pf-pt5 {
  padding-top: 50px; }

.pf-pt6 {
  padding-top: 60px; }

.pf-pt7 {
  padding-top: 70px; }

.pf-pt8 {
  padding-top: 80px; }

.pf-pt9 {
  padding-top: 90px; }

.pf-pt10 {
  padding-top: 100px; }

.pf-pt11 {
  padding-top: 110px; }

/* Padding bottom */
.pf-pb0 {
  padding-bottom: 0; }

.pf-pb1 {
  padding-bottom: 10px; }

.pf-pb2 {
  padding-bottom: 20px; }

.pf-pb3 {
  padding-bottom: 30px; }

.pf-pb4 {
  padding-bottom: 40px; }

.pf-pb5 {
  padding-bottom: 50px; }

.pf-pb6 {
  padding-bottom: 60px; }

.pf-pb7 {
  padding-bottom: 70px; }

.pf-pb8 {
  padding-bottom: 80px; }

.pf-pb9 {
  padding-bottom: 90px; }

.pf-pb10 {
  padding-bottom: 100px; }

.pf-pb11 {
  padding-bottom: 110px; }

/* Padding left */
.pf-pl0 {
  padding-left: 0; }

.pf-pl1 {
  padding-left: 10px; }

.pf-pl2 {
  padding-left: 20px; }

.pf-pl3 {
  padding-left: 30px; }

.pf-pl4 {
  padding-left: 40px; }

.pf-pl5 {
  padding-left: 50px; }

.pf-pl6 {
  padding-left: 60px; }

.pf-pl7 {
  padding-left: 70px; }

.pf-pl8 {
  padding-left: 80px; }

.pf-pl9 {
  padding-left: 90px; }

.pf-pl10 {
  padding-left: 100px; }

.pf-pl11 {
  padding-left: 110px; }

/* Padding right */
.pf-pr0 {
  padding-right: 0; }

.pf-pr1 {
  padding-right: 10px; }

.pf-pr2 {
  padding-right: 20px; }

.pf-pr3 {
  padding-right: 30px; }

.pf-pr4 {
  padding-right: 40px; }

.pf-pr5 {
  padding-right: 50px; }

.pf-pr6 {
  padding-right: 60px; }

.pf-pr7 {
  padding-right: 70px; }

.pf-pr8 {
  padding-right: 80px; }

.pf-pr9 {
  padding-right: 90px; }

.pf-pr10 {
  padding-right: 100px; }

.pf-pr11 {
  padding-right: 110px; }

/*# sourceMappingURL=css-includes-general.css.map */

/*
--------------------
Layout
--------------------
*/
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll; }

body {
  height: 100%;
  font: 14px/1.4 	"Avenir LT W01 35 Light", Arial, Helvetica, sans-serif;
  color: #949494; }

.ie body, .ie .body {
  min-width: 1520px; }

.pf-page-wrapper {
  position: relative;
  top: 40px;
  height: calc(100% - 40px);
  background: #FFFFFF; }

.pf-page-wrapper:before {
  display: block;
  content: "";
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  opacity: 0.5;
  background: #949494; }

.pf-body {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.pf-page {
  height: 100%;
  padding-top: 130px;
  box-sizing: border-box;
  position: relative;
  /* Required for overflow hidden.. risky? */
  /*
   * Reduce header height on smaller devices
   */ }
  @media all and (max-height: 700px), all and (max-width: 1300px) {
    .pf-page {
      padding-top: 80px; } }

/* Full screen */
.pf-full-screen {
  position: absolute;
  top: 0;
  margin-top: 0;
  width: 100%;
  height: 100%; }

.pf-full-height {
  height: 100%; }

/* Full height */
.pf-full-width {
  width: 100%; }

/* Full width */
/*--- Header/Footer ---*/
.pf-page-header {
  position: relative;
  height: 130px;
  padding: 20px 40px 0;
  box-sizing: border-box;
  text-align: center;
  z-index: 1;
  /*
   * Header: reduce padding
   */
  /*
   * Header: reduce header height
   */ }
  @media all and (max-width: 1300px) {
    .pf-page-header {
      padding: 20px 20px 0; } }
  @media all and (max-height: 700px), all and (max-width: 1300px) {
    .pf-page-header {
      height: 80px; } }

/* Page title */
.pf-header-title {
  display: inline-block; }
  .pf-header-title h1 {
    margin-bottom: 0; }

/*--- Logo ---*/
.pf-client-logo {
  float: left;
  width: 200px;
  /*z-index:;*/
  /*--- Client logo: reduce margins ---*/
  /*@media (max-width:1300px){
  	padding:20px 20px;
  }*/
  /* Link */
  /* Image */ }
  .pf-client-logo a {
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden; }
  .pf-client-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%; }

/*--- Header side menu ---*/
.pf-header-menu {
  float: right;
  font-size: 0;
  /* Removes inline-block spacing */
  /* PrintFinch logo */
  /* Close button */ }
  .pf-header-menu div {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-left: 30px;
    position: relative; }
  .pf-header-menu a {
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden; }
  .pf-header-menu .pf-printfinch-logo a {
    width: 79px;
    height: 23px;
    background: url("/assets/images/logos/PrintFinch-logo.svg") no-repeat center center;
    background-size: contain; }
  .pf-header-menu .pf-close {
    top: 5px; }

/* Main menu */
/*.pf-account-menu{
margin-left:0;
}
.pf-account-menu:after{content:'';display:block;clear:both;}
.pf-account-menu li{
float:left; clear:left;
width:175px;
list-style:none;
margin:9px 40px 0 0;
padding:0 0 6px;
border-bottom:1px solid #949494;
}
.pf-account-menu li.last{
padding-bottom:0;
border-bottom:0;
}
.pf-account-menu a,
.pf-account-menu a:link{
text-decoration:none;
}
.pf-account-menu a:hover,
.pf-account-menu a:active,
.pf-account-menu .active a{
color:#2BB573;
}*/
/*--- Footer ---*/
.pf-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 135px; }

.pf-footer:after {
  content: '';
  display: block;
  clear: both; }

/* Make space for side controls footer */
@media (max-width: px) {
  .pf-footer:after {
    content: "";
    padding-bottom: 46px; } }
/*--- Page section ---*/

/*# sourceMappingURL=css-includes-layout.css.map */

/*
--------------------
Homepage
--------------------
*/
/*--- General ---*/

/*# sourceMappingURL=css-sections-home.css.map */