/**********************************************************************************/
/* 															  SCREEN CSS		  */
/**********************************************************************************/
/* FONTS


*/
/* VARIABLES */
/* MIXINS */
/**********************************************************************************/
/* 															  GLOBAL STYLES		  */
/**********************************************************************************/
.screen-reader-text {
  display: block;
  overflow: hidden;
  text-indent: 9999; }

/* GLOBAL BOX-SIZING */
html {
  box-sizing: border-box; }

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

/**********************************************************************************/
/* 															  TAG DEFAULTS		  */
/**********************************************************************************/
html {
  overflow: -moz-scrollbars-vertical !important; }

body {
  background: #ffffff;
  color: #333;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  font-family: "effra", Arial, sans-serif;
  font-style: normal;
  font-weight: 400; }

/* BASIC ELEMENTS */
p, ul, li {
  font-weight: 200;
  color: #666666;
  font-size: 1.02em; }

p {
  font-size: 1.188em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-family: "bree-serif", Arial, sans-serif;
  font-style: normal; }

h1 {
  color: #666666;
  font-size: 3.8em;
  margin: 50px 0 15px; }

h2 {
  font-size: 1em;
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
  font-family: "effra", Arial, sans-serif; }
  h2 + p {
    margin-top: 3px; }

h3 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.12em;
  color: #55574d;
  font-family: "effra", Arial, sans-serif; }

img {
  border: none; }

a {
  color: #959d6b;
  -webkit-transition: 0.2s all ease-in-out;
          transition: 0.2s all ease-in-out; }
  a:hover {
    -webkit-transition: 0.2s all ease-in-out;
            transition: 0.2s all ease-in-out; }

a:hover,
a:focus,
a:active {
  outline: none; }

/* NAVIGATION */
nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

nav li {
  display: inline-block; }

nav a {
  text-decoration: none; }

/* FIELDS / INPUTS / BUTTONS */
fieldset {
  border: none;
  padding: 0;
  margin: 0; }

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="phone"],
textarea {
  display: block;
  padding: 8px 15px;
  background: #fff;
  font-size: .9em;
  position: relative;
  z-index: 1;
  -webkit-appearance: none; }

textarea {
  min-height: 116px; }

label {
  color: #666;
  font-size: .87em; }
  label.error {
    background: #888;
    color: #fff;
    border-radius: 0 0 3px 3px;
    display: block;
    margin-top: -25px;
    margin-bottom: 15px;
    padding: 10px 10px 5px;
    position: relative;
    width: 100%;
    z-index: 0; }

input[type="submit"] {
  border: none; }

button {
  border: none;
  background: none;
  cursor: pointer; }

