@charset "UTF-8";
/*

    File: _assets/css/scss/style.scss

    See
        http://css-tricks.com/css-style-guides/
        http://css-tricks.com/sass-style-guide/

    Use spaces not tabs

    # Selectors

    One selector per line, One rule per line
    Dont use IDs as selectors
    Avoid attribute selectors for styling
    Use class names that are as short as possible but as long as necessary
    Use semantic naming conventions, avoid referring to layout or colour choice
    Use hyphens to concatenate class names, eg body-container not bodyContainer or body_container

    # Properties

    List related properties together
    If the value of the width or height is 0, do not specify units
    Avoid magic numbers, eg numbers used as quick fixes on a one-off basis
    Closing curly brace on own line
    Close final property with a semi-colon
    Avoid units on a  zero value, eg 0 not 0px
    Err towards shorthand where avaliable, eg border, background, etc

    # SASS/SCSS

    List @extend(s) First
        Then "Regular" Styles
        Then @include(s)
        Then Nested Selectors

    All Vendor Prefixes Use @mixins
    Maximum Nesting: Three Levels Deep
    Maximum Nesting: 50 Lines

    Global and Section-Specific Sass Files Are just Table of Contents
    Break Into As Many Small Files As Makes Sense
    Partials are named _partial.scss eg _dropdown-menu.scss

    Locally compile Expanded
    For Deployment compile Compressed

    Be Generous With Comments

    Variablize All Common Numbers, and Numbers with Meaning
    Variablize All Colors

    Nest and Name Your Media Queries

    Shame Last

*/
/*
    Source: http://necolas.github.io/normalize.css/
    File: _assets/css/scss/_libs-reset.scss
*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  /* 1 */
  -webkit-font-smoothing: antialiased;
}

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
    File: _assets/css/scss/_libs-vars.scss
*/
    /*
    // grey = tables, background tints, etc
    $grey                   :#f4f4f4;
    // grey-tone = block lines, etc
    $grey-tone              :#ededed;
    // grey-tone = keylines, etc
    $dark-grey              :#c7c7c7;

    $accent                 :#00eabb;
    // block lines, etc
    $accent-tone            :#00c79f;
    // eg for text
    $dark-accent            :#008564;
    */
/*
    #00eabb
    #262626
    #008565

    #dddddd
    #e8e8e8
    #f4f4f4

    */
/*
    File: _assets/css/scss/_libs-mixins.scss
    Preference for third-party mixin libraries is to use Bourbon
    See https://github.com/thoughtbot/bourbon
*/
.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 1000;
}

.sweet-alert {
  font-family: 'Open Sans', sans-serif;
  width: 800px;
  padding: 40px 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -417px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 2000;
  max-width: 1000px;
  background: url("/_assets/img/alert-flap.png") no-repeat top right #80ffe0;
  	/*
  	.icon {
  		$red: 		#F27474;
  		$orange: 	#F8BB86;
  		$blue: 		#C9DAE1;
  		$green: 	#A5DC86;
  
  		width: 80px;
  		height: 80px;
  		border: 4px solid gray;
  		border-radius: 50%;
  		margin: 20px auto;
  		position: relative;
  		box-sizing: content-box;
  		display:none !important;
  
  		&.error {
  			border-color: $red;
  
  			.x-mark {
  				position: relative;
  				display: block;
  			}
  
  			.line {
  				position: absolute;
  				height: 5px;
  				width: 47px;
  				background-color: $red;
  				display: block;
  				top: 37px;
  				border-radius: 2px;
  
  				&.left {
  					-webkit-transform: rotate(45deg);
      			transform: rotate(45deg);
      			left: 17px;
  				}
  				&.right {
  					-webkit-transform: rotate(-45deg);
      			transform: rotate(-45deg);
      			right: 16px;
  				}
  			}
  		}
  		&.warning {
  			border-color: $orange;
  
  			.body { // Exclamation mark body
  				position: absolute;
  				width: 5px;
  				height: 47px;
  				left: 50%;
  				top: 10px;
  				border-radius: 2px;
  				margin-left: -2px;
  				background-color: $orange;
  			}
  			.dot { // Exclamation mark dot
  				position: absolute;
  				width: 7px;
  				height: 7px;
  				border-radius: 50%;
  				margin-left: -3px;
  				left: 50%;
  				bottom: 10px;
  				background-color: $orange;
  			}
  		}
  		&.info {
  			border-color: $blue;
  
  			&::before { // i-letter body
  				content: "";
  				position: absolute;
  				width: 5px;
  				height: 29px;
  				left: 50%;
  				bottom: 17px;
  				border-radius: 2px;
  				margin-left: -2px;
  				background-color: $blue;
  			}
  			&::after { // i-letter dot
  				content: "";
  				position: absolute;
  				width: 7px;
  				height: 7px;
  				border-radius: 50%;
  				margin-left: -3px;
  				top: 19px;
  				background-color: $blue;
  			}
  		}
  		&.success {
  			border-color: $green;
  
  			&::before, &::after { // Emulate moving circular line
  				content: '';
  				border-radius: 50%;
  			  position: absolute;
  			  width: 60px;
  				height: 120px;
  			  background: white;
  				-webkit-transform: rotate(45deg);
  			  transform: rotate(45deg);
  			}
  			&::before {
  			  border-radius: 120px 0 0 120px;
  			  top: -7px;
  				left: -33px;
  
  			   -webkit-transform: rotate(-45deg);
  			  transform: rotate(-45deg);
  				-webkit-transform-origin: 60px 60px;
  			  transform-origin: 60px 60px;
  			}
  			&::after {
  			  border-radius: 0 120px 120px 0;
  			  top: -11px;
  				left: 30px;
  
  			  -webkit-transform: rotate(-45deg);
  			  transform: rotate(-45deg);
  				-webkit-transform-origin: 0px 60px;
  			  transform-origin: 0px 60px;
  			}
  
  			.placeholder { // Ring
  				width: 80px;
  				height: 80px;
  				border: 4px solid rgba($green, 0.2);
  				border-radius: 50%;
  				box-sizing: content-box;
  
  				position: absolute;
  				left: -4px;
  				top: -4px;
  				z-index: 2;
  			}
  
  			.fix {	// Hide corners left from animation
  				width: 5px;
  				height: 90px;
  				background-color: white;
  
  				position: absolute;
  				left: 28px;
  				top: 8px;
  				z-index: 1;
  
  				-webkit-transform: rotate(-45deg);
  				transform: rotate(-45deg);
  			}
  
  			.line {
  				height: 5px;
  				background-color: $green;
  				display: block;
  				border-radius: 2px;
  
  				position: absolute;
  				z-index: 2;
  
  				&.tip {
  					width: 25px;
  
      			left: 14px;
  					top: 46px;
  
  					-webkit-transform: rotate(45deg);
      			transform: rotate(45deg);
  				}
  				&.long {
  					width: 47px;
  
      			right: 8px;
  					top: 38px;
  
  					-webkit-transform: rotate(-45deg);
      			transform: rotate(-45deg);
  				}
  			}
  		}
  		&.custom {
  			background-size: contain;
  			border-radius: 0;
  			border: none;
  			background-position: center center;
  			background-repeat: no-repeat;
  		}
  	}
  	*/
}
@media all and (max-width: 699px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    margin-left: 0;
  }
}
@media all and (min-width: 700px) and (max-width: 954px) {
  .sweet-alert {
    width: 700px;
    margin-left: -367px;
  }
}
.sweet-alert h2 {
  color: #1a1d1c;
  font-size: 32px;
  font-size: 2rem;
  text-align: center;
  font-family: 'AvenirNextLTW01-Medium', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: none;
  position: relative;
  margin-bottom: 0.25em;
}
.sweet-alert p {
  color: #1a1d1c;
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  font-family: 'AvenirNextLTW01-Medium', helvetica;
  font-weight: normal;
  font-style: none;
  position: relative;
  margin: 0;
  line-height: normal;
  margin-bottom: 1em;
}
.sweet-alert button {
  		/*
  		$btnBlue: #AEDEF4;
  		$btnGray: #D0D0D0;
  
  		background-color: $btnBlue;
  		color: white;
  		border: none;
  		box-shadow: none;
  		font-size: 17px;
  		font-weight: 500;
  		border-radius: 5px;
  		padding: 10px 32px;
  		margin: 26px 5px 0 5px;
  		cursor: pointer;
  		&:focus {
  			outline: none;
  			box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  		}
  		&:hover {
  			background-color: darken($btnBlue, 3%);
  		}
  		&:active {
  			background-color: darken($btnBlue, 10%);
  		}
  		&.cancel {
  			background-color: $btnGray;
  			&:hover {
  				background-color: darken($btnGray, 3%);
  			}
  			&:active {
  				background-color: darken($btnGray, 10%);
  			}
  			// Cancel button should keep the same style
  			&:focus {
  				box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
  			}
  		}
  		// Removes selection outline in Firefox
  		&::-moz-focus-inner {
  		  border: 0;
  		}
  		*/
}
.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important;
}

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-moz-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
.showSweetAlert {
  -webkit-animation: showSweetAlert 0.3s;
  -moz-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.hideSweetAlert {
  -webkit-animation: hideSweetAlert 0.2s;
  -moz-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-moz-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-moz-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@-moz-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  -moz-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  -moz-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  -moz-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  -moz-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@-moz-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  -moz-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

/*@include keyframes(simpleRotate) {
	0%		{ transform: rotateY(0deg);    }
  100% 	{ transform: rotateY(-360deg); }
}
.simpleRotate {
	@include animation('simpleRotate 0.75s');
}*/
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@-moz-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  -moz-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@-moz-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  -moz-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next:hover:before, .lg-actions .lg-next:hover:after, .lg-actions .lg-prev:hover:before, .lg-actions .lg-prev:hover:after {
  border-color: #28eaba;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  margin-top: 20px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  margin-top: 20px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close {
  border-radius: 3px;
  content: '';
  display: block;
  width: 29px;
  height: 40px;
  margin: 20px 25px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.lg-toolbar .lg-close:after, .lg-toolbar .lg-close:before {
  border-radius: 3px;
  content: '';
  display: block;
  width: 29px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: #fff;
}
.lg-toolbar .lg-close:before {
  -moz-transform: rotate(45deg) translateX(1px) translateY(11px);
  -o-transform: rotate(45deg) translateX(1px) translateY(11px);
  -ms-transform: rotate(45deg) translateX(1px) translateY(11px);
  -webkit-transform: rotate(45deg) translateX(1px) translateY(11px);
  transform: rotate(45deg) translateX(1px) translateY(11px);
}
.lg-toolbar .lg-close:after {
  -moz-transform: rotate(-45deg) translateX(-5px) translateY(-5px);
  -o-transform: rotate(-45deg) translateX(-5px) translateY(-5px);
  -ms-transform: rotate(-45deg) translateX(-5px) translateY(-5px);
  -webkit-transform: rotate(-45deg) translateX(-5px) translateY(-5px);
  transform: rotate(-45deg) translateX(-5px) translateY(-5px);
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #28eaba;
  display: inline-block;
  padding-left: 25px;
  margin-top: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
#lg-counter span {
  color: #fff;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #262626;
  background-color: rgba(38, 38, 38, 0.95);
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*
    File: _assets/css/scss/_views-beta.scss
    This is a miscellaneous file for pre-launch testing and static comps.
    To be removed/commented out for launch!!

    1.  Baseline
        Core/generic rules for this context

    2.  Layout
        Page layout rules, eg for columns
        As a general rule width, padding and margin stuff here

    3.  Typography
        Typographic rules: headings, lists, etc

    4.  Elements
        HTML elements base rules

    5.  Components
        Components within the site, eg navigation, carousels, etc
        Ideally context and element agnostic

    6.  Exceptions
        Media queries targetting specific/edge-case CSS

    7.  Hacks
        Idiosyncratic styles for browser support, etc

*/
.swatch {
  padding: 0;
  *zoom: 1;
}
.swatch:before, .swatch:after {
  content: " ";
  display: table;
}
.swatch:after {
  clear: both;
}
.swatch .swatch__item {
  display: block;
  width: 15%;
  margin: 0;
  float: left;
  list-style: none;
  margin-right: 2%;
  text-align: center;
  padding: 40px 0;
}
.swatch .swatch__item--1 {
  background: #00eabb;
}
.swatch .swatch__item--2 {
  background: #00c79f;
}
.swatch .swatch__item--3 {
  background: #008564;
  color: #fff;
}
.swatch .swatch__item--4 {
  background: #f4f4f4;
}
.swatch .swatch__item--5 {
  background: #ededed;
}
.swatch .swatch__item--6 {
  background: #c7c7c7;
}
.swatch .swatch__item--7 {
  background: #2e3433;
  color: #fff;
}
.swatch .swatch__item--8 {
  background: #6f9ce5;
  color: #fff;
}
.swatch .swatch__item--9 {
  background: #f54c50;
  color: #fff;
}
.swatch .swatch__item:last-of-type {
  margin-right: 0;
}

/*
    File: _assets/css/scss/_views-core.scss
    This is the base, mobile-first view CSS.
    Mobile-specific styles should be added here

    1.  Baseline
        Core/generic rules for this context

    2.  Layout
        Page layout rules, eg for columns
        As a general rule width, padding and margin stuff here

    3.  Typography
        Typographic rules: headings, lists, etc

    4.  Elements
        HTML elements base rules

    5.  Components
        Components within the site, eg navigation, carousels, etc
        Ideally context and element agnostic

    6.  Exceptions
        Media queries targetting specific/edge-case CSS

    7.  Hacks
        Idiosyncratic styles for browser support, etc
*/
body {
  color: #1a1d1c;
  position: relative;
}

.site-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.page-wrapper {
  width: 100%;
  position: relative;
}

.section {
  width: 100%;
  display: inline-block;
  padding: 60px 0 0;
  margin-bottom: -4px;
  position: relative;
}
.section--bg-green {
  background: #28eaba;
}
.section--bg-grey {
  background: #ededed;
}
.section--bg-dark-grey {
  background: #262626;
}
.section--bg-white {
  background: #FFF;
  position: relative;
}



.mobileFade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  z-index: 10;
  display: none;
}

.wrapper-outer {
  margin: 0 20px;
  display: block;
  clear: both;
  *zoom: 1;
}
.wrapper-outer:before, .wrapper-outer:after {
  content: " ";
  display: table;
}
.wrapper-outer:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .wrapper-outer.no-margin {
    margin: 0;
  }
}

.wrapper {
  margin: 0 20px;
  display: block;
  float: none;
  clear: both;
  *zoom: 1;
}
.wrapper:before, .wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.wrapper__center {
  text-align: center;
}

.footer {
  position: relative;
  z-index: 100;
  *zoom: 1;
}
.footer:before, .footer:after {
  content: " ";
  display: table;
}
.footer:after {
  clear: both;
}
.footer a {
  color: #28eaba;
}
.footer a:hover {
  color: #fff;
  border-bottom-color: #fff;
}

/* ==========================================================================================

    header

========================================================================================== */
/* .header {
  z-index: 999;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
} */
/* .header:before, .header:after {
  content: " ";
  display: table;
} */
/* .header:after {
  clear: both;
} */

/* .logo-wrapper {
  padding: 23px 0px 26px;

  width: 300px;
  
} */

body {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'AvenirNextLTW01-Regular', helvetica;
  font-weight: normal;
  font-style: none;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  margin-top: 0;
}

h2 + h3 {
  font-family: 'AvenirNextLTW01-Regular', helvetica;
  font-weight: normal;
  font-style: none;
}

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 15px;
}
p a:hover {
  color: #28eaba;
  border-color: #28eaba;
}
p + ul li, p + ol li {
  line-height: 1.5;
}

ul, ol {
  font-size: 16px;
  font-size: 1rem;
}

bold, strong {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}

em, i {
  font-family: 'AvenirNextW02-LightItal', helvetica;
  font-weight: normal;
  font-style: none;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}
a:hover{
  text-decoration: underline;
}
a {
  color: #008564;
  text-decoration: none;
  /* border-bottom: 1px solid #A97835; */
  -webkit-transition: color 0.2s ease, border-color 0.2s ease;
  -moz-transition: color 0.2s ease, border-color 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease;
}
a:hover, a:focus {
  outline: 0;
}

button:hover, button:focus {
  outline: 0;
}
/* 
.header {
  text-align: center;
  position: relative;
  color: #fefefe;
  width: 100%;
  overflow: hidden;
}
.header .logo-wrapper {
  background: #A97835;
}
.header .header-logo {
  display: block;
  border: none;
}
.header .header-logo-image {
  width: 100px;
  height: 50px;
  display: inline-block;
  margin: 0 0 -4px;
  background: url(/_assets/img/sprite.png) 0 0 no-repeat;
  background: url(/_assets/img/sprite.svg) 0 0 no-repeat, none;
}
.header-logo-image{

}

.header .bread-crumb {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
.header .bread-crumb li {
  display: inline-block;
}
.header .bread-crumb li:after {
  content: '>';
  display: inline-block;
  margin: 0 13px;
}
.header .bread-crumb li:last-of-type:after {
  display: none;
}
.header .bread-crumb a, .header .bread-crumb li.last {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.25rem;
  border-bottom: 1px solid #28eaba;
  vertical-align: middle;
  text-align: justify;
}
.header .bread-crumb a:hover, .header .bread-crumb li.last:hover {
  color: #28eaba;
}
.header .bread-crumb li.last {
  border-bottom: none;
}
.header .bread-crumb li.last:hover {
  color: #fff;
}
.header .header-button {
  color: #fff;
}
.search-icon-topNav {
  margin: auto;
  margin-bottom: 10px;
}
.header .search-wrapper {
  display: inline-block;
  width: 50%;
  height: 60px;
  float: left;
  border-right: 1px solid #ffffff;
  background-color: #A97835;
  position: relative;
  
}
.search-wrapper{
  padding-top: 25px;
  padding-left: 20px;
}
.header .search-wrapper form {
  display: flex;
  height: 60px;
}

.header .search-wrapper:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 24px;
  position: absolute;
  z-index: 1;
  background-image: url(/_assets/img/sprite.png);
  background-image: url(/_assets/img/sprite.svg), none;
  background-position: 0 -44px;
  background-repeat: no-repeat;
  top: 50%;
  left: 50%;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.header .search-wrapper.active:after {
  opacity: 0.2;
  z-index: 999;
}
.header .search-box {
  border: 0;
  width: 100%;
  height: 100%;
  outline: none;
  color: #fff;
  position: relative;
  z-index: 10;
  text-align: left;
  padding: 0 70px 0 20px;
  font-size: 23px;
  font-size: 1.4375rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  -webkit-transition: box-shadow 200ms ease-in-out;
  -moz-transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  background: none;
}
.header .search-box:focus {
  -moz-box-shadow: inset 0 -3px 0 0 #28eaba;
  -webkit-box-shadow: inset 0 -3px 0 0 #28eaba;
  box-shadow: inset 0 -3px 0 0 #28eaba;
}
.header .search-button {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
}
.header .menu-button-wrapper {
  display: inline-block;
  width: 50%;
  height: 60px;
  margin: 0 0 0 0;
  float: right;
  background-color: rgba(46, 52, 51, 0.7);
  position: relative;
}

.search-wrapper a{
  position: relative;
  left: 5px;
  top: 3px;
}
.header .menu-button {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 18px 0;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  border: none;
}
.header .menu-button .basket-notify {
  display: inline-block;
  background: #f54c50;
  border-radius: 50%;
  padding: 4px 3px;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  height: 18px;
  width: 18px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}
.header .menu-button .menu {
  display: inline-block;
  line-height: 1.2;
}
.header .menu-button .close {
  display: none;
  line-height: 1.2;
}
.header .mobile-menu-icon {
  width: 30px;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -8px;
  padding: 1px 0 1px;
  margin-left: 8px;
}
.header .mobile-menu-icon:before, .header .mobile-menu-icon:after,
.header .mobile-menu-icon .menu-icon-inner {
  background: #fff;
  border-radius: 3px;
  content: '';
  display: block;
  width: 29px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.header .mobile-menu-icon .menu-icon-inner {
  text-indent: -9999px;
}
.header .mobile-menu-icon.active:before, .header .mobile-menu-icon.active:after,
.header .mobile-menu-icon.active .menu-icon-inner {
  background-color: #28eaba;
}
.header .mobile-menu-icon.active:before {
  -webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
  -moz-transform: rotate(45deg) translateX(5px) translateY(5px);
  -ms-transform: rotate(45deg) translateX(5px) translateY(5px);
  -o-transform: rotate(45deg) translateX(5px) translateY(5px);
  transform: rotate(45deg) translateX(5px) translateY(5px);
}
.header .mobile-menu-icon.active .menu-icon-inner {
  opacity: 0;
}
.header .mobile-menu-icon.active:after {
  -webkit-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -moz-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -ms-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -o-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  transform: rotate(-45deg) translateX(7px) translateY(-6px);
}

.nav-holder {
  max-width: 100%;
  overflow: hidden;
}

.navigation-wrapper {
  position: absolute;
  display: inline-block;
  width: 50%;
  background-color: #28eaba;
  text-align: left;
  top: 149px;
  bottom: 0;
  opacity: 0;
  right: 0;
  z-index: 999;
  height: 100%;
  left: inherit;
  margin-right: -100%;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.navigation-wrapper.active {
  visibility: visible;
  opacity: 1;
  margin-right: 0;
}
.navigation-wrapper.tooshort {
  position: absolute !important;
  bottom: auto;
  width: 100%;
}
.navigation-wrapper.tooshort.fixed {
  top: 149px;
}
.navigation-wrapper.fixed {
  top: 60px;
  position: fixed;
  margin-right: 100%;
}
@media screen and (min-width: 954px) {
  .navigation-wrapper.fixed {
    top: 85px;
  }
}
.navigation-wrapper.fixed.active {
  visibility: visible;
  right: 0 !important;
  margin-right: 0;
}
.navigation-wrapper p {
  text-align: center;
}

.navigation-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navigation-links li {
  width: 100%;
}
.navigation-links a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  padding: 19px 0 19px 20px;
  color: #2e3433;
  border-bottom: 1px solid #0ec89a;
}
.navigation-links a:active, .navigation-links a:focus {
  background: #0ec89a;
  color: #FFF;
}
.navigation-links br {
  display: none;
}

.basket {
  width: 100%;
  position: relative;
  min-height: 114px;
  border-bottom: 1px solid #0ec89a;
  font-size: 16px;
  font-size: 1rem;
}
.basket__inner {
  background: #80ffe0;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.basket__inner-center {
  display: table;
  height: 100%;
  width: 100%;
  padding-right: 85px;
  text-align: center;
}
.basket span {
  display: table-cell;
  vertical-align: middle;
  color: #2e3433;
}
.basket .order-link {
  display: none;
  color: #2e3433;
  border: none;
}
.basket .order-count {
  width: 85px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: table;
  vertical-align: top;
  float: right;
  background: #0ead86;
  text-align: center;
}
.basket .order-count span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.basket .order-count:before, .basket .order-count:after {
  content: '';
  display: block;
  position: absolute;
}
.basket .order-count:before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 27px solid transparent;
  border-top: 17px solid #008564;
}
.basket .order-count:after {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 27px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 17px solid #28eaba;
}

.menu-close {
  padding: 34px 0px 31px 40px;
  position: relative;
  background: #0a7d61;
  cursor: pointer;
}
.menu-close:before, .menu-close:after {
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 20px;
  margin: -12px 0 0 0;
  background: #fff;
}

.cols--product-grid {
  margin: 0 0 40px;
} */

/*=======================================

    Hero Image

=======================================*/
.hero h1 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #FFFFFF;
  padding: 0 10px 0;
}