/* BUTTON */
.btn {
  padding: 12px 20px 15px 20px;
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-family: "bree-serif", Arial, sans-serif;
  font-size: 1.250em;
  font-weight: 400;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background: #959d6b; }

.btn:hover {
  background: #798055; }

/**********************************************************************************/
/* 															  LAYOUT	    	  */
/**********************************************************************************/
/* MOBILE OFF CANVAS NAV */
.navtoggle {
  text-decoration: none;
  font-size: 40px;
  margin-top: 27px;
  float: right;
  color: #333;
  display: none; }

.nav-offcanvas {
  background: #959d6b;
  bottom: 0;
  display: block;
  left: -280px;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
  width: 280px; }
  .nav-offcanvas header {
    padding: 20px;
    overflow: hidden;
    background: none; }
    .nav-offcanvas header h3 {
      float: left;
      margin: 10px 0 20px 0;
      color: #5c6141; }
    .nav-offcanvas header .navtoggle {
      font-size: 0.85em;
      font-weight: "bree-serif", Arial, sans-serif;
      float: right;
      text-decoration: none;
      margin: 16px 0 0 0;
      color: #5c6141; }
      .nav-offcanvas header .navtoggle:hover {
        color: #ffffff; }
  .nav-offcanvas ul li {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #5c6141; }
  .nav-offcanvas ul a {
    display: block;
    padding: 10px 0;
    font-family: "bree-serif", Arial, sans-serif;
    font-weight: 300;
    color: #e2e4d6; }
    .nav-offcanvas ul a span {
      margin-right: 10px; }
    .nav-offcanvas ul a:hover {
      background: #5c6141;
      color: #fff;
      padding-left: 20px; }
  .nav-offcanvas #headersearchform {
    margin-top: 40px;
    float: left;
    position: relative;
    z-index: 999;
    height: 40px;
    width: 100%; }
    .nav-offcanvas #headersearchform fieldset {
      opacity: 1;
      max-width: 0;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      float: left;
      -webkit-transition: ease-in-out 0.2s all;
              transition: ease-in-out 0.2s all; }
      .nav-offcanvas #headersearchform fieldset input {
        width: 100%;
        padding: 4px 30px 5px 0;
        display: block;
        outline: 0;
        font-size: 0.85em;
        font-weight: 300;
        font-style: italic;
        font-family: "bree-serif", Arial, sans-serif;
        border: 2px solid transparent;
        -webkit-transition: ease-in-out 0.2s all;
                transition: ease-in-out 0.2s all;
        -webkit-appearance: none; }
        .nav-offcanvas #headersearchform fieldset input::-webkit-search-cancel-button {
          display: none; }
        .nav-offcanvas #headersearchform fieldset input:focus {
          border: 2px solid #5c6141;
          outline: 0;
          -webkit-transition: ease-in-out 0.2s all;
                  transition: ease-in-out 0.2s all; }
      .nav-offcanvas #headersearchform fieldset button {
        z-index: 999;
        position: absolute;
        padding: 5px;
        right: 5px;
        top: 7px;
        cursor: pointer;
        cursor: hand; }
    .nav-offcanvas #headersearchform.open form fieldset {
      opacity: 1;
      max-width: 250px; }
    .nav-offcanvas #headersearchform.open form #toggle-search .icon-close {
      opacity: 1; }
    .nav-offcanvas #headersearchform.open form #toggle-search .icon-magglass {
      opacity: 0; }

.canvas-wrap {
  position: relative;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }

.navopen .nav-offcanvas {
  left: 0; }
.navopen .canvas-wrap {
  right: -280px; }

/* PRIMARY NAV */
.nav-primary {
  float: right;
  clear: right;
  padding-left: 40px;
  margin-top: 40px; }
  .nav-primary ul {
    float: right; }
    .nav-primary ul li {
      display: inline-block;
      margin: 0 0 0 45px; }
      .nav-primary ul li a {
        font-family: "bree-serif", Arial, sans-serif;
        font-size: 1.125em;
        font-weight: 300;
        color: #444444;
        margin: 0; }
        .nav-primary ul li a span {
          vertical-align: middle;
          color: #9dbfda;
          font-size: 1.25em;
          margin-right: 5px;
          -webkit-transition: ease-in-out 0.2s all;
                  transition: ease-in-out 0.2s all; }
        .nav-primary ul li a:hover, .nav-primary ul li a:hover span {
          color: #5fa3cd;
          -webkit-transition: ease-in-out 0.2s all;
                  transition: ease-in-out 0.2s all; }
      .nav-primary ul li:first-child {
        margin-left: 0; }

.logo {
  background: url(../images/pei-flavours-logo.png);
  position: relative;
  float: left;
  font-size: 0;
  display: inline-block;
  z-index: 999;
  width: 110px;
  height: 90px; }

.wrap {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 1250px;
  width: 90%;
  margin: 0 auto;
  height: auto;
  z-index: 1000; }

.wrap:before,
.wrap:after {
  content: " ";
  /* 1 */
  display: table
  /* 2 */ }

.wrap:after {
  clear: both; }

.content-container {
  width: 100%;
  display: block;
  overflow: hidden; }

/* MAIN CONTENT SECTION (Some also above) */
header.site {
  width: 100%;
  padding: 15px 0 25px;
  background: #fff
  /*
  		.header-right {
  			float: right;
  			width: 75%;
  			max-width: 750px;
  */ }
  header.site .header-right-misc {
    display: block;
    float: right; }
    header.site .header-right-misc a {
      color: #444444;
      float: right;
      text-decoration: none;
      font-family: "bree-serif", Arial, sans-serif;
      font-style: italic;
      font-size: 0.875em;
      margin: 6px 0 0 30px; }
      header.site .header-right-misc a:hover {
        text-decoration: underline; }

.utility-bar {
  background: #959d6b;
  overflow: hidden;
  padding: 5px 0; }
  .utility-bar .headersearch {
    float: right;
    color: #fff;
    position: relative; }
    .utility-bar .headersearch .toggle {
      text-decoration: none;
      color: #fff;
      font-family: "bree-serif", Arial, sans-serif;
      font-style: italic;
      font-size: 1em; }
    .utility-bar .headersearch input {
      text-decoration: none;
      color: #fff;
      font-family: "bree-serif", Arial, sans-serif;
      font-style: italic;
      font-size: 1em;
      background: none;
      border: none;
      display: inline-block;
      max-width: 200px;
      width: 100%;
      border-bottom: 1px solid #959d6b;
      padding: 8px 50px 8px 0;
      -webkit-transition: ease-in-out 0.2s all;
              transition: ease-in-out 0.2s all; }
      .utility-bar .headersearch input:focus {
        max-width: 240px;
        border-bottom: 1px solid #b7bf8d; }
    .utility-bar .headersearch button {
      display: inline-block;
      position: absolute;
      z-index: 100;
      right: 0;
      top: 11px;
      color: #fff;
      margin-left: 10px;
      font-size: 18px; }

.home-content {
  background: #959d6b url(../images/export_homepage.jpg) center bottom no-repeat;
  background-size: cover;
  width: 100%;
  text-align: center;
  position: relative;
  padding: 0;
  z-index: 900;
  box-shadow: 0px 0px 100px 20px rgba(0, 0, 0, 0.3) inset; }
  .home-content .main-content-callout {
    text-align: center;
    max-width: 580px;
    margin: 100px auto 80px; }
    .home-content .main-content-callout h3 {
      color: #ffffff;
      font-size: 1.750em;
      font-family: "bree-serif", Arial, sans-serif;
      font-weight: 300;
      margin: 0;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); }
      .home-content .main-content-callout h3 strong {
        font-weight: 800;
        font-size: 1.68em; }
    .home-content .main-content-callout h1 {
      color: #ffffff;
      font-size: 6em;
      line-height: 1;
      font-weight: 800;
      font-style: italic;
      margin: 0 0 50px 0;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); }
    .home-content .main-content-callout p {
      font-size: 1.5em;
      font-weight: 300;
      color: #fff;
      font-family: "bree-serif", Arial, sans-serif;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.8); }

.three-col {
  width: 100%;
  position: relative;
  text-align: center;
  list-style-type: none;
  height: auto;
  margin: 0 0 60px;
  padding: 0;
  display: inline-block; }
  .three-col li {
    display: inline-block;
    max-width: 316px;
    width: 31%;
    margin-left: 2.5%;
    vertical-align: top; }
    .three-col li:nth-child(3n+1) {
      margin-left: 0; }
    .three-col li a {
      text-decoration: none; }
    .three-col li p:first-of-type {
      text-align: left; }
    .three-col li .three-col-boxes {
      display: block;
      width: 100%;
      height: 201px;
      border: 4px solid #ffffff;
      color: #ffffff;
      position: relative;
      padding: 25px;
      -webkit-transition: ease-in-out 0.2s all;
              transition: ease-in-out 0.2s all; }
      .three-col li .three-col-boxes .see-more-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 1px 10px 5px 10px;
        text-decoration: none;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.7);
        font-size: 1em;
        font-weight: 300;
        font-style: italic;
        font-family: "bree-serif", Arial, sans-serif;
        z-index: 999; }
      .three-col li .three-col-boxes h4 {
        color: #fff;
        font-size: 1.8em;
        line-height: 1.2;
        text-decoration: none;
        margin: 30px 0;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.6); }
    .three-col li p:first-child {
      color: #ffffff;
      font-size: 1em;
      font-weight: 300;
      font-style: italic;
      font-family: "bree-serif", Arial, sans-serif;
      margin: 0 0 15px 0; }