@-webkit-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.menu-button--fadein {
  position: relative;
}
.menu-button--fadein:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00c79f;
  z-index: -1;
  opacity: 0;
}

.hero-image {
  width: 100%;
  background-size: cover;
  background-position: bottom center;
  height: 308px;
  margin: -60px 0 3em;
  position: relative;
  -ms-behavior: url(/backgroundsize.min.htc);
}
.hero-image__text-wrapper {
  margin: 0 auto;
  position: relative;
  height: 100%;
  min-height: 100%;
}
.hero-image__text-wrapper:after {
  content: '';
  display: block;
  width: calc(100% - 20px);
  height: 10px;
  background: #28eaba;
  position: absolute;
  bottom: 0;
  left: 10px;
}
.hero-image__text {
  font-size: 42px;
  font-size: 2.625rem;
  color: white;
  padding: 50px 20px 0;
  margin: 0;
  text-align: center;
}
.hero-image__text--para {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  font-size: 1.5rem;
}
.hero-image__text--para span {
  text-transform: uppercase;
  font-size: 14px;
  width: 100%;
  display: block;
}
.hero-image__text--black-text {
  color: #2f3433;
}
.hero-image--small {
  height: 308px;
}
.hero-image--small__text {
  color: #2f3433;
}
.hero-image--paper-showcase, .hero-image--home {
  margin-bottom: 10px !important;
}
.hero-image--paper-showcase .hero-image__text-wrapper:after, .hero-image--home .hero-image__text-wrapper:after {
  display: none;
}
.hero-image__cta {
  position: absolute;
  margin: 0;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  color: #fff;
  font-size: 27px;
  font-size: 1.6875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-align: center;
}

.hero-plain {
  width: 100%;
  height: 200px;
  position: relative;
  background: #28eaba;
}
.hero-plain__text-wrapper {
  margin: 0 auto;
  position: relative;
  height: 100%;
  min-height: 100%;
}
.hero-plain__text {
  font-size: 42px;
  font-size: 2.625rem;
  color: white;
  padding: 0;
  margin: 0;
  text-align: center;
}

.filter-list {
  width: 100%;
  max-width: 300px;
  text-align: center;
  position: absolute;
  top: 240px;
  left: 50%;
  margin: 0 0 0 -150px;
  padding: 15px;
  max-height: 55px;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: background 300ms ease-in-out, max-height 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out, max-height 300ms ease-in-out;
  transition: background 300ms ease-in-out, max-height 300ms ease-in-out;
}
.filter-list:hover {
  background: #fff;
  max-height: 400px;
}

.filter-list-reset:link, .filter-list-reset:visited {
  position: relative;
  border: none;
}