.home-featured {
  padding: 50px 0; }
  .home-featured .grid {
    background: none;
    padding-bottom: 0; }
    .home-featured .grid .featured-list {
      margin-top: 0;
      text-align: center; }
  .home-featured h3 {
    margin-top: 0;
    text-align: center; }

footer {
  padding: 50px 0;
  width: 100%;
  background: #5fa3cd; }
  footer .footer-left {
    float: left; }
    footer .footer-left .social-media {
      padding: 0;
      margin: 0; }
      footer .footer-left .social-media li {
        display: inline-block;
        margin-left: 10px; }
        footer .footer-left .social-media li:first-child {
          margin-left: 0; }
        footer .footer-left .social-media li a {
          background: #ffffff;
          display: block;
          width: 45px;
          height: 45px;
          border-radius: 100%;
          text-decoration: none; }
          footer .footer-left .social-media li a:hover {
            background: transparent; }
          footer .footer-left .social-media li a:hover span {
            color: #ffffff;
            -webkit-transition: ease-in-out 0.2s all;
                    transition: ease-in-out 0.2s all; }
          footer .footer-left .social-media li a span {
            font-size: 1.5em;
            color: #3d6a86;
            text-align: center;
            line-height: 45px;
            display: block;
            margin: 0 auto;
            -webkit-transition: ease-in-out 0.2s all;
                    transition: ease-in-out 0.2s all; }
  footer .footer-right {
    float: right;
    width: 67.2%;
    max-width: 672px; }
    footer .footer-right form {
      float: right; }
      footer .footer-right form label, footer .footer-right form input, footer .footer-right form button {
        display: inline-block;
        vertical-align: middle; }
      footer .footer-right form label {
        font-size: 1em;
        color: #ffffff;
        font-weight: 400;
        margin-right: 20px; }
      footer .footer-right form #enews {
        width: 250px;
        background: #8cbddb;
        color: #ffffff;
        padding: 8px 20px 10px 18px;
        border: 0;
        font-weight: 400;
        font-family: "bree-serif", Arial, sans-serif;
        font-size: 1em;
        outline: 0;
        -webkit-transition: ease-in-out 0.2s all;
                transition: ease-in-out 0.2s all; }
        footer .footer-right form #enews:focus {
          background: #79b2d5;
          -webkit-transition: ease-in-out 0.2s all;
                  transition: ease-in-out 0.2s all; }
      footer .footer-right form #submit {
        padding: 0;
        margin: 0 0 0 2px;
        height: 41px;
        font-size: 0;
        width: 60px;
        background: #8cbddb; }
        footer .footer-right form #submit span {
          color: #4f606d;
          display: block;
          margin: 0 auto;
          text-align: center;
          font-size: 40px; }
        footer .footer-right form #submit:focus {
          outline: 0;
          background: #79b2d5; }

#enews::-webkit-input-placeholder, #search-product::-webkit-input-placeholder {
  font-weight: 300;
  font-family: "bree-serif", Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #ffffff; }

#enews:-moz-placeholder,
#search-product:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  font-family: "bree-serif", Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #ffffff; }

#enews::-moz-placeholder,
#search-product::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  font-family: "bree-serif", Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #ffffff; }

#enews:-ms-input-placeholder,
#search-product:-ms-input-placeholder {
  font-weight: 300;
  font-family: "bree-serif", Arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #ffffff; }

.nav-footer {
  float: right;
  margin-top: 30px; }
  .nav-footer ul {
    text-align: right; }
    .nav-footer ul li {
      display: inline-block;
      margin-left: 45px; }
      .nav-footer ul li:first-child {
        margin-left: 0; }
      .nav-footer ul li a {
        font-size: 1em;
        color: #ffffff;
        font-weight: 300;
        font-style: italic;
        font-family: "bree-serif", Arial, sans-serif; }
        .nav-footer ul li a:hover {
          color: #8cbddb; }

/**********************************************************************************/
/* 															  GENERAL PAGE		  */
/**********************************************************************************/
.section-info header {
  background: url(../images/export_homepage.jpg) bottom center no-repeat;
  background-size: cover; }
  .section-info header.agriculture {
    background-image: url(../images/agriculture-header.jpg);
    background-image: url(../images/agriculture-header-2.jpg); }
  .section-info header.seafood {
    background-image: url(../images/export_homepage.jpg); }
  .section-info header.companies {
    background-image: url(../images/export_homepage.jpg); }
  .section-info header h1 {
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    margin: 60px 0 40px; }
.section-info .section-descriptions {
  overflow: hidden;
  margin: 20px 0 50px; }
  .section-info .section-descriptions .col {
    float: left;
    width: 30%;
    margin-right: 5%; }
    .section-info .section-descriptions .col:nth-child(3n) {
      margin-right: 0; }
    .section-info .section-descriptions .col .more {
      display: none; }

.pagenav {
  padding: 0;
  margin: 30px 0; }
  .pagenav .back {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 60px;
    margin-bottom: 15px; }
  .pagenav .breadcrumbs {
    display: inline-block;
    padding: 0; }
    .pagenav .breadcrumbs li {
      display: inline-block;
      font-weight: 400; }
      .pagenav .breadcrumbs li:after {
        color: #959d6b;
        content: ">";
        display: inline-block;
        font-size: 1em; }
      .pagenav .breadcrumbs li:last-child::after {
        content: "";
        display: none; }
      .pagenav .breadcrumbs li.here {
        color: #959d6b;
        font-size: 1em;
        padding: 0 5px;
        text-transform: uppercase; }
      .pagenav .breadcrumbs li a {
        color: #959d6b;
        font-size: 1em;
        padding: 0 5px;
        text-decoration: underline;
        text-transform: uppercase; }

/**********************************************************************************/
/* 															  GRID FILTER		  */
/**********************************************************************************/
.grid-filter {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.filter-form h3,
.filter-form .checkbox {
  overflow: hidden;
  display: inline-block;
  margin: 0 30px 0 0; }
.filter-form.companies h3 {
  width: 100%;
  margin-bottom: 10px; }
.filter-form.companies .checkbox {
  width: 175px; }
.filter-form .checkbox {
  position: relative; }
  .filter-form .checkbox label {
    margin: 0;
    font-weight: 200;
    color: #666666;
    font-size: 1.02em; }
    .filter-form .checkbox label .icon-checkbox {
      display: inline-block;
      font-size: 12px;
      padding-right: 2px; }
    .filter-form .checkbox label .icon-checkbox-checked {
      display: none;
      font-size: 14px; }
  .filter-form .checkbox input {
    position: absolute;
    top: 0;
    left: -999px; }
  .filter-form .checkbox input:checked + label {
    color: #959d6b; }
    .filter-form .checkbox input:checked + label .icon-checkbox {
      display: none; }
    .filter-form .checkbox input:checked + label .icon-checkbox-checked {
      display: inline-block; }
.filter-form legend {
  display: block;
  width: 100%;
  margin: 20px 0 10px;
  border-bottom: 1px solid #ccc; }

#market-filter {
  display: none; }
  #market-filter h3 {
    margin: 40px 0; }

#market-filter-toggle {
  width: 100%;
  text-align: center;
  display: block;
  padding: 8px 0;
  line-height: 1;
  margin: 20px 0 -10px;
  text-decoration: none;
  color: #959d6b;
  border-top: 1px solid #ccc; }
  #market-filter-toggle span strong {
    margin: 0 10px;
    font-weight: 700;
    font-size: .8em; }
  #market-filter-toggle .filter-closed {
    display: inline; }
  #market-filter-toggle .filter-open {
    display: none; }
  #market-filter-toggle.open .filter-closed {
    display: none; }
  #market-filter-toggle.open .filter-open {
    display: inline; }