.filter-list__title {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  font-weight: normal;
  font-style: none;
  padding: 10px 50px 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  background: #008564;
  border: none;
  cursor: pointer;
  background-color: #008564;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, #008564), color-stop(76%, #008564), color-stop(76%, #009f77));
  background-image: -webkit-linear-gradient(left, #008564 76%, #008564 76%, #009f77 76%);
  background-image: linear-gradient(to right,#008564 76%, #008564 76%, #009f77 76%);
  position: relative;
}
.filter-list__title:after {
  content: "";
  background-image: url("/_assets/img/down-arrow.png");
  background-image: url("/_assets/img/down-arrow.svg"), none;
  background-size: cover;
  height: 12px;
  width: 12px;
  position: absolute;
  right: 11px;
  top: 10px;
  -ms-behavior: url(/backgroundsize.min.htc);
}

.button--load-more {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  color: #fff;
  margin: 0 0 20px;
  padding: 16px 30px 15px;
  border-radius: 30px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  background: #008564;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out;
}
.button--load-more span {
  letter-spacing: 0.025em;
}
.button--load-more:hover {
  background: #28eaba;
  color: #fff;
}

.filter-list__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.filter-list__list__item {
  margin: 0 0 15px;
}
.filter-list__list__item:last-of-type {
  margin: 0;
}
.filter-list__list__link {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: uppercase;
  color: #2f3433;
  text-decoration: none;
  border: none;
}

/*=======================================

     Home HERO / Responsive Slides

=======================================*/
/*
.home-hero {
    position:relative;
    height:100%;
    height:100vh;
    width:100%;
    margin-top:-150px;
    z-index:0;
}
*/
.home-hero {
  position: fixed;
  height: 100%;
  height: 100vh;
  width: 100%;
  top: 0;
  z-index: -1;
  margin-top: 0;
}
@media only screen and (-webkit-device-pixel-ratio: 1) and (max-width: 768px), only screen and (-moz-device-pixel-ratio: 1) and (max-width: 768px), only screen and (-o-device-pixel-ratio: 1 / 1) and (max-width: 768px), only screen and (device-pixel-ratio: 1) and (max-width: 768px), only screen and (resolution: 96dpi) and (max-width: 768px), only screen and (resolution: 1dppx) and (max-width: 768px) {
  .home-hero {
    background: url("/_assets/img/home-hero/home-hero-1.jpg");
    background-size: cover;
    background-position: fixed;
  }
  .home-hero ul {
    display: none;
  }
}

.home-hero__slide-text {
  display: none;
}

.home-hero__content {
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 600px;
  height: calc(100vh - 150px);
  text-align: center;
  display: table;
  min-height: 300px;
  /*
  &:before {
  	content: '';
  	display: inline-block;
  	height: 100%;
  	vertical-align: middle;
  	margin-right: -0.25em;
  }
  */
}
.home-hero__content .centered {
  vertical-align: middle;
  width: 90%;
  position: relative;
  color: #FFF;
  display: table-cell;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
@media screen and (max-width: 380px) {
  .home-hero__content .centered h1 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 381px) and (max-width: 480px) {
  .home-hero__content .centered {
    padding-top: 0;
  }
  .home-hero__content .centered h1 {
    margin-bottom: 10px;
  }
}
.touch .home-hero__content .centered {
  margin-top: 0 !important;
}
@media screen and (max-width: 480px) {
  .home-hero__content .button--green {
    background: none;
    border-bottom: 2px solid #008564;
    border-radius: 0;
    display: inline-block;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 6px;
    max-width: 152px;
    line-height: 1.3;
    font-size: 16px;
    font-size: 1rem;
  }
  .home-hero__content .button--green:after {
    display: none;
  }
  .home-hero__content .button--green:hover {
    background: none;
  }
}

.v-center-outer {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
}
.v-center-outer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.v-center-outer .v-center-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 98%;
  padding-left: 0px;
  padding-right: 300px;
  margin-right: 250px;
}

.page {
  background: #FFF;
  position: relative;
  /* padding-top: 100px; */
  *zoom: 1;
}
.page:before, .page:after {
  content: " ";
  display: table;
}
.page:after {
  clear: both;
}
.page__inner {
  *zoom: 1;
}
.page__inner:before, .page__inner:after {
  content: " ";
  display: table;
}
.page__inner:after {
  clear: both;
}

.page ul{
  margin-top: 110px;
}

.home__our-papers h2 {
  font-size: 36px;
  font-size: 2.25rem;
  margin-bottom: 0;
  color: #000;
  padding: 0 0 .2em;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .home__our-papers h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.home__our-papers h3 {
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 100px;
  
}
.our-packaging-text{
  width: 35%;
  margin: auto;
}

@media (max-width: 800px) {
  .our-packaging-text{
    width: 90%;
  }
}

@media screen and (max-width: 480px) {
  .home__our-papers h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 30px;
  }
}

.home__news {
  padding: 30px 200px 100px;
}
.home__news .final-grid {
  margin: 0 auto;
}
.home__news .final-grid ul {
  margin: 0 auto 2px;
}
.home__news .panel {
  padding: 20px 0;
}
.home__news .panel h2 {
  font-size: 36px;
  font-size: 2.25rem;
}
@media screen and (max-width: 480px) {
  .home__news .panel h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.home__showcase .panel h2 {
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
}
@media screen and (max-width: 480px) {
  .home__showcase .panel h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.rslides {
  position: absolute;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  z-index: -1;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  height: 100%;
  position: absolute;
  float: left;
  width: auto;
  border: 0;
  max-width: none;
  display: none;
}

/*=======================================

     standard content panel

=======================================*/
.panel {
  margin: 0 0 40px;
  *zoom: 1;
}
.panel:before, .panel:after {
  content: " ";
  display: table;
}
.panel:after {
  clear: both;
}
.panel__inner ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.panel__inner ul li {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  line-height: 1.388;
}
.panel__inner ul li:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
  background: #1a1d1c;
}
.panel__inner ul li:last-of-type {
  margin-bottom: 0;
}
.panel__inner ol {
  margin: 0 0 20px 16px;
}
.panel__inner ol li {
  padding: 0 0 0 20px;
  margin: 0 0 15px;
}
.panel__inner ol li:last-of-type {
  margin: 0;
}
.panel__aside {
  /*
  p:first-of-type{
      padding-top:20px;
  }
  */
}
.panel__aside h4 {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.panel__aside .panel__title {
  padding: 30px 0;
  border-bottom: 1px solid #c7c7c7;
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
}
.panel__aside__showcase {
  margin: 0 0 60px;
}
.panel__aside__showcase .panel__title {
  margin-bottom: 0;
}
.panel__aside__showcase__image {
  margin: 0 0 20px;
}
.panel__aside__showcase__cta a {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.panel__aside__calc-cta {
  margin: 30px 0 20px;
  padding: 25px;
  border-radius: 10px;
  background: #ededed;
}
.panel__aside .calc-cta__title {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  position: relative;
  padding-right: 35px;
  margin: 0 0 10px;
}
.panel__aside .calc-cta__title:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 46px;
  background-image: url(/_assets/img/sprite.svg);
  background-position: 0px -273px;
  background-repeat: no-repeat;
}
.panel__aside iframe {
  border: 0;
  overflow: hidden;
}
.panel__center {
  text-align: center;
}
.panel__center--border-bottom {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 30px;
}
.panel__center p {
  line-height: 1.5;
  padding: 0;
  max-width: 700px;
  margin: 0 auto 25px;
}
.panel__content {
  margin: 0 0 40px;
}
.panel__content h2 {
  margin-bottom: 10px;
}
.panel__content > ul {
  margin: 0 0 25px;
  padding: 0;
  list-style: none;
}
.panel__content > ul li {
  position: relative;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
}
.panel__content > ul li:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 50%;
  background: #1a1d1c;
}
.panel__content > ul li:last-of-type {
  margin-bottom: 0;
}
.panel__content > ul li ul {
  padding-left: 0;
  margin-top: 10px;
}
.panel__content > ul li ul li {
  list-style: none;
  margin-left: 0;
}
.panel__content > ol {
  margin: 0 0 30px;
  padding: 0 0 0 45px;
}
.panel__content > ol li {
  padding: 0 0 0 10px;
  margin: 0 0 15px;
}
.panel__content > ol li:last-of-type {
  margin: 0;
}
.panel__content img {
  margin: 0 0 25px;
}
.panel__intro-para p:first-of-type {
  font-size: 18px;
  font-size: 1.125rem;
}
.panel__blog-article__meta {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: uppercase;
}
.panel__blog-article__meta + p {
  font-size: 21px;
  font-size: 1.3125rem;
}
.panel__title {
  margin: 0 0 1em;
  padding: 0;
}
.panel__title h2 {
  margin: 0;
  padding: 0;
  font-size: 36px;
  font-size: 2.25rem;
}
@media screen and (max-width: 480px) {
  .panel__title h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.panel__title h2 a {
  color: #262626;
  border: none;
}
.panel__title h2 a:hover {
  color: #0ead86;
}
.panel--padding60 {
  padding: 60px 0 0;
}

blockquote {
  margin: 0 0 1.5em;
  padding: 2em;
  background: #f9f9f9;
}

blockquote p {
  display: inline;
  font-size: 110%;
  line-height: 1.4;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  letter-spacing: -0.01em;
}
blockquote p b, blockquote p strong {
  font-size: 80%;
}

.panel__intro-para blockquote p:first-of-type {
  font-size: inherit;
}

.imageless-title {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: 'AvenirNextLTW01-Medium', helvetica;
  font-weight: normal;
  font-style: none;
  padding: 70px 0 0;
}

section .panel {
  padding: 80px 0;
  margin: 0;
}
@media screen and (max-width: 480px) {
  section .panel {
    padding: 40px 0;
  }
}
section .panel--30 {
  padding: 30px 0;
  margin: 0;
}

/*=======================================

    image CTA section

=======================================*/
.image-cta {
  background-size: cover;
  background-position: 50% 0;
  background-position: fixed;
  background-repeat: no-repeat;
  height: 320px;
  margin: 0;
  text-align: center;
  -ms-behavior: url(/backgroundsize.min.htc);
  /* structural internal elems */
  /* text within sections */
}
.image-cta__homepage {
  margin: 0;
}
.image-cta__image-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
}
.image-cta__text-wrapper-outer {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.imageCta-container{
  display: flex;
  height: 100%;
  width: 100%;
  background: #262626;
  position: relative;
  
}
.imageCta-container img{
  width: 400;
  height: 300;
}
.green-box{
  padding-top: 60px;
  padding-right: 40px;
}
/* .imageCta-text{
  vertical-align: middle;
  max-width: 98%;
  padding-left: 70px;
  padding-right: 200px;
  padding-top: 80px;
} */
.image-cta__text-wrapper--inner, .image-cta__inner {
  position: relative;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
}
.image-cta__label {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 30px;
}
.image-cta__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  margin: 0 0 20px;
  padding: 0;
  color: #fff;
}
.image-cta__paragraph {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 25px;
  padding: 0;
  color: #fff;
}

/* =======================================

    Buttons

======================================= */
.button, .sweet-alert button {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  padding: 16px 30px 15px;
  border-radius: 30px;
  text-decoration: none;
  border: 0px;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  -moz-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out;
    /*
    &--load-more {
        padding-left:60px;
        position:relative;
        cursor:pointer;

        &:before {
            content: "";
            display: inline-block;
            width: 22px;
            height: 24px;
            position: absolute;
            left:25px;
            z-index: 1;
            top: 50%;

            background-image: url(/_assets/img/more.png);
            background-image: url(/_assets/img/more.svg),none;
            background-repeat:no-repeat;
            background-position:0 0;
            background-size:cover;
            @include transform(translateY(-50%));
            -ms-behavior: url(/backgroundsize.min.htc);
        }
    }
    */
  	/*
      &:after{
          content:'';
          opacity:1;
          font-size:30px;
          @include font-type(bold);
      }
      */
}
@media screen and (max-width: 480px) {
  .button, .sweet-alert button {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.button--full-width {
  width: 100%;
  text-align: center;
}
.button--black {
  background: rgba(38, 38, 38, 0.8);
}
.button--black span {
  color: #28eaba;
}
.button--black:hover, .button--black:focus {
  background: #28eaba;
  color: #fff;
}
.button--black:hover span, .button--black:focus span {
  color: #fff;
}
.button--green {
  background: #008564;
}
.button--green:hover, .button--green:focus {
  background: #28eaba;
  color: #fff;
}
.button--green-black {
  background: #008564;
  color: #262626;
}
.button--green-black:hover, .button--green-black:focus {
  background: #28eaba;
  color: #fff;
}
.button--form, .sweet-alert button {
  background: #0ead86;
}
.button--form:hover, .sweet-alert button:hover, .button--form:focus, .sweet-alert button:focus {
  background: #28eaba;
  color: #fff;
}
.button--search {
  padding-left: 60px;
  position: relative;
  cursor: pointer;
}
.button--search:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 24px;
  position: absolute;
  left: 25px;
  z-index: 1;
  background: url(/_assets/img/sprite.png) 0 -44px no-repeat;
  background: url(/_assets/img/sprite.svg) 0 -44px no-repeat, none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.button--thin {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 9px 22px;
}

/* =======================================

    product-examples

======================================= */
.product-examples {
  text-align: center;
  margin: 0 0 30px;
}
.product-examples__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  margin: 0 0 20px;
  padding: 0 20px;
}
.product-examples__images {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-examples__images__item {
  display: inline-block;
  width: 100%;
}
.product-examples__cta-link {
  margin: 0;
  padding: 0 20px;
  font-size: 18px;
  font-size: 1.125rem;
}
.product-examples__cta-link a {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}

.view-more-paper {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 8px;
}
.view-more-paper:hover {
  color: #28eaba;
  border-color: #28eaba;
}

.article-nav {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 46px 0 0;
  padding: 25px 0 0;
  border-top: 2px solid #ededed;
}
.article-nav__item {
  display: inline-block;
}
.article-nav__item__link {
  margin-bottom: 25px;
  text-decoration: none;
  color: #1a1d1c;
  display: block;
  position: relative;
  border: none;
}
.article-nav__item__link:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin: -10px 0 0;
  width: 12px;
  height: 12px;
}
.article-nav__item--left {
  float: left;
  margin: 0 20px 0 0;
}
.article-nav__item--left a {
  padding-left: 30px;
}
.article-nav__item--left a:after {
  left: 0px;
  border-top: 3px solid #28eaba;
  border-left: 3px solid #28eaba;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.article-nav__item--right {
  float: right;
  margin: 0 0 0 20px;
}
.article-nav__item--right a {
  padding-right: 30px;
}
.article-nav__item--right a:after {
  right: 0px;
  border-top: 3px solid #28eaba;
  border-right: 3px solid #28eaba;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*=======================================

     Aside List Styles

=======================================*/
.arrow-list {
  width: 100%;
  display: inline-block;
  margin: 0 0 60px;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d3d3d3;
}
.arrow-list li {
  border-bottom: 1px solid #d3d3d3;
}
.arrow-list li a {
  display: inline-block;
  width: 100%;
  padding: 18px 36px 16px 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #262626;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-decoration: none;
  position: relative;
  border: none;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.arrow-list li a:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  border-top: 3px solid #28eaba;
  border-right: 3px solid #28eaba;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-list li a:hover {
  color: #0ead86;
}
.arrow-list li a:hover:after {
  right: 0;
}
.arrow-list li ul {
  padding: 0 0 15px 25px;
}
.arrow-list li ul li {
  list-style-type: none;
  border: none;
}
.arrow-list li ul li a {
  padding: 10px 0 8px 0;
}
.arrow-list li ul li a:after {
  content: '';
  border: none;
}
.arrow-list li ul li.first a {
  padding-top: 0;
}
.arrow-list li:last-of-type {
  border: none;
}
.arrow-list li.here > a {
  color: #0ead86;
}
.arrow-list li.here a:after {
  content: '';
  border: none;
}
.arrow-list li.parent-here a:after {
  display: none;
}
.arrow-list__sub-list {
  overflow: hidden;
  list-style: none;
  margin: 0 40px 0 15px;
  padding: 0;
  max-height: 0;
  -webkit-transition: max-height 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
.arrow-list__sub-list.visible {
  max-height: 500px;
}
.arrow-list__sub-list__item {
  margin: 0 0 15px;
}
.arrow-list__sub-list__link {
  font-size: 1;
  line-height: 1.3;
  color: #262626;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-decoration: none;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}

.key-features {
  width: 100%;
  border-top: 1px solid #ededed;
  margin: 0 0 25px;
}
.key-features__title {
  width: 55%;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  padding: 15px 0;
  border-bottom: 1px solid #ededed;
}
.key-features__val {
  width: 45%;
  font-size: 16px;
  font-size: 1rem;
  padding: 15px 0;
  border-bottom: 1px solid #ededed;
}

.rounded-item-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rounded-item-list__item {
  display: inline-block;
  padding: 10px 10px 8px;
  margin: 0 0 5px 1px;
  background: #ededed;
  border-radius: 8px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}

.enviromental-calc {
  background: #28eaba;
  padding: 30px 15px;
  position: relative;
}
.enviromental-calc:before {
  content: '';
  width: calc(100% - 30px);
  height: 10px;
  background: #0d8769;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.enviromental-calc__title {
  padding-bottom: 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #0ead86;
}
.enviromental-calc__intro {
  padding: 0;
  margin: 0;
}

/*=======================================

    article-nav

=======================================*/
 
.product-info h1 + p {
  font-size: 22px;
  font-size: 1.375rem;
}
 
.product-info h2 {
  margin: 0 0 15px;
}

.product-list__title {
  color: #fff;
  margin: 20px 0 15px;
}
.product-list__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-list__list li {
  position: relative;
  padding: 0 0 12px 20px;
}
.product-list__list li:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
  background: #1a1d1c;
}

.product-spec {
  padding: 0 0 60px;
}
.product-spec__accordion__title {
  position: relative;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  border-bottom: 1px solid #c7c7c7;
  padding: 30px 60px 30px 0;
  cursor: pointer;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.product-spec__accordion__title:after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 30px;
  margin: -6px 0 0;
  border-top: 3px solid #c7c7c7;
  border-right: 3px solid #c7c7c7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-spec__accordion__title:hover {
  color: #28eaba;
}
.product-spec__accordion__title:hover:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.product-spec__accordion__title.active {
  color: #28eaba;
}
.product-spec__accordion__title.active:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.product-spec__accordion__cont {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  max-height: 0;
  position: relative;
  -webkit-transition: max-height 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
.product-spec__accordion__cont.visible {
  max-height: 2000px;
}
.product-spec__accordion__cont p:first-of-type {
  padding-top: 20px;
}
.product-spec__accordion__cont:last-of-type {
  border-bottom: 1px solid #C7C7C7;
}
.product-spec__accordion__cont:before, .product-spec__accordion__cont:after {
  content: "";
  position: absolute;
  z-index: 0;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  height: 8px;
  overflow: visible;
  left: 16px;
  right: 16px;
  -moz-border-radius: 400px / 10px;
  border-radius: 400px / 10px;
}
.product-spec__accordion__cont:before {
  bottom: -10px;
}
.product-spec__accordion__cont:after {
  top: -10px;
}
.product-spec__accordion__cont ul {
  margin: -15px 0 25px 0;
}
.product-spec__accordion__cont ul li {
  line-height: 1.388;
}
.product-spec__table {
  width: 100%;
}
.product-spec__table td {
  border-spacing: 0px;
  font-size: 16px;
  font-size: 1rem;
}
.product-spec__table td:first-of-type {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.product-spec__table .label {
  width: 35%;
  padding: 20px;
  vertical-align: top;
  border-bottom: 1px solid #c7c7c7;
  display: none;
}
.product-spec__table .label-mob {
  background: #fff;
}
.product-spec__table .value {
  width: 65%;
  background-color: #f4f4f4;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #c7c7c7;
}
.product-spec__table .value table {
  width: 100%;
}
.product-spec__table .value table td {
  padding: 20px;
  border-bottom: 1px solid #dddddd;
}
.product-spec__table .value table tr:last-of-type td {
  border-bottom: 0px;
}
.product-spec__table__header {
  padding: 25px;
}
.product-spec__table .iso-num {
  background: #f4f4f4;
  border-bottom: 1px solid #c7c7c7;
}
.product-spec__table + p {
  margin-bottom: 25px;
}
.product-spec p:last-child {
  margin-bottom: 40px;
}

.product-tech__table {
  width: 300%;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}
.product-tech__table td, .product-tech__table th {
  border-spacing: 0;
  font-size: 16px;
  font-size: 1rem;
  width: 10%;
  border-left: 1px solid #dddddd;
  padding: 10px;
}
.product-tech__table td:first-of-type, .product-tech__table th:first-of-type {
  border: none;
}
.product-tech__table .iso-num {
  background: #f4f4f4;
  border-bottom: 1px solid #dddddd;
}
.product-tech__table .tech-type {
  background: #FAFAFA;
  border-bottom: 1px solid #dddddd;
}
.product-tech__table + p {
  margin-bottom: 25px;
}
.product-tech__table + p:last-child {
  margin-bottom: 40px;
}

/*=======================================

    Colum Definition

=======================================*/
.col-def__border-top {
  border-top: 10px solid #ededed;
  padding: 0px 0 0;
  margin: 0;
}
.col-def__border-top .panel__title {
  border-bottom: none;
  padding: 30px 0;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.25rem;
}
.col-def__border-top--green {
  border-top: 10px solid #22c79e;
  padding-bottom: 30px;
}
.col-def__border-top dd {
  margin: 0;
  padding: 0;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  transition: border 0.3s ease;
  line-height: 1.388;
}
.col-def__border-top dd.visible {
  border-bottom: 1px solid #ddd;
}
.col-def__border-top dd:last-of-type {
  border-bottom: none;
}
.col-def__border-top dd:last-of-type.visible {
  border-bottom: 1px solid #ddd;
}
.panel__aside .col-def__border-top .panel__title {
  border-bottom: 0;
  margin-bottom: 0;
}

/* ==========================================================================================

    link-tabs

 ========================================================================================== */
.iconlist {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  *zoom: 1;
}
.iconlist:before, .iconlist:after {
  content: " ";
  display: table;
}
.iconlist:after {
  clear: both;
}
.iconlist li {
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
}
.iconlist span {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.iconlist span.opacify {
  opacity: 0;
}
.iconlist__link {
  width: 100%;
  min-height: 77px;
  background: #ededed;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  color: #2e3433;
  padding: 0 0 0 20px;
  border: none;
  cursor: pointer;
  display: block;
}
.iconlist__link span {
  top: 50%;
  padding-right: 96px;
  position: absolute;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.iconlist__link:after, .iconlist__link:before {
  content: '';
  display: block;
  position: absolute;
}
.iconlist__link:before {
  width: 77px;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0 5px 5px 0;
}
.iconlist__link:hover {
  cursor: pointer;
}
.iconlist__link .icon {
  width: 77px;
  bottom: 0;
  padding: 0;
  right: 0;
  top: 0;
  display: block;
  position: absolute;
  border-radius: 0 5px 5px 0;
}
.iconlist__link--red:before {
  background-color: #f54c50;
  background: url("/_assets/img/icons/add.svg") center no-repeat #f54c50 scroll;
  background: url("/_assets/img/icons/add.svg") center no-repeat #f54c50 scroll;
}
.iconlist__link--red:hover {
  background: #c7c7c7;
}
.iconlist__link--red--ajax:before {
  display: none;
}
.iconlist__link--red--ajax .icon {
  background-color: #f54c50;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.iconlist__link--red--ajax .icon:before, .iconlist__link--red--ajax .icon:after {
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: white;
  height: 4px;
  width: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.iconlist__link--red--ajax .icon:after {
  right: -1px;
}
.iconlist__link--remove:before {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  background-color: #f54c50;
  background: url("/_assets/img/icons/minus.svg") center no-repeat #f54c50 scroll;
  background: url("/_assets/img/icons/minus.svg") center no-repeat #f54c50 scroll;
}
.iconlist__link--remove:hover {
  background: #c7c7c7;
  cursor: pointer;
}
.iconlist__link--add .icon:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.iconlist__link--green:before {
  background-color: #0ead86;
  background: url("/_assets/img/icons/calculator.svg") center no-repeat #0ead86 scroll;
  background: url("/_assets/img/icons/calculator.svg") center no-repeat #0ead86 scroll;
}
.iconlist__link--green:hover {
  background: #c7c7c7;
  cursor: pointer;
}

/* ==========================================================================================


    product-tile


 ========================================================================================== */
.homepage-slider {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible !important;
}
.homepage-slider li {
  padding: 0 5px 0;
}

.afterthings-wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
}
.afterthings-wrapper .afterthings {
  position: relative;
}
.afterthings-wrapper .afterthings:before, .afterthings-wrapper .afterthings:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3000px;
  background: rgba(255, 255, 255, 0.4);
  z-index: 60;
}
.afterthings-wrapper .afterthings:before {
  right: 100%;
}
.afterthings-wrapper .afterthings:after {
  left: calc(100% - 1px);
}

.product-tile-wrapper {
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  list-style: none;
}
.product-tile-wrapper .product-tile {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
}
.product-tile-wrapper .product-tile__image {
  width: 100%;
  margin-bottom: 0;
}

.product-tile {
  position: relative;
  height: 100%;
  list-style-type: none;
  background: #00ac81;
}
.product-tile img {
  margin-bottom: 0;
}
.product-tile:hover .product-tile__image {
  opacity: 0.3;
}
.product-tile:hover .product-tile__title {
  margin-top: 0px;
}
.product-tile:hover .product-tile__list {
  opacity: 1;
  margin-bottom: 0%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.product-tile:hover .product-tile__inner:before, .product-tile:hover .product-tile__inner:after {
  bottom: -120px;
}

/*
.grid-item {
    position:relative;
    list-style-type:none;

    &--1-1{
        &:before{
            content: "";
            display: block;
            padding-top: 100%;
        }

        &.full {
            width:100%;
        }

        &.half {
            width:50%;
        }

        &.quarter {
            width:25%;
        }

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

    &--2-1{
        &:before{
            content: "";
            display: block;
            padding-top: 50%;
        }

        &.full {
            width:100%;
        }

        &.half {
            width:50%;
        }

        &.quarter {
            width:25%;
        }

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

    &__link {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        height:100%;
        width:100%;
        display:block;
        background:palette(tile, green);

        .content {
            position:absolute;
            top:50%;
            left:50%;
            max-width:280px;
            width:100%;
            text-align:center;
            color:#FFF;
            @include transform(translateY(-50%) translateX(-50%));

            &__subject {

            }

            &__title {
                @include font-size(28);
                @include font-type(bold);
                color:palette(header, desktopBG);
                @include transition(all 200ms ease-in-out);
            }

            &__text {

            }

            &__link {

            }
        }


        &:hover {

            .content {

                &__subject {

                }

                &__title {

                }

                &__text {

                }

                &__link {

                }
            }

            .grid-item__img {
                opacity:0.3;
            }
        }
    }

    &__img {
        background-size:cover;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        height:100%;
        width:100%;
        @include transition(opacity .2s ease-in-out);
    }
}
*/
.filler:before {
  content: "";
  display: block;
  padding-top: 60%;
}
.filler--01 {
  background: #22daab;
}
.filler--02 {
  background: #769ce8;
}
.filler .product-tile__inner:before, .filler .product-tile__inner:after {
  display: none;
}

.product-tile__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
}
.product-tile__inner:before, .product-tile__inner:after {
  content: '';
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transition: bottom 200ms ease-in-out;
  -moz-transition: bottom 200ms ease-in-out;
  transition: bottom 200ms ease-in-out;
}
.product-tile__inner:before {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-right: 0px solid transparent;
  border-left: 180px solid transparent;
  border-bottom: 120px solid #2f3433;
}
.product-tile__inner:after {
  width: 75px;
  height: 11px;
  bottom: 25px;
  right: 20px;
  background: url(/_assets/img/sprite.png) -96px -72px no-repeat;
  background: url(/_assets/img/sprite.svg) -96px -72px no-repeat, none;
}

/*
.paper-finder {

    .product-tile__inner{
        &:before,
        &:after{
            display: none;
        }
    }

    &__title {
        @include font-size(28);
        @include font-type(bold);
        max-width:350px;
        margin-bottom:30px;
        color:#FFF;
    }
}
*/
.product-tile__text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 280px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
}

.product-tile__title {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  margin: -10px 0 0.2em;
  color: #2f3433;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.product-tile__list {
  text-align: center;
  opacity: 0;
  padding: 0;
  margin: 0 0 -100%;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.product-tile__list li {
  display: block;
  padding: 10px 0;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.product-tile__list li:last-of-type {
  border-bottom: 0;
}

.product-tile__image {
  width: 100%;
  -webkit-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}

.paper-finder {
  background: #28eaba;
}
.paper-finder .product-tile__faux-image {
  z-index: -1;
  opacity: 0;
}

.colour-block .title, .colour-block--green .title, .colour-block--blue .title {
  top: -5px;
}
.colour-block .byline, .colour-block--green .byline, .colour-block--blue .byline {
  top: -15px;
}
.colour-block .link, .colour-block--green .link, .colour-block--blue .link {
  bottom: -15px;
  opacity: 1;
}
.colour-block ul, .colour-block--green ul, .colour-block--blue ul {
  bottom: -15px;
  opacity: 1;
}
.colour-block .link-in-list, .colour-block--green .link-in-list, .colour-block--blue .link-in-list {
  bottom: 0;
  opacity: 1;
}
.colour-block .product-grid__item__link .cube, .colour-block--green .product-grid__item__link .cube, .colour-block--blue .product-grid__item__link .cube {
  background: transparent;
}
.colour-block .product-tile__faux-image, .colour-block--green .product-tile__faux-image, .colour-block--blue .product-tile__faux-image {
  z-index: -1;
  opacity: 0;
}
.colour-block--green {
  background: #28eaba;
}
.colour-block--blue {
  background: #6f9ce5;
}

.product-slider, .brand-slider,
.brand-slider {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.product-slider .cycle-slideshow, .brand-slider .cycle-slideshow,
.brand-slider .cycle-slideshow {
  width: 100%;
  z-index: 1;
}
.product-slider__slide,
.brand-slider__slide {
  width: 100%;
  height: 430px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -ms-behavior: url(/backgroundsize.min.htc);
}
.product-slider .next, .brand-slider .next,
.product-slider .prev,
.brand-slider .prev,
.brand-slider .next,
.brand-slider .prev {
  width: 60px;
  height: 60px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: -28px 0 0 0;
  z-index: 200;
  border: none;
}
.product-slider .next, .brand-slider .next,
.brand-slider .next {
  display: none;
  right: 30px;
}
.product-slider .next:after, .brand-slider .next:after,
.brand-slider .next:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  margin-top: 20px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-slider .next:hover:after, .brand-slider .next:hover:after,
.brand-slider .next:hover:after {
  border-color: #28eaba;
}
.product-slider .prev, .brand-slider .prev,
.brand-slider .prev {
  display: none;
  left: 30px;
}
.product-slider .prev:after, .brand-slider .prev:after,
.brand-slider .prev:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  margin-top: 20px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-slider .prev:hover:after, .brand-slider .prev:hover:after,
.brand-slider .prev:hover:after {
  border-color: #28eaba;
}
.product-slider .wrapper-outer, .brand-slider .wrapper-outer,
.brand-slider .wrapper-outer {
  position: relative;
  z-index: 200;
  margin: 0 60px;
  z-index: 5;
}
@media screen and (max-width: 638px) {
  .product-slider .wrapper-outer, .brand-slider .wrapper-outer,
  .brand-slider .wrapper-outer {
    margin: 0;
  }
}
.product-slider__info,
.brand-slider__info {
  width: 100%;
  min-height: 430px;
  background: #e8e8e8;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 40px 20px;
  text-align: left;
}
.product-slider__title,
.brand-slider__title {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: uppercase;
  color: #262626;
  border-bottom: 1px solid #c7c7c7;
}
.product-slider__pager,
.brand-slider__pager {
  position: absolute;
  display: inline-block;
  top: 30px;
  right: 30px;
}
.product-slider__pager span,
.brand-slider__pager span {
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  cursor: pointer;
}
.product-slider__pager .cycle-pager-active,
.brand-slider__pager .cycle-pager-active {
  color: #c7c7c7;
}
.product-slider__overlay h2,
.brand-slider__overlay h2 {
  color: #262626;
  font-size: 30px;
  font-size: 1.875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  line-height: 1.13;
  margin-bottom: 10px;
}
.product-slider__overlay p,
.brand-slider__overlay p {
  color: #262626;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'AvenirNextLTW01-Regular', helvetica;
  font-weight: normal;
  font-style: none;
  line-height: 1.5;
  margin: 0;
}

.brand-slider {
  margin-bottom: 50px;
}
.brand-slider__info {
  background: transparent;
  text-align: center;
  min-height: 540px;
  padding: 0;
}
.brand-slider__overlay {
  position: absolute;
  top: 50%;
  padding: 40px 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.brand-slider__overlay h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0;
}
.brand-slider__overlay p {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'AvenirNextLTW01-Regular', helvetica;
  font-weight: normal;
  font-style: none;
  line-height: 1.3;
}
.brand-slider__slide {
  min-height: 540px;
}

.calculator-slider-intro {
  text-align: center;
  padding: 0 20px 20px;
}
.calculator-slider-intro h3 {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
}

.calculator-slider {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  position: relative;
}
.calculator-slider .cycle-slideshow {
  width: 100%;
}
.calculator-slider__slide {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -ms-behavior: url(/backgroundsize.min.htc);
}
.calculator-slider__or {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  display: block;
  padding: 30px 0 24px;
}
@media screen and (max-width: 767px) {
  .calculator-slider__or {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 12px 0 14px;
  }
}
.calculator-slider .next,
.calculator-slider .prev {
  width: 60px;
  height: 60px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin: -28px 0 0 0;
  z-index: 200;
  border: none;
}
.calculator-slider .next {
  display: none;
  right: 30px;
}
.calculator-slider .next:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  right: 10px;
  margin-top: 15px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.calculator-slider .next:hover:after {
  border-color: #28eaba;
}
.calculator-slider .prev {
  display: none;
  left: 30px;
}
.calculator-slider .prev:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  margin-top: 15px;
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.calculator-slider .prev:hover:after {
  border-color: #28eaba;
}
.calculator-slider p {
  margin-bottom: 0;
}
.calculator-slider .wrapper-outer {
  position: relative;
  z-index: 105;
  *zoom: 1;
}
.calculator-slider .wrapper-outer:before, .calculator-slider .wrapper-outer:after {
  content: " ";
  display: table;
}
.calculator-slider .wrapper-outer:after {
  clear: both;
}
.calculator-slider__title {
  max-width: 660px;
  margin: 0 auto 45px auto;
  font-size: 18px;
  font-size: 1.125rem;
}
.calculator-slider__title span {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
@media screen and (max-width: 767px) {
  .calculator-slider__title {
    display: none;
  }
}
.calculator-slider__info {
  width: 100%;
  min-height: 430px;
  background: none;
  position: absolute;
  width: 100%;
  z-index: 10;
  padding: 80px 30px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .calculator-slider__info {
    padding: 20px 0 0;
  }
}
.calculator-slider__stats {
  color: #fff;
}
.calculator-slider__stats p {
  font-size: 21px;
  font-size: 1.3125rem;
  margin: 0;
}
.calculator-slider__stats h3 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  margin: 7px 0 0;
  line-height: 1;
}
.calculator-slider__stats h3 span {
  font-family: 'AvenirNextLTW01-Medium', helvetica;
  font-weight: normal;
  font-style: none;
}
@media screen and (max-width: 767px) {
  .calculator-slider__stats p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1;
  }
  .calculator-slider__stats h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 7px 0 4px;
  }
}
.calculator-slider__pager {
  position: absolute;
  display: inline-block;
  top: 30px;
  right: 30px;
}
.calculator-slider__pager span {
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  cursor: pointer;
}
.calculator-slider__pager .cycle-pager-active {
  color: #c7c7c7;
}

/*=======================================

    calculator

=======================================*/
.calculator-heading {
  text-align: center;
  margin: 40px 0 0;
}

.calculator-content--main {
  text-align: left;
}
.calculator-content--sidebar {
  text-align: left;
  padding: 30px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(237, 237, 237, 0.9)));
  background-image: -webkit-linear-gradient(bottom, transparent 0%, rgba(237, 237, 237, 0.9) 100%);
  background-image: linear-gradient(to top,transparent 0%, rgba(237, 237, 237, 0.9) 100%);
  margin: 0;
  height: 100%;
}
.calculator-content--sidebar__steps {
  border-top: 1px solid #c7c7c7;
  margin-bottom: 20px;
}
.calculator-content--sidebar__steps__title br {
  display: none;
}
.calculator-content--sidebar__steps__item {
  padding: 15px 0px 15px 50px;
  margin: 0 0 10px;
  border-bottom: 1px solid #c7c7c7;
  position: relative;
}
.calculator-content--sidebar__steps__item:nth-last-child(1) {
  border-bottom: 0;
}
.calculator-content--sidebar__steps__item__counter {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 28px;
  height: 28px;
  background: #008564;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.calculator-content--main__savings {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 25px;
  padding: 10px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.calculator-content--main__savings__item {
  display: inline-block;
  width: 45%;
  vertical-align: top;
  padding: 10px 0;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  position: relative;
}
.calculator-content--main__savings__item__inner {
  display: block;
  text-align: left;
}
.calculator-content--main__savings__item__inner div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 70px;
}
.calculator-content--main__savings__item img {
  display: block;
  max-width: 60px;
  float: left;
}
.calculator-content--main__savings__item--4 img {
  max-width: 45px;
  margin-left: 5px;
}

.calculator-wrapper {
  position: relative;
}
.calculator-wrapper iframe {
  max-height: 450px;
}
.calculator-wrapper--hidden iframe {
  max-height: none;
}

.calculator-overlay {
  background-color: #2e3433;
  min-height: 450px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 1;
  visibility: visible;
}
.calculator-overlay--hidden {
  opacity: 0;
  visibility: hidden;
}
.calculator-overlay h2 {
  margin-bottom: 10px;
  color: #28eaba;
  font-size: 28px;
  font-size: 1.75rem;
}
.calculator-overlay h3 {
  margin-bottom: 30px;
  color: #fff;
}

@keyframes show {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.modal--overlay__modal {
  animation: show 250ms linear;
  animation-fill-mode: forwards;
  width: 600px;
  max-width: 90%;
  height: 640px;
  max-height: 100%;
  position: fixed;
  z-index: 1999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ededed;
  border-radius: 5px;
}

.modal--closed {
  display: none;
}

.modal--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal--overlay__modal__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 40px 20px;
}

.modal--overlay__modal__button {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 20px;
  border: 0;
  background: black;
  color: white;
  padding: 5px 10px;
}

.modal__close {
  width: 30px;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -8px;
  padding: 1px 0 1px;
  margin-left: 8px;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.modal__close .modal__close-inner {
  text-indent: -9999px;
}
.modal__close:before, .modal__close:after,
.modal__close .modal__close-inner {
  background: #000;
  border-radius: 3px;
  content: '';
  display: block;
  width: 29px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.modal__close:before {
  -webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
  -moz-transform: rotate(45deg) translateX(5px) translateY(5px);
  -ms-transform: rotate(45deg) translateX(5px) translateY(5px);
  -o-transform: rotate(45deg) translateX(5px) translateY(5px);
  transform: rotate(45deg) translateX(5px) translateY(5px);
}
.modal__close .modal__close-inner {
  opacity: 0;
}
.modal__close:after {
  -webkit-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -moz-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -ms-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  -o-transform: rotate(-45deg) translateX(7px) translateY(-6px);
  transform: rotate(-45deg) translateX(7px) translateY(-6px);
}

/*=======================================

    contact

=======================================*/
.contact-intro {
  list-style: none;
  margin: 0;
  padding: 40px 0 0 0;
  *zoom: 1;
}
.contact-intro:before, .contact-intro:after {
  content: " ";
  display: table;
}
.contact-intro:after {
  clear: both;
}
.contact-intro__item {
  position: relative;
  padding: 0 5px 0 80px;
  margin: 0 0 20px;
}
.contact-intro__item__title {
  margin: 0;
  line-height: 1;
  font-size: 24px;
  font-size: 1.5rem;
}
.contact-intro__item__text {
  margin: 0;
}
.contact-intro__item__text a {
  color: #1a1d1c;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  word-break: break-word;
}
.contact-intro__item__link {
  position: absolute;
  width: 63px;
  height: 63px;
  background-image: url("/_assets/img/sprite.png");
  background-image: url("/_assets/img/sprite.svg"), none;
}
.contact-intro__item__link--small {
  width: 35px;
  height: 35px;
}
.contact-intro__item__link--small:before {
  opacity: 1;
}
.contact-intro__item__link--small:hover:before {
  opacity: 0.75;
}
.contact-intro__item__link:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: -1;
  border-radius: 50%;
  background: #0ead86;
}
.contact-intro__item__link--email {
  left: 0;
  top: -8px;
  background-position: 15px -69px;
}
.contact-intro__item__link--call {
  left: 0;
  top: -8px;
  background-position: 22px -140px;
}
.contact-intro__item__link--twitter {
  top: -8px;
  left: -2px;
  background-position: -55px -212px;
}
.contact-intro__item__link--linkdin {
  top: -8px;
  left: 29px;
  background-position: 11px -211px;
}
.contact-intro__item__link--instagram {
  top: 22px;
  left: -2px;
  background-position: -85px -212px;
}
.contact-intro__item__link--youtube {
  top: 22px;
  left: 29px;
  background-position: -22px -212px;
}
.contact-intro__item a {
  border: none;
}

.push {
  display: none;
}

/*=======================================

    enquiry form

=======================================*/
.standard-form {
  text-align: center;
  float: left;
  width: 100%;
  *zoom: 1;
  padding: 0 0 40px;
}
.standard-form input[name=oubliette] {
  display: none;
}
.standard-form:before, .standard-form:after {
  content: " ";
  display: table;
}
.standard-form:after {
  clear: both;
}
.standard-form__row {
  float: left;
  width: 100%;
  position: relative;
}
.standard-form__col {
  margin: 0 0 20px;
}
.standard-form__col:first-of-type {
  margin-bottom: 0;
}
.standard-form__item {
  position: relative;
}
.standard-form__input, .standard-form__textarea {
  -webkit-transition: box-shadow 300ms ease-in-out;
  -moz-transition: box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out;
}
.standard-form__input:focus, .standard-form__textarea:focus {
  -moz-box-shadow: inset 0 0 0 3px #28eaba;
  -webkit-box-shadow: inset 0 0 0 3px #28eaba;
  box-shadow: inset 0 0 0 3px #28eaba;
}
.standard-form__input.error, .standard-form__textarea.error {
  -moz-box-shadow: inset 0 0 0 3px #008564;
  -webkit-box-shadow: inset 0 0 0 3px #008564;
  box-shadow: inset 0 0 0 3px #008564;
}
.standard-form label.error {
  display: none;
  position: absolute;
  background: #28eaba;
  padding: 10px 20px;
  top: 57px;
  left: 0;
  z-index: 20;
}
.standard-form label.error:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 30px;
  margin: -10px 0 0 0px;
  border-width: 0px 15px 10px 15px;
  border-style: solid;
  border-color: #28eaba transparent;
}
.standard-form__input {
  width: 100%;
  border: none;
  padding: 12px 10px;
  outline: none;
}
.standard-form__input:first-of-type {
  margin-bottom: 25px;
}
.standard-form__textarea {
  width: 100%;
  border: none;
  min-height: 117px;
  padding: 12px 10px;
  outline: none;
}
.standard-form__textarea:first-of-type {
  margin-bottom: 25px;
}
.standard-form--order {
  text-align: left;
}
.standard-form--order__input {
  background: #ededed;
  position: relative;
}
.standard-form--order__textarea {
  background: #ededed;
}
.standard-form--order .button, .standard-form--order .sweet-alert button, .sweet-alert .standard-form--order button {
  float: right;
}

.enquiry-form__col span {
  margin-right: 20px;
}
.enquiry-form__col button {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  margin: 25px 0;
}

*::-webkit-input-placeholder {
  color: #666666;
}

*:-moz-placeholder {
  /* FF 4-18 */
  color: #666666;
}

*::-moz-placeholder {
  /* FF 19+ */
  color: #666666;
}

*:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
}

/*=======================================

    map section

=======================================*/
.map-section {
  text-align: center;
  padding: 40px 0;
}
.map-section__title {
  margin: 0 0 20px;
}
.map-section__map {
  width: 100%;
  height: 255px;
  margin: 0 0 25px;
  font-size: 16px;
  font-size: 1rem;
/* border: 1px solid red */
}
.map-section__address {
  margin: 0;
}

/*=======================================

    media grid

=======================================*/
/*

.animate-in {
    .title {
        @include font-size(24);
        position:relative;
        top:20px;
        @include transition(all .3s ease);

    }

    .byline {
        position:relative;
        top:0;
        @include transition(all .3s ease);
    }

    .link {
        position:relative;
        bottom:0;
        opacity:0;
        display:inline-block;
        border-bottom: 2px solid #0ead86;

        @include transition(all .3s ease);
    }

    ul {
        opacity:0;
        bottom:0;
        margin:0;
        padding:0;
        position:relative;
        @include transition(all .3s ease);

        li {
            list-style-type:none;
        }
    }

    .link-in-list {
        bottom:0;
        opacity:1;
        color:$black;
        display:inline-block;
        border-bottom: 2px solid #0ead86;
    }

    &:hover {
        .title {
            top:-5px;
        }

        .byline {
            top:-15px;
        }

        .link {
            bottom:-15px;
            opacity:1;
        }

        ul {
            bottom:-15px;
            opacity:1;
        }

        .link-in-list {
            bottom:0;
            opacity:1;
        }
    }
}

*/
.come-in {
  -webkit-transform: translateY(150px);
  -moz-transform: translateY(150px);
  -ms-transform: translateY(150px);
  -o-transform: translateY(150px);
  transform: translateY(150px);
  -webkit-animation: come-in 0.8s ease forwards;
  -moz-animation: come-in 0.8s ease forwards;
  animation: come-in 0.8s ease forwards;
}
.touch .come-in, .lt-ie10 .come-in {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}

.come-in:nth-child(odd) {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

.already-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

@-webkit-keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes come-in {
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.paper-finder-block {
  margin-top: 30px;
}

.grid.showcase-grid--home {
  margin: 0;
}

.final-grid,
.product-grid,
.showcase-grid,
.brand-grid {
  max-width: 1400px;
  margin: 0 auto 40px;
  padding: 0;
  text-align: center;
}
.final-grid--no-borders .grid-item,
.product-grid--no-borders .grid-item,
.showcase-grid--no-borders .grid-item,
.brand-grid--no-borders .grid-item {
  border: none;
}
.final-grid--full,
.product-grid--full,
.showcase-grid--full,
.brand-grid--full {
  max-width: 100%;
  padding: 0 20px;
}
.final-grid ul,
.product-grid ul,
.showcase-grid ul,
.brand-grid ul {
  *zoom: 1;
  padding: 0;
}
.final-grid ul:before, .final-grid ul:after,
.product-grid ul:before,
.product-grid ul:after,
.showcase-grid ul:before,
.showcase-grid ul:after,
.brand-grid ul:before,
.brand-grid ul:after {
  content: " ";
  display: table;
}
.final-grid ul:after,
.product-grid ul:after,
.showcase-grid ul:after,
.brand-grid ul:after {
  clear: both;
}
.final-grid ul + ul,
.product-grid ul + ul,
.showcase-grid ul + ul,
.brand-grid ul + ul {
  margin: -1em 0 1em;
}

.grid-item {
  width: 100%;
  position: relative;
  list-style-type: none;
  float: left;
  display: inline-block;
  overflow: hidden;
}
.grid-item--33 {
  width: 100%;
}
.grid-item--50 {
  width: 100%;
}
.grid-item--100 {
  width: 100%;
}

.grid-item__link {
  position: relative;
  border: none;
  display: block;
  overflow: hidden;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  text-align: center;
  background-color: #28eaba;
  color: #262626;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .grid-item__link {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
.grid-item__link .background {
  background-size: cover;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
  width: 0%;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-behavior: url(/backgroundsize.min.htc);
}
.grid-item__link ul {
  margin: 20px 0 0 0;
  list-style-type: none;
}
.grid-item__link ul li {
  padding-bottom: 0;
}

.video-wrapper {
  clear: both;
  margin: 0 0 20px;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.touch .video-wrapper .video-wrapper__inner {
  opacity: 0;
}
.video-wrapper:hover .pause-button {
  opacity: 0.8 !important;
}
.video-wrapper:hover .play-button, .video-wrapper:hover .pause-button {
  opacity: 1;
}
.video-wrapper img {
  position: relative;
  z-index: 1;
}
.js .video-wrapper img {
  cursor: pointer;
  margin-bottom: 0;
}
.video-wrapper iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.touch .video-wrapper iframe {
  height: 100%;
  z-index: 15;
}
.video-wrapper iframe#player1 {
  top: 50%;
  bottom: 0;
  height: 200%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.touch .video-wrapper iframe#player1 {
  top: 0;
  height: 100%;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.video-wrapper .play-button, .video-wrapper .pause-button {
  width: 100px;
  height: 100px;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  border-radius: 100px;
  background-color: #28eaba;
  text-indent: -9999px;
  z-index: 10;
  border: none;
  opacity: 0.8;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.video-wrapper .play-button:before, .video-wrapper .pause-button:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-right: 8px solid #FFF;
  border-top: 8px solid #FFF;
  border-left: 0 solid #28eaba;
  border-bottom: 0 solid #28eaba;
  top: 50%;
  left: calc(50% - 5px);
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  -o-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.video-wrapper .play-button:hover, .video-wrapper .pause-button:hover {
  opacity: 1;
}
.video-wrapper .pause-button {
  opacity: 0;
  z-index: 2;
}
.video-wrapper .pause-button:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 32px;
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
  border-left: 8px solid #fff;
  border-right: 8px solid #fff;
  top: 50%;
  left: 50%;
  display: block;
  opacity: 1;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.colour-block, .colour-block--green, .colour-block--blue {
  position: relative;
  border: none;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: #28eaba;
}
.colour-block.bg-blue, .bg-blue.colour-block--green, .bg-blue.colour-block--blue {
  opacity: 1;
  background: #6f9ce5;
}
.colour-block .title, .colour-block--green .title, .colour-block--blue .title {
  color: #fff;
  top: 0;
  margin: 5px;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.colour-block .byline, .colour-block--green .byline, .colour-block--blue .byline {
  color: #1a1d1c;
}
.colour-block .background, .colour-block--green .background, .colour-block--blue .background {
  background-size: cover;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  margin: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-behavior: url(/backgroundsize.min.htc);
}

.ratio-1-1 .grid-item__link {
  position: absolute;
}
.ratio-1-1 .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ratio-1-1:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ratio-2-1 .grid-item__link {
  position: absolute;
}
.ratio-2-1 .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ratio-2-1:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ratio-3-2 .grid-item__link {
  position: absolute;
}
.ratio-3-2 .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ratio-3-2:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.mill-grid {
  margin: 0;
  padding: 0;
}
.mill-grid li {
  list-style-type: none;
}
.mill-grid .title {
  color: #fff;
}

/*=======================================

     specific section styling

=======================================*/
.text-block {
  max-width: 680px;
  display: inline-block;
}

/*=======================================

     specific section styling

=======================================*/
.process-tabs {
  width: 100%;
  min-height: 300px;
  background: #ebebeb;
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.process-tabs iframe {
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
  z-index: 1;
}
.process-tabs .video-overlay {
  z-index: -5;
  opacity: 0;
}
.process-tabs__tab-wrapper {
  background: #ebebeb;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.process-tabs__tab {
  width: 100%;
}
.process-tabs__tab .video {
  width: 100%;
}
.process-tabs__tab .text {
  width: inherit;
  padding: 30px 0 30px;
  overflow: hidden;
  text-align: center;
}
.process-tabs__tab p {
  display: inline-block;
  width: 90%;
}
.process-tabs__nav {
  margin: 20px 0;
  padding: 0 30px 0;
  background: #ebebeb;
  display: inline-block;
  *zoom: 1;
  position: relative;
}
.process-tabs__nav:before, .process-tabs__nav:after {
  content: " ";
  display: table;
}
.process-tabs__nav:after {
  clear: both;
}
.process-tabs__nav__previous, .process-tabs__nav__next {
  width: 15px;
  height: 15px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin: -7px;
}
.process-tabs__nav__previous a, .process-tabs__nav__next a {
  display: block;
  text-indent: -999px;
  width: 15px;
  height: 15px;
  border-top: 5px solid #28eaba;
  border-right: 5px solid #28eaba;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.process-tabs__nav__previous a:hover, .process-tabs__nav__next a:hover {
  border-color: rgba(40, 234, 186, 0.5);
  border-color: rgba(40, 234, 186, 0.5);
}
.process-tabs__nav__previous {
  display: inline-block;
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.process-tabs__nav__next {
  display: inline-block;
  right: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.process-tabs__nav__list {
  width: 90%;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.process-tabs__nav__list li {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  border-right: 1px solid #999999;
}
.process-tabs__nav__list li a {
  display: block;
  text-decoration: none;
  color: #333333;
  border: none;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}

/* ==========================================================================================


    homepage


 ========================================================================================== */
.home .page-wrapper .page {
  border-top: 15px solid #28eaba;
}

.homepage__finder-cta {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  border-bottom: 10px solid #ededed;
  padding: 25px 0 25px;
}
.homepage__finder-cta p {
  margin: 0 45px 0;
}
.homepage__finder-cta .wrapper {
  position: relative;
}
.homepage__next, .homepage__prev {
  position: absolute;
  width: 33px;
  height: 33px;
  z-index: 70;
  cursor: pointer;
  top: 0;
  margin: 0 0 -16px;
  border-top: 6px solid black;
  border-right: 6px solid black;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
}
.homepage__next:hover, .homepage__prev:hover {
  border-color: #28eaba;
}
.homepage__next {
  background-position: 0px -529px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 200px) {
  .homepage__next {
    border-color: #2f3433;
    right: 20px;
    bottom: -48px;
    margin: 0;
  }
}
@media screen and (min-width: 1080px) {
  .homepage__next {
    right: 0%;
  }
}
@media screen and (min-width: 1180px) {
  .homepage__next {
    right: -10%;
    top: -175px;
  }
}
.homepage__prev {
  background-position: 0px -616px;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media screen and (min-width: 200px) {
  .homepage__prev {
    border-color: #2f3433;
    left: 20px;
    bottom: -48px;
    margin: 0;
  }
}
@media screen and (min-width: 1080px) {
  .homepage__prev {
    left: 0%;
  }
}
@media screen and (min-width: 1180px) {
  .homepage__prev {
    left: -10%;
    top: -175px;
  }
}

/* ==========================================================================================


    Our Paper


 ========================================================================================== */
.paper-filter {
  *zoom: 1;
  padding-top: 1.5em;
}
.paper-filter:before, .paper-filter:after {
  content: " ";
  display: table;
}
.paper-filter:after {
  clear: both;
}
.paper-filter .accordion__link.active .paper-filter__link:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.paper-filter__title {
  width: 100%;
  background: #ededed;
  padding: 30px;
  margin: 0;
  *zoom: 1;
}
.paper-filter__title:before, .paper-filter__title:after {
  content: " ";
  display: table;
}
.paper-filter__title:after {
  clear: both;
}
.paper-filter__title p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.paper-filter__intro {
  display: none;
  width: 60%;
  text-align: left;
}
.paper-filter__link {
  float: right;
  text-align: right;
  cursor: pointer;
  position: relative;
  padding: 0 30px 0 0;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
@media screen and (max-width: 480px) {
  .paper-filter__link {
    float: left;
    text-align: left;
  }
}
.paper-filter__link:after {
  content: '';
  width: 21px;
  height: 13px;
  background-image: url(/_assets/img/sprite.png);
  background-image: url(/_assets/img/sprite.svg), none;
  background-position: 0px -408px;
  background-repeat: no-repeat;
  position: absolute;
  right: -5px;
  top: 8px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.paper-filter__link .active .paper-filter__link:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.paper-filter__content {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0;
  display: inline-block;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
.paper-filter__content.visible {
  max-height: 2000px;
}
.paper-filter--results {
  background: #28eaba;
  padding: 20px 30px 20px 70px;
  margin-bottom: 0;
  position: relative;
}
.paper-filter--results:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 32px;
  position: absolute;
  left: 30px;
  z-index: 1;
  background: url(/_assets/img/icons/untitled.svg) 0 0 no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.paper-filter__form {
  background: #ededed;
  padding: 20px;
}
.paper-filter__form__row {
  width: 100%;
  *zoom: 1;
  margin: 0 0 0px;
}
.paper-filter__form__row:before, .paper-filter__form__row:after {
  content: " ";
  display: table;
}
.paper-filter__form__row:after {
  clear: both;
}
.paper-filter__form__col {
  margin: 0 0 20px;
}
.paper-filter__form__col01, .paper-filter__form__col02, .paper-filter__form__col03 {
  width: 100%;
}
.paper-filter__form__col01 {
  float: left;
}
.paper-filter__form__col02 {
  float: left;
}
.paper-filter__form__col03 {
  float: left;
}
.paper-filter__form__title {
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 0 0;
}
.paper-filter__form__title:after {
  content: '';
  width: 12px;
  height: 7px;
  background-image: url(/_assets/img/sprite.png);
  background-image: url(/_assets/img/sprite.svg), none;
  background-position: 0px -441px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 0 0 10px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.paper-filter__form__title.active:after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.paper-filter__form__title.no-arrow:after {
  display: none;
}

html:not(.lt-ie9) input[type='radio'] {
  /* Hide the input, but have it still be clickable */
  opacity: 0;
  float: left;
  width: 18px;
  position: absolute;
}

html:not(.lt-ie9) input[type='radio'] + label {
  margin: 0;
  clear: none;
  /* Left padding makes room for image */
  padding: 5px 0 4px 24px;
  /* Make look clickable because they are */
  cursor: pointer;
  background: url(/_assets/img/radio-off.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
html:not(.lt-ie9) input[type='radio']:checked + label {
  background-image: url(/_assets/img/radio-on.png);
  cursor: pointer;
}

.input-wrapper {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
  transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
}
.input-wrapper.visible {
  max-height: 2000px;
  padding: 20px 0 0;
}

.checkbox-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
  transition: max-height 300ms ease-in-out, padding 300ms ease-in-out;
}
.checkbox-wrapper.visible {
  max-height: 2000px;
  padding: 20px 0 0;
}
.checkbox-wrapper__item {
  float: left;
  width: 100%;
  max-width: 280px;
  margin: 0 0 10px;
  padding: 0 5px 0 27px;
  position: relative;
}
.checkbox-wrapper__item input[type=checkbox] {
  font-size: 24px;
}
.checkbox-wrapper__item.full-width {
  max-width: 100%;
}
.checkbox-wrapper__item a.checkbox {
  width: 18px;
  height: 18px;
  margin: 0;
  display: inline-block;
  background: #c7c7c7;
  text-indent: -99999px;
  overflow: hidden;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox-wrapper__item a.active {
  background: #1abc9c;
}
.checkbox-wrapper__item a.active:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 11px;
  height: 9px;
  background-image: url(/_assets/img/sprite.png);
  background-image: url(/_assets/img/sprite.svg), none;
  background-position: 0px -359px;
}
.checkbox-wrapper__item label {
  cursor: pointer;
  vertical-align: top;
}
@media screen and (min-width: 954px) {
  .checkbox-wrapper__item label {
    font-size: 16px;
    font-size: 1rem;
  }
}

.standard-form .checkbox-wrapper__item {
  width: auto;
  float: none;
  margin: 0 auto 10px;
  display: inline-block;
  max-width: none;
}

.range-label {
  list-style: none;
  margin: 20px 0 0 -1%;
  width: 101.5%;
  padding: 0;
}
.range-label li {
  width: 9.09%;
  width: calc(100% / 11);
  float: left;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
}
.range-label li:first-of-type {
  padding: 0;
}
.range-label li:last-of-type {
  padding: 0;
}

.rangeslider,
.rangeslider__fill {
  background: #fff;
  display: block;
  height: 15px;
  width: 100%;
  border-radius: 10px;
}

.rangeslider {
  position: relative;
  margin: 25px 0 0;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #c7c7c7;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  background: #0ead86;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  border-radius: 50%;
}

.rangeslider__handle:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear, false, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12);
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/*=======================================

     footer

=======================================*/
.footer.home {
  margin: 0;
}
.footer.home .wrapper-outer:before {
  display: none;
}

.footer {
  background-color: #2e3433;
  color: #fefefe;
  text-align: center;
  padding: 30px 0 50px;
  margin: 0;
}
.footer .wrapper-outer {
  position: relative;
}
.footer .wrapper-outer:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 10px;
  left: 0;
  top: -40px;
  position: absolute;
  background: #28eaba;
  
}
.footer .footer-list {
  width: 100%;
  margin: 0;
  padding: 0;
}
.footer .footer-list li {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
}
.footer .footer-list li a {
  text-decoration: none;
}
.footer .footer-list li:last-of-type:after {
  display: none;
}
.footer .footer-links {
  margin-bottom: 20px;
  border-bottom: 1px solid #555958;
  /* margin-left: -0px; */
}
.footer .footer-legal {
  float: right;
}
.footer-legal li{
  font-size: 14px;
  padding-left: 1px;
}


@media screen and (max-width: 953px) {
  header.fixed {
    padding: 0 0 60px;
    z-index: inherit;
  }
  header.fixed .search-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
  }
  header.fixed .menu-button-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50;
  }
}
@media screen and (max-width: 480px) {
  .navigation-wrapper {
    width: 100%;
  }

  .navigation-links {
    width: 100%;
  }
  .navigation-links li {
    width: 50%;
    float: left;
    display: table-cell;
    vertical-align: top;
  }
  .navigation-links li:nth-of-type(2n+1) {
    border-right: 1px solid #0ec89a;
    clear: both;
  }
  .navigation-links a span {
    display: none;
  }

  .basket p {
    margin: 0;
    padding: 0 10px;
    text-align: center;
  }
  .basket span {
    top: 2px;
    position: relative;
  }

  .menu-close {
    height: 85px;
    float: right;
    width: 50%;
  }
}
@media screen and (min-width: 790px) {
  .paper-filter__intro {
    display: inline-block;
  }
  .paper-filter__form__row {
    margin: 0 0 30px 0;
  }
  .paper-filter__form__col {
    margin: 0 0 0px;
  }
  .paper-filter__form__col01 {
    float: left;
    width: 32.183908%;
  }
  .paper-filter__form__col02 {
    float: left;
    width: 22.9885057%;
  }
  .paper-filter__form__col03 {
    float: left;
    width: 44.8275862%;
  }
  .paper-filter__form__title {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 10px 0;
  }
  .paper-filter__form__title:after {
    display: none;
  }

  .checkbox-wrapper {
    height: auto;
    max-height: 100%;
  }
  .checkbox-wrapper--two-colums li {
    width: 50%;
    float: left;
  }
  .checkbox-wrapper--two-colums li:nth-child(odd) {
    clear: left;
  }
  .checkbox-wrapper__item {
    float: left;
    width: 100%;
    max-width: 280px;
    margin: 0 0 10px;
    padding: 0 5px 0 27px;
    position: relative;
  }
  .checkbox-wrapper__item input[type=checkbox] {
    font-size: 24px;
  }
  .checkbox-wrapper__item a.checkbox {
    width: 18px;
    height: 18px;
    margin: 0;
    display: inline-block;
    background: #c7c7c7;
    text-indent: -99999px;
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .checkbox-wrapper__item a.active {
    background: #1abc9c;
  }
  .checkbox-wrapper__item a.active:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 11px;
    height: 9px;
    background-image: url(/_assets/img/sprite.png);
    background-image: url(/_assets/img/sprite.svg), none;
    background-position: 0px -359px;
  }
  .checkbox-wrapper__item label {
    cursor: pointer;
    vertical-align: top;
  }
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bxslider {
  margin: 0;
  padding: 0;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 0px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.panel__content ul.bxslider {
  margin: 0;
}

.panel__content h3 {
  margin-bottom: .5em;
}

.panel__content ul + h3,
.panel__content ol + h3,
.panel__content p + h3 {
  padding-top: 10px;
  display: block;
  margin-bottom: .5em;
}

.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */
.grid-item--100.papers-loading {
  height: 50px;
  margin-bottom: 60px;
  display: none;
  background: url(/_assets/img/bx_loader.gif) center center no-repeat;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: #ebebeb url(/_assets/img/bx_loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* EXCEPTIONS */
@media screen and (max-width: 1280px) {
  .product-grid ul {
    padding: 0;
  }
  .product-grid__item__link .tweet .title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
/* FLEX SLIDER */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 20px;
  background: #ebebeb;
  position: relative;
  zoom: 1;
}
.flexslider h1 {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 0 10px;
}
@media screen and (max-width: 480px) {
  .flexslider h1 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}
.flexslider p {
  padding: 0 20px;
  font-size: 16px;
  font-size: 1rem;
}
.flexslider p:first-of-type {
  font-size: 16px;
  font-size: 1rem;
}

.flex-viewport {
  overflow: hidden;
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

#slider .slides {
  margin: 0;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
  margin: 0 !important;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 33.333%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  border: none;
}

.flex-direction-nav .flex-prev {
  left: -50px;
  border-top: 6px solid #28eaba;
  border-left: 6px solid #28eaba;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 25px;
  height: 25px;
  display: block;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
  border-top: 6px solid #28eaba;
  border-right: 6px solid #28eaba;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25px;
  height: 25px;
  display: block;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 15px;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 15px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  border-top: 3px solid #0ead86;
  border-left: 3px solid #0ead86;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
  cursor: pointer;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

#carousel .flex-viewport {
  margin: 0 50px;
}
#carousel .slides {
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  padding-bottom: 20px;
  margin-left: 0;
}
#carousel .slides:last-of-type {
  border: none;
}
#carousel .slides .flex-active-slide {
  color: #0ead86;
}
#carousel .slides li {
  cursor: pointer;
}
#carousel .slides li:hover {
  color: #0ead86;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.grid {
  overflow: hidden;
  width: 100%;
  list-style: none;
  text-align: center;
}
.grid h1 {
  text-align: left;
}

.showcase-grid figure.effect-home,
.showcase-grid figure.effect-none {
  background: #262626;
}
.showcase-grid figure.effect-home h2,
.showcase-grid figure.effect-none h2 {
  opacity: 0;
}
.showcase-grid figure.effect-home h2.white,
.showcase-grid figure.effect-none h2.white {
  color: #fff;
}
.showcase-grid figure.effect-home:hover .background,
.showcase-grid figure.effect-none .background {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.showcase-grid figure.effect-home figcaption::before,
.showcase-grid figure.effect-none figcaption::before {
  background-color: rgba(38, 38, 38, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(100%, rgba(38, 38, 38, 0.9)));
  background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3) 0%, rgba(38, 38, 38, 0.9) 100%);
  background-image: linear-gradient(to bottom,rgba(38, 38, 38, 0.3) 0%, rgba(38, 38, 38, 0.9) 100%);
}

.mobile-link {
  display: block;
}

/* Common style */
.grid figure {
  position: relative;
  z-index: 1;
  overflow: hidden;
  /* background: #ffffff; */
  text-align: center;
}
.grid figure .js {
  cursor: pointer;
}
.grid figure div.background {
  background-size: cover;
  -ms-behavior: url(/backgroundsize.min.htc);
}
.grid figure div.background img {
  display: none;
}

.grid figure img {
  position: relative;
  display: block;
  opacity: 1;
}
.grid figure img.background {
  width: 100%;
  margin: 0;
  background-size: cover;
  -ms-behavior: url(/backgroundsize.min.htc);
  z-index: -1;
}
.grid figure img.brand-img {
  max-width: 90px;
  height: auto;
  position: absolute;
  bottom: 20px;
  right: 17px;
  min-height: 0px;
  z-index: 0;
  -webkit-transition: opacity 0.35s ease;
  -moz-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.grid figure figcaption {
  padding: 1em;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid .showcase-submit {
  text-align: center;
  background-color: #ededed;
  padding: 15px 20px;
  margin: 0 0 3em;
}
.grid .showcase-submit__intro {
  display: block;
  width: 100%;
  text-align: center;
}
.grid .showcase-submit__intro span {
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.grid .showcase-submit__link {
  float: none;
  text-align: right;
  cursor: pointer;
  position: relative;
  padding: 10px 30px 10px 30px;
  margin: 10px 0 0 0;
}
.grid .showcase-submit p {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1.9;
}
.grid .showcase-submit:before, .grid .showcase-submit:after {
  content: " ";
  display: table;
}
.grid .showcase-submit:after {
  clear: both;
}
.grid .showcase-effect {
  margin-bottom: 50px;
}
.grid .showcase-effect figure {
  text-align: left;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.grid .showcase-effect figure:hover .background {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.grid .showcase-effect figure figcaption {
  background-color: #2e3433;
  padding: 1.5em;
  width: 100%;
  position: absolute;
  height: auto;
  top: auto;
  bottom: 0;
  cursor: default;
}
.grid .showcase-effect figure figcaption .showcase-title {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  text-transform: uppercase;
  border-bottom: 1px solid #c7c7c7;
}
.grid .showcase-effect figure figcaption .content-box {
  height: 100%;
  position: relative;
}
.grid .showcase-effect figure figcaption h2 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 20px 0;
}
.grid .showcase-effect figure figcaption .byline {
  margin-bottom: 20px;
}
.grid .showcase-effect figure figcaption .byline p {
  font-size: 18px;
  font-size: 1.125rem;
}
.grid .showcase-effect figure figcaption .byline span {
  margin: 0 0 20px 0;
}
.grid .showcase-effect figure figcaption .byline-meta {
  position: relative;
}
.grid .showcase-effect figure figcaption .byline-meta ul li {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
}
.grid .showcase-effect figure figcaption .byline-meta__paper a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'AvenirNextLTW01-Regular', helvetica;
  font-weight: normal;
  font-style: none;
  border-color: #28eaba;
}
.grid .showcase-effect figure figcaption .byline-meta__paper a:hover {
  color: #28eaba;
}
.grid .showcase-effect figure figcaption a.button--view-slides {
  background-color: #5c6262;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 11px 15px 10px;
  border-radius: 7px;
  cursor: pointer;
}
.grid-read-more{
  background-color: #5c6262;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 11px 15px 10px;
  border-radius: 7px;
  cursor: pointer;
}
.grid .showcase-effect.grid-item--even figcaption {
  right: auto;
  left: 0;
}

.brand-grid figure figcaption:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: -2;
  border-left: 30px solid transparent;
  border-right: 184px solid #2f3433;
  border-top: 120px solid transparent;
  -webkit-transition: opacity 0.35s ease;
  -moz-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.brand-grid figure figcaption.static {
  background: #00eabb;
  position: absolute;
}
.brand-grid figure figcaption.static h2 {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.brand-grid figure figcaption.static a.read-more {
  display: none;
}

.brand-grid.no-brand-logos {
  margin-bottom: 0;
}

.brand-grid.no-brand-logos figure figcaption:after {
  content: "";
  border: none;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.grid figure figcaption h2, .grid figure figcaption p {
  z-index: 2;
}

.grid figure figcaption a:link, .grid figure figcaption a:visited {
  color: white;
  text-decoration: none;
  border-color: white;
  border-color: rgba(255, 255, 255, 0.5);
  opacity: 0.8;
  transition: opacity 300ms ease-out;
}
.grid figure figcaption a:link:hover, .grid figure figcaption a:link:focus, .grid figure figcaption a:link:active, .grid figure figcaption a:visited:hover, .grid figure figcaption a:visited:focus, .grid figure figcaption a:visited:active {
  opacity: 1;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption a.read_more:link,
.grid figure figcaption a.read_more:visited {
  z-index: 100;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure a.link-in-list {
  text-indent: normal;
  white-space: normal;
  opacity: 1;
  display: inline;
  position: relative;
  text-indent: 0;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.grid figure a.link-in-list:hover {
  color: #008564;
}

.grid figure h2 {
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  font-size: 68.5%;
}
.grid figure p.byline {
  font-size: 100%;
}

/*---------------*/
/***** EFFECT HOME *****/
/*---------------*/
figure.effect-home figcaption::before,
figure.effect-none figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(14, 173, 134, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(14, 173, 134, 0.3)), color-stop(100%, rgba(14, 173, 134, 0.9)));
  background-image: -webkit-linear-gradient(top, rgba(14, 173, 134, 0.3) 0%, rgba(14, 173, 134, 0.9) 100%);
  background-image: linear-gradient(to bottom,rgba(14, 173, 134, 0.3) 0%, rgba(14, 173, 134, 0.9) 100%);
  content: '';
  opacity: 0;
}

/* NEWS EFFECTS */
figure.effect-home.effect-news {
  background: #262626;
}
figure.effect-home.effect-news .background {
  opacity: 0.5;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

/* INSTAGRAM EFFECTS */
figure.effect-home.effect-instagram {
  background: #262626;
}
figure.effect-home.effect-instagram .background {
  opacity: 0.5;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-home.effect-instagram figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(100%, rgba(38, 38, 38, 0.9)));
  background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3) 0%, rgba(38, 38, 38, 0.9) 100%);
  background-image: linear-gradient(to bottom,rgba(38, 38, 38, 0.3) 0%, rgba(38, 38, 38, 0.9) 100%);
  content: '';
  opacity: 0;
}

figure.effect-none figcaption::before {
  opacity: 1;
  background: #0ead86;
}

figure.bg-blue figcaption::before {
  background: #6f9ce5;
}

figure.effect-none h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 5px;
}
figure.effect-none h3.white {
  color: #fff;
}

figure.effect-none .header--paper-finder {
  margin-bottom: 15px;
}

figure.effect-none p {
  font-size: 16px;
  font-size: 1rem;
}

figure.effect-home .content-box,
figure.effect-none .content-box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
figure.effect-home .content-box h2,
figure.effect-none .content-box h2 {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
figure.effect-home .content-box .byline,
figure.effect-none .content-box .byline {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding-left: 0;
  padding-right: 0;
}
figure.effect-home .content-box .subject,
figure.effect-none .content-box .subject {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: 'Avenir Next W04 Demi', helvetica;
  font-weight: normal;
  font-style: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
figure.effect-home .content-box ul,
figure.effect-none .content-box ul {
  position: relative;
  padding: 0 1em;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

figure.effect-none .content-box h2 {
  position: relative;
  opacity: 1;
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  -o-transform: translateY(-20%);
  transform: translateY(-20%);
}
figure.effect-none .content-box h2.white {
  color: #fff;
}
figure.effect-none .content-box .byline {
  position: relative;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
figure.effect-none .content-box .subject {
  position: relative;
  opacity: 0;
}
figure.effect-none .content-box ul {
  position: relative;
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}

.touch .byline {
  display: none;
}

.touch .showcase-grid .byline {
  display: block;
  padding-bottom: 0;
}

figure.effect-home h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  color: #fff;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
figure.effect-home h2.white {
  color: #fff;
}
.brand-grid figure.effect-home h2 {
  color: #1a1d1c;
}

figure.effect-home figcaption::before {
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-home figcaption {
  z-index: 2;
}

figure.effect-home p,
figure.effect-home ul {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2em 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

figure.effect-home .byline ul,
figure.effect-none .byline ul {
  position: relative;
  text-align: center;
  left: auto;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3666;
}

figure.effect-home .byline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3666;
  position: absolute;
  bottom: 50%;
  opacity: 0;
  padding: 0 40px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: translateY(70%);
  -moz-transform: translateY(70%);
  -ms-transform: translateY(70%);
  -o-transform: translateY(70%);
  transform: translateY(70%);
}

figure.effect-home .effect-home__link {
  z-index: 0;
  font-size: 16px;
  font-size: 1rem;
}
figure.effect-home .effect-home__link a:link, figure.effect-home .effect-home__link a:visited, figure.effect-home .effect-home__link span {
  border-bottom: 2px solid #28eaba;
  padding-bottom: 3px;
  font-size: 16px;
  font-size: 1rem;
  opacity: 1;
}

.filter-list-reset {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 481px) {
  /* HOVER EFFECTS */
  figure.effect-home:hover .content-box h2 {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
  }
  figure.effect-home:hover .content-box h2.white {
    color: #fff;
  }
  figure.effect-home:hover .content-box .byline {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  figure.effect-home:hover .content-box .subject {
    position: relative;
    opacity: 0;
  }
  figure.effect-home:hover .content-box ul {
    position: relative;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
  }

  figure.effect-none:hover .content-box .button, figure.effect-none:hover .content-box .sweet-alert button, .sweet-alert figure.effect-none:hover .content-box button {
    background: #28eaba;
  }

  figure.effect-home:hover figcaption::before,
  figure.effect-home:hover p,
  figure.effect-home:hover ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  figure.effect-home:hover figcaption:after {
    opacity: 0;
  }
  figure.effect-home:hover img.brand-img {
    opacity: 0;
  }

  figure.effect-home:hover h2 {
    color: #fff;
    opacity: 1;
    -webkit-transform: translateY(-50%) translateY(-40px);
    -moz-transform: translateY(-50%) translateY(-40px);
    -ms-transform: translateY(-50%) translateY(-40px);
    -o-transform: translateY(-50%) translateY(-40px);
    transform: translateY(-50%) translateY(-40px);
  }

  figure.effect-home:hover .byline {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }

  /* END OF HOVER EFFECTS */
}
.touch figure.effect-home .content-box {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}
.touch figure.effect-home .byline {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  color: #000;
  bottom: inherit;
  padding-bottom: .75em;
}
.touch .showcase-grid figure.effect-home p,
.touch .showcase-grid figure.effect-home ul {
  position: relative;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  color: #000;
  padding: 0;
  margin: .25em 0 0 0;
}
.touch figure.effect-home .content-box p,
.touch figure.effect-home .content-box ul,
.touch figure.effect-home .content-box .byline {
  color: #FFF;
}
.touch figure.no-read-more .effect-home__link {
  display: none;
}
.touch .showcase-grid figure.effect-home,
.touch .showcase-grid figure.effect-none {
  background: #262626;
}
.touch .showcase-grid figure.effect-home h2,
.touch .showcase-grid figure.effect-none h2 {
  opacity: 1;
}
.touch .showcase-grid figure.effect-home .byline span,
.touch .showcase-grid figure.effect-none .byline span {
  display: none;
}

@media screen and (max-width: 480px) {
  .grid figure {
    margin-bottom: 20px;
  }

  figure.effect-home figcaption {
    position: relative;
    padding: 1em 0 2.5em;
  }
  .brand-grid figure.effect-home figcaption {
    background: #F9F9F9;
  }
  .brand-grid figure.effect-home figcaption.static {
    background: #00eabb;
    position: absolute;
    padding: 0;
  }
  .brand-grid figure.effect-home figcaption.static h2 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .brand-grid figure.effect-home figcaption.static .effect-home__link {
    display: none;
  }

  .grid figure figcaption::before,
  .grid figure figcaption::after {
    z-index: 0;
  }

  .grid figure div.background {
    opacity: 0.3;
  }

  .grid figure img.brand-img {
    z-index: 1;
    max-height: 34px;
    max-width: 62px;
    bottom: 12px;
  }

  .brand-grid figure figcaption:after {
    border-right-width: 150px;
    border-top-width: 90px;
  }

  .brand-grid figure.effect-none figcaption:after {
    display: none;
  }

  .brand-grid figure.effect-home h2 {
    color: #1a1d1c;
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  figure.effect-none .content-box,
  figure.effect-home .content-box {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
  }

  figure.effect-home .byline {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    color: #000;
    bottom: inherit;
    padding-bottom: .75em;
  }

  figure.effect-home p,
  figure.effect-home ul {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    color: #000;
    padding: 0;
    margin: .25em 0 0 0;
  }

  figure.effect-home .content-box p,
  figure.effect-home .content-box ul,
  figure.effect-home .content-box .byline {
    color: #FFF;
  }

  figure.no-read-more .effect-home__link {
    display: none;
  }

  .showcase-grid figure.effect-home,
  .showcase-grid figure.effect-none {
    background: #262626;
  }
  .showcase-grid figure.effect-home h2,
  .showcase-grid figure.effect-none h2 {
    opacity: 1;
  }
  .showcase-grid figure.effect-home .byline span,
  .showcase-grid figure.effect-none .byline span {
    display: none;
  }

  .paper-finder-block figure figcaption {
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .grid .double-1 figure img.background {
    display: none;
  }

  .grid .double-1 figure figcaption, .grid .double-1 figure a {
    position: relative;
  }

  .double-1 figure.effect-home .content-box, .double-1 figure.effect-none .content-box {
    position: relative;
    top: auto;
    padding: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

    /*
	figure.effect-none .content-box {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
    */
}
@media screen and (min-width: 768px) {
  /*
      File: _assets/css/scss/_views-tablet.scss
      This is the tablet view CSS.
      640px and up
  
      1.  Baseline
          Core/generic rules for this context
  
  
      2.  Layout
          Page layout rules, eg for columns
          As a general rule width, padding and margin stuff here
  
      3.  Typography
          Typographic rules: headings, lists, etc
  
      4.  Elements
          HTML elements base rules
  
      5.  Components
  
          Components within the site, eg navigation, carousels, etc
          Ideally context and element agnostic
  
      6.  Exceptions
          Media queries targetting specific/edge-case CSS
  
      7.  Hacks
          Idiosyncratic styles for browser support, etc
  
  */
  html, body {
    height: 100%;
  }

  .wrapper {
    max-width: 954px;
    margin: 0 20px;
  }

  .site-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -92px;
  }

  p {
    margin: 0 0 25px;
    font-size: 16px;
    font-size: 1rem;
  }

  ul, ol {
    font-size: 16px;
    font-size: 1rem;
  }

  .home-hero__wrapper {
    position: relative;
  }
  .home-hero__slide-text {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
  }
  .home-hero__slide-text__inner {
    margin-bottom: 5px;
    color: #fff;
    font-family: 'Avenir Next W04 Demi', helvetica;
    font-weight: normal;
    font-style: none;
  }
  .home-hero__slide-text__inner a {
    color: #fff;
    font-family: 'Avenir Next W04 Demi', helvetica;
    font-weight: normal;
    font-style: none;
    border-bottom: 1px solid #28eaba;
  }
  .home-hero__slide-text__inner__paper {
    font-family: 'AvenirNextLTW01-Regular', helvetica;
    font-weight: normal;
    font-style: none;
  }

  .hero,
  .home-hero__content {
    min-height: 600px;
  }
  .hero h1,
  .home-hero__content h1 {
    font-size: 50px;
    font-size: 3.125rem;
    margin-bottom: 50px;
  }
  .hero h1.white,
  .home-hero__content h1.white {
    color: white;
  }

  .hero-image {
    width: 100%;
    height: 450px;
    background-size: cover;
    margin: -60px 0 3em;
  }
  .hero-image__text {
    font-size: 55px;
    font-size: 3.4375rem;
    padding-top: 40px;
  }
  .hero-image__text--para {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 58px;
    font-size: 3.625rem;
  }
  .hero-image--small {
    height: 350px;
  }

  .home__our-papers h2 {
    font-size: 60px;
    font-size: 3.75rem;
    padding-bottom: 0;
  }

  .home__news .panel h2, .home__showcase .panel h2 {
    font-size: 60px;
    font-size: 3.75rem;
  }

  /*=======================================
  
       standard content pannel
  
  =======================================*/
  .panel,
  .wrapper.panel {
    margin: 0 0 60px;
  }
  .panel__content ul, .panel__inner ul,
  .wrapper.panel__content ul,
  .wrapper.panel__inner ul {
    margin-left: 16px;
  }
  .panel__intro-para p:first-of-type,
  .wrapper.panel__intro-para p:first-of-type {
    font-size: 22px;
    font-size: 1.375rem;
  }

  .home .panel {
    margin: 0;
  }

  .imageless-title {
    font-size: 44px;
    font-size: 2.75rem;
    padding: 70px 0 0;
  }

  .image-cta {
    height: 1000px;
    /* structural internal elems */
    /* text within sections */
  }

  .image-cta__text-wrapper--inner {
    padding: 0;
    width: 70%;
  }
  .image-cta__title {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 1;
    margin: 0 0 30px;
    padding: 0;
  }
  .image-cta__paragraph {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25em;
    margin: 0 0 40px;
    padding: 0;
  }

  /*=======================================
  
       Arrow List
  
  =======================================*/
  .arrow-list__link {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .product-examples {
    text-align: center;
    margin: 0 0 50px;
  }
  .product-examples__title {
    font-size: 32px;
    font-size: 2rem;
    margin: 0 0 25px;
  }
  .product-examples__images__item {
    width: 50%;
    margin: 0 -4px -4px 0;
  }

  .paper-filter__form {
    padding: 30px 40px 40px;
  }

  /* ==========================================================================================
  
      link-tabs
  
   ========================================================================================== */
  .iconlist li {
    display: inline-block;
    padding: 0 16px 0 0;
    margin: 0 0 30px 0;
    width: 50%;
    float: left;
  }

  /*=======================================
  
       Product section
  
  =======================================*/
  .product-list__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.28512%;
  }
  .product-list__col34 {
    display: block;
    float: left;
    margin-left: 33.85744%;
    margin-right: -100%;
    width: 32.28512%;
  }
  .product-list__col56 {
    display: block;
    float: left;
    margin-left: 67.71488%;
    margin-right: -100%;
    width: 32.28512%;
  }

  .product-spec {
    margin: 0;
  }
  .product-spec__accordion__title {
    position: relative;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 30px 60px 30px 0;
  }
  .product-spec__table .label {
    width: 45%;
    display: table-cell;
    padding: 25px 0 25px 25px;
  }
  .product-spec__table .label-mob {
    display: none;
  }
  .product-spec__table .value {
    width: 55%;
    border-left: 1px solid #dddddd;
  }
  .product-spec__table .value table td {
    padding: 25px 0 25px 25px;
  }

  /* PAPER SHOWCASE */
  .filter-list {
    top: 280px;
  }

  .range-slider li {
    font-size: 16px;
    font-size: 1rem;
  }

  .product-slider .cycle-slideshow, .brand-slider .cycle-slideshow {
    display: inline-block;
    width: 100%;
    margin-bottom: -4px;
    margin-top: 0;
  }
  .product-slider .next, .brand-slider .next,
  .product-slider .prev,
  .brand-slider .prev {
    display: inline-block;
  }
  .product-slider .wrapper-outer, .brand-slider .wrapper-outer {
    position: relative;
    margin: 0 auto;
    z-index: 5;
  }
  .product-slider__info {
    width: 330px;
    min-height: 430px;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 200;
    padding: 40px 30px;
    text-align: left;
  }

  .product-tile-wrapper {
    padding-left: 10px;
    margin-left: 0;
    width: 100%;
    display: inline-block;
    list-style: none;
    text-align: center;
  }
  .product-tile-wrapper .product-tile {
    width: calc(50% - 10px);
    margin-right: 7px;
    margin-bottom: 7px;
    display: inline-block;
  }
  .product-tile-wrapper--filter {
    padding-left: 0px;
  }
  .product-tile-wrapper--filter .product-tile {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 800px) {
  .product-tile-wrapper--filter .product-tile {
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .product-tile-wrapper--filter .product-tile:nth-of-type(2n+2) {
    margin-right: 0px;
  }
}
@media screen and (min-width: 768px) {
  .product-tile-wrapper .product-tile__image {
    width: 100%;
  }

  .brand-slider__overlay {
    padding: 40px 100px;
  }
  .brand-slider__overlay h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .brand-slider__overlay p {
    font-size: 30px;
    font-size: 1.875rem;
  }

  .calculator-slider__slide {
    height: 600px;
  }
  .calculator-slider .next,
  .calculator-slider .prev {
    display: inline-block;
  }

  .calculator-slider-intro {
    display: none;
  }

  .col-def__border-top--green {
    padding-bottom: 0;
  }

  /*=======================================
  
      calculator
  
  =======================================*/
  .calculator-heading {
    margin: 60px 0 0;
  }

  .calculator-content--main__savings {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0 0 15px;
    padding: 15px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
  }
  .calculator-content--main__savings__item {
    display: inline-block;
    width: 18%;
    vertical-align: top;
    padding: 25px 5px;
    font-family: 'Avenir Next W04 Demi', helvetica;
    font-weight: normal;
    font-style: none;
  }
  .calculator-content--main__savings__item img {
    display: block;
    max-width: 100px;
    margin: 0 auto 15px;
    float: none;
  }
  .calculator-content--main__savings__item--4 img {
    max-width: 70px;
    margin: 25px auto;
  }
  .calculator-content--main__savings__item__inner {
    text-align: center;
  }
  .calculator-content--main__savings__item__inner div {
    position: relative;
    top: 0;
    transform: none;
    padding-left: 0;
  }

  .calculator-overlay h2 {
    font-size: 48px;
    font-size: 3rem;
  }

  .modal--overlay__modal {
    max-width: 100%;
    height: 610px;
  }

  /* =======================
  
  	BOX RATIOS
  
  ======================== */
  .ratio-2-1:before {
    padding-top: 50%;
  }

  .ratio-3-2:before {
    padding-top: 66.66667%;
  }

  /*=======================================
  
      PAPER BRAND PAGE
  
  =======================================*/
  .brand-info-column {
    width: 50%;
    float: left;
    padding: 0 0 0 30px;
  }
  .brand-info-column:first-of-type {
    border-right: 1px solid #c7c7c7;
    padding: 0 30px 0 0;
  }

  /*=======================================
  
      contact
  
  =======================================*/
  .contact-intro__item {
    position: relative;
  }
  .contact-intro__item__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.28512%;
  }
  .contact-intro__item__col34 {
    display: block;
    float: left;
    margin-left: 33.85744%;
    margin-right: -100%;
    width: 32.28512%;
  }
  .contact-intro__item__col56 {
    display: block;
    float: left;
    margin-left: 67.71488%;
    margin-right: -100%;
    width: 32.28512%;
  }

  /*=======================================
  
      enquiry form
  
  =======================================*/
  .standard-form {
    padding: 0;
  }
  .standard-form__col-all {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
  .standard-form__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.28512%;
  }
  .standard-form__col34 {
    display: block;
    float: left;
    margin-left: 33.85744%;
    margin-right: -100%;
    width: 32.28512%;
  }
  .standard-form__col56 {
    display: block;
    float: left;
    margin-left: 67.71488%;
    margin-right: -100%;
    width: 32.28512%;
  }

  .enquiry-form__col {
    position: absolute;
    height: 100%;
  }
  .enquiry-form__col button {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
  }

  /* CALCULATOR SLIDER */
  .calculator-slider__stats h3 {
    font-size: 48px;
    font-size: 3rem;
  }

  /*=======================================
  
      map section
  
  =======================================*/
  .map-section {
    text-align: center;
  }
  .map-section__map {
    height: 385px;
    /* border: 1px solid blue; */
  }

  /*=======================================
  
      FINAL GRID
  
  =======================================*/
  .final-grid,
  .product-grid,
  .showcase-grid,
  .brand-grid {
    margin: 0 auto 60px;
  }

  /*
  .brand-grid > ul {
      &.double-1 li:last-of-type {
          display: none;
      }
  }
  */
  .double-1:last-of-type {
    display: none;
  }

  .grid-item {
    width: 50%;
  }
  .grid-item--33 {
    width: 50%;
  }
  .grid-item--50 {
    width: 100%;
  }
  .grid-item--100 {
    width: 100%;
  }

  .grid-item__link .title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .grid-item__link ul li {
    padding-bottom: 6px;
  }

  .paper-finder-block .background {
    height: 175px;
  }

  .media-grid__info__text {
    display: inline-block;
  }

  .footer {
    padding: 30px 0 40px;
  }
  .footer .footer-list li {
    width: auto;
    margin: 0;
  }
  /* .footer .footer-list li:after {
    content: '|';
    display: inline-block;
    margin: 0 6px 0 10px;
  } */
  .footer .footer-links {
    width: auto;
    margin-bottom: 0px;
    border-bottom: none;
    float: left;
  }
  .footer .footer-legal {
    width: auto;
    float: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 900px) {
  .footer .footer-list {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  .footer, .push {
    height: 92px;
    display: block;
  }

  .grid figure h2 {
    font-weight: 300;
    font-size: 20px;
    font-size: 1.25rem;
  }

  figure.effect-none h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }

  .grid .showcase-submit {
    text-align: left;
  }
  .grid .showcase-submit__intro {
    display: inline-block;
    text-align: left;
    width: 60%;
  }
  .grid .showcase-submit__link {
    float: right;
    margin: 0;
  }
  .grid .showcase-effect figure figcaption {
    width: 40%;
    left: auto;
    right: 0;
    position: absolute;
    height: 100%;
    padding: 2em;
  }
  .grid .showcase-effect2 figure figcaption {
    left: 0;
    right: auto;
  }
  .grid .showcase-effect figure figcaption .byline-meta {
    position: absolute;
    bottom: 0;
  }

  figure.effect-home:hover .byline {
    -webkit-transform: translateY(50%) translateY(20px);
    -moz-transform: translateY(50%) translateY(20px);
    -ms-transform: translateY(50%) translateY(20px);
    -o-transform: translateY(50%) translateY(20px);
    transform: translateY(50%) translateY(20px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .brand-page-showcase li.grid-item:last-of-type {
    display: none;
  }
}
@media screen and (min-width: 954px) {
  /*
      File: _assets/css/scss/_views-desktop.scss
      This is the desktop view CSS.
      974px and up
  
      1.  Baseline
          Core/generic rules for this context
  
      2.  Layout
          Page layout rules, eg for columns
  
      3.  Typography
          Typographic rules: headings, lists, etc
  
      4.  Elements
          HTML elements base rules
  
      5.  Components
          Components within the site, eg navigation, carousels, etc
          Ideally context and element agnostic
  
      6.  Exceptions
          Media queries targetting specific/edge-case CSS
  
      7.  Hacks
          Idiosyncratic styles for browser support, etc
  
  */
  body {
    /* padding-top: 85px; */
  }
  body.home {
    padding-top: 0;
  }

  .wrapper {
    max-width: 954px;
    margin: 0 auto;
  }

  .mobileFade {
    z-index: 10;
  }

  .panel__content {
    margin-bottom: 0;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 65.61845%;
  }
  .panel__aside {
    display: block;
    float: left;
    margin-left: 68.7631%;
    margin-right: -100%;
    width: 31.2369%;
  }
  .panel--padding60 {
    padding: 60px 0 0;
  }
  .panel__title {
    font-size: 32px;
    font-size: 2rem;
  }
  .panel__title h2 {
    font-size: 32px;
    font-size: 2rem;
  }

  .cols--wrapper {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .home-hero {
    position: fixed;
    height: 100%;
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: 0;
    margin-top: 0;
    background: none;
  }
  .home-hero__content {
    height: 100%;
    height: 100vh;
  }
  .home-hero ul {
    display: block;
  }

  .product-tile-wrapper {
    padding-left: 10px;
    margin: 10px 0 0;
    width: 100%;
    display: inline-block;
    list-style: none;
  }
  .product-tile-wrapper .product-tile {
    width: calc(33.333% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
  }
  .product-tile-wrapper--filter {
    padding-left: 0px;
  }
  .product-tile-wrapper--filter .product-tile {
    width: calc(50% - 5px);
  }
  .product-tile-wrapper--filter .product-tile:nth-of-type(2n+2) {
    margin-right: 0px;
  }
  .product-tile-wrapper .product-tile__image {
    width: 100%;
  }

  /* ==========================================================================================
  
      header
  
   ========================================================================================== */
  p {
    font-size: 18px;
    font-size: 1.125rem;
  }

  ul, ol {
    font-size: 18px;
    font-size: 1.125rem;
  }

  .bottom {
    margin-bottom: 0px;
  }

  /* .header {
    background-color: #A97835;
    position: fixed;
    top: 0;
    text-align: right;
  }
  .header .logo-wrapper {
    display: inline-block;
    padding: 24px 0px 21px;
    margin: 0 0 0 30px;
    float: left;
    background: transparent;
  }
  .header .header-logo-image {
    display: block;
  }
  .header .bread-crumb-wrapper {
    display: block;
    float: right;
    height: 85px;
    margin: 0;
    max-width: 40%;
    overflow: hidden;
    position: relative;
    position: relative;
  }
  .header .bread-crumb-wrapper:after {
    content: "";
    position: absolute;
    -webkit-box-shadow: -20px 0 20px #A97835;
    -moz-box-shadow: -20px 0 20px #A97835;
    box-shadow: -20px 0 20px #A97835;
    height: 100%;
    overflow: visible;
    top: 0;
    right: -50px;
    width: 50px;
    z-index: 2;
    bottom: 0;
    display: block;
  }
  .header .bread-crumb {
    display: block;
    max-width: 1000px;
    line-height: 82px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    padding-right: 30px;
  }
  .header .bread-crumb li {
    line-height: 1.2;
  }
  .header .bread-crumb li.last {
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: justify;
  } */
}



@media screen and (min-width: 954px) and (min-width: 1240px) {
    /* .header .bread-crumb-wrapper {
      max-width: 50%;
    } */
}
@media screen and (min-width: 954px) {
  /* .header .search-wrapper {
    width: 200px;
    height: 85px;

    text-align: center;
    float: right;
    position: relative;

  }
  .header .search-wrapper:after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  .header .search-wrapper .search-button {
    width: 80px;
    height: 85px;
    padding: 0;
  }
  .header .search-wrapper .search-box {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background: transparent;
    outline: none;
    -webkit-transition: width 200ms ease-in-out, background 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out, background 200ms ease-in-out;
    transition: width 200ms ease-in-out, background 200ms ease-in-out;
  }
  .header .search-wrapper .search-box:focus {
    width: 315px;
    background: #0a7d61;
  }
  .header .menu-button-wrapper {
    width: 157px;
    height: 85px;
    text-align: center;
    float: right;
    background: transparent;
  }
  .header .menu-button-wrapper .menu-button {
    width: 157px;
    height: 85px;
    padding: 30px 28px 30px;
    text-align: left;
    border: none;
    position: relative;
    -webkit-transition: color 200ms ease-out, background 200ms ease-out;
    -moz-transition: color 200ms ease-out, background 200ms ease-out;
    transition: color 200ms ease-out, background 200ms ease-out;
  }
  .header .menu-button-wrapper .menu-button.active {
    background-color: #28eaba;
    color: #2e3433;
  }
  .header .menu-button-wrapper .menu-button.active .menu {
    display: none;
  }
  .header .menu-button-wrapper .menu-button.active .close {
    display: inline-block;
  }
  .header .menu-button-wrapper .menu-button.activity {
    background-color: #28eaba;
    color: #2e3433;
  }
  .header .mobile-menu-icon {
    margin-bottom: 0;
    position: absolute;
    top: 30px;
    right: 30px;
  }
  .header .mobile-menu-icon.active:before, .header .mobile-menu-icon.active:after,
  .header .mobile-menu-icon.active .menu-icon-inner {
    background-color: #2e3433;
  }
  .header .mobile-menu-icon.active:before {
    -webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
    -moz-transform: rotate(45deg) translateX(5px) translateY(5px);
    -ms-transform: rotate(45deg) translateX(5px) translateY(5px);
    -o-transform: rotate(45deg) translateX(5px) translateY(5px);
    transform: rotate(45deg) translateX(5px) translateY(5px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    
  }
  .header .mobile-menu-icon.active .menu-icon-inner {
    opacity: 0;
  }
  .header .mobile-menu-icon.active:after {
    -webkit-transform: rotate(-45deg) translateX(7px) translateY(-6px);
    -moz-transform: rotate(-45deg) translateX(7px) translateY(-6px);
    -ms-transform: rotate(-45deg) translateX(7px) translateY(-6px);
    -o-transform: rotate(-45deg) translateX(7px) translateY(-6px);
    transform: rotate(-45deg) translateX(7px) translateY(-6px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476)";
    
  }

  .navigation-wrapper {
    width: 100%;
    top: 85px;
    left: 0;
    position: fixed;
    bottom: auto;
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
  }
  .navigation-wrapper.active {
    opacity: 1;
    visibility: visible;
    left: 0;
  }
  .navigation-wrapper .navigation-links {
    width: 75%;
    margin: 0;
  }
  .navigation-wrapper .navigation-links li {
    display: inline-block;
    width: 19%;
    margin: 0;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .navigation-wrapper .navigation-links li a {
    padding: 33px 0 33px 18px;
    color: #2e3433;
    border-right: 1px solid #0ec89a;
    border-bottom: 0;
    word-break: break-all;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .navigation-wrapper .navigation-links li a:hover {
    color: #fff;
    background: #2e3433;
    -webkit-transition: color 300ms ease-in-out, background 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background 300ms ease-in-out;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
  }
  .navigation-wrapper .navigation-links li.environmental-calculator {
    width: 24%;
  } */
}
@media screen and (min-width: 954px) and (max-width: 1350px) {
  /* .navigation-wrapper .navigation-links li {
    font-size: 16px;
    font-size: 1rem;
  }
  .navigation-wrapper .navigation-links li a {
    padding: 33px 0 33px 18px;
  } */
}
@media screen and (min-width: 954px) {
  /* .navigation-wrapper p {
    margin: 22px 0 0;
    padding: 0;
    text-align: center;
  }
  .navigation-wrapper br {
    display: inline-block;
  }
  .navigation-wrapper .order-link {
    display: block;
  }
  .navigation-wrapper .basket {
    width: 25%;
    float: right;
    margin: 0;
    border-bottom: none;
  }
  .navigation-wrapper .basket span {
    position: relative;
    top: 2px;
  }
  .navigation-wrapper .basket p {
    margin: 0;
  } */
}
@media screen and (min-width: 954px) and (max-width: 1310px) {
  /* .navigation-wrapper .basket p span {
    display: none;
  } */
}
@media screen and (min-width: 954px) {
  /* .navigation-wrapper .menu-close {
    display: none;
    width: 157px;
    padding: 32px 0px 29px 30px;
    position: absolute;
    top: -85px;
    right: 0;
    font-size: 20px;
    font-size: 1.25rem;
    color: #2e3433;
    background-color: #28eaba;
  }
  .navigation-wrapper .menu-close:before, .navigation-wrapper .menu-close:after {
    background: #2e3433;
  } */

  .home-hero__slide-text {
    bottom: 50px;
    left: 50px;
  }

  .hero h1,
  .home-hero__content h1 {
    font-size: 80px;
    font-size: 5rem;
    margin-bottom: 50px;
  }
  .hero .centered,
  .home-hero__content .centered {
    padding-top: 70px;
  }

  .hero-image {
    height: 600px;
    margin: 0 0 3em;
  }
}
@media screen and (min-width: 954px) and (max-width: 1280px) {
  .hero-image {
    height: 510px;
  }
}
@media screen and (min-width: 954px) {
  .hero-image__text {
    font-size: 80px;
    font-size: 5rem;
  }
  .hero-image__text-wrapper:after {
    width: 100%;
    height: 10px;
    bottom: -10px;
    left: 0;
    max-width: 954px;
    right: 0;
    margin: 0 auto;
  }
  .hero-image__text {
    padding-top: 0;
  }
  .hero-image__text--para {
    font-size: 68px;
    font-size: 4.25rem;
  }
  .hero-image--small {
    height: 440px;
  }


  .hero-plain__text {
    font-size: 62px;
    font-size: 3.875rem;
  }

  .panel--border-left {
    border-left: 1px solid #d3d3d3;
  }
  .panel--border-right {
    padding: 0 30px 0px 0;
    border-right: 1px solid #d3d3d3;
  }

  .imageless-title {
    font-size: 44px;
    font-size: 2.75rem;
    padding: 70px 0 0;
  }

  .home__news {
    padding: 30px 2px 50px;
  }

  .image-cta {
    /* structural internal elems */
  }

  .image-cta {
    /* text within sections */
  }
  .image-cta__title {
    font-size: 68px;
    font-size: 4.25rem;
  }
  .image-cta__paragraph {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .home .image-cta {
    background-image: none;
  }

  .product-examples {
    text-align: center;
  }
  .product-examples__images__item {
    width: 33.333%;
    margin: 0 -4px -4px 0;
  }

  /* ==========================================================================================
  
      link-tabs
  
   ========================================================================================== */
  .iconlist li {
    width: 100%;
    margin: 0 0 15px 0;
    display: block;
    padding-right: 0;
  }
  .iconlist__link {
    display: block;
    width: 100%;
    min-width: 100%;
  }

  .product-list__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 31.2369%;
  }
  .product-list__col34 {
    display: block;
    float: left;
    margin-left: 34.38155%;
    margin-right: -100%;
    width: 31.2369%;
  }
  .product-list__col56 {
    display: block;
    float: left;
    margin-left: 68.7631%;
    margin-right: -100%;
    width: 31.2369%;
  }

  .product-spec {
    padding: 0;
  }

  /*=======================================
  
      contact
  
  =======================================*/
  .contact-intro__item__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 31.2369%;
  }
  .contact-intro__item__col34 {
    display: block;
    float: left;
    margin-left: 34.38155%;
    margin-right: -100%;
    width: 31.2369%;
  }
  .contact-intro__item__col56 {
    display: block;
    float: left;
    margin-left: 68.7631%;
    margin-right: -100%;
    width: 31.2369%;
  }

  /* =======================================
  
      map section
  
  =======================================*/
  /*=======================================
  
      enquiry form
  
  =======================================*/
  .standard-form__col-all {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
  .standard-form__col12 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 31.2369%;
  }
  .standard-form__col34 {
    display: block;
    float: left;
    margin-left: 34.38155%;
    margin-right: -100%;
    width: 31.2369%;
  }
  .standard-form__col56 {
    display: block;
    float: left;
    margin-left: 68.7631%;
    margin-right: -100%;
    width: 31.2369%;
  }
  .standard-form__col:first-of-type {
    margin-bottom: 20px;
  }

  /*=======================================
  
      media grid
  
  =======================================*/
  .product-slider .cycle-slideshow, .brand-slider .cycle-slideshow {
    display: inline-block;
    width: 100%;
    margin-bottom: -4px;
  }
  .product-slider__slide {
    height: 600px;
  }
  .product-slider .next, .brand-slider .next,
  .product-slider .prev,
  .brand-slider .prev {
    display: inline-block;
  }

  .brand-slider__overlay h2 {
    font-size: 42px;
    font-size: 2.625rem;
  }
  .brand-slider__overlay p {
    font-size: 42px;
    font-size: 2.625rem;
  }

  .media-grid__item--1-1 {
    width: 33.3333%;
  }
  .media-grid__item--1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
@media screen and (min-width: 954px) and (min-width: 1300px) {
  .media-grid__item--1-1 {
    width: 25%;
  }
}
@media screen and (min-width: 954px) {
  .media-grid__item--2-1 {
    width: 66.6666%;
  }
  .media-grid__item--2-1:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  .media-grid__item--2-1:nth-child(7), .media-grid__item--2-1:nth-child(8) {
    width: 50%;
  }
  .media-grid__item--2-1:first-of-type {
    width: 100%;
  }
}
@media screen and (min-width: 954px) and (min-width: 1300px) {
  .media-grid__item--2-1 {
    width: 50%;
  }
  .media-grid__item--2-1:first-of-type {
    width: 50%;
  }
}
@media screen and (min-width: 954px) {
  .media-grid__item.half-page {
    width: 50%;
  }
  .media-grid__item.quarter-page {
    width: 25%;
  }

  .media-grid-2__item--1-1 {
    width: 33.3333%;
  }
  .media-grid-2__item--1-1:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
@media screen and (min-width: 954px) and (min-width: 1300px) {
  .media-grid-2__item--1-1 {
    width: 25%;
  }
}
@media screen and (min-width: 954px) {
  .media-grid-2__item--2-1 {
    width: 66.6666%;
  }
  .media-grid-2__item--2-1:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  .media-grid-2__item--2-1:nth-child(7), .media-grid-2__item--2-1:nth-child(8) {
    width: 50%;
  }
  .media-grid-2__item--2-1:first-of-type {
    width: 100%;
  }
}
@media screen and (min-width: 954px) and (min-width: 1300px) {
  .media-grid-2__item--2-1 {
    width: 50%;
  }
  .media-grid-2__item--2-1:first-of-type {
    width: 50%;
  }
}
@media screen and (min-width: 954px) {
  .media-grid-2__item.half-page {
    width: 50%;
  }
  .media-grid-2__item.quarter-page {
    width: 25%;
  }

  .product-grid__item {
    width: 25%;
  }
  .product-grid__item--33 {
    width: 33.33333%;
  }
  .product-grid__item--50 {
    width: 50%;
  }
  .product-grid__item--100 {
    width: 100%;
  }
  .product-grid__item__link.tweet .title, .product-grid__item__link.news .title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.3;
    padding: 0 25px;
  }
  .product-grid__item__link .title {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .grid-item {
    width: 25%;
    position: relative;
    list-style-type: none;
    float: left;
    display: inline-block;
  }
  .grid-item--33 {
    width: 33.3333%;
  }
  .grid-item--50 {
    width: 50%;
  }
  .grid-item--100 {
    width: 100%;
  }

  /* PRODUCT SHOWCASE */
  .filter-list {
    top: 370px;
  }

  .grid figure h2 {
    font-weight: 300;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .grid figure h2.larger {
    font-size: 36px;
    font-size: 1.55rem;
  }

  .showcase-grid .grid-item--25.ratio-1-1 .byline > span {
    display: none;
  }

  .grid .showcase-effect figure figcaption h2 {
    font-size: 32px;
    font-size: 2rem;
  }

  .final-grid,
  .product-grid,
  .showcase-grid,
  .brand-grid {
    margin: 0 auto 80px;
  }

  .double-1:last-of-type {
    display: block;
  }

  .triple-1:last-of-type {
    display: none;
  }

  .triple-0 {
    display: none;
  }
  .triple-0:last-of-type {
    display: none;
  }
}
@media screen and (min-width: 954px) and (max-width: 1280px) {
  .double-1:last-of-type {
    display: none;
  }
}
@media screen and (min-width: 954px) {
  /*
  .brand-grid > ul {
      &.triple-1 li:last-of-type {
          display: none;
      }
      &.triple-0 li:last-of-type {
          display: none;
      }
      &.triple-0 li:last-of-type() {
          display: none;
      }
  }
  */
  .v-center-outer .v-center-inner {
    max-width: 954px;
  }

  /*=======================================
  
      calculator
  
  =======================================*/
  .calculator-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .calculator-content--sidebar {
    margin: 0 0 0 40px;
  }
  .calculator-content--sidebar__steps__title br {
    display: block;
  }
  .calculator-content--main__savings__item {
    width: 30%;
  }
}
@media screen and (min-width: 954px) and (max-width: 1280px) {
  .grid-item {
    width: 25%;
  }
  .grid-item--33 {
    width: 50%;
  }
  .grid-item--50 {
    width: 50%;
  }
  .grid-item--100 {
    width: 100%;
  }

  .grid figure h2 {
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 954px) and (min-width: 1281px) {
  .double-1:last-of-type {
    display: block;
  }

  .triple-1:last-of-type {
    display: none;
  }

  .triple-0 {
    display: none;
  }
  .triple-0:last-of-type {
    display: none;
  }
}
@media screen and (min-width: 954px) and (max-width: 1100px) {
  .navigation-wrapper .basket span {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 0 10px;
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 954px) and (max-width: 1400px) {
  .navigation-wrapper .basket {
    min-height: 114px;
  }
}
@media screen and (min-width: 954px) {
  .wrapper-outer,
  .page-inner {
    max-width: 954px;
    margin: 0 auto;
  }

  .product-slider__info {
    left: 0;
  }
}

/*# sourceMappingURL=style.css.map */



.phone-button{
  border: 0px;
  background-color: #A97835;
  color: white;
  width: 100%;
  height: 40px;
  margin-top: 17px;
}

.request-quote-wrapper{
  color: white;
  width: 45%;
  /* border: 1px solid red; */
  margin-left: 65px;
  margin-top: 5%;
}
.request-quote-text{
  text-align: left;
}
.request-quote-title{
  font-weight: lighter;
}
.request-quote-title span{
  font-weight: bold;
  font-size: 40px;
}
.request-quote-paragraph span{
  color: #ff9808;
  font-weight: bold;
  font-size: 20px;
}
.form-wrapper{
  width: 100%;
  /* border: solid 1px red; */
}
.flex-con{
  display: flex;
  clear: left;
}
.form-wrapper label{
  float: left  ;
}
.form-name{
  margin-bottom: 10px;
}
.name-text-wrapper{
  
}
.first-name-wrapper{
  width: 50%;
  /* border: 1px solid red; */
  margin-right: 15px;
}
.last-name-wrapper{
  width: 50%;
  /* border: 1px solid red; */
}
.first-name-wrapper label, .last-name-wrapper label{
  font-size: 13px;
}
.first-name-wrapper input, .last-name-wrapper input, .company-wrapper input, .email-wrapper input, .length-wrapper input, .width-wrapper input, .height-wrapper input, .quantity-wrapper input, .board-wrapper input, .Delivery-wrapper input{
  width: 100%;
  border-radius: 3px;
  height: 50px;
  border: 0px;
}
.desired-box-text{
  float: left;
  font-weight: bold;
  margin-top: 15px;
}
.company-wrapper{
  width: 50%;
  margin-right: 15px;
}
.email-wrapper{
  width: 50%;
}
.length-wrapper, .width-wrapper, .height-wrapper{
  /* border: 1px solid red; */
  width: 34%;
  text-align: left;
}
.length-wrapper, .width-wrapper{
  margin-right: 15px;
}
.Delivery-wrapper,.board-wrapper,.quantity-wrapper{
  /* border: 1px solid red; */
  width: 34%;
}
.length-wrapper p,.width-wrapper p,.height-wrapper p{
  margin-bottom: 0px;
}
.quantity-wrapper,.board-wrapper{
  margin-right: 15px;
}
.box-size-wrapper{
  margin-bottom: 10px;
}

.comment-box textarea{
  width: 100%;
  height: 20vh;
  border-radius: 5px;
}
.comment-text{
  text-align: left;
  margin-top: 18px;
  font-weight: bold;
}
.send-button-wrapper{
  margin-top: 30px;
}
.send-button-wrapper input{
  width: 30%;
  height: 10vh;
  float: left;
  background-color: #b8977f;
  border: 0px;
  border-radius: 3px;
  color: white;
  font-size: 23px;
  transition: 0.4s ease-in;
}
.send-button-wrapper input:hover{
  background-color: #000;
  transition: 0.4s ease-in;
}
.request-quote-image-wrapper{
  
  width: 55%;
  height: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.request-quote-image-wrapper div{
  color: white;
  width: 60%;
  margin-left: 22%;
  margin-top: 10%;
}
.request-quote-image-wrapper img{
  margin: 0 auto;
  position: relative;
  
  width: 90%;
}

@media (max-width: 769px) {
  .image-cta {
    height: 950px;
  }

  .request-quote-wrapper{
    width: 100%;
    /* border: 1px solid red; */
    margin-left: 10px;
    margin-right: 10px;
  }

  .request-quote-image-wrapper{
    /* border: 1px solid red; */
    width: 100%;
  }
  .request-quote-image-wrapper div{
    /* border: 1px solid red; */
    width: 100%;
    margin: auto;
  }
  .request-quote-image-wrapper img{
    position: relative;
    left: 35%;
    top: 8%;
    /* border: 1px solid red; */
    display: none;
  }
  .imageCta-container{
    display: flex;
    flex-direction: column;
  }
  .send-button-wrapper{
    display: flex;
    
  }
  .send-button-wrapper input{
    clear: both;
    position: relative;
    left: 27%;
    width: 50%;
    /* margin: 0 auto; */
    /* border: 1px solid red; */
    margin-bottom: 10%;
  }
}

.women-wrapper{
  /* margin-top: 8%; */
  /* margin-left: 6%; */
  /* margin-right: 10%; */
  margin-bottom: 20%;
  /* box-shadow: 4px 4px 8px black; */
}
.women-wrapper img{
  width: 100%;
  height: 70vh;
  margin-top: 50px;
  /* border: 1px solid red; */
}
@media (max-width: 800px) {
  .women-wrapper img{
    width: 360px;
    height: 167px;
  }
}
.women-wrapper h1{
border-radius: 7px;
text-align: center;
width: 40%;
  font-weight: 900;
  position: absolute;
  /* top: 10%; */
  top: 100px;
  /* left: 10%; */
  display: inline;
  font-size: 300%;
  font-weight: 700;
  color: white;
background-color: #00ac81;
}
.women-sub{
  display: flex;
}
.women-text{
  /* display: inline;  */
  margin-top: 50px;
  margin-left: 50px;
  width: 50%;
  height: 30%;
}
.women-text div{
  background-color: #00c79f;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  width: 80px;
  height: 40px;
  margin-bottom: 40px;
  color: white;
}

.women-sub-image{
  width: 50%;
  height: 30%;
  /* border: 1px solid red; */
}

.image-wrapper{
  margin-left: -10%;
  /* border: 1px solid red; */
  padding-top: 5%;
}


.image-wrapper img{
  
  width: 60%;
  margin: auto;
  /* display: flex; */
  /* justify-content: center; */
}

.image-wrapper p{
  font-weight: bolder;
  text-align: center;
  /* border: 1px solid red; */
  margin-top: -5%;
}
.women-sub-image img{
  width: 70%;
  height: 30%;
  position: relative;
  top: -100px;
  /* opacity: 0.8; */
  
}
.women-sub-image p{
  font-weight: bold;
  margin-top: -40px;
}
.women-wrapper-2{
  display: flex;
  width: 70%;
  margin: auto;
  /* justify-content: center; */
}

.women-wrapper-2 h2{
  margin-top: 3%;
}
.mySlides{
  display: none;

}
.image-wrapper h2{
/* display: flex;
justify-content: center;
border: 1px solid red; */
text-align: center;
}


.image-wrapper{
  width: 50%;
  margin-right: 60px;
  margin-top: 3%;
}
.text-wrapper{
  width: 100%;
  margin-top: 4%;
  /* border: 1px solid red; */
}
.text-wrapper div{
  background-color: #00c79f;
  display: flex;
  justify-content: center;
  /* padding-top: 10px; */
  width: 80pfx;
  height: 60px;
  /* margin-bottom: 40px; */
  color: white;
  position: relative;
  top: -30px;
  text-align: center;
  /* border: 3px solid red; */
}
.text-wrapper p{
  margin: auto;
}
.perfect-text{
  margin-top: -2%;
  /* margin-bottom: 7%; */
  /* border: 1px solid red; */
}
.perfect-set-wrapper{
  width: 80%;
  height: 100%;
  display: flex;
  /* border: 1px solid red; */
  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
}
@media (max-width: 769px) {
  .home__news{
    padding: 0;
  }
  .perfect-set{
    margin: 10px;
    /* margin-bottom: 30%; */
    /* border: 1px solid red; */
    /* margin-top: 50px; */
    height: auto;
  }
  .perfect-set-wrapper{
    margin: 0;
    flex-direction: column;
    /* border: 1px solid red; */
    width: 100%;
    padding-top: 60px;
    /* margin-top: 50px; */
  }
  
  
  .perfect-text{
    width: 100%;
    /* border: 1px solid red; */
  }
  .perfect-text button{
    position: relative;
    left: 20%;
  }
  
}
.perfect-set-wrapper img{
  width: 35vw;
  height: 30vw;
  /* border: 1px solid red; */
  margin-right: 5%;
}
.perfect-text hr{
  /* display: inline; */
  width: 20%;
  float: left;
  /* background-color: ; */
  position: relative;
  top: 1%;
}
.collection{
  display: inline;
  float: right;
  position: relative;
  left: -50%;
  color: #a97835;
}
.paragraph{
  clear: both;
}
.perfect-text h1{
  clear: both;
}
.perfect-text button{
  border: 0px;
  background-color: white;
  border: 1px solid black;
  width: 50%;
  height: 43px;
  letter-spacing: 2px;
  font-size: 14px;
}
.our-packaging-image{
  width: 100%;
  height: 80%;
  background: linear-gradient(
        rgba(0, 0 ,0 ,0.3),
        rgba(0, 0, 0, 0.3)
    ), url('./main-page-images/our-product.jpg');
    background-size: 100% 100%;
display: flex;
justify-content: center;

}
.our-packaging-image::after{
    content: '';
    display: block;
    width: 70%;
    height: 10px;
    background: #28eaba;
    position: relative;
    top: 498px;
    right: 15%;
    /* left: 5%; */

}


.import-export-image{
  width: 100%;
  height: 80%;
  background: linear-gradient(
    rgba(0, 0 ,0 ,0.3),
    rgba(0, 0, 0, 0.3)
), url('./main-page-images/import-export.jpg');
background-size: 100% 100%;
}
.import-export-image::after{
  content: '';
    display: block;
    width: 70%;
    height: 10px;
    background: #28eaba;
    position: absolute;
    bottom: 110px;
    left: 15%;
    top: 597px;
}



.our-packaging-image h1{
  color: white;
  font-weight: bold;
  font-size: 400%; 
/* border: 1px solid red; */
text-align: center;
width: 500px;
margin: auto;
position: relative;
left: 33%;
}

.import-export-image{
  display: flex;
  justify-content: center;
}
.import-export-image h1{
  color: white;
  margin: auto;
  font-weight: bold;
  font-size: 400%;
}
.grid-background{
  background-size: cover;
  -ms-behavior: url(/backgroundsize.min.htc);
  width: 60%;
  height: 113%;
  position: relative;
  top: -12%
}
.grid-background img{
  width: 100%;
  height: 90%;
  margin: auto;
  margin-top: 50px;
}




@media (max-width: 700px) {
  .our-sustainability-text{
    /* border: 1px solid red; */
    margin-top: 500%;
    color: red;
  } 
} 


@media (max-width: 769px) {
  .our-packaging-image{
    height: 80vh;
  }
  .our-packaging-image h1{
    /* border: 1px solid red; */
    font-size: 50px;
  }
  .our-packaging-image::after {
    content: '';
    display: block;
    width: 70%;
    height: 10px;
    background: #28eaba;
    position: absolute;
    top: 540px;
    left: 15%;
}
}
@media (max-width: 769px) {
  .import-export-image{
    height: 78vh;
  }
  .import-export-image::after {
    content: '';
    display: block;
    width: 70%;
    height: 10px;
    background: #28eaba;
    position: absolute;
    top: 530px;
    left: 15%;
}
.import-export-image h1{
  font-size: 50px;
}
}

.women-article{
  /* border: 1px solid red; */
  margin-left: 6%;
  /* margin-top: -2%; */
  margin-top: -1%;
}
.gridd-background{
  background-color: white;
}

.our-packaging-image{
  /* width: 100%; */
  /* background-size: cover; */
  /* width: 100%; */
  /* height: 150vh; */
  /* border: 1px solid red; */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.contact-us-header{
width: 100%;
height: 70vh;
/* border: 1px solid red; */
/* margin: auto; */
margin-bottom: 100px;
display: flex;
justify-content: center;
background-color: black;
background: linear-gradient(
        rgba(0, 0 ,0 ,0.2),
        rgba(0, 0, 0, 0.2)
    ), url('./main-page-images/contact-us.jpg');
    background-size: 100% 100%;
}
.contact-us-header::after{
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  background: #28eaba;
  position: absolute;
  bottom: 17%;
  /* left: 15%; */
  top: 535px;
}
@media (max-width: 800px) {
  .contact-us-header::after{
    top: 640px;
  }
}
.contact-us-header h1{
margin: auto;
color: white;
font-size: 60px;
}

.women-main-wrapper{
  /* border: 1px solid red; */
  /* position: relative; */
  /* top: -10px; */
  margin: 0;
  padding: 0;
}
@media (max-width: 800px) {
  .women-wrapper h1{
    /* background-color: #f54c50; */
    font-size: 30px;
    width: 350px;
    height: 50px;
    margin-top: 25px;
    margin-left: 5px;
    padding-top: 7px;
  }
}
.our-packaging-image{
  margin-top: -87px;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .our-packaging-image h1{
    /* width: 100px; */
    margin-left: -163px;
    
  }
  .our-packaging-image{
    margin-bottom: 70px;
  }
}
.import-export-image{
  margin-top: -87px;
  margin-bottom: 50px;
}
.contact-us-wrapper{
  margin-top: 0px;
  margin-bottom: 20px;
}
.home-white-text{
  width: 100%;
  height: 60vh;
  background-color: #f7f2f3;
  /* border: 1px solid red; */
  margin: 100px 0 60px 0;
  padding-top: 6%;
}
.home-white-text p{
  width: 60%;
  margin: auto;
  text-align: center;
}
.home-white-text a{
  color: #008564;
  margin: auto;
}

.sec-grid{
  display: none;
}
@media (max-width: 800px) {
  .hide-content{
    display: none;
  }
  .grid-background{
    width: 100%; 
    height: 350px;
    position: relative;
    top: -60px;
  }
  .sec-grid{
    display: block;
  }
  .grid-read-more{
    position: relative;
    top: 350px;
    z-index: 9;
    color: white
  }
  .collection{
    left: -130px;
  }
  .section--bg-white{
    margin-top: -10px;
  }
  /* .content-box .our-sustainability-text{
    display: none;
  }
  .byline{
      
      display: none;
  }
  
  .grid-read-more{
    position: relative;
    left: 35%;
   
  } */
  .our-packaging-image{
    display: none;
  }
  .import-export-image{
    display: none;
  }
  .text-wrapper{
    /* border: 1px solid red; */
    width: 100%;
    margin-top: -30%;
  }
  .women-wrapper-2{
    display: flex;
    flex-direction: column;
  }
  .image-wrapper h2{
    position: relative;
    top: -110px;
    left: 100%;
  }
  .image-wrapper p{
    position: relative;
    top: -125px;
    left: 105%;
  }
  .women-sub-image{
    display: none;
  }
  .women-text{
    /*  */
    width: 90%
  }
  .women-article{
    /* border: 1px solid red; */
    margin-left: 50px;
    margin-top: 10px;
    width: 89%;
  }
  .home-white-text{
    height: 90vh;
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .home-white-text p{
    text-align: left;
  }
  .home-white-text a{
    position: relative;
    left: 60px;
    /* border: 1px solid red; */
  }
  .request-quote-image-wrapper{
    display: none;
  }
}
.centered{
  position: relative;
  top: -80px;
}

@media (max-width: 800px) {
  .women-main-image{
    height: 20px;
    /* border: red 1p; */
  }
}
.contact-header{
  /* border: 1px solid red; */
  height: 100px;

}
.contact-header h1{
  /* margin: auto; */
  text-align: center;
}

@media (max-width: 800px) {
    .image-wrapper p, .image-wrapper h2{
      /* border: 1px solid red; */
      /* margin-top: 40%; */
      position: relative;
      top: -70px;
    }
}