/**********************************************************************************/
/* 															  LIST ITEMS		  */
/**********************************************************************************/
.grid {
  background: #f7f7f7;
  padding: 20px 0 70px; }

.keyword-filter {
  float: right;
  margin: 10px 0 0;
  position: relative; }
  .keyword-filter input {
    background: none;
    border: none;
    border-bottom: 1px solid #cccccc;
    padding: 0 40px 5px 0;
    color: #aaa; }
  .keyword-filter ::-webkit-input-placeholder,
  .keyword-filter :-moz-placeholder,
  .keyword-filter ::-moz-placeholder,
  .keyword-filter :-ms-input-placeholder {
    font-style: italic; }
  .keyword-filter span {
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc; }

.iso-list,
.featured-list {
  padding: 0;
  margin: 60px 0 0;
  list-style-type: none;
  text-align: left; }
  .iso-list > div,
  .featured-list > div {
    display: inline-block;
    margin: 0 20px 20px 0;
    position: relative; }
    .iso-list > div .flag,
    .featured-list > div .flag {
      display: block;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 100;
      color: #fff;
      background: #aaa;
      text-align: center;
      line-height: 30px; }
      .iso-list > div .flag.seafood,
      .featured-list > div .flag.seafood {
        background: #8384b7; }
      .iso-list > div .flag.agriculture,
      .featured-list > div .flag.agriculture {
        background: #b0b78b; }
    .iso-list > div a,
    .featured-list > div a {
      text-decoration: none;
      padding: 10px;
      display: block;
      overflow: hidden;
      border: 2px solid #ddd;
      background: #fff;
      height: 200px;
      position: relative;
      -webkit-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out; }
      .iso-list > div a .img,
      .featured-list > div a .img {
        width: 200px;
        heighT: 140px;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .iso-list > div a .img img,
        .featured-list > div a .img img {
          width: 100%;
          heighT: auto; }
      .iso-list > div a .txt,
      .featured-list > div a .txt {
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        width: 200px;
        height: 200px;
        top: 150px;
        -webkit-transition: 0.15s all ease-in-out;
        transition: 0.15s all ease-in-out; }
        .iso-list > div a .txt > h4,
        .featured-list > div a .txt > h4 {
          text-transform: uppercase;
          color: #777777;
          font-weight: 500;
          font-size: 1.1em;
          font-family: "effra", Arial, sans-serif;
          margin: 0;
          padding: 10px 0 0; }
        .iso-list > div a .txt p,
        .featured-list > div a .txt p {
          display: block;
          font-size: .9em; }
        .iso-list > div a .txt .read-more,
        .featured-list > div a .txt .read-more {
          display: block;
          position: absolute;
          width: 100%;
          bottom: 0;
          z-index: 10;
          padding: 30px 0 20px;
          font-weight: 700;
          font-size: .8em;
          text-transform: uppercase;
          color: #959d6b;
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(100%, white));
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, white 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 40%, white 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
      .iso-list > div a:hover .txt,
      .featured-list > div a:hover .txt {
        top: 0; }

.company-grid .iso-list > div a {
  height: 280px; }
  .company-grid .iso-list > div a .img {
    white-space: nowrap;
    height: 200px; }
    .company-grid .iso-list > div a .img:before {
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .company-grid .iso-list > div a .img img {
      vertical-align: middle; }
  .company-grid .iso-list > div a .txt {
    top: 200px;
    height: 280px; }
    .company-grid .iso-list > div a .txt > h4 {
      min-height: 80px;
      font-size: .9em; }
  .company-grid .iso-list > div a:hover .txt {
    top: 0; }

.background {
  position: absolute !important;
  z-index: 0; }

/**********************************************************************************/
/* 															  LIST AJAX ENTRY	  */
/**********************************************************************************/
#ajax-container,
#product-entry {
  display: none;
  overflow: hidden;
  padding: 40px;
  background: #fff;
  border: 2px solid #ccc;
  width: 100%;
  position: relative;
  z-index: 100;
  margin-top: 60px; }
  #ajax-container .ajax-close,
  #product-entry .ajax-close {
    position: absolute;
    right: 40px;
    top: 40px;
    font-size: 30px;
    color: #ccc;
    text-decoration: none; }
    #ajax-container .ajax-close:hover,
    #product-entry .ajax-close:hover {
      color: #aaa; }
  #ajax-container h2,
  #product-entry h2 {
    font-size: 1.8em;
    text-transform: none;
    margin: 5px 0 30px; }
  #ajax-container h3,
  #product-entry h3 {
    margin: 0px 0 10px;
    float: left;
    width: 100%; }
  #ajax-container h3 + p,
  #product-entry h3 + p {
    margin-top: 0; }
  #ajax-container p + h3,
  #product-entry p + h3 {
    margin: 30px 0 10px; }
  #ajax-container .list-info,
  #product-entry .list-info {
    margin-top: 40px;
    overflow: hidden; }
    #ajax-container .list-info ul,
    #product-entry .list-info ul {
      list-style-type: none;
      padding: 0;
      margin-top: 0; }
      #ajax-container .list-info ul:last-child,
      #product-entry .list-info ul:last-child {
        margin-right: 0; }
      #ajax-container .list-info ul li,
      #product-entry .list-info ul li {
        font-size: .9em;
        margin-bottom: 5px; }
        #ajax-container .list-info ul li strong,
        #product-entry .list-info ul li strong {
          color: #111; }
  #ajax-container.product .product-main,
  #product-entry.product .product-main {
    float: left;
    width: 100%;
    padding-right: 400px;
    margin-bottom: 80px; }
    #ajax-container.product .product-main .flexslider,
    #product-entry.product .product-main .flexslider {
      margin-bottom: 80px;
      width: 100%;
      position: relative; }
      #ajax-container.product .product-main .flexslider li,
      #product-entry.product .product-main .flexslider li {
        text-align: center; }
      #ajax-container.product .product-main .flexslider img,
      #product-entry.product .product-main .flexslider img {
        display: inline-block;
        width: 100%;
        heighT: auto;
        max-width: 600px;
        margin: 0 auto; }
  #ajax-container.product .list-info,
  #product-entry.product .list-info {
    margin-top: 40px; }
    #ajax-container.product .list-info ul,
    #product-entry.product .list-info ul {
      width: 100%;
      margin-right: 0; }
  #ajax-container.product .additional,
  #product-entry.product .additional {
    widtH: 300px;
    margin-top: 0;
    margin-left: -300px;
    margin-bottom: 80px;
    float: right; }
    #ajax-container.product .additional .providers,
    #product-entry.product .additional .providers {
      margin-left: 40px;
      margin-bottom: 20px; }
      #ajax-container.product .additional .providers h3,
      #product-entry.product .additional .providers h3 {
        margin: 0 0 20px; }
      #ajax-container.product .additional .providers ul,
      #product-entry.product .additional .providers ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        #ajax-container.product .additional .providers ul li,
        #product-entry.product .additional .providers ul li {
          border-bottom: 1px solid #ccc;
          display: block;
          padding: 10px 0; }
          #ajax-container.product .additional .providers ul li a,
          #product-entry.product .additional .providers ul li a {
            text-decoration: none;
            font-weight: 400; }
          #ajax-container.product .additional .providers ul li:last-child,
          #product-entry.product .additional .providers ul li:last-child {
            border-bottom: none; }
    #ajax-container.product .additional .details,
    #product-entry.product .additional .details {
      clear: both;
      max-width: 680px; }
      #ajax-container.product .additional .details h3,
      #product-entry.product .additional .details h3 {
        font-weighT: 700;
        color: #111;
        margin: 30px 0 10px; }
        #ajax-container.product .additional .details h3 + p,
        #product-entry.product .additional .details h3 + p {
          margin-top: 0; }
  #ajax-container.company .logo-products,
  #product-entry.company .logo-products {
    widtH: 200px;
    float: left;
    margin-bottom: 80px; }
  #ajax-container.company .company-logo,
  #product-entry.company .company-logo {
    margin-bottom: 20px; }
    #ajax-container.company .company-logo img,
    #product-entry.company .company-logo img {
      width: 100%;
      height: auto; }
  #ajax-container.company .products-available h3,
  #product-entry.company .products-available h3 {
    margin: 0 0 10px; }
  #ajax-container.company .products-available ul,
  #product-entry.company .products-available ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both; }
    #ajax-container.company .products-available ul li,
    #product-entry.company .products-available ul li {
      display: block;
      font-size: 0.9em; }
      #ajax-container.company .products-available ul li.list-header,
      #product-entry.company .products-available ul li.list-header {
        padding: 10px 0;
        font-weight: 600; }
      #ajax-container.company .products-available ul li a,
      #product-entry.company .products-available ul li a {
        /*
        							text-decoration:none;
        							font-weight:400;
        							display:block;
        							padding:0 0;
        							
        							&:hover {
        								background:#f1f1f1;
        							}
        							span {
        								floaT:right;
        							}
        */ }
      #ajax-container.company .products-available ul li:last-child,
      #product-entry.company .products-available ul li:last-child {
        border-bottom: none; }
    #ajax-container.company .products-available ul + h3,
    #product-entry.company .products-available ul + h3 {
      margin-top: 40px; }
  #ajax-container.company .details,
  #product-entry.company .details {
    margin-left: 240px;
    margin-bottom: 80px; }
    #ajax-container.company .details h3,
    #product-entry.company .details h3 {
      font-weighT: 700;
      color: #111;
      margin: 30px 0 10px; }
      #ajax-container.company .details h3 + p,
      #product-entry.company .details h3 + p {
        margin-top: 0; }
    #ajax-container.company .details .list-info ul,
    #product-entry.company .details .list-info ul {
      width: 30%;
      margin-right: 5%;
      float: left; }
      #ajax-container.company .details .list-info ul:last-child,
      #product-entry.company .details .list-info ul:last-child {
        margin-right: 0; }

#product-entry {
  display: block;
  border: none;
  padding: 0;
  margin: 0; }

/**********************************************************************************/
/* 															  SUBPAGE + CONTACT	  */
/**********************************************************************************/
.subpage-content .content {
  overflow: hidden;
  margin-bottom: 60px;
  float: left;
  width: 65%;
  margin-right: 5%; }
  .subpage-content .content h3 {
    font-weighT: 700;
    color: #111;
    margin: 30px 0 10px; }
    .subpage-content .content h3 + p {
      margin-top: 0; }
  .subpage-content .content p {
    max-width: 100%; }
    .subpage-content .content p img {
      width: auto;
      height: auto;
      max-width: 100%; }
.subpage-content .sidebar {
  float: left;
  width: 30%; }
.subpage-content.aboutpage .content p img {
  width: auto !important;
  height: auto !important;
  max-width: 100%; }

#contact-form h3 {
  margin-top: 0; }
#contact-form label {
  display: block;
  font-weight: 300;
  font-size: 1em;
  width: 100%;
  margin-bottom: 20px; }
#contact-form input,
#contact-form textarea {
  border: 2px solid #ccc;
  width: 100%; }
#contact-form button {
  background: #959d6b;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  border-radius: 5px;
  display: block;
  width: 100%;
  padding: 8px;
  font-family: "bree-serif", Arial, sans-serif; }