@charset "UTF-8";
/* EFIC > Efic Mincer | Deepend.com.au (c) 2015 | Author: Ray Ranola */
/**
*
* Directory variables
*
**/
/**
*
* Overriding Bootstrap config variables
*
**/
/**
*
* Structure, Media queries and breakpoints
*
**/
/**
*
* Brading variables - colours, logos etc
*
**/
/* Social */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #53ae31;
  text-decoration: none;
}

a:hover, a:focus {
  color: #30383b;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h4 .h4 {
  color: green;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 28px;
}

h2, .h2 {
  font-size: 25px;
}

h3, .h3 {
  font-size: 20px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 744px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 964px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1164px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -12px;
  margin-right: -12px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px;
}

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

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.jumbotron, .product-hero {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1, .product-hero h1,
.jumbotron .h1,
.product-hero .h1 {
  color: inherit;
}

.jumbotron p, .product-hero p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr, .product-hero > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron, .container .product-hero,
.container-fluid .jumbotron,
.container-fluid .product-hero {
  border-radius: 6px;
  padding-left: 12px;
  padding-right: 12px;
}

.jumbotron .container, .product-hero .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron, .product-hero {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container .product-hero,
  .container-fluid .jumbotron,
  .container-fluid .product-hero {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1, .product-hero h1,
  .jumbotron .h1,
  .product-hero .h1 {
    font-size: 63px;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 30px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 30px;
}

.modal-footer {
  padding: 30px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

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

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

.mobileGridReset {
  width: 100%;
}

.mobileGridReset .gridContent {
  width: 100%;
}

.mobileGridReset .gridContent .column {
  width: 100%;
}

.mobileGridReset .gridContent .column .box {
  width: auto;
  float: none;
  clear: both;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.mobileGridReset .gridContent .column.half .box,
.mobileGridReset .gridContent .column.quarter .box,
.mobileGridReset .gridContent .column.third .box {
  position: relative;
}

.column {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
}

.box {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
}

.fullWidth {
  width: 100%;
  position: relative;
  float: left;
  background-position: top;
  background-repeat: no-repeat;
}

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.gridContent {
  float: left;
  position: relative;
}

.gridContainer {
  width: 960px;
}

.gridContainer .col12 {
  width: 960px;
}

.gridContainer .col12 .colwide1 {
  width: 80px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide1 {
  width: 60px;
}

.gridContainer .col12 .colhigh1 {
  height: 80px;
}

.gridContainer .col12 .high1 {
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide2 {
  width: 160px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide2 {
  width: 140px;
}

.gridContainer .col12 .colhigh2 {
  height: 160px;
}

.gridContainer .col12 .high2 {
  height: 140px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide3 {
  width: 240px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide3 {
  width: 220px;
}

.gridContainer .col12 .colhigh3 {
  height: 240px;
}

.gridContainer .col12 .high3 {
  height: 220px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide4 {
  width: 320px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide4 {
  width: 300px;
}

.gridContainer .col12 .colhigh4 {
  height: 320px;
}

.gridContainer .col12 .high4 {
  height: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide5 {
  width: 400px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide5 {
  width: 380px;
}

.gridContainer .col12 .colhigh5 {
  height: 400px;
}

.gridContainer .col12 .high5 {
  height: 380px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide6 {
  width: 480px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide6 {
  width: 460px;
}

.gridContainer .col12 .colhigh6 {
  height: 480px;
}

.gridContainer .col12 .high6 {
  height: 460px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide7 {
  width: 560px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide7 {
  width: 540px;
}

.gridContainer .col12 .colhigh7 {
  height: 560px;
}

.gridContainer .col12 .high7 {
  height: 540px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide8 {
  width: 640px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide8 {
  width: 620px;
}

.gridContainer .col12 .colhigh8 {
  height: 640px;
}

.gridContainer .col12 .high8 {
  height: 620px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide9 {
  width: 720px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide9 {
  width: 700px;
}

.gridContainer .col12 .colhigh9 {
  height: 720px;
}

.gridContainer .col12 .high9 {
  height: 700px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide10 {
  width: 800px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide10 {
  width: 780px;
}

.gridContainer .col12 .colhigh10 {
  height: 800px;
}

.gridContainer .col12 .high10 {
  height: 780px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide11 {
  width: 880px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide11 {
  width: 860px;
}

.gridContainer .col12 .colhigh11 {
  height: 880px;
}

.gridContainer .col12 .high11 {
  height: 860px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .colwide12 {
  width: 960px;
}

.gridContainer .col12 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col12 .wide12 {
  width: 940px;
}

.gridContainer .col12 .colhigh12 {
  height: 960px;
}

.gridContainer .col12 .high12 {
  height: 940px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col12 .column.half {
  width: 50%;
}

.gridContainer .col12 .column.half .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.gridContainer .col12 .column.quarter {
  width: 25%;
}

.gridContainer .col12 .column.quarter .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.gridContainer .col12 .column.third {
  width: 33%;
  width: calc(33.333333333333336%);
}

.gridContainer .col12 .column.third .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.gridContainer .col16 {
  width: 960px;
}

.gridContainer .col16 .colwide1 {
  width: 60px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide1 {
  width: 40px;
}

.gridContainer .col16 .colhigh1 {
  height: 60px;
}

.gridContainer .col16 .high1 {
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide2 {
  width: 120px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide2 {
  width: 100px;
}

.gridContainer .col16 .colhigh2 {
  height: 120px;
}

.gridContainer .col16 .high2 {
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide3 {
  width: 180px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide3 {
  width: 160px;
}

.gridContainer .col16 .colhigh3 {
  height: 180px;
}

.gridContainer .col16 .high3 {
  height: 160px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide4 {
  width: 240px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide4 {
  width: 220px;
}

.gridContainer .col16 .colhigh4 {
  height: 240px;
}

.gridContainer .col16 .high4 {
  height: 220px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide5 {
  width: 300px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide5 {
  width: 280px;
}

.gridContainer .col16 .colhigh5 {
  height: 300px;
}

.gridContainer .col16 .high5 {
  height: 280px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide6 {
  width: 360px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide6 {
  width: 340px;
}

.gridContainer .col16 .colhigh6 {
  height: 360px;
}

.gridContainer .col16 .high6 {
  height: 340px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide7 {
  width: 420px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide7 {
  width: 400px;
}

.gridContainer .col16 .colhigh7 {
  height: 420px;
}

.gridContainer .col16 .high7 {
  height: 400px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide8 {
  width: 480px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide8 {
  width: 460px;
}

.gridContainer .col16 .colhigh8 {
  height: 480px;
}

.gridContainer .col16 .high8 {
  height: 460px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide9 {
  width: 540px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide9 {
  width: 520px;
}

.gridContainer .col16 .colhigh9 {
  height: 540px;
}

.gridContainer .col16 .high9 {
  height: 520px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide10 {
  width: 600px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide10 {
  width: 580px;
}

.gridContainer .col16 .colhigh10 {
  height: 600px;
}

.gridContainer .col16 .high10 {
  height: 580px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide11 {
  width: 660px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide11 {
  width: 640px;
}

.gridContainer .col16 .colhigh11 {
  height: 660px;
}

.gridContainer .col16 .high11 {
  height: 640px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide12 {
  width: 720px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide12 {
  width: 700px;
}

.gridContainer .col16 .colhigh12 {
  height: 720px;
}

.gridContainer .col16 .high12 {
  height: 700px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide13 {
  width: 780px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide13 {
  width: 760px;
}

.gridContainer .col16 .colhigh13 {
  height: 780px;
}

.gridContainer .col16 .high13 {
  height: 760px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide14 {
  width: 840px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide14 {
  width: 820px;
}

.gridContainer .col16 .colhigh14 {
  height: 840px;
}

.gridContainer .col16 .high14 {
  height: 820px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide15 {
  width: 900px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide15 {
  width: 880px;
}

.gridContainer .col16 .colhigh15 {
  height: 900px;
}

.gridContainer .col16 .high15 {
  height: 880px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .colwide16 {
  width: 960px;
}

.gridContainer .col16 .box {
  margin-left: 10px;
  margin-right: 10px;
}

.gridContainer .col16 .wide16 {
  width: 940px;
}

.gridContainer .col16 .colhigh16 {
  height: 960px;
}

.gridContainer .col16 .high16 {
  height: 940px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gridContainer .col16 .column.half {
  width: 50%;
}

.gridContainer .col16 .column.half .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.gridContainer .col16 .column.quarter {
  width: 25%;
}

.gridContainer .col16 .column.quarter .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.gridContainer .col16 .column.third {
  width: 33%;
  width: calc(33.333333333333336%);
}

.gridContainer .col16 .column.third .box {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

.hideOnDesktop {
  display: none !important;
}

.showOnDesktop {
  display: block !important;
}

@media (max-width: 980px) {
  .fullWidth .gridContainer {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 .colwide1 {
    width: 240px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide1 {
    width: 220px;
  }
  .fullWidth .gridContainer .col12 .colhigh1 {
    height: 240px;
  }
  .fullWidth .gridContainer .col12 .high1 {
    height: 220px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide2 {
    width: 240px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide2 {
    width: 220px;
  }
  .fullWidth .gridContainer .col12 .colhigh2 {
    height: 240px;
  }
  .fullWidth .gridContainer .col12 .high2 {
    height: 220px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide3 {
    width: 240px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide3 {
    width: 220px;
  }
  .fullWidth .gridContainer .col12 .colhigh3 {
    height: 240px;
  }
  .fullWidth .gridContainer .col12 .high3 {
    height: 220px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide4 {
    width: 240px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide4 {
    width: 220px;
  }
  .fullWidth .gridContainer .col12 .colhigh4 {
    height: 240px;
  }
  .fullWidth .gridContainer .col12 .high4 {
    height: 220px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide5 {
    width: 480px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide5 {
    width: 460px;
  }
  .fullWidth .gridContainer .col12 .colhigh5 {
    height: 480px;
  }
  .fullWidth .gridContainer .col12 .high5 {
    height: 460px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide6 {
    width: 480px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide6 {
    width: 460px;
  }
  .fullWidth .gridContainer .col12 .colhigh6 {
    height: 480px;
  }
  .fullWidth .gridContainer .col12 .high6 {
    height: 460px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide7 {
    width: 480px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide7 {
    width: 460px;
  }
  .fullWidth .gridContainer .col12 .colhigh7 {
    height: 480px;
  }
  .fullWidth .gridContainer .col12 .high7 {
    height: 460px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide8 {
    width: 480px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide8 {
    width: 460px;
  }
  .fullWidth .gridContainer .col12 .colhigh8 {
    height: 480px;
  }
  .fullWidth .gridContainer .col12 .high8 {
    height: 460px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide9 {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide9 {
    width: 700px;
  }
  .fullWidth .gridContainer .col12 .colhigh9 {
    height: 720px;
  }
  .fullWidth .gridContainer .col12 .high9 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide10 {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide10 {
    width: 700px;
  }
  .fullWidth .gridContainer .col12 .colhigh10 {
    height: 720px;
  }
  .fullWidth .gridContainer .col12 .high10 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide11 {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide11 {
    width: 700px;
  }
  .fullWidth .gridContainer .col12 .colhigh11 {
    height: 720px;
  }
  .fullWidth .gridContainer .col12 .high11 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .colwide12 {
    width: 720px;
  }
  .fullWidth .gridContainer .col12 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col12 .wide12 {
    width: 700px;
  }
  .fullWidth .gridContainer .col12 .colhigh12 {
    height: 720px;
  }
  .fullWidth .gridContainer .col12 .high12 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col12 .column.half {
    width: 50%;
  }
  .fullWidth .gridContainer .col12 .column.half .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .fullWidth .gridContainer .col12 .column.quarter {
    width: 25%;
  }
  .fullWidth .gridContainer .col12 .column.quarter .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .fullWidth .gridContainer .col12 .column.third {
    width: 33%;
    width: calc(33.333333333333336%);
  }
  .fullWidth .gridContainer .col12 .column.third .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .fullWidth .gridContainer .col16 {
    width: 720px;
  }
  .fullWidth .gridContainer .col16 .colwide1 {
    width: 180px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide1 {
    width: 160px;
  }
  .fullWidth .gridContainer .col16 .colhigh1 {
    height: 180px;
  }
  .fullWidth .gridContainer .col16 .high1 {
    height: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide2 {
    width: 180px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide2 {
    width: 160px;
  }
  .fullWidth .gridContainer .col16 .colhigh2 {
    height: 180px;
  }
  .fullWidth .gridContainer .col16 .high2 {
    height: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide3 {
    width: 180px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide3 {
    width: 160px;
  }
  .fullWidth .gridContainer .col16 .colhigh3 {
    height: 180px;
  }
  .fullWidth .gridContainer .col16 .high3 {
    height: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide4 {
    width: 180px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide4 {
    width: 160px;
  }
  .fullWidth .gridContainer .col16 .colhigh4 {
    height: 180px;
  }
  .fullWidth .gridContainer .col16 .high4 {
    height: 160px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide5 {
    width: 360px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide5 {
    width: 340px;
  }
  .fullWidth .gridContainer .col16 .colhigh5 {
    height: 360px;
  }
  .fullWidth .gridContainer .col16 .high5 {
    height: 340px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide6 {
    width: 360px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide6 {
    width: 340px;
  }
  .fullWidth .gridContainer .col16 .colhigh6 {
    height: 360px;
  }
  .fullWidth .gridContainer .col16 .high6 {
    height: 340px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide7 {
    width: 360px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide7 {
    width: 340px;
  }
  .fullWidth .gridContainer .col16 .colhigh7 {
    height: 360px;
  }
  .fullWidth .gridContainer .col16 .high7 {
    height: 340px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide8 {
    width: 360px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide8 {
    width: 340px;
  }
  .fullWidth .gridContainer .col16 .colhigh8 {
    height: 360px;
  }
  .fullWidth .gridContainer .col16 .high8 {
    height: 340px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide9 {
    width: 540px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide9 {
    width: 520px;
  }
  .fullWidth .gridContainer .col16 .colhigh9 {
    height: 540px;
  }
  .fullWidth .gridContainer .col16 .high9 {
    height: 520px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide10 {
    width: 540px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide10 {
    width: 520px;
  }
  .fullWidth .gridContainer .col16 .colhigh10 {
    height: 540px;
  }
  .fullWidth .gridContainer .col16 .high10 {
    height: 520px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide11 {
    width: 540px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide11 {
    width: 520px;
  }
  .fullWidth .gridContainer .col16 .colhigh11 {
    height: 540px;
  }
  .fullWidth .gridContainer .col16 .high11 {
    height: 520px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide12 {
    width: 540px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide12 {
    width: 520px;
  }
  .fullWidth .gridContainer .col16 .colhigh12 {
    height: 540px;
  }
  .fullWidth .gridContainer .col16 .high12 {
    height: 520px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide13 {
    width: 720px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide13 {
    width: 700px;
  }
  .fullWidth .gridContainer .col16 .colhigh13 {
    height: 720px;
  }
  .fullWidth .gridContainer .col16 .high13 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide14 {
    width: 720px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide14 {
    width: 700px;
  }
  .fullWidth .gridContainer .col16 .colhigh14 {
    height: 720px;
  }
  .fullWidth .gridContainer .col16 .high14 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide15 {
    width: 720px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide15 {
    width: 700px;
  }
  .fullWidth .gridContainer .col16 .colhigh15 {
    height: 720px;
  }
  .fullWidth .gridContainer .col16 .high15 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .colwide16 {
    width: 720px;
  }
  .fullWidth .gridContainer .col16 .box {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .col16 .wide16 {
    width: 700px;
  }
  .fullWidth .gridContainer .col16 .colhigh16 {
    height: 720px;
  }
  .fullWidth .gridContainer .col16 .high16 {
    height: 700px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fullWidth .gridContainer .col16 .column.half {
    width: 50%;
  }
  .fullWidth .gridContainer .col16 .column.half .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .fullWidth .gridContainer .col16 .column.quarter {
    width: 25%;
  }
  .fullWidth .gridContainer .col16 .column.quarter .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .fullWidth .gridContainer .col16 .column.third {
    width: 33%;
    width: calc(33.333333333333336%);
  }
  .fullWidth .gridContainer .col16 .column.third .box {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
  }
  .hideOnTablet {
    display: none !important;
  }
  .showOnTablet {
    display: block !important;
  }
}

@media (max-width: 720px) {
  .fullWidth .gridContainer {
    width: 100%;
  }
  .fullWidth .gridContainer .gridContent {
    width: 100%;
  }
  .fullWidth .gridContainer .gridContent .column {
    width: 100%;
  }
  .fullWidth .gridContainer .gridContent .column .box {
    width: auto;
    float: none;
    clear: both;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
  }
  .fullWidth .gridContainer .gridContent .column.half .box,
  .fullWidth .gridContainer .gridContent .column.quarter .box,
  .fullWidth .gridContainer .gridContent .column.third .box {
    position: relative;
  }
  .hideOnMobile {
    display: none !important;
  }
  .showOnMobile {
    display: block !important;
  }
}

.ie6 body #page,
.ie7 body #page,
.ie8 body #page,
.ie9 body #page {
  display: table;
  height: 100%;
}

.ie6 .gridContainer,
.ie7 .gridContainer,
.ie8 .gridContainer,
.ie9 .gridContainer {
  overflow: visible !important;
}

.ie6 body .gridContainer,
.ie7 body .gridContainer {
  overflow: visible !important;
}

.ie6 body #page,
.ie7 body #page {
  display: table;
  height: auto;
}

.ie6 body #content,
.ie7 body #content {
  margin-bottom: 0 !important;
}

.ie6 body #footer,
.ie7 body #footer {
  min-height: 0 !important;
  margin-top: 0 !important;
  height: 400px;
}

.custom-dropdown--large {
  font-size: 1.5em;
}

.custom-dropdown--small {
  font-size: .7em;
}

.custom-dropdown__select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  /* add some space*/
  margin: 0;
  /* remove default margins */
  padding-right: 2.5em;
  border: 1px solid #d7dbdd !important;
  border-radius: 0px;
  width: 100% !important;
}

.custom-dropdown__select--white {
  background-color: #fff;
  color: #444;
  width: 100%;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100% !important;
  }
  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -0.5em;
  }
  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
  }
  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, 0.3);
  }
  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, 0.1);
  }
  /* White dropdown style */
  .custom-dropdown--white::before {
    top: .5em;
    bottom: .5em;
    /*background-color: #fff;*/
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  .custom-dropdown--white::after {
    color: rgba(0, 0, 0, 0.9);
  }
  /* FF only temporary & ugly fixes */
  /* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
  /* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
  @-moz-document url-prefix() {
    .custom-dropdown__select {
      padding-right: 0.9em;
    }
    .custom-dropdown--large .custom-dropdown__select {
      padding-right: 1.3em;
    }
    .custom-dropdown--small .custom-dropdown__select {
      padding-right: 0.5em;
    }
  }
}

.custom-dropdown.custom-dropdown--white.news-filter-dropdown {
  width: 80% !important;
}

.custom-dropdown.custom-dropdown--white.date-dropdown {
  width: 80% !important;
  margin: 0 auto;
  display: block;
}

@media (max-width: 768px) {
  .custom-dropdown.custom-dropdown--white.date-dropdown {
    width: 47% !important;
  }
  .dropdown-wrapper {
    width: 460px;
  }
}

@media (max-width: 480px) {
  .custom-dropdown.custom-dropdown--white.date-dropdown {
    width: 80% !important;
  }
  .dropdown-wrapper {
    width: 270px;
  }
}

.custom-dropdown.custom-dropdown--white.partner-dropdown {
  width: 90% !important;
  margin: 0 auto;
  display: block;
}

input[type="text"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-border-radius: 0;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-border-radius: 0;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

input[type="textarea"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-border-radius: 0;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

html {
  height: 100%;
}

html body {
  height: 100%;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

html body #header {
  background: -webkit-linear-gradient(left, #65b42a, #a3c610);

  background: -o-linear-gradient(right, #65b42a, #a3c610);

  background: -moz-linear-gradient(right, #65b42a, #a3c610);

  background: linear-gradient(to right, #65b42a, #a3c610);

  height: 100px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
*/
html body #page {
  min-height: 100%;
}

html body #page #content {
  margin-top: 100px;
}

@media (max-width: 980px) {
  .home-wide-button.news-button {
    height: 64px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
  }
  .efic-help-tablet {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  html {
    height: 100%;
  }
  html body {
    height: 100%;
  }
  html body #header {
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(linear, left top, right top, from(#65b42a), to(#a3c610));
    background: linear-gradient(to right, #65b42a, #a3c610);
    /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#65B42A', endColorstr='#A3C610');
    /*For IE7-8-9*/
    height: 100px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000;
  }
  html body #page {
    min-height: 100%;
  }
  html body #page #content {
    margin-top: 45px !important;
  }
  html body .journey-tile {
    margin-top: 20px !important;
  }
  html body #home-page {
    margin-bottom: 40px;
  }
  html body .top-home {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  html body #home-page {
    margin-bottom: 10px !important;
  }
  html body .mini-slider-border {
    border-bottom: none !important;
  }
  html body .content1 {
    margin-top: 10px !important;
    margin-bottom: 40px;
  }
  html body #GenericContentHolder {
    margin-top: 10px !important;
  }
  html body #page {
    min-height: 50%;
  }
}

body {
  /*margin-top: 100px;*/
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.boldItalic {
  font-weight: bold;
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.clear {
  clear: both;
}

.centered {
  text-align: center;
}

.red {
  color: #884444;
}

.redBG {
  background-color: #884444;
}

.black {
  color: #000000;
}

.green {
  color: #52ae32;
}

.lightGreen {
  color: #afca0b;
}

.charcoal {
  color: #30383b;
}

.grey {
  color: #b7bcbf;
}

.darkGrey {
  color: #666666;
}

.white {
  color: #ffffff;
}

.lightGrey {
  color: #d7dbdd;
}

.lightGreyBG {
  background-color: #d7dbdd !important;
}

.exportGrey {
  color: #848586;
}

.darkGreen {
  color: #53ae31;
}

.midGreen {
  color: #86be1c;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016
This is FAR to generic

.active {
  color: #52ae32 !important;
  text-decoration: underline;
}
*/
/*
  Removing as part of new product page redesign / build
  BW 2/3/2016

.breadcrumb .active {
  color: #b7bcbf !important;
  text-decoration: none !important;
}
*/
.blackBG {
  background-color: #000000 !important;
  color: #ffffff;
}

.hFont {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  text-transform: none;
}

.pFont {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
}

.monoFont {
  font-family: 'Ubuntu Mono';
}

pre,
code,
samp,
var {
  font-family: 'Ubuntu Mono';
}

var {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  text-transform: none;
}

h1 {
  font-size: 28px;
  line-height: 60px;
  margin: 10px 0px;
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

h2 {
  font-size: 25px;
  line-height: 40px;
  margin: 10px 0px;
  text-align: inherit;
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

h3 {
  font-size: 20px;
  line-height: 44px;
  margin: 24px 0 10px 0;
}

h4 {
  font-size: 18px;
  line-height: 30px;
  margin: 10px 0px;
}

h5 {
  font-size: 22px;
  line-height: 25px;
  margin: 10px 0px;
}

h6 {
  font-size: 20px;
  line-height: 25px;
  margin: 10px 0px;
  color: #52ae32;
}

h6.bold {
  color: #000000;
}

h6:hover {
  color: #52ae32;
}

html,
body,
p {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  font-size: 15px;
  line-height: 20px;
}

p {
  margin: 10px 0px;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

b i,
strong i,
i b,
i strong,
b em,
strong em,
em b,
em strong {
  font-weight: bold;
  font-style: italic;
}

.font16 {
  font-size: 16px;
  line-height: 20px;
}

.font18 {
  font-size: 18px;
  line-height: 24px;
}

blockquote {
  margin: 20px 0px;
  quotes: "“" "”" "‘" "’";
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.4;
}

blockquote:before, blockquote:after {
  font-family: times;
  font-size: 90px;
  font-style: italic;
  font-weight: normal;
  color: #52ae32;
  content: open-quote;
  height: 45px;
  padding: 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
}

blockquote:after {
  content: close-quote;
}

blockquote h1 {
  color: #b7bcbf;
}

blockquote h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  font-family: 'UniversLTStd55Roman', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  margin: 0;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016
This is FAR to generic

a {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: black;
}
*/
hr {
  background: black;
  border: 0 none;
  height: 1px;
  margin: 10px 0px;
}

ol {
  margin: 10px 0px;
}

ol li {
  list-style: decimal outside none;
  margin-left: 20px;
}

ol li ul,
ol li ol {
  margin: 0px;
}

.masonry-button {
  background: #9ba2a7;
  text-indent: 0;
  display: block;
  color: #ffffff;
  font-family: 'UniversLTStd', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  font-style: normal;
  height: 46px;
  line-height: 2.8em;
  width: 190px;
  text-decoration: none;
  text-align: center;
  margin-top: -28px;
  overflow: hidden;
}

.tag.smaller {
  border: 1px solid;
  padding: 0 10px;
  height: 20px;
  line-height: 18px;
  width: auto;
  float: left;
  margin: 0;
  height: 17px;
  display: inline-block;
  margin: 2px;
  color: black;
  text-decoration: none;
  font-size: 12px;
}

.tag.smaller:hover {
  background-color: #52ae32;
  color: white;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

#template-nav {
  background: -webkit-linear-gradient(left, #65b42a, #a3c610);


  background: -o-linear-gradient(right, #65b42a, #a3c610);

  background: -moz-linear-gradient(right, #65b42a, #a3c610);

  background: linear-gradient(to right, #65b42a, #a3c610);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#65B42A', endColorstr='#A3C610');
  height: 100px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
*/
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

#mobileHeader {
  background: -webkit-linear-gradient(left, #65b42a, #a3c610);

  background: -o-linear-gradient(right, #65b42a, #a3c610);

  background: -moz-linear-gradient(right, #65b42a, #a3c610);

  background: linear-gradient(to right, #65b42a, #a3c610);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#65B42A', endColorstr='#A3C610');

  height: 45px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
*/
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

@media (max-width: 768px) {
  #mobileHeader #mobileMenu {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  #mobileHeader #mobileLogo {
    float: none;
    margin: 0px auto;
    display: block;
  }
  #mobileHeader #mobileSearch {
    position: absolute;
    right: 45px;
    top: 0px;
  }
  #mobileHeader #mobilePhone {
    position: absolute;
    right: 0px;
    top: 0px;
  }
}
*/
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

#template-nav2 {
  background: -webkit-linear-gradient(left, #65b42a, #a3c610);

  background: -o-linear-gradient(right, #65b42a, #a3c610);

  background: -moz-linear-gradient(right, #65b42a, #a3c610);

  background: linear-gradient(to right, #65b42a, #a3c610);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#65B42A', endColorstr='#A3C610');

  height: 94px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}
*/
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

@media screen and (-webkit-min-device-pixel-ratio: 0) {

.nav-list-div {
    margin-left: 19px !important;
    float: left;
    height: 100%;
    display: inline-block;
    position: relative;
  }

  ::i-block-chrome,
  .nav-list-div {
    margin-left: 10px !important;
    float: left;
    height: 100%;
    display: inline-block;
    position: relative;
  }
}
.nav-list-div {
  margin-left: 20px;
  float: left;
  height: 100%;
  display: inline-block;
  position: relative;
}
.nav-list-holder {

  position: relative;
  top: 40%;
}
.nav-list-holder.active {
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
  position: relative;
  top: 40%;
}
.nav-list-holder:hover {
  border-bottom: 3px solid #fff;
  padding-bottom: 5px;
  position: relative;
  top: 40%;
}
.nav-list div {

}
.nav-list img {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.nav-list a {
  font-size: 14px;
  color: white;

  font-family: 'UniversLTStd45Light';

}
.nav-list {

  height: 100px;
}
#nav-logo {
  margin-top: 19px;
}
.nav-list a:hover {
  text-decoration: none !important;
}
.nav-left-border-0 {
  border-left: 1px solid #d7dbdd;
  padding-left: 15px;
  margin-left: 5px !important;
}
.nav-left-border-1 {
  border-left: 1px solid #d7dbdd;
  margin-left: 15px !important;
  padding-left: 12px;
}
.nav-left-border-2 {
  border-left: 1px solid #d7dbdd;
  margin-left: 15px !important;
  padding-left: 12px;
}
*/
.col-centered {
  float: none;
  margin: 0 auto;
}

.image-container img {
  margin: 0 auto;
  display: block;
}

.fullWidth {
  background-color: white;
}

.hideOn960 {
  display: none !important;
}

.showOn960 {
  display: block !important;
}

.hideOnDevice {
  display: block;
}

.showOnDevice {
  display: none;
}

@media (max-width: 1030px) {
  .hideOnDevice {
    display: none;
  }
  .showOnDevice {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .hideOn768 {
    display: none !important;
  }
  .showOn768 {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .hideOn480 {
    display: none !important;
  }
  .showOn480 {
    display: block !important;
  }
}

@media (max-width: 980px) {
  .hideOn980 {
    display: none !important;
  }
  .hideUnder980 {
    display: none !important;
  }
}

@media (min-width: 980px) {
  .hideOver980 {
    display: none !important;
  }
  .showOver980 {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .hideOn480 {
    display: none;
  }
}

@media (max-width: 480px) {
  .showOn480 {
    display: block !important;
  }
}

.right {
  float: right;
}

.normal {
  text-transform: none;
}

.inline {
  display: inline;
}

.case-tile {
  height: 200px;
  border: 1px solid #d7dbdd;
  width: 220px;
}

.tile-button {
  background-color: #52ae32;
  width: 130px;
  position: absolute;
  height: 45px;
  left: 45px;
  z-index: 1000;
  top: 150px;
}

.case-tile img {
  position: absolute;
  top: 15px;
  left: 21px;
}

.tile-button p {
  color: white;
  text-align: center;
}

.tile-button a {
  color: white;
  text-align: center;
  text-decoration: none;
}

.tile-button:hover {
  background-color: #30383b;
}

.tile-button:hover a {
  text-decoration: underline;
}

.case-tile.tall-tile {
  height: 270px;
}

.tile-button.tall-tile-button {
  top: 234px;
  background-color: "#5d6569";
  height: 45px;
  bottom: 5px;
}

@media (max-width: 720px) {
  .case-tile.tall-tile.home-tile {
    width: 100%;
  }
  .case-tile.tall-tile.home-tile img {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .case-tile.tall-tile.home-tile .tall-tile-content {
    margin: 0 auto;
    margin-top: 14px;
  }
  .case-tile.tall-tile.home-tile .tile-button.tall-tile-button {
    width: 130px;
    position: absolute;
    height: 36px;
    /* left: 45px; */
    z-index: 1000;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media (max-width: 720px) {
  .case-tile.tall-tile img {
    display: block;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}

.tall-tile-container {
  margin: 20px 0;
}

.tall-tile-content {
  width: 180px;
  margin: auto;
  margin-top: 14px;
  height: 240px;
  position: relative;
  z-index: 99;
}

.hidden-tile-background {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 97;
  background: #86be1c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=80);
  /* IE */
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  /* Mozilla */
  opacity: 0.8;
  /* CSS3 */
}

.hidden-tile-background:hover {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 97;
  background: #a4db21;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  /* IE */
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  /* Mozilla */
  opacity: 0.7;
  /* CSS3 */
}

.default-tile-background,
.hidden-tile-background-hover {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 97;
  background: #86be1c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=80);
  /* IE */
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  /* Mozilla */
  opacity: 0.8;
  /* CSS3 */
}

.default-tile-content,
.hidden-tile-content {
  color: white;
  padding: 20px;
  z-index: 98;
  position: absolute;
  color: #30383b;
  padding-top: 10px;
}

.default-tile-content ul,
.hidden-tile-content ul {
  list-style-type: circle;
  font-size: 12px;
}

.default-tile-content p,
.hidden-tile-content p {
  color: #30383b;
  font-size: 12px;
  height: 100px;
  overflow: hidden;
}

.default-tile-content {
  color: #000;
}

.relate-tile {
  height: 200px;
  border: 1px solid #d7dbdd;
  width: 220px;
  cursor: pointer;
}

.relate-tile picture {
  padding: 15px 10px;
}

.relate-tile .tile-content {
  width: 200px;
  margin: 0 auto;
  height: 171px;
  margin-top: 14px;
  margin-left: 9px;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 9;
  position: absolute;
  display: none;
  overflow: hidden;
}

.relate-tile .tile-button p {
  font-size: 13px;
  line-height: 13px;
  margin: 0px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  width: 130px;
}

.relate-tile .tile-content p {
  text-align: left;
  color: #30383b;
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 14px;
}

.tall-tile {
  cursor: pointer;
}

.extra-tall.case-tile.tall-tile {
  height: 612px;
}

.extra-tall .tile-button.tall-tile-button {
  top: 557px;
  background-color: "#5d6569";
  height: 40px;
}

.tile-button.tall-tile-button p {
  font-size: 13px;
  line-height: 13px;
  margin: 0px;
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  width: 130px;
}

.extra-tall .tile-button.tall-tile-button p {
  font-size: 13px;
  line-height: 13px;
  margin: 0px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  width: 130px;
}

.tall-tile-button.wide-button p {
  width: 280px;
}

.wide-tile .tall-tile-content {
  width: 419px;
}

.extra-tall .tall-tile-content {
  height: 570px;
}

.selected-grey {
  background-color: #30383b !important;
}

.tile-text {
  font-size: 24px;
  line-height: 26px;
  padding-top: 15px;
}

.case-tile.tall-tile.wide-tile {
  width: 460px;
}

.wide-button {
  width: 280px;
  left: 88px;
}

.hidden-selection {
  opacity: 0.1;
  background-color: rgba(0, 0, 0, 0.5);
}

.hidden-content {
  margin-bottom: 120px;
}

.visible-content {
  margin: 40px 0px;
}

.view-more {
  margin-top: 30px;
}

.visible-content h3 {
  margin-bottom: 20px;
}

.left-arrow {
  left: 50px;
}

.right-arrow {
  right: 50px;
}

.slider-contain {
  display: block;
  margin: 0 auto;
}

.swipe-overlay {
  position: absolute;
  max-width: 1600px;
  z-index: 10;
  background: none;
  text-align: center;
  bottom: 0px;
  max-width: 1600px;
  left: 0;
  right: 0;
  margin: auto;
}

.swipe-overlay-gradient {
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(38%, rgba(0, 0, 0, 0.65)), color-stop(99%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}

.swipe-overlay h1 {
  color: white;
  font-weight: bold;
  padding-top: 20px;
  margin-bottom: 40px;
}

.swipe-overlay h3 {
  color: white;
}

.right-arrow-overlay {
  position: absolute;
  z-index: 10;
  background: none;
  text-align: center;
  top: 280px;
  width: 200px;
  right: 50px;
}

.left-arrow-overlay {
  position: absolute;
  z-index: 10;
  background: none;
  text-align: center;
  top: 280px;
  width: 200px;
}

.swipe-overlay.small-overlay {
  z-index: 10;
  background: 0;
  text-align: center;
  max-height: 200px;
  position: absolute;
  bottom: 0px;
}

.swipe-overlay.small-overlay h1 {
  font-family: 'UniversLTStd55Roman', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  width: 70%;
  margin: 0 auto;
  padding-top: 20px;
  margin-bottom: 20px;
}

.swipe-overlay.small-overlay h3 {
  font-family: 'UniversLTStd55Roman', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  width: 50%;
  margin: 0 auto;
}

.right-arrow-overlay.small-arrow {
  top: 200px;
}

.left-arrow-overlay.small-arrow {
  top: 200px;
}

.swiper-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.product-left h6 {
  text-decoration: underline;
  color: #afca0b;
}

.product-left p:hover {
  text-decoration: none;
}

.left-links {
  border-right: 3px solid #d7dbdd;
  margin-bottom: 20px;
  padding: 8px 20px;
  /*width: 157px;*/
}

.left-links .active {
  text-decoration: none !important;
  color: #52ae32 !important;
  font-weight: bold;
}

.left-links h6 {
  text-align: right;
  /*margin-right: 10px;*/
  margin: 0;
  color: #afca0b;
  font-size: 26px;
}

.left-links p {
  text-align: right;
  color: #b7bcbf;
  margin-right: 10px;
  line-height: 18px;
}

.left-links a:hover {
  text-decoration: none;
  color: #52ae32 !important;
}

.left-links a:hover .inpageNav1 {
  color: #52ae32 !important;
}

.left-links p:hover {
  color: #52ae32;
}

@media (max-width: 480px) {
  .left-links {
    border: 0px;
  }
}

.column {
  padding: 0px;
}

.columns {
  padding: 0px;
}

.monitor-tile {
  border: 1px solid #d7dbdd;
  height: 418px;
  width: 333px;
  /* float: right; */
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
}

.monitor-tile .tile-button {
  position: relative;
  left: 102px;
  top: auto;
}

.home-wide-button.wrd-tile-button {
  background-color: #52ae32;
  width: 130px;
  z-index: 1000;
  padding: 3px;
  margin: 0 auto;
  /* bottom: 10px; */
  position: absolute;
  left: 0;
  right: 0;
  bottom: 42px;
}

.home-wide-button.wrd-tile-button:hover {
  background-color: #30383b;
}

.home-wide-button.wrd-tile-button a:hover {
  text-decoration: none;
}

@media (max-width: 420px) {
  .home-wide-button.wrd-tile-button {
    bottom: 15px;
  }
}

@media (max-width: 480px) {
  .monitor-tile {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .newsroom-monitor-tile .tile-button {
    left: 95px !important;
    position: absolute !important;
    bottom: 36px;
  }
}

.monitor-tile picture {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.monitor-tile.wrd-monitor-tile h6 {
  width: 90%;
}

.monitor-tile h6 {
  margin-left: 20px;
  margin-right: 20px;
  float: left;
  line-height: 18px;
  font-size: 14px;
  max-height: 52px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0 !important;
}

.monitor-tile p {
  margin-left: 20px;
  margin-right: 20px;
}

.monitor-tile h6 a {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #52ae32;
}

.monitor-tags {
  margin-left: 15px;
  margin-bottom: 10px;
  height: auto;
  max-height: 63px;
  overflow: hidden;
  width: 90% !important;
}

.subscribe-image-content h3 {
  text-align: center;
  color: #ffffff;
}

.subscribe-image-content h1 {
  text-align: center;
}

.monitor-content {
  margin-top: 70px;
  margin-bottom: 30px;
}

.subscribe-image {
  height: 500px;
  max-width: 1600px;
  margin-top: 40px;
}

.subscribe-image-content {
  width: 80%;
}

.subscribe-image-content h1 {
  padding-top: 150px;
  color: white;
}

.subscribe-button.tile-button {
  margin: 0 auto;
  position: absolute;
  margin-bottom: 10px;
  top: 0px;
  left: 0;
  margin-top: 388px;
  right: 0;
}

.subscribe-button.tile-button p {
  padding: 10px;
  line-height: 5px;
  font-weight: bold;
}

.media-release-content {
  margin-top: 70px;
  margin-bottom: 30px;
}

.content1 {
  margin-top: 25px;
  margin-bottom: 40px;
}

.content2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content3 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content1 h2 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.content2 p {
  margin-bottom: 28px;
}

.content3 p {
  margin-bottom: 28px;
}

.export-content-head {
  margin-top: 40px;
  margin-bottom: 20px;
}

.quote-hr {
  margin-left: auto;
  margin-right: auto;
  width: 10%;
  border: 0;
  border-top: 2px solid #ccc;
  background: none;
}

.quote-hr-top {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 22px;
  width: 15%;
  border: 0;
  border-top: 1px solid #ccc;
  background: none;
}

.quote-hr-bottom {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 15%;
  border: 0;
  border-top: 1px solid #ccc;
  background: none;
}

/* Commenting out because it's nonsense */
/*.quote-mark-top {
  font-family: times;
  font-size: 90px;
  font-style: italic;
  font-weight: normal;
  color: #52ae32;
}
.quote-mark-bottom {
  font-family: times;
  font-size: 90px;
  font-style: italic;
  font-weight: normal;
  color: #52ae32;
  margin-top: 40px;
}*/
.related-case {
  font-size: 42px;
  line-height: 44px;
  margin: 10px 0px;
}

.more-studies {
  margin-top: 40px;
  margin-bottom: 40px;
}

.more-studies p {
  text-align: center;
  text-decoration: underline;
}

.more-studies p:hover {
  text-decoration: none;
  color: #52ae32;
}

.more-studies a:hover {
  text-decoration: none;
  color: #52ae32;
}

.contact-us h3 {
  color: #afca0b;
  font-size: 30px;
  margin-left: 4px;
  margin-bottom: 18px;
  line-height: 18px;
  padding-top: 9px;
}

.home-news-wrapper {
  margin-top: 45px;
  position: relative;
  left: 2px;
}

.news-head-home {
  width: 190px !important;
  border-top: 1px solid #d7dbdd;
  border-left: 1px solid #d7dbdd;
  border-right: 1px solid #d7dbdd;
  height: 45px;
  margin-left: 40px !important;
}

.product-content {
  margin-top: 25px;
  margin-bottom: 70px;
}

.product-article p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.product-article h2 {
  margin-bottom: 28px;
}

@media (min-width: 980px) {
  .product-article-cta {
    margin-right: 0 !important;
  }
}

.product-article-cta h2 {
  margin-bottom: 28px;
}

#GenericContentHolder {
  margin-top: 25px;
}

.contact-right {
  background-color: #30383b;
}

.contact-right:hover {
  background-color: #5d6569;
}

.contact-right p {
  color: white;
  display: inline-block;
  margin: 0px;
  font-size: 12px;
}

.contact-right a {
  color: white;
  text-decoration: none;
}

.contact-right a:hover {
  color: white;
  text-decoration: underline;
}

.contact-right img {
  display: inline-block;
}

.contact-detail {
  height: 75px;
  width: 176px !important;
}

.contact-detail p {
  width: 70%;
  float: right;
}

.contact-detail img {
  position: absolute;
  top: 16px;
  left: 22px;
}

.contact-description {
  margin-top: 17px;
}

.address {
  width: 70%;
  float: right;
  margin-top: 20px;
  margin-bottom: 10px;
}

.product-address {
  width: 176px !important;
}

.product-address img {
  position: absolute;
  top: 24px;
  left: 22px;
}

.cta-button {
  background-color: #afca0b;
  height: 150px;
  width: 190px;
  float: right;
  margin-right: 13px;
  margin-top: 0;
  margin-bottom: 10px;
}

@media (max-width: 980px) {
  .cta-button {
    background-color: #afca0b;
    height: 150px;
    width: 190px;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 0;
    margin-bottom: 10px;
    clear: both;
  }
}

.cta-button.wrd-button {
  float: none;
  margin: 0 auto;
}

.cta-text {
  color: white !important;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cta-text a {
  color: white !important;
  position: absolute;
  left: 40px;
  top: -5px;
}

.cta-text img {
  position: absolute;
  left: 4px;
  top: -16px;
}

.cta-button:hover {
  background-color: #30383b;
}

.map-container img {
  display: block;
  margin: 0 auto;
}

.masonry-button.country-link {
  margin-top: 0px;
  display: inline-block;
  margin-left: 20px;
}

.country-page {
  margin-top: 50px;
  margin-bottom: 100px;
}

.country-article {
  margin-top: 30px;
  margin-bottom: 30px;
}

.country-profiles-head h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}

#contact-us {
  width: 100%;
  border-top: 1px solid #d7dbdd;
  border-left: 1px solid #d7dbdd;
  border-right: 1px solid #d7dbdd;
  width: 190px;
  margin-left: 30px;
}

.contact-us-wrapper {
  position: relative;
  right: -2px;
}

.contact-us-wrapper .contact-right {
  margin-left: 30px;
  width: 190px !important;
}

.column {
  padding: 0px;
}

.columns {
  padding: 0px;
}

.country-profile-h5 {
  border-bottom: 1px solid #d7dbdd;
  padding-bottom: 20px;
}

.content1 h2 {
  font-weight: bold;
}

@media (max-width: 720px) {
  .right-arrow-overlay.small-arrow {
    display: none;
  }
  .left-arrow-overlay.small-arrow {
    display: none;
  }
  .right-arrow-overlay {
    display: none;
  }
  .left-arrow-overlay {
    display: none;
  }
  .swipe-overlay.small-overlay h3 {
    font-size: 1.2em;
  }
  .swipe-overlay.small-overlay h1 {
    font-size: 1.2em;
  }
}

.partner-tile {
  height: 280px;
  border: 1px solid grey;
  width: 320px;
  float: right;
  margin-top: 30px;
}

.partner-tile img {
  position: absolute;
  right: 20px;
  top: 50px;
}

.partner-text {
  position: absolute;
  top: 140px;
  padding-left: 20px;
  padding-right: 20px;
  height: 106px;
  overflow: hidden;
}

.partner-text p {
  height: 60px;
  overflow: hidden;
}

.partner-button.tile-button {
  margin: 0 auto;
  margin-top: 80px;
  position: relative;
  left: 0px;
  width: 160px;
}

.partner-button.tile-button p {
  padding: 10px 0px;
}

.partner-tile-container {
  margin-bottom: 100px;
}

.left-side-menu {
  margin-top: 30px;
}

.partner-tile-tall {
  border: 1px solid grey;
  width: 320px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.partner-tile-tall img {
  position: relative;
  margin: 20px 20px 0 20px;
  top: 0px;
  right: 0px;
  height: 80px;
}

.partner-tile-tall .partner-text p {
  height: auto;
  overflow: auto;
}

.partner-tile-tall .partner-text {
  height: auto;
  position: relative;
  margin: 20px;
  top: 0px;
  padding: 0px;
}

.partner-tile-tall .partner-text h6 {
  margin-top: 0px;
}

.partner-tile-tall .partner-button {
  margin: 0 auto 20px auto;
  width: 160px;
  background-color: #52ae32;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

.partner-tile-tall .partner-button p {
  text-align: center;
}

.partner-tile-tall .partner-button a {
  color: #fff;
}

.partner-tile-tall .partner-button a:hover {
  text-decoration: none;
}

.partner-tile-tall .partner-button:hover {
  background-color: #30383b;
}

#home-page {
  margin-bottom: 100px;
}

#home-page h1 {
  display: none;
}

.efic-help {
  width: 170px;
}

.home-wide-button {
  background-color: #30383b;
  width: 130px;
  z-index: 1000;
  padding: 3px;
  margin: 0 auto;
}

.home-wide-button p {
  text-align: center;
  color: white;
  font-size: 16px;
}

.home-wide {
  border: 1px solid #d7dbdd;
  margin-top: 40px;
  height: 270px;
}

.home-wide-image {
  display: inline-block;
}

.homewide-image img {
  float: right;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.homewide-content {
  width: 69%;
  display: inline-block;
  float: left;
}

.homewide-text {
  margin-top: 15px;
  height: 178px;
  overflow: hidden;
  margin-bottom: 10px;
}

.homewide-content h3 {
  text-align: center;
}

.homewide-content p {
  margin-left: 10px;
  text-align: center;
  margin-right: 10px;
}

.exporter-button {
  margin-top: 20px;
}

.exporter-button:hover {
  background-color: #52ae32 !important;
}

.exporter-button:hover p {
  text-decoration: none !important;
}

.exporter-button:hover a {
  text-decoration: none !important;
}

.image-left {
  float: left;
}

.homewide-image.image-left img {
  margin-left: 15px;
}

.homewide-2 h3 {
  color: #afca0b;
}

.grey-background {
  background-color: #b7bcbf;
}

.home-video-container {
  margin-left: 10px;
  display: inline-block;
  float: left;
}

.video-right {
  float: right;
  width: 289px;
  border-right: 1px solid #d7dbdd;
}

.video-right-top {
  border-top: 1px solid #d7dbdd;
}

.video-title {
  height: 147px;
}

.video-title h3 {
  text-align: center;
  font-size: 34px;
}

.video-description {
  background-color: #30383b;
  height: 147px;
}

.video-description p {
  color: white;
  text-align: center;
  padding: 6px;
  padding-top: 10px;
}

.video-description a {
  color: white !important;
  text-decoration: underline;
}

.video-description a:hover {
  color: white !important;
  text-decoration: none;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 23/12/2016
.video-block {
  margin-top: 40px;
  height: 315px;
  overflow: hidden;
}
*/
#news-container {
  border: solid 1px #d7dbdd;
  float: right;
  margin-right: 10px;
  width: 190px;
  border-top: 0px;
  padding-top: 10px;
}

.sizeLarge {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  color: #52ae32;
  font-size: 16px;
}

.sizeSmall {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  font-size: 12px;
}

#news-container.sizeSmall p {
  width: 170px;
}

.sizeHead {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  line-height: 35px;
  font-size: 32px;
  color: #52ae32;
  line-height: 40px;
  margin-top: 0 !important;
}

.cta-header-home {
  line-height: 35px;
}

.borderBottom {
  border-bottom: solid 1px black;
  max-width: 170px;
  padding-bottom: 7px;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 23/12/2016
.latest-news {
  margin-right: 15px;
  font-size: 25px;
  text-align: center;
}
.home-news-wrapper h3.latest-news {
    position: relative;
    top: -15px;
}
*/
.home-news-wrapper #news-container .box {
  width: 170px;
}

.home-news-wrapper #news-container .box p {
  width: 100%;
  max-width: 100%;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 23/12/2016
.latest-news h3 {
    margin-top: 10px;
}

.latest-news-home a {
  color: #52ae32;
}
*/
.home-wide-button.news-button {
  background-color: #52ae32;
  width: 160px;
  z-index: 1000;
  padding: 0px;
  overflow: hidden;
  margin-bottom: 11px;
}

.home-wide-button.news-button:hover {
  background-color: #30383b;
}

.home-wide-button.news-button a:hover {
  text-decoration: none;
}

.homespacer-1 {
  margin-top: 44px !important;
}

@media (max-width: 980px) {
  .homespacer-1 {
    margin-top: 20px !important;
  }
}

.news-snippet {
  max-width: 170px;
}

.latest-video-link {
  margin-right: 30px;
}

.topHalf {
  height: 170px;
  border-top: 1px solid #afca0b;
  border-left: 1px solid #afca0b;
}

.bottomHalf {
  height: 149px;
  background-color: #30383b;
}

.bottomHalf p {
  color: white;
  padding: 16px;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  max-height: 67px;
  overflow: hidden;
}

.bottomHalfCopy {
  height: 99px;
  overflow: hidden;
}

.topHalf h2 {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #30383b;
}

.top-home {
  margin-top: 50px;
}

.top-home-help {
  border: 1px solid #d7dbdd;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 980px) {
  .top-home-help {
    width: 190px !important;
    margin-right: 10px !important;
    float: right !important;
  }
}

.mini-slider-border {
  border: 1px solid #afca0b;
  border-left: none;
}

.left-arrow-mini {
  position: absolute;
  top: 125px;
  z-index: 5;
  left: 0px;
}

.right-arrow-mini {
  position: absolute;
  top: 125px;
  z-index: 5;
  right: 0px;
}

.mini-swipe-button {
  background-color: #52ae32;
  width: 130px;
  position: absolute;
  height: 36px;
  /* left: 45px; */
  /* z-index: 1000; */
  /* top: 150px; */
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 10px;
}

.mini-swipe-button p {
  position: absolute;
  height: 100%;
  margin: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -6px;
}

.mini-swipe-button a:hover {
  text-decoration: none;
}

.contourSubmitHolder {
  width: 312px;
  padding-left: 1.4em;
  padding-right: 1.4em;
  margin-bottom: 50px;
  margin-left: 200px;
}

@media (max-width: 720px) {
  .homewide-text p {
    font-size: 10px;
  }
  .homewide-content {
    width: 100%;
  }
  .homewide-image img {
    display: none;
  }
}

@media (max-width: 570px) {
  .contourSubmitHolder {
    width: 312px;
    padding-left: 1.4em;
    padding-right: 1.4em;
    margin-bottom: 50px;
    margin-left: 0 !important;
  }
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 23/12/2016
@media (max-width: 720px) {
  .video-block {
    display: none;
  }
}
*/
.news-filter p {
  display: inline;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.news-article-tile {
  position: relative;
}

.news-right {
  position: absolute;
  right: 15px;
  width: 15px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 5;
}

.news-head h1 {
  line-height: 44px;
  margin-bottom: 20px !important;
}

h1.contourPageName {
  line-height: 44px;
  margin-bottom: 20px !important;
}

.news-head p {
  font-size: 18px;
  line-height: 24px;
}

.news-head {
  margin-bottom: 15px;
  margin-top: 40px;
}

.news-image {
  margin-top: 10px;
}

.news-content p:first-child {
  font-size: 16px;
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.news-content p:nth-child(2) {
  max-height: 80px;
  overflow: hidden;
}

.news-heading-container ul li:nth-child(even) {
  background-color: #ddd;
}

.news-heading-container ul li {
  border: solid 1px #d7dbdd;
  display: block;
}

.news-filter a {
  margin-left: 8px;
  padding-top: 3px;
  padding-bottom: 1px;
  text-decoration: underline;
  font-size: 13px;
  padding-left: 2px;
  padding-right: 2px;
}

.news-filter a {
  color: #30383b;
}

.news-filter a:hover {
  color: #52ae32;
}

.news-filter p {
  border-right: 1px solid #30383b;
  padding-right: 8px;
}

.news-filter {
  margin-bottom: 40px;
}

.top40 {
  margin-top: 50px;
}

.bottom40 {
  margin-bottom: 40px;
}

.bottom120 {
  margin-bottom: 120px;
}

.underline {
  text-decoration: underline;
}

.case-tile-image {
  position: absolute;
  top: 15px;
  left: 20px;
  height: 160px;
  width: 180px;
  overflow: hidden;
}

.case-tile-image p {
  text-align: center;
  margin-top: 30%;
  color: white;
  font-family: 'UniversLTStd55Roman', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  padding: 3px;
}

.article table {
  border-collapse: collapse;
}

.article h4 {
  color: green;
}

.article td {
  border: solid 1px #52ae32;
  padding: 2px 5px;
}

.article td h3 {
  color: #52ae32;
}

.article td h4 {
  color: #52ae32;
}

.article td h1 {
  color: #52ae32;
}

.article h3 {
  font-size: 20px;
  line-height: 24px;
  padding-top: 0;
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.article tr:first-child {
  background-color: #EAF2D3;
}

.article tr:nth-child(odd) {
  background-color: #fafafa;
}

.article tr:first-child {
  background-color: #EAF2D3;
}

.article ul {
  margin: 10px 0 10px 20px;
}

.article ul li {
  list-style-type: disc;
}

.article ul li ul li {
  list-style-type: circle;
}

.article ul li ul li ul li {
  list-style-type: square;
}

.article ul li ul li ul li ul li {
  list-style-type: square;
}

.article a {
  color: #53ae31;
  text-decoration: underline;
}

.article a:hover {
  text-decoration: underline;
  color: #b7bcbf;
}

.article tr td h2 {
  color: #52ae32;
}

/*
  Removing as part of new product page redesign / build
  BW 2/3/2016

.article .breadcrumb {
  margin-left: 0px;
  padding: 0;
  margin-bottom: 22px;
}
.article .breadcrumb li {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  display: inline;
}
.article .breadcrumb li a:hover {
  text-decoration: none;
}
*/
@media (max-width: 480px) {
  .article img {
    max-width: 100%;
  }
}

.content-menu-wrapper {
  top: 260px;
  width: 160px;
  position: absolute;
  right: 14px;
}

@media (max-width: 1200px) {
  .content-menu-wrapper {
    display: none;
  }
}

.content-menu-section {
  background-color: #d7dbdd;
  /*height: 60px;*/
  padding-top: 10px;
}

.content-menu-head {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.right-menu-item {
  width: 80%;
  /*float: right;*/
  display: inline-block;
}

.right-menu-item p {
  margin: 0px 0px;
  font-size: 13px;
  line-height: 15px;
}

.content-menu-section:hover {
  background-color: #afca0b;
  color: white;
}

.content-menu-image {
  width: 20%;
  display: inline-block;
  float: left;
}

.content-menu-image img {
  margin: 0 auto;
  display: block;
}

.people-row .col-sm-4:nth-child(3n+1) {
  clear: left;
}

.people-row .col-sm-6:nth-child(2n+1) {
  clear: left;
}

.board-tile {
  border: 1px solid #d7dbdd;
  width: 77%;
  margin: 0 auto;
  padding: 20px;
}

.board-tile img {
  width: 100%;
}

.board-tile-container {
  width: 80%;
  margin: 0 auto;
  display: block;
}

.member-info {
  width: 90%;
  float: none;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 30px;
}

.member-info p:first-child {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 20px;
  color: #000000;
}

.member-info p:nth-child(2) {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 16px;
  color: #000000;
}

.member-info p {
  color: #30383b;
}

.board-header {
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

.board-header a {
  text-decoration: underline !important;
  color: #53ae31 !important;
}

.board-header a:hover {
  -webkit-text-decoration: nonmonitor-tilee !important;
  text-decoration: nonmonitor-tilee !important;
  color: #53ae31 !important;
}

.board-header h4 {
  color: #30383b;
}

.box.wide4.member-info.news-ag {
  height: 190px;
}

.tile-button.aggregate-button {
  width: 130px;
  position: absolute;
  height: 36px;
  left: 0px;
  z-index: 1000;
  top: 77%;
  right: 0px;
  margin: auto;
}

.three-column-header {
  margin-top: 40px;
}

@media (max-width: 720px) {
  .hideOn720 {
    display: none !important;
  }
}

#searchText {
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 155px;
  font-family: "Courier New", Courier, sans-serif, monospace;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 32px;
  padding: 0px 12px;
  margin-bottom: 27px;
  font-size: 14px;
  line-height: 32px;
  color: #555555;
  vertical-align: middle;
}

textarea:focus,
input:focus {
  outline: 0;
}

#simplemodal-container {
  height: auto !important;
}

.newsletter-modal-header {
  height: 100px;
  background-color: #52ae32;
}

.newsletter-modal-header p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 40px;
  color: white;
  font-size: 22px;
  padding-left: 20px;
}

.mobile-footer-image {
  margin-left: 78%;
  margin-right: 20px;
}

.newsletter-modal-header .mobile-footer-image {
  margin-top: 14px;
}

.newslettersignupwrd .text,
.newslettersignupexport .text,
.newslettersignupbank .text,
.newslettersignuppartner .text,
.newslettersignupexportmonitor .text {
  height: 35px;
}

.newslettersignupwrd select,
.newslettersignupexport select,
.newslettersignupbank select,
.newslettersignuppartner select,
.newslettersignupexportmonitor select {
  height: 35px;
}

.newslettersignupwrd label,
.newslettersignupexport label,
.newslettersignupbank label,
.newslettersignuppartner label,
.newslettersignupexportmonitor label {
  margin-top: 14px;
}

.newslettersignupwrd .field-validation-error,
.newslettersignupexport .field-validation-error,
.newslettersignupbank .field-validation-error,
.newslettersignuppartner .field-validation-error,
.newslettersignupexportmonitor .field-validation-error {
  float: left;
  clear: both;
  display: block;
  position: relative;
  left: 200px;
  margin-bottom: 4px;
}

.newslettersignupwrd .input-validation-error,
.newslettersignupexport .input-validation-error,
.newslettersignupbank .input-validation-error,
.newslettersignuppartner .input-validation-error,
.newslettersignupexportmonitor .input-validation-error {
  display: block;
  float: left;
}

.newslettersignupexportmonitor .complaints .text {
  height: 35px;
}

.complaints select {
  height: 35px;
}

.complaints label {
  margin-top: 14px;
}

.complaints .field-validation-error {
  float: left;
  clear: both;
  display: block;
  position: relative;
  left: 200px;
  margin-bottom: 4px;
}

.complaints .input-validation-error {
  display: block;
  float: left;
}

.complaints input[type="file"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.categoryaprojects .text {
  height: 35px;
}

.categoryaprojects select {
  height: 35px;
}

.categoryaprojects label {
  margin-top: 14px;
}

.categoryaprojects .field-validation-error {
  float: left;
  clear: both;
  display: block;
  position: relative;
  left: 200px;
  margin-bottom: 4px;
}

.categoryaprojects .input-validation-error {
  display: block;
  float: left;
}

.categoryaprojects input[type="file"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.prequaltool .text {
  height: 35px;
}

.prequaltool select {
  height: 35px;
}

.prequaltool label {
  display: table-cell !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.prequaltool .field-validation-error {
  float: left;
  clear: both;
  display: block;
  position: relative;
  left: 200px;
  margin-bottom: 4px;
}

.prequaltool .input-validation-error {
  display: block;
  float: left;
}

.prequaltool input[type="file"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.prequaltool input[type="checkbox"] {
  margin-top: 16px;
  margin-bottom: 10px;
}

.prequaltool input[type="radio"] {
  float: left;
  margin-top: 7px;
}

.publicinterestdisclosure .text {
  height: 35px;
}

.publicinterestdisclosure select {
  height: 35px;
}

.publicinterestdisclosure label {
  margin-top: 14px;
}

.publicinterestdisclosure .field-validation-error {
  float: left;
  clear: both;
  display: block;
  position: relative;
  left: 200px;
  margin-bottom: 4px;
}

.publicinterestdisclosure .input-validation-error {
  display: block;
  float: left;
}

.publicinterestdisclosure input[type="file"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
  Removing as part of new product page redesign / build
  BW 2/3/2016

.breadcrumb {
  margin-left: 0px;
  padding: 0;
  margin-bottom: 22px;
}
.breadcrumb li {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
  display: inline;
}
*/
.padding-ten {
  padding: 10px;
}

@media (max-width: 720px) {
  .news-head {
    padding: 10px;
  }
  .news-filter {
    padding: 10px;
  }
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016
.nav-icon-show {
  display: block;
}
.nav-icon-hide {
  display: none !important;
}
*/
.top40 h2 {
  font-size: 24px;
  color: #52ae32;
}

@media (max-width: 720px) {
  .client-solutions-contact {
    display: none;
  }
}

@media (max-width: 720px) {
  .case-tile.tall-tile {
    height: 285px;
    margin: 0 auto;
  }
  .tile-button.tall-tile-button {
    top: 234px;
    height: 45px;
    bottom: 5px;
    background-color: "#5d6569";
    position: relative;
    top: -19px;
  }
  .tile-button.tall-tile-button:hover {
    background-color: #30383b !important;
  }
  .case-tile.tall-tile img {
    display: block;
  }
  .case-tile.tall-tile.home-tile img {
    display: block;
  }
  .case-tile.tall-tile img {
    width: 180px;
    height: 240px;
  }
}

@media (max-width: 720px) {
  .relate-tile {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .relate-tile img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 12px;
  }
  .tile-button {
    background-color: #5d6569;
    width: 130px;
    height: 45px;
    left: 45px;
    z-index: 1000;
    top: 150px;
    position: relative !important;
  }
  .tile-button.tall-tile-button:hover {
    background-color: #30383b !important;
  }
}

@media (max-width: 767px) {
  .contact-us-wrapper {
    display: none;
  }
}

@media (max-width: 480px) {
  .swipe-overlay h1 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (max-width: 780px) {
  .left-links p {
    text-align: center;
  }
  .left-links h6 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .article {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .article h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (max-width: 960px) {
  .left-links {
    margin-bottom: 40px;
  }
}

@media (max-width: 780px) {
  .left-links-wrapper {
    width: 100% !important;
  }
  .left-links {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .width-100-720 {
    width: 100% !important;
  }
  .top-home-help-wrapper {
    margin: 0 auto;
    float: none !important;
    margin-top: 40px;
  }
}

@media (max-width: 480px) {
  .partner-tile-tall {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .col-center-720 {
    margin: 0 auto;
    float: none;
  }
}

@media (max-width: 720px) {
  .case-tile.tall-tile.home-tile .tile-button.tall-tile-button {
    width: 130px;
    height: 36px;
    z-index: 1000;
    top: -15px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media (max-width: 720px) {
  .country-profiles-head {
    padding-left: 10px;
    padding-right: 10px;
  }
  .country-page {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  .monitor-tile {
    width: 100%;
  }
}

.marker-description ul li {
  list-style: none;
}

.cta-home {
  width: 164px;
}

/* Tooltip */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 500px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  font-size: 11px !important;
}

body .ui-tooltip {
  border-width: 2px;
}

.pointer {
  cursor: hand;
  cursor: pointer;
}

@media (max-width: 480px) {
  #contact-us-map {
    height: 200px;
  }
}

@media (max-width: 1200px) {
  #map {
    height: 380px !important;
  }
}

@media (max-width: 480px) {
  #map {
    height: 334px !important;
  }
}

#search-button-partner {
  z-index: 10;
}

/*#simplemodal-container {
  max-width: 100%;
}*/
@media (max-width: 480px) {
  .news-content p:nth-child(2) {
    width: 100%;
  }
  .news-content p {
    margin-left: 10px;
  }
}

@media (max-width: 480px) {
  /*
  .latest-news-link {
    float: none;
    text-align: center;
    width: 100%;
  }
  */
  .top40 h2 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .newsletter-modal-header p {
    font-size: 11px;
    margin-left: 5px;
  }
  .mobile-footer-image1 {
    float: right;
    margin-right: 20px;
    margin-top: -8px;
  }
}

@media (max-width: 720px) {
  .home-wide-button.wrd-tile-button {
    bottom: 10px;
  }
}

@media (max-width: 480px) {
  .extra-tall .tile-button.tall-tile-button {
    top: -22px;
  }
  .wide-tile .tall-tile-content {
    width: 180px;
  }
  .case-tile.tall-tile.wide-tile {
    height: 284px;
    margin: 0 auto;
    width: 220px;
  }
  .tall-tile-content .hidden-tile-content .tile-text {
    font-size: 20px;
    line-height: 24px;
  }
  .extra-tall.case-tile.tall-tile {
    height: 284px;
  }
  .extra-tall .tall-tile-content {
    height: 240px;
  }
}

@media (max-width: 480px) {
  .news-head {
    margin-top: 0px;
  }
}

.swiper-container:not(.home-slider) {
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  .swiper-container.large-swiper {
    height: 212px !important;
  }
}

.news-content p:last-child {
  height: 40px;
  overflow: hidden;
}

@media (max-width: 780px) {
  .news-article-tile {
    width: 100% !important;
  }
  .column.colwide7.filter-item {
    width: 100% !important;
  }
  .news-heading-container {
    width: 100% !important;
  }
  .agg-news-wrap {
    width: 100% !important;
    z-index: 100;
  }
  .latest-video-link {
    float: none;
    text-align: center;
  }
}

@media (max-width: 980px) {
  .quicklinks-footer {
    clear: both;
  }
}

@media (max-width: 960px) {
  .quicklinks-footer {
    clear: none !important;
    width: 47% !important;
    float: left !important;
  }
  #site-references {
    clear: left !important;
    width: 47% !important;
    float: left !important;
  }
  #relevantDept {
    clear: right !important;
    width: 47% !important;
    float: left !important;
  }
}

@media (max-width: 768px) {
  .quicklinks-footer {
    width: 43% !important;
  }
  #site-references {
    width: 43% !important;
  }
  #relevantDept {
    width: 43% !important;
  }
}

@media (max-width: 480px) {
  .quick-two {
    margin-top: 36px;
  }
  .quicklinks-footer {
    width: 42% !important;
  }
  #site-references {
    width: 42% !important;
  }
  #relevantDept {
    width: 42% !important;
  }
}

@media (max-width: 480px) {
  .topHalf {
    height: 170px;
    border-top: none;
    border-left: none;
  }
}

@media (max-width: 780px) {
  .width100on780 {
    width: 100% !important;
  }
}

.mobile-swipe-head {
  font-size: 22px;
}

@media (max-width: 480px) {
  .swiper-container.mini-container {
    height: 170px !important;
  }
  .topHalf {
    display: none;
  }
  .bottomHalf {
    height: 220px !important;
  }
  .mini-slider-border {
    border-bottom: none;
    border: 0px;
  }
}

@media (max-width: 480px) {
  .mini-slide-content {
    position: absolute;
    top: 100%;
    width: 100%;
  }
  .top-home-help-column {
    margin-top: 230px;
  }
  .mobile-swipe-head {
    font-size: 20px !important;
    padding-top: 30px !important;
    height: 28px;
    line-height: 28px !important;
  }
  .bottomHalf p {
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .mini-swipe-button p {
    position: absolute;
    height: 100%;
    margin: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
  }
  .top-home {
    margin-top: 9px;
  }
}

@media (min-width: 480px) {
  .hideAbove480 {
    display: none !important;
  }
}

@media (min-width: 720px) {
  .hideAbove720 {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hideAbove768 {
    display: none !important;
  }
}

.news-image {
  float: left;
  padding: 0px 10px 10px;
}

.news-article-tile .green {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  margin-bottom: 4px;
  line-height: 19px;
}

.news-article-tile a:hover .green {
  color: #30383b;
}

.news-article-tile p {
  width: 88%;
}

.date-news > p > b {
  font-size: 11px;
  line-height: 13px;
}

.date-news > p {
  font-size: 11px;
  line-height: 13px;
  padding-top: 0px;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .news-image {
    width: 40%;
    padding-bottom: 0px;
  }
  .news-article-tile p {
    width: 86%;
    text-align: inherit !important;
    font-size: 13px !important;
    line-height: 16px !important;
  }
  .news-article-tile .green {
    line-height: 18px;
    margin-bottom: -10px;
    text-align: left;
  }
  .news-article-tile {
    overflow: none !important;
    height: auto !important;
  }
  .news-description-wrap {
    display: table-cell;
    float: left;
  }
  .date-news {
    font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  }
  .date-news > p > b {
    font-size: 11px !important;
    line-height: 13px !important;
  }
  .date-news > p {
    font-size: 11px !important;
    line-height: 13px !important;
    padding-top: 4px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .newsRoomEficNews {
    margin-top: 0 !important;
  }
}

.imageHalfOpacity {
  opacity: 0.2;
}

@media (max-width: 480px) {
  #search-button-partner {
    display: none;
  }
  .footer-email-input {
    display: none;
  }
  .footer-envelope {
    display: none;
  }
  #search-bar {
    height: 77px;
  }
  #search-bar p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #sign-up-text {
    margin: 0px !important;
  }
  #footer h1 {
    margin-bottom: 10px;
  }
  .quick-gap {
    display: none;
  }
}

.footer-sign-button {
  background-color: #30383b;
  width: 75px;
  z-index: 1000;
  padding: 3px;
  margin-top: 27px;
  height: 21px;
  float: right;
  position: absolute;
  right: 8px;
}

@media (min-width: 480px) {
  .footer-sign-button {
    background-color: #30383b;
    width: 75px;
    z-index: 1000;
    padding: 3px;
    margin-top: 38px;
    height: 21px;
    float: right;
    position: absolute;
    right: 8px;
  }
}

#mobile-sign-up {
  margin-left: 16px !important;
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.newsletter-modal-header p:first-child {
  margin: 0px !important;
}

.footer-logo {
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .homewide-content p {
    margin-left: 35px;
    text-align: center;
    margin-right: 35px;
    line-height: 14px;
    font-size: 10px;
  }
  .home-wide-button {
    width: 150px;
  }
  .homewide-content h3 {
    text-align: center;
    /* width: 40px; */
    padding-left: 50px;
    padding-right: 50px;
    line-height: 34px;
  }
  .exporter-button {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .homewide-text {
    height: 183px;
  }
  .homewide-2 h3 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .home-wide {
    height: auto;
  }
  .homewide-text.homewide-2 {
    margin-top: 15px;
    height: 154px !important;
    overflow: hidden;
    margin-bottom: 10px;
  }
}

.back-top-button {
  width: 100%;
  text-align: center;
}

.back-top-button p {
  display: inline;
  text-decoration: none;
}

.back-top-button img {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -7px;
}

#sign-up-text {
  font-size: 13px;
}

@media (max-width: 480px) {
  .news-article-tile {
    padding-left: 10px;
  }
  .news-image {
    padding: 0 10px 0px 0px;
  }
}

@media (max-width: 480px) {
  .news-filter p:first-child {
    padding-right: 8px;
    font-size: 20px;
    margin-left: 6px;
    border-right: 0px !important;
    display: block;
    font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  }
  .news-filter p:nth-child(2) {
    margin-left: 7px;
    border-right: 0px !important;
  }
}

@media (max-width: 480px) {
  .article {
    padding: 0px 15px;
  }
  .article h3 {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .related-content h1 {
    font-size: 24px;
  }
  .article h2 {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 24px;
  }
  .product-content {
    margin-top: 0px;
  }
  .article table {
    width: 100% !important;
  }
}

.dropdown-wrapper {
  width: 65%;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .partner-tile-container {
    margin-bottom: 0px;
  }
  .product-content {
    margin-bottom: 0px;
  }
}

.home-wide-button.exporter-button.monitor-exporter {
  background-color: #b7bcbf !important;
  width: 200px;
  z-index: 1000;
  padding: 3px;
  margin: 0 auto;
  clear: both;
}

.home-wide-button.exporter-button.monitor-exporter p {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

@media (max-width: 480px) {
  .partner-tile-tall .partner-text p {
    height: 100px;
    overflow: hidden;
  }
  .partner-tile-tall .partner-button {
    bottom: 10px;
  }
  .partner-tile-tall .partner-text p:nth-child(3) {
    height: 20px;
  }
}

#more-partners {
  background-color: #b7bcbf;
}

@media (max-width: 480px) {
  .visible-content {
    margin: 0px;
  }
  /*
  Removing as part of new product page redesign / build
  BW 2/3/2016

  .article .breadcrumb {
    margin-top: 10px;
  }
  */
}

.greyBG {
  background-color: #b7bcbf !important;
}

.greenBG {
  background-color: #52ae32 !important;
}

@media (max-width: 480px) {
  .monitor-tile {
    height: auto;
  }
  .monitor-tile img {
    margin: 0 auto;
    margin-top: -15px;
    width: 96%;
  }
  .monitor-tile h6 a {
    margin-bottom: 5px;
  }
  .home-wide-button.wrd-tile-button {
    bottom: 10px;
    position: relative;
    margin-top: 14px;
  }
}

.expand-tile {
  height: auto !important;
}

.expand-text p {
  height: auto !important;
  padding-bottom: 40px;
}

@media (min-width: 720px) {
  .news-description-wrap {
    height: 70px;
    overflow: hidden;
  }
}

.board-header h3 {
  font-size: 32px;
  line-height: 44px;
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  margin-bottom: 20px !important;
}

.board-header {
  margin-top: 20px;
}

.home-wide-button.exporter-button.monitor-exporter {
  float: none;
}

.home-wide-button.exporter-button.monitor-exporter a {
  text-decoration: none;
}

@media (max-width: 720px) {
  .showOn720 {
    display: block !important;
  }
}

#search-navigation:hover {
  cursor: pointer;
}

#search-navigation-div:hover {
  cursor: pointer;
}

#overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, right top, from(#65b42a), to(#a3c610));
  background: linear-gradient(to right, #65b42a, #a3c610);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#65B42A', endColorstr='#A3C610');
  /*For IE7-8-9*/
  z-index: 1000000;
}

#overlay input {
  padding: 20px;
  font-size: 16px;
  border: 0;
  margin: 40px;
}

#overlay input:focus {
  outline: none;
}

#overlay #close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-weight: bold;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016
#SearchContainer {
  height: 214px;
  margin: 40px 0 0;
}
#SearchTerm {
  position: absolute;
  background-color: transparent;
  height: 237px;
}
#SearchTerm:-moz-placeholder {
  color: #ffffff;
  padding-left: 10px;
}
#SearchTerm:-ms-input-placeholder {
  color: #ffffff;
  padding-left: 10px;
}
#SearchTerm::-webkit-input-placeholder {
  color: #ffffff;
  padding-left: 10px;
}
#SearchContainer .searchTermText {
  margin: 0 0 0 -2px;
  padding: 0;
  font-size: 24px;
  letter-spacing: -0.035em !important;
  line-height: 26px;
  white-space: pre-wrap !important;
  word-wrap: break-word;
  border: 1px solid transparent;
  text-rendering: geometricPrecision;
  top: 45px;
  left: 0;
  right: 0;
  height: 192px;
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: white;
  padding-left: 30px;
  width: 50%;
}
#search-cross {
  position: absolute;
  right: 40px;
  top: 40px;
  cursor: pointer;
}
*/
.search-results a {
  text-decoration: underline;
  color: #52ae32;
  line-height: 32px;
}

#contact-us-last {
  color: #30383b;
  border-bottom: 2px solid #30383b;
}

#contact-us-last:hover {
  text-decoration: none;
}

.contact-right:last-child {
  background-color: #d7dbdd;
}

@media (max-width: 480px) {
  font-size: 10px;
  line-height: 12px;
}

.marker-description {
  font-size: 10px;
  line-height: 12px;
}

@media (max-width: 480px) {
  .hideOn480 {
    display: none !important;
  }
  .showOn480 {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .hideOn768 {
    display: none !important;
  }
  .showOn768 {
    display: block !important;
  }
}

.tile-button.tall-tile-button.wrd-tall-button {
  height: 48px;
}

.tile-button.tall-tile-button.wrd-tall-button p {
  padding-top: 4px;
}

#signup-email {
  padding-left: 10px;
  margin-left: 0px;
  padding-right: 10px;
  width: 200px;
}

@media (max-width: 1200px) {
  .swiper-container.large-swiper {
    height: 378px !important;
  }
  .swiper-slide.large-slide.swiper-slide-visible.swiper-slide-active {
    background-size: 100% !important;
    height: 378px !important;
  }
  .swipe-overlay h1 {
    font-size: 42px;
    line-height: 48px;
  }
}

@media (max-width: 960px) {
  .swiper-container.large-swiper {
    height: 280px !important;
  }
  .swiper-slide.large-slide.swiper-slide-visible.swiper-slide-active {
    background-size: 100% !important;
    height: 280px !important;
  }
  .swipe-overlay h1 {
    font-size: 42px;
    line-height: 48px;
  }
}

@media (max-width: 720px) {
  .swiper-container.large-swiper {
    height: 200px !important;
  }
  .swiper-slide.large-slide.swiper-slide-visible.swiper-slide-active {
    background-size: 100% !important;
    height: 200px !important;
  }
}

@media (max-width: 480px) {
  .swiper-container.large-swiper {
    height: 120px !important;
  }
  .swiper-slide.large-slide.swiper-slide-visible.swiper-slide-active {
    background-size: 100% !important;
    height: 120px !important;
  }
  .swipe-overlay h1 {
    font-size: 20px;
    line-height: 22px;
  }
}

@media (max-width: 480px) {
  .article img {
    max-width: 100%;
    height: auto !important;
  }
}

@media (min-width: 1200px) {
  .swiper-container:not(.home-slider) {
    height: 420px;
  }
  .swipe-overlay h1 {
    font-size: 60px;
    line-height: 72px;
  }
}

.video-container {
  height: 0;
  height: auto;
  margin-bottom: 20px;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  background-color: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 480px) {
  .video-article {
    margin-left: 0px !important;
  }
}

.efic-help-tablet-table {
  display: none;
}

.efic-help-tablet-divs {
  display: block;
}

@media (min-width: 550px) {
  .efic-help-tablet-table {
    display: block !important;
  }
  .efic-help-tablet-divs {
    display: none !important;
  }
}

.column.left-links.showOn480.hideOn720.hideOn960 > div > span > select > .sub-option {
  color: #b7bcbf !important;
}

.column.left-links.showOn480.hideOn720.hideOn960 > div > span > select > option {
  color: #000000 !important;
}

@media (max-width: 768px) {
  .centerOn768 {
    float: none !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 768px) {
  .article {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 721px) {
  .hideabove720 {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .hideBelow768 {
    display: none !important;
  }
  .showBelow768 {
    display: block !important;
  }
}

@media (max-width: 960px) {
  .hideBelow960 {
    display: none !important;
  }
  .showBelow960 {
    display: block !important;
  }
}

@media (min-width: 961px) {
  .hideAbove960 {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .twentyTop768 {
    margin-top: 20px !important;
  }
}

@media (max-width: 480px) {
  .monitor-tile.newsroom-monitor-tile h6 {
    margin-top: 10px;
  }
}

.newsroom-monitor-tile {
  height: 424px !important;
}

/*#simplemodal-container {
  top: 88px !important;
}*/
@media (max-width: 480px) {
  .search-results-page h3 {
    font-size: 18px;
    line-height: 26px;
  }
  #SearchContainer {
    height: 50px;
  }
}

@media (max-width: 480px) {
  .leaflet-popup-content-wrapper {
    float: right;
    overflow: hidden;
  }
}

.outer-container {
  position: relative;
  height: 448px;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 23/12/2016
.BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
}
*/
.percent100 {
  width: 100%;
  height: 100%;
}

.hidden-tile-content {
  font-size: 14px;
  font-weight: bold;
}

@media (max-width: 480px) {
  .eightyOnMobile {
    width: 260px !important;
  }
  .slimOn480 {
    width: 260px !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .outer-container {
    position: relative;
    height: 256px;
  }
}

@media (max-width: 480px) {
  .newslettersignupwrd .field-validation-error {
    left: 0px;
  }
  .newslettersignupexportmonitor .field-validation-error {
    left: 0px;
  }
}

@media (min-width: 720px) {
  .home-wide-button.contact-form-button {
    float: none !important;
    padding: 3px !important;
  }
}

@media (min-width: 768px) {
  .mfp-wrap {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    top: 700px !important;
  }
}

@media (max-width: 480px) {
  .product-article-cta {
    padding-left: 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
  .relate-tile .tile-content {
    display: block;
  }
}

@media (max-width: 480px) {
  .relate-tile .tile-content {
    display: block;
    width: 201px;
    margin: 0 auto;
    height: 160px;
    margin-top: 11px;
    margin-left: 9px;
  }
}

#partners {
  overflow: hidden;
}

#page {
  overflow: hidden;
}

.monitor-tile h6 {
  width: 88%;
}

@media (max-width: 480px) {
  .ui-tooltip {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  .mfp-wrap {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0 !important;
  }
}

@media (min-width: 960px) {
  #relevantDept h1 {
    margin-bottom: 5px;
  }
}

.bottom-slug {
  height: 20px;
  background-color: #30383b;
}

.monitor-tile.newsroom-monitor-tile h6 {
  height: 36px;
}

.content-menu-description {
  word-wrap: break-word;
}

@media (max-width: 768px) {
  .tablet-9cols {
    width: 720px !important;
  }
}

@media (max-width: 480px) {
  .tablet-9cols {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .latest-vid-study-wrap {
    clear: both;
    width: 100% !important;
  }
  .newsroom-monitor-tile {
    margin: 0px;
  }
  .tablet340 {
    width: 340px !important;
  }
  .tablet350 {
    width: 350px !important;
  }
  .tablet320 {
    width: 320px !important;
  }
}

@media (max-width: 480px) {
  .newsroom-monitor-tile {
    width: 94%;
    margin: 0 auto;
  }
  .partner-tile-tall {
    width: 94%;
  }
  .tablet350 {
    width: 100% !important;
    margin: 0px !important;
  }
  .tablet340 {
    width: 100% !important;
    margin: 0px !important;
  }
  .tablet320 {
    width: 90% !important;
  }
}

.inpageNav0 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  word-wrap: break-word !important;
  width: 170px;
}

.inpageNav1 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 16px !important;
  /*margin: 16px 10px 10px 0 !important;*/
  text-align: right !important;
  color: #5a5a5b !important;
  line-height: 20px !important;
  word-wrap: break-word !important;
  width: 170px;
  /*font-weight: bold;*/
}

.inpageNav1.active {
  color: #5a5a5b !important;
}

.inpageNav2 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 14px !important;
  margin: 16px 10px 10px 0 !important;
  text-align: right !important;
  color: #9ba2a7 !important;
  line-height: 17px !important;
  word-wrap: break-word !important;
  width: 170px;
}

.inpageNav2.active {
  color: #52ae32 !important;
}

.inpageNav3 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 13px !important;
  margin: 16px 10px 10px 0 !important;
  text-align: right !important;
  color: #000000 !important;
  line-height: 17px !important;
  word-wrap: break-word !important;
  width: 170px;
}

.inpageNav3 .active {
  color: #52ae32 !important;
}

.printHeader {
  display: none;
}

.print-letter-head {
  display: none;
}

#export-nav {
  background-color: #30383b;
  height: auto;
}

#export-nav ol {
  list-style-type: decimal;
}

#export-nav li:first-child {
  list-style-type: none;
}

#export-nav li {
  float: left;
  font-size: 11px;
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #848586;
  margin-left: 36px;
}

#export-nav a {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #848586;
  line-height: 30px;
}

#export-nav a:hover {
  color: white;
  text-decoration: none;
}

#export-nav .active-export a {
  color: white;
}

.export-block {
  background-image: url("/images/images/JPEG/export-prepare_05.jpg");
  background-size: cover;
  height: 836px;
}

.export-block .gridContainer {
  height: 800px;
}

.export-block .gridContent {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.export-block h1, .export-block h2 {
  color: white;
}

@media (max-width: 720px) {
  .export-block h1, .export-block h2 {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 35px;
  }
}

.export-block.export-block-tall {
  background-image: url("/images/images/JPEG/export-prepare_03.jpg");
  background-size: cover;
  height: 1480px;
}

.export-block.export-block-tall .gridContainer {
  height: 1480px;
}

.top-fade {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 120px;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(99%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

.bottom-fade {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 120px;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(99%, #000000), to(#000000));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, #000000 99%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}

.journey-content {
  background-color: rgba(255, 255, 255, 0.7);
  overflow-y: scroll;
  max-height: 450px;
}

.useful-links-page .journey-content {
  overflow-y: visible;
  max-height: 1002px;
}

a.green-button {
  background: #86be1c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86be1c), to(#86be1c));
  background-image: linear-gradient(to bottom, #86be1c, #86be1c);
  border-radius: 2px;
  font-family: Arial;
  color: white;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: none;
}

a.green-button:hover {
  background: #53ae31;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#53ae31), to(#53ae31));
  background-image: linear-gradient(to bottom, #53ae31, #53ae31);
  text-decoration: none;
  color: white;
}

.useful-links h2 {
  line-height: 70px;
  text-decoration: underline;
  margin-top: 0px;
}

.useful-links a {
  color: #30383b;
}

.useful-links img {
  width: 70px;
  margin-top: -32px;
}

.fullWidth.lightGrey {
  color: #d7dbdd;
}

.arrow-circle {
  bottom: 100px;
  height: 70px;
  width: 70px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
  z-index: 1;
}

.arrow-circle img {
  margin: 0 auto;
  display: block;
  margin-top: 21px;
}

.side-square-nav {
  position: fixed;
  z-index: 1;
  top: 38%;
  right: 30px;
}

.side-square-nav .nav-square {
  width: 30px;
  height: 15px;
  border: 2px solid #d7dbdd;
  background-color: #fff;
  margin-bottom: 20px;
}

.side-square-nav .nav-square:hover p {
  text-decoration: none !important;
}

.side-square-nav .nav-square.active-export {
  background-color: #30383b;
  color: white !important;
}

.side-square-nav .nav-square div {
  position: relative;
  right: 230px;
  width: 210px;
  top: -15px;
  background-color: #30383b;
  border: 1px solid #fff;
}

.side-square-nav .nav-square div p {
  line-height: 15px;
  color: white;
  text-align: center;
}

.side-square-nav .nav-square div p:hover {
  text-decoration: none !important;
}

.side-square-nav .nav-square div a:hover {
  text-decoration: none !important;
}

.side-square-nav .nav-square div img {
  position: absolute;
  right: -10px;
  top: 13px;
}

.side-square-nav .nav-square div:hover {
  text-decoration: none !important;
}

.export-block.export-block-tall.useful-links-page {
  background-image: url("/images/images/exporter-links.jpg");
}

.export-block.export-block-tall.useful-links-page p {
  margin-top: 0px;
}

.export-block.export-block-tall.useful-links-page p.largeGreen {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 28px;
  line-height: 34px;
  color: #52ae32;
}

.export-block.export-block-tall.useful-links-page h4 {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin: 0px;
}

.export-block.export-block-tall.useful-links-page h4.darkGrey {
  line-height: 60px;
}

.pad10 {
  padding: 10px;
}

@media (max-width: 480px) {
  .side-square-nav {
    display: none;
  }
  .arrow-circle {
    display: none;
  }
  .export-block h2 {
    margin: 10px;
  }
  .journey-content {
    width: 88%;
  }
}

.side-square-nav a:hover {
  text-decoration: none;
}

/*
DEVNOTE:
I'm removing AL swiper styles from this file.
BW 17/2/2016
*/
.sidr {
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  color: #fff;
  background: #363636;
}

.sidr .sidr-inner {
  padding: 0 0 15px;
}

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr.right {
  left: auto;
  right: -260px;
}

.sidr.left {
  left: -260px;
  right: auto;
}

.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
}

.sidr p {
  margin: 0 0 12px;
}

.sidr p a {
  color: rgba(255, 255, 255, 0.9);
}

.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr ul {
  display: block;
  padding: 0;
}

.sidr ul li {
  display: block;
  margin: 0;
  line-height: 40px;
  border-top: 1px solid #4d4d4d;
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  text-transform: none;
  text-transform: uppercase;
}

.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #ffffff;
}

.sidr ul li ul {
  border-bottom: none;
  margin: 0;
}

.sidr ul li ul li {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  color: #000000;
  border: none;
  text-transform: none;
}

.sidr ul li:first-child {
  border-top: none;
}

.sidr ul li ul li:last-child {
  border-bottom: none;
}

.sidr form {
  margin: 0 15px;
}

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
}

.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}

.sidr input[type=button],
.sidr input[type=submit] {
  color: #333;
}

.sidr-class-nav-home {
  margin-top: 45px;
}

.sidr-class-nav-list-div {
  border-top: 1px solid #585858;
  color: #ffffff;
}

.sidr-class-nav-list-div a {
  color: #ffffff;
}

.sidr-class-nav-list-div img {
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
}

.sidr-class-nav-search {
  display: none;
}

.sidr-class-plus {
  background-image: url(/images/nav/plus.png);
  background-repeat: no-repeat;
  background-position: 230px 20px;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */
#basic-modal-content {
  display: none;
}

/* Overlay */
#simplemodal-overlay {
  background-color: #000;
}

/* Container */
#simplemodal-container {
  color: #bbb;
  background-color: white;
  border: 4px solid #444;
  padding: 12px;
  /*height: 250px !important;*/
  max-width: 100%;
  top: 88px !important;
}

#simplemodal-container .simplemodal-data {
  padding: 8px;
}

#simplemodal-container code {
  background: #141414;
  border-left: 3px solid #65B43D;
  color: #bbb;
  display: block;
  font-size: 12px;
  margin-bottom: 12px;
  padding: 4px 6px 6px;
}

#simplemodal-container a {
  color: #ddd;
}

#simplemodal-container a.modalCloseImg {
  background: url("/images/x.png") no-repeat;
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -16px;
  cursor: pointer;
}

#simplemodal-container h3 {
  color: #84b8d9;
}

/*.nav-list-div {
	display: inline-block;
	margin: 0 2.6em;
	position: relative;
}

.nav-list-holder > a {
	line-height: 4em;
	padding: 0 0.3em;
	font-size: 1.2em;
	display: block;
	color: #fff;
}*/
/* sumbenu with transitions */
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

.cbp-tm-submenu {
  position: absolute;
  display: block;
  visibility: hidden;
  opacity: 0;
  padding: 0 0 20px 0;
  text-align: left;
  pointer-events: none;
  -webkit-transition: visibility 0s, opacity 0s;
  -moz-transition: visibility 0s, opacity 0s;
  transition: visibility 0s, opacity 0s;
}
*/
/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

.cbp-tm-show .cbp-tm-submenu {

  left: 50%;

  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
  padding: 0 0 20px 0;
}
.cbp-tm-show-below .cbp-tm-submenu {
  top: 100%;
  padding-top: 20px;
}

.cbp-tm-nospace-right .cbp-tm-submenu {
  right: 0;
  left: auto;
}
.cbp-tm-nospace-left .cbp-tm-submenu {
  left: 0;
}
*/
/*
arrow: depending on where the menu will be shown, we set
the right position for the arrow
*/
/*
.cbp-tm-submenu:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.cbp-tm-show-below .cbp-tm-submenu:after {
  bottom: 100%;
  margin-bottom: -20px;
}
.cbp-tm-submenu:after {
  border-color: transparent;
  border-width: 16px;
  margin-left: -16px;
  left: 50%;
}
.cbp-tm-show-below .cbp-tm-submenu:after {
  border-bottom-color: #fff;
}
.cbp-tm-submenu > li {
  display: block;
  background: #fff;
}
.cbp-tm-submenu > li > a {
  padding: 5px 2.3em 5px 0.6em;

  display: block;
  font-size: 12px;
  font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
  position: relative;
  color: #42494b;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cbp-tm-submenu > li.header {
  padding: 10px 2.3em 5px 0.6em;

  display: block;
  font-size: 14px;
  font-family: "UniversLTStd55Roman";
  line-height: 14px;
  position: relative;
  color: #42494b;

  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cbp-tm-submenu-header {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-family: "UniversLTStd55Roman";
  line-height: 14px;
  position: relative;
  color: #42494b;
}
.cbp-tm-submenu-holder {
  padding: 15px 0 0 15px;
}
.cbp-tm-submenu-element {
  padding: 0 15px 15px 0;
  display: block;
  position: relative;
}
.cbp-tm-submenu-column {
  display: block;
  position: relative;
  float: left;
}
a.cbp-tm-link {
  font-size: 13px;
  font-family: "UniversLTStd55Roman";
  color: #42494b;
}
a.cbp-tm-link:hover {
  color: #52ae32;
}
a.cbp-tm-submenu-header {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-family: "UniversLTStd55Roman";
  line-height: 14px;
  position: relative;
  color: #42494b;
}
a.cbp-tm-submenu-header:hover {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-family: "UniversLTStd55Roman";
  line-height: 14px;
  position: relative;
  color: #52ae32;
}
.no-touch .cbp-tm-submenu > li > a:hover,
.no-touch .cbp-tm-submenu > li > a:active {
  color: #52ae32;
}
*/
.sidr-class-cbp-tm-link {
  display: none !important;
}

.sidr-class-cbp-tm-submenu-header {
  text-transform: none;
  overflow: hidden;
  padding-left: 52px !important;
  background-color: #bdbdbd;
  color: #363636 !important;
}

.sidr-class-cbp-tm-submenu-element > div:not(:last-child) > a {
  border-bottom: 1px solid #9b9b9b;
}

.sidr-class-cbp-tm-submenu-first {
  padding: 13px 22px 11px 22px;
}

.sidr-class-cbp-tm-submenu-element > div > a.active {
  font-weight: bold;
}

.sidr-class-hide {
  display: none;
}

.sidr-class-show {
  display: block !important;
}

.ie9 {
  display: block !important;
}

.ie9 body .pageContainer {
  overflow: visible !important;
}

.ie9 body #page {
  display: table;
  height: auto;
}

.ie9 body #content {
  margin-bottom: 0px !important;
}

.ie9 body #footer {
  min-height: 0px !important;
  margin-top: 0px !important;
  height: auto;
}

.ie9 .news-description-wrap {
  height: 74px;
}

.ie9 .video-description {
  width: 290px;
  margin-left: -1px;
}

.ie9 #simplemodal-container {
  top: 126px !important;
}

.ie9 #mainNav {
  position: fixed !important;
  min-width: 656px !important;
}

.ie9 #header {
  background: url("/images/header_tile.png") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
}

.ie9 .left-links h6 {
  font-size: 24px !important;
}

.ie9 .swipe-overlay {
  position: absolute;
  z-index: 10;
  background: none;
  text-align: center;
  bottom: 0px;
}

.ie9 .swipe-overlay h1 {
  color: white;
  font-weight: bold;
  padding-top: 20px;
  margin-bottom: 20px;
}

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

.iPad .inpageNav0 {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  word-wrap: break-word !important;
}

.iPad .left-links h6 {
  text-align: right;
  margin-right: 10px;
  color: #afca0b;
  font-size: 20px !important;
}

/* CUSTOM TABLE STYLES FOR RICH TEXT EDITOR */
table.no-border td {
  border: none !important;
}

table.no-background tr {
  background-color: transparent !important;
}

#footer h6 {
  font-family: "UniversLTStd65Bold", "Open Sans", "Droid Sans", Arial, sans-serif;
  font-size: 14px;
  color: #42494b;
  line-height: 14px;
  margin: 10px 0;
}

label {
  font-family: 'UniversLTStd55Roman';
}

.contour input.text {
  height: 30px;
  font-size: 15px;
  font-family: 'UniversLTStd45Light';
  float: left;
}

#contour select, .contour select {
  width: 301px;
}

select {
  height: 40px;
  font-size: 15px;
  font-family: 'UniversLTStd45Light';
  width: 312px;
  float: left;
}

#contour_form_Contactus .contourField {
  width: 350px;
  display: inline-block;
  margin-bottom: 30px;
  height: 70px;
}

.contourPageName {
  margin-left: 2px;
}

#div_553160fe-6ada-4174-9294-64aca38f1ed6 {
  /*display: none;*/
  height: 300px !important;
  margin-bottom: 0 !important;
}

#contour_form_Contactus > form > div.contourPage > fieldset {
  margin: 0 !important;
}

.contourNavigation {
  width: 86%;
}

.contourNavigation .loading-image {
  display: block;
  margin: auto;
  padding: 10px;
}

.contourNavigation .submitting-message {
  text-align: center;
}

.contourPageName {
  margin-left: 20px;
}

.home-wide-button {
  background-color: #52ae32;
  width: 174px;
  z-index: 1000;
  padding: 0px;
  margin: 0 auto;
  /*height: 38px;*/
  float: right;
}

.home-wide-button p {
  font-size: 16px;
}

.home-wide-button a:hover {
  text-decoration: none;
}

.home-wide-button:hover {
  background-color: #b7bcbf;
}

@media (max-width: 720px) {
  .home-wide-button {
    float: none;
  }
  .home-wide-button p {
    line-height: 40px;
  }
  .field-validation-error {
    margin-left: 0px;
  }
  .complaints .home-wide-button p, .categoryaprojects .home-wide-button p, .prequaltool .home-wide-button p, .publicinterestdisclosure .home-wide-button p {
    line-height: 18px !important;
  }
}

@media (max-width: 590px) {
  #complaintSubmitSpacer {
    display: none;
  }
  .complaints .field-validation-error, .categoryaprojects .field-validation-error, .prequaltool .field-validation-error, .publicinterestdisclosure .field-validation-error {
    left: 0 !important;
  }
}

@media (min-width: 720px) {
  .field-validation-error {
    /*margin-left: 210px;*/
  }
}

.field-validation-error {
  clear: both;
  float: left;
}

input[type="submit"] {
  display: block;
  background-color: #52ae32;
  margin: 0 auto;
  width: 174px;
  padding: 10px 0px !important;
  border: none;
  color: white;
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}

input[type='submit']:hover {
  background-color: #b7bcbf;
}

@media (max-width: 768px) {
  .contourNavigation {
    width: 100%;
  }
  #contour_form_Contactus .contourField {
    width: 100%;
  }
  #contour input.text, #contour textarea,
  .contour input.text, .contour textarea {
    width: 100% !important;
    padding: 0  !important;
  }
}

.contourPage a {
  color: #52ae32;
  text-decoration: underline;
}

.contourPage a:hover {
  color: #b7bcbf;
}

/********************************
Micro Clearfix
Source:
https://gist.github.com/mike-henderson/4948107
http://nicolasgallagher.com/micro-clearfix-hack/

Usage:
elem {
	@include clearfix-micro();
}
********************************/
picture {
  display: block;
  text-align: center;
}

picture img {
  vertical-align: middle;
  max-width: 100%;
}

.nested-figure {
  margin: 1em 0;
}

/**
*
* Core button styles
*
**/
.btn-cta, .cta-link, .cta-link-alt {
  display: inline-block;
  padding: 6px 10px;
  background-color: #52ae32;
  border: solid 1px white;
  color: white;
  font-size: 17px;
  cursor: pointer;
}

.btn-cta:hover, .cta-link:hover, .cta-link-alt:hover {
  color: #fff;
  background-color: #5d6569;
}

.cta-link, .cta-link-alt {
  display: inline-block;
  margin: 20px 0;
  padding: 0 26px;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}

.cta-link-alt {
  background-color: #9aa1a7;
}

/**
*
* Reusuable gradient functions
*
**/
.home-slider .slide-content {
  background: #5db12d;
  /* Old Browsers */
  /* FF3.6+ */
  background: -webkit-gradient(left bottom, right top, color-stop(0%, #5db12d), color-stop(100%, #acc80c));
  /* Chrome, Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE 10+ */
  background: linear-gradient(45deg, #5db12d 0%, #acc80c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db12d', endColorstr='#acc80c', GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.utility-bar {
  background: #55ae31;
  background: -webkit-gradient(left top, right top, color-stop(0%, #55ae31), color-stop(100%, #a6c80e));
  background: -webkit-gradient(linear, left top, right top, from(#55ae31), to(#a6c80e));
  background: linear-gradient(to right, #55ae31 0%, #a6c80e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ae31', endColorstr='#a6c80e', GradientType=1 );
}

/**
*
* Global swiper controls
*
**/
.swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 3px;
  margin-right: 3px;
  background-color: rgba(40, 51, 56, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.5);
}

.swiper-pagination .swiper-pagination-switch.swiper-active-switch {
  background-color: #9fc511;
  border: solid 1px #9fc511;
}

.swiper-btn {
  display: none;
}

@media only screen and (min-width: 768px) {
  .swiper-btn {
    display: block;
    position: absolute;
    z-index: 100;
    top: 50%;
    display: block;
    width: 40px;
    height: 60px;
    margin-top: -30px;
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
  }
  .swiper-btn.prev {
    left: 0px;
  }
  .swiper-btn.next {
    right: 0px;
  }
  .swiper-btn:hover {
    background-color: #52ae32;
  }
  .swiper-btn .icon {
    color: white;
    font-size: 36px;
    position: relative;
    top: 14px;
    left: 2px;
  }
}

/**
*
* Global, reusable animations
*
**/
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  color: #fff;
  max-width: 250px;
  background-color: #8c8c8c;
}

.tooltipster-default a {
  color: white;
  text-decoration: underline;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/**
*
* Form elements
* NOTE: Forms are a mess in this site, there are several different form stylesheets / SCSS files.
* This file is intended as a temporary measure to force forms to behave for mobile elemnts,
* specifically for Countour forms.

* Beware
* Importants below
*
**/
.form-page .contour label.fieldLabel {
  width: 100%;
}

.form-page .contour select,
.form-page .contour input,
.form-page .contour textarea {
  width: 100%;
}

.form-page .contour input[type=submit] {
  width: 174px;
  margin: auto;
}

.form-page .contour .contourField {
  margin-bottom: 20px;
}

.form-page .contour .contourField {
  *zoom: 1;
}

.form-page .contour .contourField:before, .form-page .contour .contourField:after {
  content: "";
  display: table;
}

.form-page .contour .contourField:after {
  clear: both;
}

@media only screen and (min-width: 768px) {
  .form-page .contour label.fieldLabel {
    width: 200px;
    padding-top: 10px;
    float: left;
    clear: left;
  }
  .form-page .contour select,
  .form-page .contour input,
  .form-page .contour textarea {
    width: 300px;
  }
  .form-page .contour input[type=submit] {
    width: 174px;
    margin: auto;
  }
  .form-page .contour .checkboxlist input[type="checkbox"],
  .form-page .contour .checkboxlist input[type="radio"],
  .form-page .contour .checkboxlist input, .form-page .contour radiobuttonlist input[type="checkbox"],
  .form-page .contour radiobuttonlist input[type="radio"],
  .form-page .contour radiobuttonlist input, .form-page .contour .checkbox input[type="checkbox"],
  .form-page .contour .checkbox input[type="radio"],
  .form-page .contour .checkbox input {
    display: inline-block !important;
    margin-top: 1em;
  }
}

.divider_line {
  border: solid 0.5px #d7dbdd;
  margin-bottom: 24px;
}

/* EFIC > Core > Fonts | Deepend.com.au (c) 2015 | Author: Ray Ranola */
@font-face {
  font-family: 'UniversLTStd55Roman';
  src: url("/static/fonts/universal/universltstd.eot");
  src: local("☺"), url("/static/fonts/universal/universltstd.woff") format("woff"), url("/static/fonts/universal/universltstd.ttf") format("truetype"), url("/static/fonts/universal/universltstd.svg#UniversLTStd55Roman") format("svg");
}

@font-face {
  font-family: 'UniversLTStd45Light';
  src: url("/static/fonts/universal/universltstd-light.eot");
  src: local("☺"), url("/static/fonts/universal/universltstd-light.woff") format("woff"), url("/static/fonts/universal/universltstd-light.ttf") format("truetype"), url("/static/fonts/universal/universltstd-light.svg#UniversLTStd45Light") format("svg");
}

@font-face {
  font-family: 'UniversLTStd65Bold';
  src: url("/static/fonts/universal/universltstd-bold.eot");
  src: local("☺"), url("/static/fonts/universal/universltstd-bold.woff") format("woff"), url("/static/fonts/universal/universltstd-bold.ttf") format("truetype"), url("/static/fonts/universal/universltstd-bold.svg#UniversLTStd65Bold") format("svg");
}

@font-face {
  font-family: 'TipografiaRamis-Decima';
  src: url("/static/fonts/decima/TipografiaRamis-Decima.otf");
  src: local("☺"), url("/static/fonts/decima/TipografiaRamis-Decima.ttf") format("ttf");
}

@font-face {
  font-family: 'TipografiaRamis-DecimaLight';
  src: url("/static/fonts/decima/TipografiaRamis-DecimaLight.otf");
  src: local("☺"), url("/static/fonts/decima/TipografiaRamis-Decima.woff"), url("/static/fonts/decima/TipografiaRamis-DecimaLight.ttf") format("ttf");
}

/* Variable Declarations */
.universalReg {
  font-family: "UniversLTStd55Roman", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.universalLight {
  font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.universalBold {
  font-family: "UniversLTStd65Bold", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.decimaReg {
  font-family: "Decima", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.decimaLight {
  font-family: "TipografiaRamis-DecimaLight", "Open Sans", "Droid Sans", Arial, sans-serif;
}

/*Silent extends*/
.btn-cta, .cta-link, .cta-link-alt, .btn-global, .modal-body ul, .modal-body ol, .promo-tiles .intro-copy h2, .promo-tiles .intro-copy p, .promo-tiles .tile.promo .copy-block, .side-promo-tile .content, .side-promo-tile .cta, .fullwidth-banner p, .loan-calculator input,
.loan-calculator select, .loan-calculator .title-row p, .loan-calculator .btn-calculate, .loan-calculator .apply-link, .loan-calculator .disclaimer-text p, .home-slider .copy, .home-slider .btn-cta, .product-finder h1, .product-finder .btn-showme, .feature-tile .title, .feature-tile p, .feature-video-tile .title, .feature-video-tile p, #mobile-nav .btn-efic-direct, #mobile-nav .primary-link, .recommended-product-tile .text-block .description, .recommended-product-tile .text-block .recommended, .recommended-product-tile .tile .copy-block, ul.breadcrumb a, .resource-finder .filters .btn-find, .resource-finder .selected-filters .title, .case-study-filter h1, .case-study-filter .btn-filter {
  font-family: 'UniversLTStd45Light', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.modal-body, .promo-tiles .tile.promo .content .title, .promo-tiles .tile.promo .link-row a, .promo-tiles .bottom-link-row a, .home-slider .title, .recommended-product-tile .tile .content .title, .recommended-product-tile .tile .link-row a, .pushdown-notification {
  font-family: 'UniversLTStd55Roman', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

.table thead, .table td.heading, .tab-nav h6, .promo-tiles .tile.link-block .title, .side-promo-tile .title, .fullwidth-banner a, .loan-calculator p.label, .loan-calculator .loan-results-block .title, .loan-calculator .loan-results-block .label, .product-apply-steps .step-duration p, .product-finder select, .product-quick-links p, .product-quick-links a, .recommended-product-tile .text-block .title, .resource-finder .filters select, .resource-finder .filters .dropdown-toggle, .resource-finder .resource-list .resource-item .type, .resource-finder .resource-list .resource-item .name, #popup-notification .modal-title, #master-content > .site-overlay .site-overlay-header .site-overlay-title, .secondary-table th, .secondary-table th h3, .secondary-table th h4, .secondary-table th h5, .secondary-table th h6, .secondary-table th p, .case-study-filter select {
  font-family: 'UniversLTStd65Bold', 'Open Sans', 'Droid Sans', Arial, sans-serif;
}

/*
Update icon fonts
*/
@font-face {
  font-family: "efic";
  src: url("/static/fonts/icons/efic.eot");
  src: url("/static/fonts/icons/efic.eot?#iefix") format("embedded-opentype"), url("/static/fonts/icons/efic.woff") format("woff"), url("/static/fonts/icons/efic.ttf") format("truetype"), url("/static/fonts/icons/efic.svg#efic") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "efic" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "efic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\61";
}

.icon-down-arrow:before {
  content: "\62";
}

.icon-email:before {
  content: "\63";
}

.icon-facebook:before {
  content: "\64";
}

.icon-left-arrow:before {
  content: "\66";
}

.icon-linked-in:before,
.icon-linkedin:before {
  content: "\67";
}

.icon-location:before {
  content: "\68";
}

.icon-menu:before {
  content: "\69";
}

.icon-phone:before {
  content: "\6a";
}

.icon-right-arrow:before {
  content: "\6b";
}

.icon-search:before {
  content: "\6c";
}

.icon-send:before {
  content: "\6d";
}

.icon-twitter:before {
  content: "\6e";
}

.icon-up-arrow:before {
  content: "\6f";
}

.icon-youtube:before {
  content: "\70";
}

.icon-fax:before {
  content: "\65";
}

.icon-google-plus:before {
  content: "\71";
}

.icon-call:before {
  content: "\72";
}

.icon-casestudies:before {
  content: "\73";
}

.icon-news:before {
  content: "\74";
}

.icon-ebooks:before {
  content: "\75";
}

.icon-podcasts:before {
  content: "\76";
}

.icon-press:before {
  content: "\77";
}

.icon-research:before {
  content: "\78";
}

.icon-videos:before {
  content: "\79";
}

.icon-whitepaper:before {
  content: "\7a";
}

.icon-filter:before {
  content: "\41";
}

.icon-info:before {
  content: "\42";
}

.icon-link:before {
  content: "\43";
}

/* Modules > Base | Deepend.com.au (c) 2014 | Author: Ray Ranola */
.mod .inner {
  position: relative;
}

.mod .inner:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.mod .hd, .mod .bd, .mod .ft {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

/* EFIC > Borders | Deepend.com.au (c) 2015 | Author: Ray Ranola */
.bdr-grey {
  border: 1px solid #d7dbdd;
}

.bdr-grey-l {
  border-left: 1px solid #d7dbdd;
}

.bdr-grey-r {
  border-right: 1px solid #d7dbdd;
}

.bdr-grey-t {
  border-top: 1px solid #d7dbdd;
}

.bdr-grey-b {
  border-bottom: 1px solid #d7dbdd;
}

/* Core > Margins | elray72.com (c) 2015 | tw: @elray72 */
/* Margins */
.push {
  margin: 10px;
}

.push-t {
  margin-top: 10px;
}

.push-b {
  margin-bottom: 10px;
}

.push-l {
  margin-left: 10px;
}

.push-r {
  margin-right: 10px;
}

.push-0 {
  margin: 0;
}

.push-5 {
  margin: 5px;
}

.push-10 {
  margin: 10px;
}

.push-15 {
  margin: 15px;
}

.push-20 {
  margin: 20px;
}

.push-40 {
  margin: 40px;
}

.push-t0 {
  margin-top: 0;
}

.push-t5 {
  margin-top: 5px;
}

.push-t10 {
  margin-top: 10px;
}

.push-t15 {
  margin-top: 15px;
}

.push-t20 {
  margin-top: 20px;
}

.push-t40 {
  margin-top: 40px;
}

.push-b0 {
  margin-bottom: 0;
}

.push-b5 {
  margin-bottom: 5px;
}

.push-b10 {
  margin-bottom: 10px;
}

.push-b15 {
  margin-bottom: 15px;
}

.push-b20 {
  margin-bottom: 20px;
}

.push-b40 {
  margin-bottom: 40px;
}

.push-l0 {
  margin-left: 0;
}

.push-l5 {
  margin-left: 5px;
}

.push-l10 {
  margin-left: 10px;
}

.push-l15 {
  margin-left: 15px;
}

.push-l20 {
  margin-left: 20px;
}

.push-l40 {
  margin-bottom: 40px;
}

.push-r0 {
  margin-right: 0;
}

.push-r5 {
  margin-right: 5px;
}

.push-r10 {
  margin-right: 10px;
}

.push-r15 {
  margin-right: 15px;
}

.push-r20 {
  margin-right: 20px;
}

.push-440 {
  margin-right: 40px;
}

.push-tb5 {
  margin: 5px 0;
}

.push-tb10 {
  margin: 10px 0;
}

.push-tb15 {
  margin: 15px 0;
}

.push-tb20 {
  margin: 20px 0;
}

.push-tb40 {
  margin: 40px 0;
}

.push-lr5 {
  margin: 0 5px;
}

.push-lr10 {
  margin: 0 10px;
}

.push-lr15 {
  margin: 0 15px;
}

.push-lr20 {
  margin: 0 20px;
}

.push-lr40 {
  margin: 0 40px;
}

/**
*
* Core structural classes and elements
*
**/
#master-content {
  width: 100%;
  margin: auto;
}

.container-fluid {
  max-width: 960px;
  margin: auto;
}

.container-fullwidth {
  width: 100%;
  max-width: 1600px;
  margin: auto;
}

.container-fullwidth.home-container {
  max-width: 1400px;
}

.link-row {
  margin-bottom: 30px;
}

.link-row .cta-link {
  margin-top: 0;
}

.no-padding {
  padding: 0;
}

.row-condensed {
  margin-left: 0;
  margin-right: 0;
}

.row-condensed > div[class^="col-"] {
  padding-left: 0px;
  padding-right: 0px;
}

[hidden] {
  display: none !important;
}

/**
*
* Page specific styles
*
**/
.product-page ul {
  list-style-position: inside;
}

.product-page li {
  list-style-type: disc;
  margin-bottom: 20px;
}

.product-page .content {
  margin-top: 50px;
}

/*****************************
ORIGINAL LOCATION:  legacy.css
All structure is maintained from source
Assumption that ALL below code is related
to 'fresco' is based purely on class
naming convention.
*****************************/
/* box-sizing: content-box is the default,
   putting it back in case of global overwrites */
.fr-window,
.fr-window [class^="fr-"],
.fr-overlay,
.fr-overlay [class^="fr-"],
.fr-loading,
.fr-loading [class^="fr-"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* Overlay */
.fr-overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  zoom: 1;
  overflow: hidden;
}

.fr-overlay-background {
  background: #000;
  filter: alpha(opacity=90);
  opacity: .9;
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Window */
.fr-window,
.fr-window-fixed-measure {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
}

/* mobile touch has position:absolute to allow zooming */
.fr-mobile-touch-enabled,
.fr-overlay-mobile-touch-enabled {
  position: absolute;
  overflow: visible;
}

/* z-index */
.fr-ui-outside .fr-info {
  z-index: 100001;
}

/* Loading icon */
.fr-loading {
  z-index: 100001;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  overflow: visible;
}

.fr-loading-offset {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.fr-loading-background,
.fr-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-loading-background {
  background: #0d0d0d url("fresco/skins/loading.gif") 50% 50% no-repeat;
  opacity: .8;
  border-radius: 3px;
  position: relative;
  float: left;
  border: 1px solid rgba(80, 80, 80, 0.2);
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-loading-icon {
  display: none;
}

/* Bubble (holds everything) */
.fr-bubble {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Fonts */
.fr-ui,
.fr-info {
  font: normal 13px/21px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
}

/* Frames / UI */
.fr-frames {
  height: 100%;
  width: 100%;
  position: absolute;
  display: inline;
  top: 0;
  left: 0;
  overflow: hidden;
}

.fr-frames-move {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.fr-frame,
.fr-ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fr-frame-touch {
  position: relative;
  float: left;
  top: auto;
  left: auto;
  width: 100%;
}

.fr-window *:not(.fr-caption)::-moz-selection,
.fr-window *:not(.fr-caption)::-moz-selection,
.fr-window *:not(.fr-caption)::-webkit-selection {
  background: transparent;
}

.fr-window *:not(.fr-caption)::selection,
.fr-window *:not(.fr-caption)::-moz-selection,
.fr-window *:not(.fr-caption)::-webkit-selection {
  background: transparent;
}

.fr-mobile-touch-enabled .fr-frame .fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-frame-touch .fr-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-mobile-touch-enabled .fr-ui,
.fr-mobile-touch-enabled .fr-ui-spacer,
.fr-mobile-touch-enabled .fr-ui-wrapper,
.fr-mobile-touch-enabled .fr-ui-padder,
.fr-mobile-touch-enabled .fr-ui-toggle,
.fr-mobile-touch-enabled .fr-ui-outer-border,
.fr-mobile-touch-enabled .fr-side {
  pointer-events: none;
}

/* Content */
.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.fr-box-has-ui-outside {
  overflow: hidden;
}

.fr-box-spacer,
.fr-ui-spacer {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-box-wrapper,
.fr-ui-wrapper {
  position: relative;
  background: url("fresco/skins/blank.gif");
  overflow: hidden;
}

.fr-box-padder,
.fr-ui-padder {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  background: url("fresco/skins/blank.gif");
}

.fr-box-padder,
.fr-ui-padder {
  position: absolute;
  top: 0;
  left: 0;
}

.fr-ui-padder {
  zoom: 1;
}

.fr-box-wrapper,
.fr-ui-wrapper,
.fr-ui-toggle {
  position: relative;
  float: left;
  display: inline;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-box-wrapper {
  background: #101010;
}

.fr-ui-wrapper-outside {
  float: left;
  height: 100%;
  width: 100%;
}

/* outer-border */
.fr-box-outer-border,
.fr-ui-outer-border {
  position: relative;
  float: left;
  display: inline;
  height: 100%;
  width: 100%;
  zoom: 1;
}

/* IE < 8 has a bug where dimensions are ignored without a border */
.fr-ltIE9 .fr-box-outer-border,
.fr-ltIE9 .fr-ui-outer-border {
  border: 0px solid transparent;
}

.fr-content {
  height: 100%;
  width: 100%;
  zoom: 1;
  *display: inline;
  margin: 0;
  padding: 0;
}

.fr-content-image {
  position: absolute;
  top: 0;
  left: 0;
  image-rendering: optimizeQuality;
  max-width: none;
}

.fr-content-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-download-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-user-drag: element;
  user-drag: element;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
}

/* onClick inside ui-outside */
.fr-onclick-side {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: url(fresco/skins/blank.gif);
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.fr-onclick-side img {
  cursor: pointer;
}

.fr-onclick-previous {
  left: 0;
}

.fr-onclick-next {
  right: 0;
}

/* onClick: 'next' has full width */
.fr-frame-onclick-next .fr-onclick-next {
  width: 100%;
}

.fr-side {
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  background: url("fresco/skins/blank.gif") 0 0 repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  zoom: 1;
}

.fr-side-disabled {
  cursor: default;
}

.fr-side-button {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  pointer-events: auto;
}

.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
}

.fr-side-previous {
  left: 0;
  width: 50%;
}

.fr-side-next {
  right: 0;
  width: 50%;
}

.fr-side-previous .fr-side-button {
  left: 0;
}

.fr-side-next .fr-side-button {
  right: 0;
}

/* sides (UI outside), smaller area */
.fr-ui-outside .fr-side {
  width: 72px;
  height: 72px;
  top: 50%;
  margin-top: -36px;
}

.fr-ui-outside .fr-side-button {
  margin-top: 0;
  top: 0;
}

/*
 * Info
 */
.fr-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  color: #efefef;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  pointer-events: auto;
}

.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  line-height: 1%;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
  background: #000;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-info-outside .fr-info-background {
  background: #0d0d0d;
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.fr-info-padder {
  padding: 12px;
  display: block;
  filter: alpha(opacity=99);
  overflow: hidden;
  width: auto;
  position: relative;
}

.fr-caption {
  position: relative;
  filter: alpha(opacity=99);
  opacity: .99;
  width: auto;
  word-wrap: no-wrap;
}

.fr-position-text {
  position: relative;
}

/* UI inside */
.fr-has-position .fr-info-inside .fr-caption {
  margin-right: 75px;
}

.fr-info-inside .fr-position {
  filter: alpha(opacity=99);
  opacity: .99;
  position: relative;
  text-align: right;
  word-wrap: no-wrap;
  line-height: 21px;
  color: #b3b3b3;
  float: right;
  width: 75px;
}

.fr-no-caption .fr-info-inside .fr-position {
  width: auto;
  margin: 0 1px 1px 0;
  color: #b9b9b9;
  filter: alpha(opacity=99);
}

.fr-info-inside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-no-caption .fr-info-inside .fr-position-background {
  border-radius: 12px;
  background: #101010;
  filter: alpha(opacity=80);
  opacity: .8;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-info-inside .fr-position-text {
  position: relative;
}

.fr-no-caption .fr-info-inside .fr-position-text {
  float: left;
  height: 13px;
  line-height: 13px;
  padding: 6px 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* hide the position on small screens */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) {
  .fr-has-position .fr-info-inside .fr-caption {
    margin-right: 0;
  }
  .fr-position {
    display: none !important;
  }
  /* smaller side buttons */
  .fr-ui-outside .fr-side {
    width: 54px;
    height: 50px;
    margin-top: -25px;
  }
  .fr-side-button {
    width: 40px;
    height: 50px;
    margin: 0 6px;
    margin-top: -25px;
  }
}

/* UI outside/touch position */
.fr-ui-outside .fr-position {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: inline;
  width: auto;
  margin: 0 1px 1px 0;
  color: #b9b9b9;
}

.fr-ui-outside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  filter: alpha(opacity=80);
  opacity: .8;
  background: #1e1e1e;
  border: 1px solid rgba(180, 180, 180, 0.2);
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-ui-outside .fr-position-text {
  position: relative;
  float: left;
  width: auto;
  text-align: right;
  color: #b3b3b3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-wrap: no-wrap;
  padding: 6px 10px;
  height: 13px;
  line-height: 13px;
}

.fr-ui-outside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Info without caption */
.fr-no-caption .fr-info-outside {
  display: none;
}

.fr-no-caption .fr-info-padder {
  pointer-events: none;
}

.fr-no-caption .fr-info-background {
  pointer-events: none;
  opacity: 0;
  -webkit-filter: none;
  filter: none;
  display: none;
}

/* 1/5 */
.fr-no-caption .fr-position-text,
.fr-ui-outside .fr-position-text {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* outside position */
.fr-ui-outside .fr-position {
  float: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px;
}

/* IE 7 */
.fr-ltIE8 .fr-info * {
  zoom: 1;
  filter: alpha(opacity=99);
}

.fr-ltIE8 .fr-box * {
  zoom: 1;
  filter: alpha(opacity=99);
}

/* Info (UI outside) */
.fr-info-outside {
  bottom: auto;
}

.fr-no-caption .fr-info-outside .fr-info-padder {
  padding: 10px 5px;
}

.fr-ui-outside .fr-no-caption .fr-position {
  margin: 0;
}

/* X */
.fr-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 47px;
  height: 47px;
  cursor: pointer;
  pointer-events: auto;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 23px;
  width: 23px;
}

.fr-close-background {
  filter: alpha(opacity=80);
  opacity: .8;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  background-color: #282828;
  cursor: pointer;
}

.fr-close:hover .fr-close-background {
  background-color: #333;
}

.fr-ui-outside .fr-close-background {
  background-color: #363636;
}

.fr-ui-outside .fr-close:hover .fr-close-background {
  background-color: #434343;
}

/*
 * Thumbnails
 */
.fr-thumbnails {
  position: absolute;
  width: 100%;
  height: 9%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnails-horizontal {
  left: 0;
  bottom: 0;
  min-height: 40px;
  max-height: 120px;
  padding: 20px 0;
}

.fr-thumbnails-vertical {
  left: 0;
  top: 0;
  min-width: 40px;
  max-width: 120px;
  padding: 0 20px;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}

.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}

.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden;
  /* IE6 */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline;
  /* IE6 */
  z-index: 0;
  /* IE8 */
}

.fr-thumbnail-overlay {
  cursor: pointer;
}

.fr-thumbnail-active .fr-thumbnail-overlay {
  cursor: default;
}

.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-thumbnail-overlay-border {
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-thumbnail img {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}

.fr-thumbnail:hover img,
.fr-thumbnail-active:hover img {
  filter: alpha(opacity=99);
  opacity: .99;
}

.fr-thumbnail-active img,
.fr-thumbnail-active:hover img {
  filter: alpha(opacity=35);
  opacity: .35;
}

.fr-thumbnail-active {
  cursor: default;
}

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-thumbnail-loading-background {
  background-color: #101010;
  background-image: url("fresco/skins/loading.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}

/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon {
  display: none;
}

/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}

.fr-thumbnails-side-previous {
  margin-left: 20px;
}

.fr-thumbnails-side-next {
  margin-right: 20px;
}

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
  background-color: #3b3b3b;
}

.fr-thumbnails-side-button-disabled * {
  cursor: default;
}

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background {
  background-color: #333;
}

.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame {
  clear: both;
}

/* Touch UI */
.fr-frames-has-touch-ui {
  top: 43px;
}

.fr-touch-menu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 43px;
}

.fr-touch-menu-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.fr-touch-caption {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: -43px;
}

.fr-touch-menu-wrapper,
.fr-touch-caption-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.fr-touch-caption-overflow-scroll {
  /* TODO */
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.fr-touch-menu-background,
.fr-touch-caption-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  line-height: 1%;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
  background: #000;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-touch-caption-info {
  float: left;
  position: relative;
  clear: both;
  padding-right: 38px;
  color: #efefef;
}

.fr-touch-caption-info-padder {
  float: left;
  padding: 11px;
  display: block;
  filter: alpha(opacity=99);
  overflow: hidden;
  width: auto;
  position: relative;
}

.fr-touch-caption-text-wrapper {
  float: left;
  clear: both;
  font-weight: normal;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px;
  height: 21px;
  /* same as line-height */
  width: 100%;
  overflow: hidden;
}

.fr-touch-caption-text {
  float: left;
}

.fr-touch-caption-overflow .fr-touch-caption-text-wrapper {
  overflow: visible;
  height: auto;
}

/* buttons */
.fr-touch-button {
  padding: 10px 4px;
  width: 23px;
  height: 23px;
  position: relative;
  cursor: pointer;
}

.fr-touch-button .fr-touch-button-background {
  position: absolute;
  top: 10px;
  left: 4px;
  height: 23px;
  width: 23px;
}

.fr-touch-button .fr-touch-button-background {
  background-color: #303030;
}

.fr-touch-button:hover .fr-touch-button-background {
  background-color: #404040;
}

.fr-touch-button-icon {
  float: left;
  position: relative;
  width: 23px;
  height: 23px;
}

/* x */
.fr-touch-close {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 11px;
}

/* ... */
.fr-touch-caption-more {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 11px;
  display: none;
}

.fr-touch-caption-padded .fr-touch-caption-more {
  display: block;
}

/* we can improve things on browsers that support media queries */
@media all and (min-height: 0px) {
  .fr-thumbnails {
    padding: 10px 0;
  }
  .fr-thumbnail,
  .fr-thumbnails-side {
    margin: 0 4px;
  }
  .fr-thumbnails-side-previous {
    margin-left: 8px;
  }
  .fr-thumbnails-side-next {
    margin-right: 8px;
  }
  .fr-thumbnail-loading-background {
    background-image: url("fresco/skins/loading-small.gif");
  }
}

@media all and (min-height: 200px) {
  .fr-thumbnails {
    padding: 12px 0;
  }
  .fr-thumbnail,
  .fr-thumbnails-side {
    margin: 0 6px;
  }
  .fr-thumbnails-side-previous {
    margin-left: 12px;
  }
  .fr-thumbnails-side-next {
    margin-right: 12px;
  }
}

@media all and (min-height: 350px) {
  .fr-thumbnail-loading-background {
    background-image: url("fresco/skins/loading-medium.gif");
  }
}

@media all and (min-height: 500px) {
  .fr-thumbnails {
    padding: 14px 0;
  }
  .fr-thumbnail,
  .fr-thumbnails-side {
    margin: 0 7px;
  }
  .fr-thumbnails-side-previous {
    margin-left: 14px;
  }
  .fr-thumbnails-side-next {
    margin-right: 14px;
  }
}

@media all and (min-height: 700px) {
  .fr-thumbnails {
    padding: 20px 0;
  }
  .fr-thumbnail,
  .fr-thumbnails-side {
    margin: 0 10px;
  }
  .fr-thumbnails-side-previous {
    margin-left: 20px;
  }
  .fr-thumbnails-side-next {
    margin-right: 20px;
  }
  .fr-thumbnail-loading-background {
    background-image: url("fresco/skins/loading.gif");
  }
}

/* IE specific resets */
.fr-ltIE8 * {
  zoom: 1;
  z-index: 1;
}

.fr-ltIE9 .fr-content-image-overlay,
.fr-ltIE9 .fr-has-caption .fr-info-outside .fr-info-background {
  border: 0;
}

/*
 * ===== Skin: Fresco =====
 */
/* Sprite */
.fr-window-fresco .fr-side-button-icon,
.fr-window-fresco .fr-close-icon,
.fr-window-fresco .fr-touch-close .fr-touch-button-icon,
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon,
.fr-window-fresco .fr-thumbnails-side-button-icon {
  background-image: url("fresco/skins/fresco/sprite.png");
}

/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .fr-window-fresco .fr-side-button-icon,
  .fr-window-fresco .fr-close-icon,
  .fr-window-fresco .fr-touch-close .fr-touch-button-icon,
  .fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon,
  .fr-window-fresco .fr-side-button-icon {
    background-image: url("fresco/skins/fresco/sprite@x2.png");
    background-size: 500px 500px;
    /* downscaled 50%, size of original sprite */
  }
}

.fr-window-fresco .fr-box-outer-border {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

/* outer-border instead of inner-border example (box and ui px should be the same) */
/*
.fr-window-fresco .fr-box-outer-border { border: 10px solid #fff; }
.fr-window-fresco .fr-ui-outer-border { padding: 10px; }
.fr-window-fresco .fr-content-image-overlay { border-width: 0; }
*/
.fr-window-fresco .fr-box-wrapper {
  background: #101010;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.fr-window-fresco .fr-content-image-overlay {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.08);
}

/* remove bottom border if the image has a caption, or add it when it has a caption */
.fr-window-fresco .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay {
  border-bottom-width: 0px;
}

.fr-window-fresco .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay {
  border-bottom-width: 1px;
}

.fr-window-fresco .fr-ui-outside .fr-position-text {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.fr-window-fresco .fr-no-caption .fr-info-inside .fr-position-background {
  border: 1px solid rgba(180, 180, 180, 0.15);
}

.fr-window-fresco .fr-has-caption .fr-info-inside .fr-info-background {
  border: 1px solid rgba(68, 68, 68, 0.1);
  border-top-width: 0;
}

.fr-window-fresco .fr-has-caption .fr-info-outside .fr-info-background {
  border: 1px solid rgba(80, 80, 80, 0.25);
  border-top-width: 0;
}

.fr-window-fresco .fr-thumbnail-wrapper {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

/* < > */
.fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon {
  background-position: -13px -14px;
}

.fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon {
  background-position: -93px -14px;
}

.fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon {
  background-position: -13px -114px;
}

.fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon {
  background-position: -93px -114px;
}

/* disabled state (IE < 9) */
.fr-window-fresco .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon {
  background-position: -13px -214px;
}

.fr-window-fresco .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon {
  background-position: -93px -214px;
}

/* < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon {
  background-position: -13px -114px;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon {
  background-position: -93px -114px;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .5;
}

.fr-window-fresco .fr-side:hover .fr-side-button .fr-side-button-icon,
.fr-window-fresco .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon {
  opacity: 1;
}

/* < > transition (IE < 9) */
.fr-ltIE9 .fr-frame .fr-side-previous .fr-side-button-active .fr-side-button-icon {
  background-position: -13px -114px;
}

.fr-ltIE9 .fr-frame .fr-side-next .fr-side-button-active .fr-side-button-icon {
  background-position: -93px -114px;
}

/* disabled side */
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon {
  opacity: .2;
}

/* on the inside we hide disabled sides */
.fr-window-fresco .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon {
  background-image: none;
}

/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon {
    background-position: 0px -300px;
  }
  .fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon {
    background-position: -40px -300px;
  }
  .fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon {
    background-position: 0px -350px;
  }
  .fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon {
    background-position: -40px -350px;
  }
  .fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon {
    background-position: 0px -350px;
  }
  .fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon {
    background-position: -40px -350px;
  }
}

/* X */
.fr-window-fresco .fr-close .fr-close-icon {
  background-position: -169px -9px;
}

.fr-window-fresco .fr-close:hover .fr-close-icon {
  background-position: -210px -9px;
}

/* X transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon {
  background-position: -210px -9px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .8;
}

.fr-window-fresco .fr-close:hover .fr-close-icon {
  opacity: 1;
}

/* Thumbnails */
.fr-window-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.fr-window-fresco .fr-thumbnail-wrapper {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.fr-window-fresco .fr-thumbnail-wrapper {
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}

.fr-window-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.08);
  /* should remain rgba */
}

/* no inner border on active thumbnail */
.fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
  border: 0px;
}

/* Thumbnails < > */
.fr-window-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
  background-position: -160px -41px;
}

.fr-window-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
  background-position: -202px -41px;
}

.fr-window-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
  background-position: -160px -83px;
}

.fr-window-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
  background-position: -202px -83px;
}

/* vertical ^ (up/down) adjustments */
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
  background-position: -286px -41px;
}

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon {
  background-position: -328px -41px;
}

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
  background-position: -286px -83px;
}

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon {
  background-position: -328px -83px;
}

/* Thumbnails < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .8;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
  background-position: -160px -41px;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
  background-position: -202px -83px;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon {
  opacity: 1;
}

/* vertical ^ (up/down) adjustments */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled {
  background-position: -286px -41px;
}

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled {
  background-position: -328px -83px;
}

/* lower opacity on disabled states */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled {
  opacity: .5;
}

/* lower opacity IE < 9 using images */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -244px -41px;
}

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -244px -83px;
}

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}

/* vertical ^ (up/down) adjustments */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -370px -41px;
}

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -370px -83px;
}

/* Touch caption */
/* background */
.fr-window-fresco .fr-touch-menu-background,
.fr-window-fresco .fr-touch-caption-background {
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  border-width: 0 0 1px 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.fr-window-fresco .fr-touch-caption-background {
  border-width: 1px 0 0 0;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
}

/* smaller text on mobile devices */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-fresco .fr-touch-caption-text-wrapper {
    font-size: 12px;
  }
}

/* x */
.fr-window-fresco .fr-touch-close .fr-touch-button-icon {
  background-position: -169px -9px;
}

.fr-window-fresco .fr-touch-close:hover .fr-touch-button-icon {
  background-position: -210px -9px;
}

/* x transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-close .fr-touch-button-icon {
  background-position: -210px -9px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .8;
}

.fr-window-fresco .fr-touch-close .fr-touch-button-icon {
  opacity: 1;
}

/* ... */
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon {
  background-position: -169px -134px;
}

.fr-window-fresco .fr-touch-caption-more:hover .fr-touch-button-icon {
  background-position: -210px -134px;
}

/* ... transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-more .fr-touch-button-icon {
  background-position: -210px -134px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .8;
}

.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon {
  opacity: 1;
}

/* ... \/ */
.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon {
  background-position: -169px -175px;
}

.fr-window-fresco .fr-touch-caption-less:hover .fr-touch-button-icon {
  background-position: -210px -175px;
}

/* ... \/ transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-less .fr-touch-button-icon {
  background-position: -210px -175px;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  opacity: .8;
}

.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon {
  opacity: 1;
}

/*
 * ===== Skin: IE6 (always used there as a fallback) =====
 */
.fr-window-IE6 * {
  zoom: 1;
}

/* Sprite */
.fr-window-IE6 .fr-side-button-icon,
.fr-window-IE6 .fr-close-icon,
.fr-window-IE6 .fr-thumbnails-side-button-icon {
  background-image: url("fresco/skins/IE6/sprite.png");
}

/* < > */
.fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon {
  background-position: -13px -114px;
}

.fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon {
  background-position: -93px -114px;
}

/* disabled */
.fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon {
  background-position: -13px -214px;
}

.fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon {
  background-position: -93px -214px;
}

.fr-window-IE6 .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon {
  display: none;
}

/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon {
    background-position: 0px -350px;
  }
  .fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon {
    background-position: -40px -350px;
  }
  .fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
  .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon {
    background-position: 0px -400px;
  }
  .fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
  .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon {
    background-position: -40px -400px;
  }
}

/* X */
.fr-window-IE6 .fr-close .fr-close-icon {
  background-position: -169px -9px;
}

.fr-window-IE6 .fr-close:hover .fr-close-icon {
  background-position: -210px -9px;
}

.fr-window-IE6 .fr-info {
  filter: alpha(opacity=99);
}

.fr-window-IE6 .fr-ui-outside .fr-info {
  background: #000;
}

.fr-window-IE6 .fr-close-icon {
  background-color: #232323;
}

.fr-window-IE6 .fr-close .fr-close-background {
  display: none;
}

.fr-window-IE6 .fr-info-background {
  display: none;
}

.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-info,
.fr-window-IE6 .fr-info-outside {
  background: #0d0d0d;
}

.fr-window-IE6 .fr-position {
  background: #101010;
}

.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-position {
  background: none;
}

.fr-window-IE6 .fr-position .fr-position-background {
  display: none;
}

/*****************************
ORIGINAL LOCATION:  legacy.css
All structure is maintained from source
Assumption that ALL below code is related
to 'magnific' is based purely on class
naming convention.
*****************************/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* Overlay style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(153, 204, 51, 0.9);
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url(../img/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}

.overlay ul li {
  display: block;
  height: 20%;
  height: calc(20%);
  min-height: 54px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.overlay ul li a {
  font-size: 54px;
  font-weight: 300;
  display: block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #f0f0f0;
}

/* Effects */
.overlay-scale {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
}

.overlay-scale.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px;
  }
  .overlay ul li {
    min-height: 34px;
  }
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
}

@media all and (max-width: 312.5px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
  }
}

@media all and (min-width: 312.5px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
  }
}

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  transform: none !important;
  z-index: 0 !important;
}

.mm-menu.mm-front {
  z-index: 1;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-top,
.mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display: none !important;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mm-menu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0;
}

.mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
}

.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0px;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 60px;
}

.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
  content: '';
  display: block;
  height: 0px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
  display: none;
  padding: 0px 0 0px 0px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-vertical .mm-listview > li > .mm-next,
.mm-listview > li.mm-vertical > .mm-next {
  height: 60px;
  bottom: auto;
}

.mm-vertical .mm-listview > li > .mm-next:after,
.mm-listview > li.mm-vertical > .mm-next:after {
  top: 26px;
  bottom: auto;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 30px;
  height: 60px;
  padding: 0 60px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 15px 0;
}

.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}

.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-navbar .mm-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mm-navbar .mm-btn:first-child {
  padding-left: 0px;
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  padding-right: 0px;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 60px;
}

.mm-listview a,
.mm-listview a:hover {
  text-decoration: none;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li, .mm-listview > li:after,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before {
  border-color: inherit;
}

.mm-listview > li > a,
.mm-listview > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0;
}

.mm-listview > li > a.mm-arrow,
.mm-listview > li > span.mm-arrow {
  padding-right: 60px;
}

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.mm-listview > li:not(.mm-divider):after {
  left: 0px;
}

.mm-listview .mm-next {
  width: 60px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 60px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 60px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 0px 0px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 0px;
}

.mm-listview .mm-inset {
  list-style: inside disc;
  padding: 0 0px 0px 0px;
  margin: 0;
}

.mm-listview .mm-inset > li {
  padding: 0px 0;
}

.mm-listview .mm-divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 0px;
  line-height: 30px;
}

.mm-listview .mm-spacer {
  padding-top: 60px;
}

.mm-listview .mm-spacer > .mm-next {
  top: 60px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 30px;
}

/*
.mm-prev:before,
.mm-next:after,
.mm-arrow:after
{
	@include mm_arrow;
}
.mm-prev:before
{
	@include mm_arrow_prev;
}
.mm-next:after,
.mm-arrow:after
{
	@include mm_arrow_next;
}
*/
.mm-menu {
  background: none;
  border-color: none;
  color: none;
}

.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: none;
}

.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
  border-color: none;
}

.mm-menu .mm-listview {
  border-color: none;
}

.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after {
  border-color: none;
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: none;
  tap-highlight-color: none;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: none;
}

.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background: none;
}

.mm-menu .mm-divider {
  background: none;
}

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking {
  overflow: hidden;
  height: 100%;
}

html.mm-blocking body {
  overflow: hidden;
  height: 100%;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 250px;
  max-width: 250px;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
}

@media all and (max-width: 312.5px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(250px, 0);
    transform: translate(250px, 0);
  }
}

@media all and (min-width: 312.5px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(250px, 0);
    transform: translate(250px, 0);
  }
}

/*
	jQuery.mmenu leftsubpanel extension CSS
*/
.mm-menu.mm-leftsubpanels .mm-panel:not(.mm-opened) {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-leftsubpanels .mm-panel.mm-subopened {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-leftsubpanels .mm-panel.mm-subopened[class*="mm-iconpanel-"] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-leftsubpanels .mm-panel[class*="mm-iconpanel-"] {
  left: 0px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel {
  -webkit-transition-property: -webkit-transform, right;
  -webkit-transition-property: right, -webkit-transform;
  transition-property: right, -webkit-transform;
  transition-property: transform, right;
  transition-property: transform, right, -webkit-transform;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  right: 0px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  right: 60px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  right: 120px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  right: 180px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  right: 240px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  right: 300px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  right: 360px;
}

.mm-menu.mm-leftsubpanels.mm-iconpanel .mm-panel.mm-opened {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit;
}

/*
REMOVING AS PART OF HOMEPAGE REBUILD
BW 24/12/2016

@import "modules/header";

*/
/* Modules > Components Mincer | Deepend.com.au (c) 2015 | Author: Ray Ranola */
.btn-toggle-panel {
  cursor: pointer;
}

.toggle-panel.collapsed {
  display: none;
}

.btn-global {
  background-color: #52ae32;
  display: inline-block;
  font-size: 24px;
  color: white;
  padding: 10px 15px;
  border: solid 1px white;
}

.btn-global:hover {
  color: white;
  text-decoration: none;
}

.link-button-row {
  margin: 10px 0;
}

/* Modules > Lists | Deepend.com.au (c) 2014 */
.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list .item {
  background: #FFFFFF;
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
  list-style-type: none;
}

.list .item a {
  color: inherit;
  text-decoration: none;
}

.list-h {
  overflow: hidden;
  margin: 0;
}

.list-h .item,
.list-h .item:first-child,
.list-h .item:last-child {
  border-radius: 0;
}

.list-h .item {
  float: left;
}

/* EFIC > Tiles Mincer | Deepend.com.au (c) 2015 | Author: Ray Ranola */
/* EFIC > Tiles > Promo Tile | Deepend.com.au (c) 2015 */
.promo-tile-container {
  margin-bottom: 40px;
}

.promo-tile-container .case-tile.tall-tile {
  width: 189px;
  float: right;
  position: relative;
  right: -2px;
}

.promo-tile-container .case-tile.tall-tile img {
  margin-left: -3px;
}

.promo-tile-container .case-tile.tall-tile .tile-button {
  left: 30px;
}

.promo-tile-container .tall-tile-content {
  width: 153px;
}

/* EFIC > Tiles > Video Tile | Deepend.com.au (c) 2015 */
.mod-video {
  height: 315px;
}

.mod-video > .inner {
  height: 100%;
}

.mod-video .hd {
  float: right;
  width: 40%;
  text-align: center;
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mod-video .hd .desc {
  position: absolute;
  bottom: 0;
  min-height: 120px;
  margin: 0;
  padding: 10px 20px;
  color: #fff;
  background: #30383b;
}

.mod-video .hd .desc > * {
  color: inherit;
}

.mod-video .bd {
  float: left;
  width: 60%;
  position: relative;
  height: 100%;
}

.colwide12 .mod-video {
  margin-left: 10px;
  margin-right: 8px;
}

.date-tile p.date {
  margin-bottom: 0;
  margin-top: 40px;
  font-size: 13px;
  color: #B7BCBF;
}

.cta-tile-container {
  margin-bottom: 0;
}

.cta-tile-container .cta-tile {
  background-color: #000;
  background-size: cover;
  height: 200px;
  background-color: darkgray;
  margin-bottom: 24px;
}

.cta-tile-container .cta-tile .cta-background-overlay {
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.3);
  -webkit-transition: background 0.5s;
  /* For Safari 3.1 to 6.0 */
}

.cta-tile-container .cta-tile .btn-cta {
  -webkit-transition: background 0.5s;
  /* For Safari 3.1 to 6.0 */
  -webkit-transition: color 0.5s;
  /* For Safari 3.1 to 6.0 */
}

.cta-tile-container .cta-tile .cta-background-overlay:hover {
  background: rgba(20, 20, 20, 0.15);
}

.cta-tile-container .cta-tile .cta-background-overlay:hover .btn-cta {
  background: white;
  color: #5EB33A;
}

.cta-tile-container .cta-tile .cta-tile-content {
  padding: 15px;
  width: 65%;
}

@media screen and (max-width: 992px) {
  .cta-tile-container .cta-tile .cta-tile-content {
    width: 80%;
  }
}

.cta-tile-container .cta-tile .cta-tile-content h4 {
  font-size: 21px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
}

.cta-tile-container .cta-tile .cta-tile-content .btn-cta {
  border: 0;
}

.cta-tile-container .cta-btn {
  border: 0 !important;
}

/* EFIC > Modules > Social | Deepend.com.au (c) 2015 | Author: @elray72 */
.mod-social-share {
  margin: 20px 0;
  height: 35px;
  display: inline-block;
}

.mod-social-share .label {
  float: left;
  font-weight: bold;
  line-height: 35px;
  margin-right: 0.8em;
}

.mod-social-share .list {
  float: left;
  margin: 0;
}

.mod-social-share .list .item {
  border: none;
  overflow: hidden;
  padding: 0;
}

.mod-social-share .list .item .icon {
  color: #fff;
  background: #d7dbdd;
  height: 35px;
  width: 35px;
  margin-right: 4px;
  display: block;
  float: left;
  line-height: 35px;
  font-size: 24px;
  text-align: center;
  -webkit-transition: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  -ms-duration: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  -o-duration: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  transition: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
}

.mod-social-share .list .item .icon.icon-twitter:hover {
  background: #00aced;
}

.mod-social-share .list .item .icon.icon-facebook:hover {
  background: #3b5998;
}

.mod-social-share .list .item .icon.icon-google-plus:hover {
  background: #dc4a38;
}

.mod-social-share .list .item .icon.icon-linked-in:hover {
  background: #3f729b;
}

.mod-social-share .list .item .icon.icon-email:hover {
  background: #6b777d;
}

.mod-social-share .list .item .icon:focus {
  outline: none;
}

.mod-social-share .list .item .icon:before {
  position: relative;
  top: 4px;
}

.mod-social-connect {
  height: 30px;
  display: inline-block;
}

.mod-social-connect:before, .mod-social-connect:after {
  content: " ";
  display: table;
}

.mod-social-connect:after {
  clear: both;
}

.mod-social-connect .list {
  margin: 0;
  margin-top: 5px;
}

.mod-social-connect .list:before, .mod-social-connect .list:after {
  content: " ";
  display: table;
}

.mod-social-connect .list:after {
  clear: both;
}

.mod-social-connect .list .item {
  border: none;
  overflow: hidden;
  padding: 0;
  background: transparent !important;
}

.mod-social-connect .list .item .icon {
  color: #d7dbdd !important;
  background: transparent;
  height: 30px;
  width: 30px;
  margin-right: 4px;
  display: block;
  float: left;
  line-height: 30px;
  font-size: 17.14286px;
  text-align: center;
  -webkit-transition: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  -ms-duration: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  -o-duration: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
  transition: border 0.2s linear, color 0.2s linear, background-color 0.2s linear;
}

.mod-social-connect .list .item .icon.icon-twitter {
  background: #00aced;
}

.mod-social-connect .list .item .icon.icon-twitter:hover {
  background: #006287;
}

.mod-social-connect .list .item .icon.icon-facebook {
  background: #3b5998;
}

.mod-social-connect .list .item .icon.icon-facebook:hover {
  background: #1e2e4f;
}

.mod-social-connect .list .item .icon.icon-google {
  background: #dc4a38;
}

.mod-social-connect .list .item .icon.icon-google:hover {
  background: #94271a;
}

.mod-social-connect .list .item .icon.icon-linkedin {
  background: #3f729b;
}

.mod-social-connect .list .item .icon.icon-linkedin:hover {
  background: #223d52;
}

.mod-social-connect .list .item .icon.icon-youtube {
  background: #bb0000;
}

.mod-social-connect .list .item .icon.icon-youtube:hover {
  background: #880000;
}

.mod-social-connect .list .item .icon.icon-email {
  background: #6b777d;
}

.mod-social-connect .list .item .icon.icon-email:hover {
  background: white;
}

.article .mod-share,
.news-head .mod-share {
  border-top: 1px solid #d7dbdd;
  width: 100%;
  display: block;
  padding-top: 10px;
  padding-left: 0px;
  margin-top: 30px;
}

.article:not(.article) .mod-share,
.news-head:not(.article) .mod-share {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .mod-social-connect {
    height: 35px;
    display: inline-block;
    overflow: hidden;
  }
  .mod-social-connect .label {
    float: left;
    margin-right: 10px !important;
    margin-top: 15px !important;
    line-height: 30px;
  }
}

/* EFIC > Modules > Social | Deepend.com.au (c) 2015 | Author: @elray72 */
#regionIframe {
  width: 100%;
  margin-bottom: 20px;
}

.back-to-country-view {
  color: #52ae32;
  text-decoration: underline;
  cursor: pointer;
}

/**
*
* table content styles
* Only apply to SBEL pages at moment
*
**/
.table {
  border: 1px solid #ddd;
}

.table thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.table td.heading {
  font-size: 16px;
}

.table th {
  background-color: #f3f3f3;
}

.table th.alt-bg {
  background-color: #fff;
}

.table th:not(:first-child) {
  border-left: 1px solid #ddd;
}

.table td {
  background-color: #fff;
}

.table td.alt-bg {
  background-color: #f3f3f3;
}

.table td:not(:first-child) {
  border-left: 1px solid #ddd;
}

@media only screen and (min-width: 768px) {
  .table {
    margin-bottom: 50px;
  }
  .table > thead > tr > th,
  .table > thead > tr > td, .table > tfoot > tr > th,
  .table > tfoot > tr > td, .table > tbody > tr > th,
  .table > tbody > tr > td {
    padding: 25px;
  }
}

/**
*
* Modal styles override
*
**/
.modal-content {
  background-color: #fff;
  border: 0 none;
  border-radius: 0;
}

.modal-header {
  border-bottom: 0 none;
}

.modal-header .close {
  position: absolute;
  top: 2px;
  right: 0;
  color: #52ae32;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  border: 0 none;
  background: #fff;
}

.modal-header .close:hover {
  background: #30383b;
}

.modal-title {
  color: #52ae32;
  font-size: 28px;
  line-height: 34px;
}

.modal-body {
  padding: 0 30px;
  font-size: 16px;
  line-height: 24px;
}

.modal-body ul, .modal-body ol {
  list-style: initial;
}

.modal-body ul {
  padding-left: 20px;
}

.modal-body ul li, .modal-body ol li {
  padding-left: 5px;
}

.modal-footer {
  text-align: left;
  border-top: 0 none;
}

.modal-footer .btn-cta {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
  border: 0 none;
}

.modal-footer .btn-cta:not(:first-child) {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .modal-footer .btn-cta {
    min-width: 140px;
  }
  .modal-footer .btn-cta:not(:first-child) {
    margin-top: 0;
    margin-left: 16px;
  }
}

/**
*
* Accordion module
*
**/
.accordion {
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}

.accordion .item-heading {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.accordion .item-heading:hover h4 {
  color: #30383b;
}

.accordion .item-heading h4 {
  margin: 0;
  color: #53ae31;
}

.accordion .item-content-block {
  padding: 10px 10px 20px;
}

.accordion .item-content-block ul, .accordion .item-content-block ol {
  list-style: initial;
}

.accordion .item-content-block ul {
  padding-left: 20px;
}

.accordion .item-content-block ul li, .accordion .item-content-block ol li {
  padding-left: 5px;
}

.accordion .accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion .accordion-item.open .icon-down-arrow:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.accordion .accordion-item .icon-down-arrow:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  display: inline-block;
  line-height: 28px;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.left-links {
  text-align: right;
}

.left-links li + li {
  margin-top: 16px;
}

.mod-events-list .left-links h5 {
  text-align: right;
  margin-right: 10px;
  color: black;
  font-size: 21px;
}

.mod-events-list .left-links h6 {
  text-align: right;
  color: #afca0b;
  margin-right: 10px;
  margin-top: 20px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 18px;
}

/* EFIC > Modules > Social Twitter Feed | Deepend.com.au (c) 2015 | Author: @elray72 */
#homeTwitterFeed ul li,
.mod-twitter-feed ul li {
  padding: 5px;
  background: #fff;
  position: relative;
}

#homeTwitterFeed .user,
.mod-twitter-feed .user {
  display: block;
  height: 35px;
}

#homeTwitterFeed .user a,
.mod-twitter-feed .user a {
  height: inherit;
  line-height: 20px;
}

#homeTwitterFeed .user a img,
.mod-twitter-feed .user a img {
  width: auto;
  display: block;
  height: inherit;
  float: left;
  margin-right: 5px;
}

#homeTwitterFeed .timePosted,
.mod-twitter-feed .timePosted {
  position: absolute;
  top: 10px;
  left: 45px;
  font-size: 10px;
  color: #aaa;
}

#homeTwitterFeed .tweet,
.mod-twitter-feed .tweet {
  overflow: hidden;
  line-height: 1.4em;
  margin: 5px 0;
}

#homeTwitterFeed .tweet a,
.mod-twitter-feed .tweet a {
  color: #52ae32;
}

#homeTwitterFeed .interact,
.mod-twitter-feed .interact {
  margin: 0;
  text-align: right;
}

#homeTwitterFeed .interact a,
.mod-twitter-feed .interact a {
  margin: 0 5px;
  color: #52ae32;
}

#homeTwitterFeed [data-scribe="element:verified_badge"],
.mod-twitter-feed [data-scribe="element:verified_badge"] {
  display: inline-block;
}

/* Modules > Footer | Deepend.com.au (c) 2014 | Author: Ray Ranola */
#footer {
  margin-top: 30px;
  height: auto;
  color: #42494b;
  font-size: 12px;
  padding-bottom: 15px;
  background-color: #d7dbdd;
  overflow: hidden;
}

#footer a {
  color: #42494b;
}

#footer a:hover {
  color: #52ae32;
}

#footer h1, #footer h2, #footer h3 {
  font-family: "UniversLTStd65Bold", "Open Sans", "Droid Sans", Arial, sans-serif;
  font-size: 14px;
  color: #42494b;
  line-height: 14px;
  margin: 10px 0;
}

#footer label {
  display: inline-block;
  width: 110px;
  clear: left;
}

#footer p {
  display: block;
  font-size: inherit;
}

#footer ul li {
  margin-bottom: 5px;
  line-height: 1.4em;
}

#footer .mod-footer-contact .contact-email,
#footer .mod-footer-contact .contact-call {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
}

#footer .mod-footer-contact .icon-email:before,
#footer .mod-footer-contact .icon-call:before {
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
}

#footer .mod-footer-contact .address {
  margin: 0 0 10px 0;
  float: left;
}

#footer .mod-footer-contact .address label {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
}

#footer .mod-footer-links .col {
  float: left;
}

#footer .mod-footer-links .quick-links {
  width: 50%;
}

#footer .mod-footer-links .other-links {
  width: 50%;
}

#footer .mod-social-connect {
  height: auto;
  overflow: visible;
}

#footer .mod-social-connect h6 {
  display: block;
  width: 100%;
}

#footer .mod-social-connect .list-h {
  overflow: visible;
}

@media (max-width: 767px) {
  #footer {
    padding-bottom: 10px;
  }
  #footer .mod-footer-links ul li a {
    display: inline-block;
  }
  #footer .mod-footer-links .quick-links {
    width: 100%;
    float: none;
  }
  #footer .mod-footer-links .quick-links ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
  #footer .mod-footer-links .quick-links + .other-links {
    margin-right: 20px;
  }
  #footer .mod-footer-links .other-links {
    width: 50%;
    float: left;
    display: block;
  }
}

#footer-signup {
  margin-bottom: 10px;
  padding-bottom: 15px;
  background-color: #52ae32;
}

#footer-signup .inner-wrap {
  height: 100%;
  width: 100%;
  max-width: 1600px;
  margin: auto;
}

#footer-signup .copy-block {
  padding: 20px 10px 0;
  width: 100%;
}

#footer-signup .copy-block p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
}

#footer-signup .signup-block {
  padding: 27px 10px 0;
  width: 100%;
}

#footer-signup .signup-block .signup-text {
  margin-bottom: 10px;
}

#footer-signup .signup-block .signup-text p {
  color: #fff;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
}

#footer-signup .signup-block .checkbox {
  padding-right: 15px;
}

#footer-signup .signup-block .checkbox label {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 15px;
}

#footer-signup .signup-block .checkbox input {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin-top: 0;
  margin-left: 0;
  padding-top: 3px;
  padding-left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #fff;
}

#footer-signup .signup-block .checkbox input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#footer-signup .signup-block .checkbox span {
  vertical-align: top;
}

#footer-signup .footer-email-input-block {
  height: 45px;
  margin-top: 27px;
  background-color: #fff;
}

#footer-signup .footer-email-input-block #signup-email {
  margin: none;
  padding: none;
  width: 195px;
  height: 100%;
  color: #30383b;
  font-size: 18px;
  border: 1px solid #fff;
}

#footer-signup .footer-email-input-block #submit {
  display: none;
  float: right;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 100%;
  padding-top: 20px;
  border: none !important;
  color: #fff;
  background-color: #30383b;
  text-align: center;
  cursor: pointer;
  padding-top: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#footer-signup .footer-email-input-block .mobile-redirect {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 100%;
  padding-top: 10px;
  border: none !important;
  color: #fff;
  background-color: #30383b;
  text-align: center;
  cursor: pointer;
}

#footer-signup .social-links {
  padding: 10px;
}

#footer-signup .social-links p {
  font-size: 16px;
  color: #fff;
}

#footer-signup .social-links ul {
  list-style-type: none;
}

#footer-signup .social-links li {
  float: left;
  display: block;
  margin-right: 20px;
}

#footer-signup .social-links a {
  color: #fff;
  font-size: 22px;
}

#footer-signup .social-links a:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  #footer-signup .signup-column {
    float: left;
  }
  #footer-signup .copy-block {
    padding: 20px 0 0;
  }
  #footer-signup .signup-block {
    padding-left: 0;
    padding-right: 0;
  }
  #footer-signup .checkboxes {
    width: 60%;
    float: left;
  }
  #footer-signup .checkboxes input {
    padding-right: 30px;
  }
  #footer-signup .checkbox {
    width: 30%;
    float: left;
  }
  #footer-signup .footer-email-input-block {
    margin-top: 0;
    float: left;
    width: 40%;
  }
  #footer-signup .footer-email-input-block #signup-email {
    width: 200px;
  }
  #footer-signup .mobile-redirect {
    display: none;
  }
  #footer-signup #submit {
    display: block;
  }
  #footer-signup .social-links {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #footer-signup .social-links p {
    float: left;
  }
  #footer-signup .social-links ul {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
  }
}

.newslettersignup input[type='submit'] {
  display: block;
  background-color: #52ae32;
  width: 174px;
  z-index: 1000;
  padding: 0px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  margin: 0 auto;
  border: none;
  outline: none;
  font-size: 16px;
  color: white;
  cursor: pointer;
}

.newslettersignup input[type='submit']:hover {
  background-color: #b7bcbf;
}

.signup {
  top: -13px;
  color: white;
}

.signup .checkbox {
  float: left;
  padding-right: 15px;
}

.signup .checkbox label {
  display: block !important;
  float: left;
  padding-right: 20px;
  white-space: nowrap;
  width: auto !important;
}

.signup .checkbox label span {
  vertical-align: middle;
}

.signup .checkbox input {
  vertical-align: middle;
  width: 15% !important;
}

#footer .footer-copy {
  /*max-width: 245px;*/
  padding: 0 0 0 33px;
  width: 20%;
}

#footer .footer-copy p {
  font-size: 24px;
  max-width: 245px;
}

#footer .footer-item {
  /*top: 26px;*/
  position: relative;
  padding-top: 25px;
}

#footer .footer-social {
  padding-left: 55px;
}

#footer .footer-social p {
  font-size: 16px;
}

#footer .footer-social .item {
  font-size: 26px;
  color: white;
  float: left;
  padding: 0 44px 0 8px;
}

/**
*
* Tab Nav
* Scrollable on mobile view
*
**/
.tab-nav {
  position: relative;
  margin: 0 -12px 40px;
  height: 60px;
  overflow: hidden;
}

.tab-nav .tab-nav-inner {
  position: relative;
  display: block;
  padding-bottom: 15px;
  overflow-x: auto;
}

.tab-nav:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3));
  background: linear-gradient(to right, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f3f3', endColorstr='#f3f3f3',GradientType=1 );
}

.tab-nav ul {
  min-width: 768px;
}

.tab-nav ul:before, .tab-nav ul:after {
  content: " ";
  display: table;
}

.tab-nav ul:after {
  clear: both;
}

.tab-nav a {
  position: absolute;
  display: block;
  width: 100%;
  min-height: 100%;
  white-space: normal;
  border-right: 1px solid #fff;
}

.tab-nav h6 {
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  margin: 0;
  padding: 0 25px;
  color: #2d3a41;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tab-nav li {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  min-height: 60px;
  line-height: 60px;
  background-color: #f3f3f3;
}

.tab-nav li:hover {
  background-color: #9aa1a7;
}

.tab-nav li:hover h6 {
  color: #fff;
}

.tab-nav li:last-child {
  border-right: 0 none;
}

.tab-nav li.active h6 {
  color: #52ae32;
}

@media only screen and (min-width: 768px) {
  .tab-nav {
    margin-bottom: 70px;
    overflow: visible;
  }
  .tab-nav:after {
    display: none;
  }
  .tab-nav .tab-nav-inner {
    overflow: visible;
  }
  .tab-nav h6 {
    font-size: 16px;
  }
  .tab-nav li {
    min-height: 70px;
    line-height: 70px;
  }
  .tab-nav li.active {
    background-color: #52ae32;
  }
  .tab-nav li.active a {
    z-index: 1;
  }
  .tab-nav li.active:after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: #52ae32;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg);
    z-index: 0;
  }
  .tab-nav li.active h6 {
    color: #fff;
  }
}

/**
*
* rich text content styles
* Only apply to SBEL page at moment
*
**/
.richtext-content {
  margin-bottom: 35px;
  padding-left: 0;
  padding-right: 0;
}

.richtext-content h2 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 32px !important;
  line-height: 40px;
}

.richtext-content h4, .richtext-content h5 {
  margin: 0 auto 17px;
  font-family: "UniversLTStd65Bold", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.richtext-content p {
  margin: 0 auto 17px;
}

.richtext-content ol, .richtext-content ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-bottom: 17px;
  list-style: initial;
}

.richtext-content li {
  margin-bottom: 15px;
  padding-left: 5px;
  line-height: 20px;
}

.richtext-content a {
  text-decoration: underline;
}

.richtext-content a:hover {
  color: #000000;
}

@media only screen and (min-width: 768px) {
  .richtext-content {
    margin-bottom: 50px;
  }
  .richtext-content h2 {
    margin-top: 0;
  }
}

.contour.downloadform {
  background: #eee;
  padding: 15px 20px;
  margin: 25px 0;
}

.contour.downloadform .contourField {
  height: 43px;
}

.contour.downloadform .contourFieldSet {
  padding: 0;
}

.contour.downloadform label.fieldLabel {
  width: 215px;
  padding-right: 20px;
  margin-top: 12px;
}

.contour.downloadform label.fieldLabel .contourIndicator {
  color: red;
}

.contour.downloadform select {
  height: 30px;
  line-height: 31px;
  width: 297px;
}

.contour.downloadform .hiddenfield {
  display: none;
}

.contour.downloadform .contourMessageOnSubmit input.text,
.contour.downloadform textarea,
.contour.downloadform input.text,
.contour.downloadform textarea {
  width: 285px;
  height: 26px;
  line-height: 31px;
}

.contour.downloadform .contact-form-button {
  height: 35px;
  line-height: 35px;
  padding: 0 !important;
  background: #52ae32;
}

.contour.downloadform .contact-form-button a {
  height: inherit;
  line-height: inherit;
  padding: inherit;
  text-decoration: none;
}

.contour.downloadform .contact-form-button a p {
  height: inherit;
  line-height: inherit;
  padding: inherit;
  margin: 0;
}

/**
*
* Product page, 3 col promo tiles
*
**/
.promo-tiles {
  margin-top: 40px;
}

.promo-tiles.side-promo {
  margin-top: 6px;
}

.promo-tiles .intro-copy {
  width: 100%;
  margin-bottom: 10px;
}

.promo-tiles .intro-copy h2 {
  font-weight: bold;
  font-size: 28px !important;
  color: #30383b;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

.promo-tiles .intro-copy p {
  font-size: 16px;
  color: #30383b;
  margin: 0;
  padding: 0;
}

.promo-tiles .tile {
  height: 340px;
  position: relative;
  overflow: hidden;
  border: solid 1px #d7dbdd;
  margin-bottom: 20px;
}

.promo-tiles .tile a {
  color: black;
  text-decoration: none;
}

.promo-tiles .tile a:hover {
  color: #52ae32;
}

.promo-tiles .tile.promo .img img {
  width: 100%;
}

.promo-tiles .tile.promo .content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  left: 0;
  bottom: -227px;
  background-color: white;
  border-top: solid 1px #d7dbdd;
  -webkit-transition: bottom .3s;
  transition: bottom .3s;
}

.promo-tiles .tile.promo .content .title {
  margin-top: 0;
  font-size: 20px;
  color: #2f383a;
  line-height: 1.2;
}

.promo-tiles .tile.promo .copy-block {
  opacity: 0;
  font-size: 14px;
  color: #2f383a;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.promo-tiles .tile.promo .copy-block ul, .promo-tiles .tile.promo .copy-block ol {
  padding: 0 20px;
  list-style-type: initial;
}

.promo-tiles .tile.promo .link-row {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: right;
}

.promo-tiles .tile.promo .link-row a {
  font-weight: bold;
  font-size: 16px;
  color: #30383b;
  text-decoration: underline;
}

.promo-tiles .tile.promo:hover .title {
  color: #52ae32;
}

.promo-tiles .tile.promo:hover .content {
  bottom: 1px;
  margin-bottom: -1px;
}

.promo-tiles .tile.promo:hover .copy-block {
  opacity: 1;
}

.promo-tiles .tile.link-block {
  height: auto;
  padding: 15px 20px;
  background-color: white;
}

.promo-tiles .tile.link-block .title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
  text-align: center;
}

.promo-tiles .tile.link-block .btn-cta {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  color: white;
}

.promo-tiles .bottom-link-row {
  margin-top: 0px;
  margin-bottom: 67px;
  text-align: right;
}

.promo-tiles .bottom-link-row a {
  font-weight: bold;
  font-size: 16px;
  color: #30383b;
  text-decoration: underline;
  letter-spacing: 1px;
}

@media only screen and (min-width: 768px) {
  .promo-tiles .tile.link-block {
    height: auto;
  }
  .promo-tiles .btn-cta {
    height: 54px;
  }
  .promo-tiles .tile {
    height: 300px;
  }
  .promo-tiles .tile.promo .content {
    position: absolute;
    bottom: -184px;
  }
}

@media only screen and (min-width: 992px) {
  .promo-tiles .tile.link-block {
    height: 300px;
  }
  .promo-tiles .btn-cta {
    height: auto;
  }
}

/**
*
* table-listing
* 
* - Usage: 
*   Add table-listing class on ol/ul elements
*
**/
.table-listing {
  margin: 0;
}

.richtext-content .table-listing {
  padding-left: 0;
}

.table-listing > li {
  margin: 0 auto;
  padding: 22px 0 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
}

.table-listing > li:last-child {
  border-bottom: 0 none;
}

.table-listing .table-listing-col {
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
}

.table-listing .table-listing-col:last-child {
  padding-right: 0;
}

.table-listing .table-listing-col.step-duration {
  width: 140px;
}

/**
*
* Simple, right hand side promo tiles
*
**/
.side-promo-tile {
  /*GUIDES*/
  /*/
    background-image:url("/static/img//_GUIDES/ad-tile_large.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 320px;
    /**/
  position: relative;
  margin-bottom: 20px;
}

.side-promo-tile .inner {
  display: table;
  width: 100%;
  height: 100%;
  padding: 20px;
  border: 1px solid #d7dbdd;
  background-color: white;
}

.side-promo-tile .img {
  position: absolute;
  border-radius: 68px;
  width: 136px;
  height: 136px;
  overflow: hidden;
  left: 50%;
  top: 8px;
  margin-left: -68px;
}

.side-promo-tile .content-block {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 20px;
  vertical-align: bottom;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8c80d+1,58b02f+100 */
  background: #a8c80d;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #a8c80d 1%, #58b02f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c80d', endColorstr='#58b02f',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  border: 1px solid #d7dbdd;
}

.side-promo-tile .title {
  margin-top: 0;
  font-size: 22px;
  color: white;
  line-height: 1.3;
}

.side-promo-tile .content {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.side-promo-tile .cta {
  display: block;
  margin: 0;
  padding: 5px;
  font-size: 16px;
  color: white;
  text-align: center;
  background-color: #52ae32;
}

.side-promo-tile.has-image {
  padding-top: 40px;
}

.side-promo-tile.has-image .content-block {
  padding-top: 100px;
}

@media only screen and (min-width: 768px) {
  .side-promo-tile {
    height: 282px;
    padding-top: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .side-promo-tile {
    height: auto;
    padding-top: 0px;
  }
}

/**
*
* Fullwidth banner, with image and text
* Bottom of product page
*
**/
.fullwidth-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1600px;
  height: 200px;
  margin: auto;
  margin-top: 30px;
  /*img {
        position: absolute;
        height: 100%;
        left: 50%;
        top: 0;
        margin-left: -800px;
    }*/
}

.fullwidth-banner .img {
  position: relative;
  z-index: 5;
  height: 100%;
  width: 100%;
  text-align: center;
}

.fullwidth-banner .content {
  display: table;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.fullwidth-banner .content .inner-wrap {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.fullwidth-banner p {
  font-size: 22px;
  color: #fff;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

.fullwidth-banner a {
  font-size: 22px;
  color: #fff;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  text-decoration: underline;
}

.fullwidth-banner .icon-wrap {
  display: block;
  width: auto;
  margin: auto;
}

.fullwidth-banner .icon-wrap .icon {
  display: inline-block;
  height: 60px;
  font-size: 85px;
  color: white;
}

/**
*
* Form style / structure overrides for Efic Direct Checklist form ONLY
*
**/
#contour_form_EficDirectChecklist label {
  width: auto;
  float: none;
  clear: none;
}

#contour_form_EficDirectChecklist .contourField {
  position: relative;
  clear: both;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

#contour_form_EficDirectChecklist .tooltip {
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
}

#contour_form_EficDirectChecklist span.radiobuttonlist {
  float: none;
  padding: 15px 0;
}

@media only screen and (min-width: 768px) {
  #contour_form_EficDirectChecklist .contourField {
    padding-right: 0;
  }
  #contour_form_EficDirectChecklist .fieldLabel {
    display: inline-block;
  }
  #contour_form_EficDirectChecklist .tooltip {
    display: inline-block;
    position: relative;
    right: initial;
    top: 3px;
    margin-left: 10px;
  }
}

/**
*
* Loan Calculator
*
**/
.loan-calculator .calculator-border {
  margin: 50px auto;
  padding: 20px;
  background-color: white;
  border: solid 1px #cecece;
}

.loan-calculator p.label {
  font-size: 16px;
  color: black;
}

.loan-calculator input,
.loan-calculator select {
  font-size: 16px;
  border: 1px solid #d7dbdd;
  background-color: white;
  width: 100% !important;
  padding: 10px !important;
  float: none !important;
}

.loan-calculator input.accrue-rate {
  display: none;
  visibility: hidden;
}

.loan-calculator .title-row {
  text-align: center;
}

.loan-calculator .title-row p {
  font-size: 28px;
  color: #30383b;
  font-weight: bold;
  line-height: 29px;
}

.loan-calculator .loan-conditions-block {
  padding: 10px;
}

.loan-calculator .field-row {
  padding-bottom: 20px;
}

.loan-calculator .interest-row {
  padding-bottom: 5px;
}

.loan-calculator .btn-calculate, .loan-calculator .apply-link {
  background-color: #52ae32;
  border: solid 1px white;
  display: block;
  padding: 5px 10px;
  width: 100%;
  font-size: 16px;
  color: white;
  text-align: center;
  outline: none;
}

.loan-calculator .btn-calculate:hover, .loan-calculator .apply-link:hover {
  background-color: #00000b;
}

.loan-calculator .btn-calculate:focus, .loan-calculator .apply-link:focus {
  outline: none;
}

.loan-calculator .loan-results-block {
  padding: 10px;
  font-size: 16px;
}

.loan-calculator .loan-results-block .inner {
  padding: 15px;
  line-height: 24px;
  background-color: #f3f3f3;
}

.loan-calculator .loan-results-block .results > div {
  margin-bottom: 20px;
}

.loan-calculator .loan-results-block .results .total-payments {
  padding-top: 26px;
  border-top: 1px solid #ddd;
}

.loan-calculator .loan-results-block .label {
  white-space: nowrap;
}

.loan-calculator .disclaimer-text {
  padding: 15px 10px 0 10px;
}

.loan-calculator .disclaimer-text p {
  font-size: 12px;
  color: black;
}

@media only screen and (min-width: 768px) {
  .loan-calculator .loan-results-block .results > div:before, .loan-calculator .loan-results-block .results > div:after {
    content: " ";
    display: table;
  }
  .loan-calculator .loan-results-block .results > div:after {
    clear: both;
  }
  .loan-calculator .loan-results-block .label {
    float: left;
  }
  .loan-calculator .loan-results-block .value {
    float: right;
    margin-left: 15px;
    text-align: right;
  }
  .loan-calculator .btn-calculate {
    width: auto;
    display: inline-block;
  }
  .loan-calculator .disclaimer-text {
    padding: 15px 0 0 0;
  }
}

/**
*
* Home slider a-feature, homepage only
*
**/
.home-slider {
  width: 100%;
  position: relative;
}

.home-slider .swiper-wrapper,
.home-slider .swiper-slide {
  height: auto !important;
}

.home-slider .swiper-pagination {
  width: 100%;
}

.home-slider .img-block {
  width: 100%;
}

.home-slider .img-block img {
  width: 100%;
  display: block;
}

.home-slider .slide-content {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  width: 100%;
  height: 178px;
  padding: 27px;
  background-color: green;
}

.home-slider .slide-content * {
  color: white;
}

.home-slider .title {
  font-size: 30px;
  line-height: 38px;
  margin-top: 0;
  color: white;
}

.home-slider .copy {
  display: none;
}

.home-slider .btn-cta {
  display: inline-block;
  padding: 6px 10px;
  background-color: #52ae32;
  border: solid 1px white;
  color: white;
  font-size: 17px;
  cursor: pointer;
}

.home-slider .btn-cta:hover {
  color: #fff;
  background-color: #5d6569;
}

.home-slider .slider-link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-slider .alternate-slide {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  position: absolute;
}

.home-slider .alternate-slide .container {
  position: relative;
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
}

.home-slider .alternate-slide .heading {
  display: block;
  margin: 0 auto;
  width: 70%;
  text-align: center;
}

.home-slider .alternate-slide .heading h2 {
  margin: 0;
  color: white;
  font-size: 39px !important;
  line-height: 45px;
  font-family: "TipografiaRamis-DecimaLight", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.home-slider .circles {
  display: block;
  margin: 40px auto 0;
  width: 100%;
  text-align: center;
  visibility: hidden;
}

.home-slider .circle {
  display: inline-block;
  margin-left: 40px;
  margin-right: 40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  vertical-align: top;
  background: rgba(45, 58, 65, 0.6);
}

.home-slider .circle h3 {
  margin-top: 26px;
  margin-bottom: 5px;
  color: white;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  font-family: "UniversLTStd65Bold", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.home-slider .circle p {
  display: block;
  margin: 0 auto;
  width: 70%;
  color: white;
  text-align: center;
  font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
}

@media only screen and (min-width: 768px) {
  .home-slider .swiper-wrapper,
  .home-slider .swiper-slide {
    max-height: 350px;
  }
  .home-slider .swiper-pagination {
    bottom: 2.5%;
  }
  .home-slider .slide {
    position: relative;
  }
  .home-slider .content-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .home-slider .inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .home-slider .slide-content {
    position: absolute;
    top: 20%;
    left: 24px;
    width: 230px;
    height: 207px;
  }
  .home-slider .alternate-slide .container {
    top: 35%;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .home-slider .circles {
    margin-top: 5px;
    visibility: visible;
  }
  .home-slider .heading {
    width: 80%;
  }
}

@media only screen and (min-width: 992px) {
  .home-slider .slide-content {
    width: 320px;
    height: 254px;
  }
  .home-slider .copy {
    display: block;
    font-size: 16px;
    color: white;
  }
  .home-slider .btn-cta {
    margin-top: 10px;
  }
  .home-slider .circles {
    margin-top: 20px;
  }
  .home-slider .heading {
    width: 60%;
  }
}

/**
*
* Product a feature
* Only apply to SBEL page at moment
*
**/
.product-hero {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  min-height: 200px;
  overflow: hidden;
}

.product-hero h1 {
  margin-top: 0;
  margin-bottom: 26px;
  color: #fff;
  font-size: 36px;
  line-height: 40px;
  text-align: left;
  font-family: "TipografiaRamis-DecimaLight", "Open Sans", "Droid Sans", Arial, sans-serif;
}

.product-hero p {
  display: none;
  margin-top: 0;
  color: #fff;
  font-size: 16px;
  text-align: left;
}

.product-hero .img-block {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}

.product-hero .img-block picture {
  height: 100%;
}

.product-hero .img-block img {
  max-width: none;
  height: 100%;
}

.product-hero .container-fluid {
  position: relative;
  padding: 65px 20px;
  z-index: 1;
}

.product-hero .btn-cta {
  min-width: 190px;
  text-align: center;
}

.product-hero .btn-cta:not(:first-child) {
  margin-top: 20px;
  background-color: #9aa1a7;
}

.product-hero .btn-cta:hover {
  background-color: #5d6569;
}

@media only screen and (min-width: 768px) {
  .product-hero {
    min-height: 290px;
  }
  .product-hero .container-fluid {
    padding: 105px 0 92px;
  }
  .product-hero h1 {
    margin-bottom: 22px;
    font-size: 50px;
    line-height: 1;
  }
  .product-hero p {
    display: block;
  }
  .product-hero .img-block {
    width: 100%;
    height: auto;
  }
  .product-hero .img-block picture, .product-hero .img-block img {
    width: 100%;
    height: auto;
  }
  .product-hero .cta-block {
    margin-top: 40px;
  }
  .product-hero .btn-cta:first-child {
    margin-right: 16px;
  }
  .product-hero .btn-cta:not(:first-child) {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .product-hero {
    margin-bottom: 40px;
  }
}

/**
*
* Only apply to SBEL Apply Step page at moment
*
**/
.product-apply-steps .step-description {
  display: block;
}

.product-apply-steps .step-thumb img {
  width: 48px;
  height: 48px;
}

@media only screen and (min-width: 768px) {
  .product-apply-steps .step-description {
    display: inline-block;
    width: 65%;
  }
  .product-apply-steps .step-thumb img {
    width: 70px;
    height: 70px;
  }
}

/**
*
* Only apply to SBEL Eligibility Criteria page at moment
*
**/
@media only screen and (max-width: 767px) {
  .product-eligibility-criteria table {
    background-color: #f3f3f3;
  }
  .product-eligibility-criteria th, .product-eligibility-criteria td {
    display: block;
    width: 100%;
    background-color: transparent;
  }
  .product-eligibility-criteria th.alt-bg, .product-eligibility-criteria td.alt-bg {
    background-color: transparent;
  }
  .product-eligibility-criteria th:first-child, .product-eligibility-criteria td:first-child {
    border-top: 1px solid #ddd;
  }
  .product-eligibility-criteria th:not(:first-child), .product-eligibility-criteria td:not(:first-child) {
    border-top: 0 none;
    border-left: 0 none;
  }
  .product-eligibility-criteria th:first-child {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .eligibility-criteria img {
    max-height: 40px;
    max-width: 40px;
  }
}

@media screen and (max-width: 468px) {
  .eligibility-criteria img {
    float: right;
    max-height: 25px;
    max-width: 25px;
  }
}

@media screen and (max-width: 468px) {
  .eligibility-criteria div {
    display: inline-block;
  }
}

/**
*
* Product Finder
*
**/
.product-finder {
  background-color: white;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
}

.product-finder .input-row {
  max-width: 635px;
  margin: 0 auto;
}

.product-finder h1 {
  margin: 10px 0px;
  font-size: 28px;
  color: #30383b;
  font-weight: bold;
  line-height: 34px;
}

.product-finder p {
  font-size: 14px;
  display: inline-block;
}

.product-finder select {
  display: block;
  height: 36px;
  width: 100% !important;
  margin: 0 0 10px 0;
  padding-left: 10px;
  float: none;
  font-size: 14px;
  line-height: 36px;
  color: #52ae32;
  border: solid 1px #d7dbdd;
}

.product-finder select:disabled {
  color: #d7dbdd;
  cursor: default;
  opacity: 0.8;
}

.product-finder .btn-showme {
  display: inline-block;
  padding: 6px 10px;
  background-color: #52ae32;
  border: solid 1px white;
  color: white;
  font-size: 17px;
  cursor: pointer;
}

.product-finder .btn-showme:hover {
  color: #fff;
  background-color: #5d6569;
}

.product-finder .btn-showme.disabled {
  opacity: 0.8;
  background-color: #d7dbdd;
  cursor: default;
}

.product-finder .btn-showme.disabled:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .product-finder {
    padding: 30px;
    border: solid 1px #d7dbdd;
  }
  .home-content .product-finder {
    position: relative;
    top: -85px;
    z-index: 100;
    margin-bottom: -85px;
  }
  .product-finder h1 {
    margin: 10px 0 20px 0;
  }
  .product-finder p {
    font-size: 18px;
  }
  .product-finder select {
    display: inline-block;
    margin: 0 15px 20px 15px;
  }
  .product-finder select#client-type {
    width: 330px !important;
  }
  .product-finder select#turn-over {
    width: 155px !important;
  }
  .product-finder select#loan-amount {
    width: 175px !important;
  }
  .product-finder select#export-experience {
    width: 144px !important;
  }
  .product-finder select#looking-for {
    margin: 0 0 15px;
    width: 100% !important;
  }
}

/**
*
* Product page - Quick links
*
**/
.product-quick-links {
  padding-top: 30px;
  padding-bottom: 20px;
}

.product-quick-links p {
  margin-bottom: 25px;
  font-size: 22px;
  color: #000;
}

.product-quick-links ul {
  list-style-position: inside;
}

.product-quick-links li {
  list-style-type: disc;
  margin-bottom: 20px;
}

.product-quick-links a {
  text-decoration: underline;
}

/**
*
* Large feature tiles, used on homepage primarily below full width
* feature row.
* Image on left, copy + CTA on right
*
**/
.feature-tile {
  background-color: white;
  border: solid 1px #d7dbdd;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.feature-tile .content-block {
  padding: 20px;
  margin-bottom: 30px;
}

.feature-tile .title {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  color: #2f383a;
  line-height: 1.2;
}

.feature-tile p {
  font-size: 16px;
  line-height: 24px;
  color: #2f383a;
}

.feature-tile ul {
  list-style-type: disc;
  padding-left: 20px;
}

.feature-tile .btn-cta {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

@media only screen and (min-width: 768px) {
  .feature-tile .content-block {
    padding: 25px 20px;
  }
}

/**
*
* Large feature tiles with video, used on homepage primarily below full width
* feature row.
* Video on left, copy and CTA on right
*
**/
.feature-video-tile {
  background-color: white;
  border: solid 1px #d7dbdd;
  width: 100%;
  margin-bottom: 53px;
  position: relative;
}

.feature-video-tile .video-block {
  height: auto;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.feature-video-tile .video-block iframe,
.feature-video-tile .video-block object,
.feature-video-tile .video-block embed,
.feature-video-tile .video-block video {
  background-color: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.feature-video-tile .content-block {
  padding: 20px;
  margin-bottom: 60px;
}

.feature-video-tile .title {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  color: #2f383a;
  line-height: 1.2;
}

.feature-video-tile p {
  font-size: 16px;
  line-height: 24px;
  color: #2f383a;
}

.feature-video-tile .btn-cta {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

@media only screen and (min-width: 768px) {
  .feature-video-tile {
    height: 300px;
  }
  .feature-video-tile .video-block {
    margin: 15px 0 0 15px;
  }
  .feature-video-tile .content-block {
    padding: 25px 20px 25px 0px;
  }
}

@media only screen and (min-width: 992px) {
  .feature-video-tile {
    height: 288px;
  }
}

/**
*
* Latest news column, right of feature tiles on
* on homepage
*
**/
/*
Total news column needs fixed height to match height of
tiles to the left. Height of tiles is actually set
in the '_feature-tile.scss' file, below is a simple
equation using that height

NOTE: This is ONLY applicable for desktop / large devices
*/
/*
Based on above calculate the height of each news item
Fixed height is required to obscure text as per design
*/
.side-panel p {
  padding: 0;
  margin: 0;
}

.side-panel .col-md-9 {
  padding: 0px;
}

.side-panel .panel-icon-link {
  position: relative;
  top: 20px;
  margin-right: 10px;
  font-size: 30px;
  color: #52ae32;
  float: right;
}

.side-panel .panel-icon-info {
  position: relative;
  top: 20px;
  margin-right: 9px;
  font-size: 30px;
  color: #52ae32;
  float: right;
}

.side-panel .download-links .header {
  height: 70px;
  background-color: #d7dbde;
  padding-left: 10px;
}

.side-panel .download-links .header a {
  text-decoration: none;
  color: #2d3a41;
  font-size: 19px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 15px;
  vertical-align: middle;
}

.side-panel .download-links .footer {
  padding-top: 21px;
  padding-left: 21px;
  border: 1px solid #d7dbdd;
}

.side-panel .download-links .footer a {
  margin-top: 15px;
  margin-bottom: 15px;
  text-decoration: underline;
  line-height: 32px;
}

.side-panel .contact .header {
  background-color: #5EB33A;
  padding: 23px;
  padding-top: 23px;
  height: 200px;
}

.side-panel .contact .header p {
  margin: 0;
  padding: 0;
  color: white;
  height: 20px;
  font-size: 17px;
  overflow: hidden;
}

.side-panel .contact .header .title {
  padding-bottom: 53px;
  letter-spacing: 1px;
  font-size: 20px;
}

.side-panel .contact .header .contact-second-title {
  margin-bottom: 10px;
}

.side-panel .contact .header .phone-number {
  padding-bottom: 45px;
  letter-spacing: 1px;
}

.side-panel .contact .header .email-link {
  letter-spacing: 1px;
}

.side-panel .contact .header a {
  color: white;
  text-decoration: underline;
}

.side-panel .contact .footer {
  background-color: white;
  border: 1px solid #d7dbdd;
  padding: 23px;
}

.side-panel .contact .footer p {
  font-size: 17px;
}

.side-panel .faq-section .header {
  height: 70px;
  background-color: #d7dbde;
  padding-left: 21px;
}

.side-panel .faq-section .header p, .side-panel .faq-section .header a {
  font-weight: bold;
  font-size: 19px;
  color: #2d3a41;
  line-height: 70px;
}

.side-panel .faq-section .header a:hover {
  color: #53ae31;
  text-decoration: underline;
}

.side-panel .faq-section .footer {
  padding: 20px 20px 9px 20px;
  border: 1px solid #d7dbdd;
}

.side-panel .faq-section .footer .popover {
  position: absolute;
  right: 500px;
  padding: 5px 0px 10px 0px;
  margin: 10px;
  background-color: white;
  z-index: 100;
  border-radius: 5px;
  width: 300px !important;
}

.side-panel .faq-section .footer p {
  margin-bottom: 10px;
}

.side-panel .faq-section .footer a:not(.btn-cta) {
  text-decoration: underline;
  cursor: pointer;
}

.side-panel .faq-section .footer > ul > li {
  margin-bottom: 20px;
}

.side-panel .footer {
  background-color: white;
  border: 1px solid #d7dbdd;
  padding: 22px;
}

.side-panel .footer img {
  display: block;
  margin: 0 auto;
  height: auto;
  width: auto;
  padding-bottom: 18px;
}

.side-panel .footer p {
  font-size: 15px;
  line-height: 22px;
}

@media (min-width: 368px) {
  .side-panel .download-links .header a {
    position: relative;
    top: 25px;
  }
}

@media (min-width: 990px) {
  .side-panel .download-links .header a {
    position: relative;
    top: 14px;
  }
}

/**
*
* Global master header
* Includes structure primarily
*
**/
#master-header {
  border-bottom: 1px solid #ddd;
}

#master-header .logo-link {
  display: block;
  width: calc(100% - 62px);
  height: 100%;
  float: left;
  padding: 16px 36px;
}

#master-header .logo-link img {
  margin: auto;
}

#master-header .logo-link .small {
  display: block;
}

#master-header .logo-link .med {
  display: none;
}

#master-header .btn-mobile-menu {
  display: block;
  float: left;
  width: 62px;
  height: 73px;
  padding-top: 14px;
  text-align: center;
  border-right: 1px solid #d7dbdd;
  text-decoration: none;
}

#master-header .btn-mobile-menu .icon {
  font-size: 46px;
  color: #52ae32;
}

@media only screen and (min-width: 768px) {
  #master-header .logo-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0 0 0;
  }
  #master-header .logo-link .small {
    display: none;
  }
  #master-header .logo-link .med {
    display: block;
  }
  #master-header .btn-mobile-menu {
    display: none;
  }
  #master-header.pushback .nav-row {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 500;
    margin-top: -94px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-transition: margin-top 0.4s ease;
    transition: margin-top 0.4s ease;
  }
  #master-header.pushback .nav-row.push-in {
    margin-top: 0;
  }
}

/**
*
* Global Utility bar
*
*
**/
.utility-bar .search-bar {
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #30383b;
}

.utility-bar input.global-search {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 15px;
  background-color: #30383b;
  border: none;
  font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 36px;
  color: white;
}

.utility-bar input.global-search::-webkit-input-placeholder {
  color: white;
  font-style: normal;
}

.utility-bar input.global-search:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  font-style: normal;
}

.utility-bar input.global-search::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  font-style: normal;
}

.utility-bar input.global-search:-ms-input-placeholder {
  color: white;
  font-style: normal;
}

.utility-bar input.global-search:focus {
  background: none;
  border: none;
}

.utility-bar .links-row {
  display: none;
}

@media only screen and (min-width: 768px) {
  .utility-bar {
    border-bottom: 1px solid #d7dbdd;
  }
  .utility-bar input.global-search {
    margin-top: 35px;
    font-size: 24px;
  }
  .utility-bar .links-row {
    display: block;
  }
  .utility-bar .utility-links {
    height: 39px;
    float: right;
    position: relative;
  }
  .utility-bar .utility-links .sub-nav {
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 150;
    width: 188px;
    padding: 20px 0 5px;
    background-color: #52ae32;
    border: none;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  }
  .utility-bar .utility-links .sub-nav li {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .utility-bar .utility-links .sub-nav a {
    display: block;
    float: none;
    padding: 0 20px;
    border-right: none !important;
    font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    white-space: nowrap;
  }
  .utility-bar .utility-links .sub-nav a:hover {
    background-color: #30383b;
    text-decoration: none;
  }
  .utility-bar .utility-links .header-email, .utility-bar .utility-links .header-telephone {
    position: relative;
    top: 3px;
    font-size: 30px;
  }
  .utility-bar .utility-nav {
    position: relative;
    float: left;
  }
  .utility-bar .efic-direct,
  .utility-bar a {
    display: block;
    float: left;
    height: 39px;
    color: white;
    font-size: 14px;
    font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
    line-height: 39px;
  }
  .utility-bar .efic-direct {
    position: relative;
    background-color: #52ae32;
    padding-right: 44px;
    padding-left: 20px;
  }
  .utility-bar .efic-direct:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
  }
  .utility-bar .efic-direct.active:after {
    border-width: 0 4px 8px 4px;
    border-color: transparent transparent #fff transparent;
  }
  .utility-bar .contact-us {
    position: relative;
    padding-left: 25px;
    padding-right: 26px;
  }
  .utility-bar .contact-us .icon {
    color: white;
    font-size: 25px;
    position: absolute;
    top: 3px;
    left: 0;
  }
  .utility-bar .contact-us:hover, .utility-bar .contact-us:focus {
    text-decoration: none;
  }
  .utility-bar .email-address {
    padding-left: 2px;
    padding-right: 19px;
  }
  .utility-bar .phone-number {
    padding-right: 25px;
  }
  .utility-bar .header-icon {
    font-size: 14px;
    position: relative;
    top: 2px;
    right: 4px;
  }
  .utility-bar .btn-search-trigger {
    width: 60px;
    padding: 0;
    background-color: #30383b;
    position: relative;
    text-align: center;
    text-decoration: none;
  }
  .utility-bar .btn-search-trigger .copy {
    display: none;
  }
  .utility-bar .btn-search-trigger .icon {
    color: white;
    font-size: 29px;
    position: relative;
    top: 3px;
  }
  .utility-bar .btn-search-trigger .icon-close {
    display: none;
  }
  .utility-bar .btn-search-trigger:hover, .utility-bar .btn-search-trigger:focus {
    text-decoration: none;
  }
  .utility-bar .btn-search-trigger.active .icon-search {
    display: none;
  }
  .utility-bar .btn-search-trigger.active .icon-close {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .utility-bar {
    display: block;
  }
  .utility-bar .utility-links {
    padding-right: 24px;
  }
}

/**
*
* Global Primary Navigation
*
*
**/
#primary-nav {
  display: none;
}

#primary-nav .primary-list:before, #primary-nav .primary-list:after {
  content: " ";
  display: table;
}

#primary-nav .primary-list:after {
  clear: both;
}

#primary-nav .btn-efic-direct {
  display: none;
}

@media only screen and (min-width: 768px) {
  #primary-nav {
    display: block;
    width: 100%;
    padding-left: 15px;
  }
  #primary-nav:before, #primary-nav:after {
    content: " ";
    display: table;
  }
  #primary-nav:after {
    clear: both;
  }
  #primary-nav .primary-list {
    display: block;
  }
  #primary-nav .primary-list li {
    display: block;
    position: relative;
    float: left;
    max-width: 20%;
  }
  #primary-nav .primary-link {
    -webkit-transition: color 250ms, background 250ms linear;
    transition: color 250ms, background 250ms linear;
    /*
	-webkit-transition: color $animationTime, background $animationTime linear;
    -moz-transition: color $animationTime, background $animationTime linear;
    -ms-transition: color $animationTime, background $animationTime linear;
    -o-transition: color $animationTime, background $animationTime linear;
    transition: color $animationTime, background $animationTime linear;
    */
    display: table;
    height: 94px;
    width: auto;
    padding: 0 14px;
    border-left: 1px solid #d7dbdd;
    font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #2c3436;
  }
  #primary-nav .primary-link .text-wrap {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
  }
  #primary-nav .primary-link.active {
    background-color: #f7f7f7;
    color: #52ae32;
    text-decoration: none;
  }
  #primary-nav .sub-nav {
    display: none;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 94px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    /* IE 9 */
    transform: translateX(-50%);
    /* IE 10, Fx 16+, Op 12.1+ */
    z-index: 150;
    width: 185px;
    padding: 20px 20px 5px 20px;
    background-color: white;
    border: 1px solid #d7dbdd;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  }
  #primary-nav .sub-nav ul {
    position: relative;
  }
  #primary-nav .sub-nav ul:before {
    content: '';
    background-image: url("/static/img//sub-nav_arrow.png");
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 13px;
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    /* IE 9 */
    transform: translateX(-50%);
    /* IE 10, Fx 16+, Op 12.1+ */
  }
  #primary-nav .sub-nav li {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  #primary-nav .sub-nav a {
    border-right: none !important;
    font-family: "UniversLTStd45Light", "Open Sans", "Droid Sans", Arial, sans-serif;
    font-size: 16px;
    color: #30383b;
    line-height: 22px;
  }
  #primary-nav .sub-nav a:hover {
    color: #52ae32;
    text-decoration: none;
  }
}

@media only screen and (min-width: 992px) {
  #primary-nav .primary-list li {
    max-width: 20%;
  }
  #primary-nav .primary-list li:last-child a {
    border-right: 1px solid #d7dbdd;
  }
  #primary-nav .sub-nav li {
    width: 100%;
    max-width: 100%;
  }
}

/**
*
* Styles for mobile off-canvas nav ONLY
* This is a cloned element, so is seperate from
* desktop + large screen Nav
*
**/
#mobile-nav {
  background-color: #283338;
}

#mobile-nav .mm-listview > li:not(.mm-divider):after {
  display: none;
  border: none;
}

#mobile-nav .btn-efic-direct {
  display: block;
  background-color: #52ae32;
  padding: 30px 20px;
  font-size: 16px;
  line-height: 1;
  color: white;
  border-bottom: 1px solid #52ae32;
}

#mobile-nav li.direct {
  background-color: #52ae32;
}

#mobile-nav li.direct .mm-next,
#mobile-nav li.direct li.mm-opened .mm-next {
  background-color: inherit !important;
  border-bottom: none !important;
}

#mobile-nav li.direct a.primary-link {
  padding: 0;
  font-size: 16px;
  line-height: 29px;
  color: white;
  border-bottom: none;
  white-space: initial;
}

#mobile-nav .primary-link {
  display: block;
  background-color: #283338;
  padding: 30px 20px;
  font-size: 16px;
  line-height: 1;
  color: white;
  border-bottom: 1px solid #1e1e1e;
}

#mobile-nav .mm-next {
  background-color: #283338;
  height: 77px;
  border-bottom: 1px solid #1e1e1e;
}

#mobile-nav .mm-next:after {
  position: absolute;
  top: 55%;
  right: 18px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  /* IE 9 */
  transform: translateY(-50%);
  /* IE 10, Fx 16+, Op 12.1+ */
  content: "\62";
  color: white;
  font-size: 30px;
  font-family: "efic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#mobile-nav .sub-nav {
  background-color: #1b2326;
}

#mobile-nav .sub-nav-items {
  padding: 25px 30px;
}

#mobile-nav .sub-nav-items li {
  margin-bottom: 5px;
}

#mobile-nav .sub-nav-items a {
  padding: 0;
  font-size: 16px;
  line-height: 29px;
  color: white;
  border-bottom: none;
  white-space: initial;
}

#mobile-nav li.mm-opened .primary-link {
  background-color: #1b2326;
  border-bottom: solid 1px #283338;
  color: #52ae32;
}

#mobile-nav li.mm-opened .mm-next {
  background-color: #1b2326;
  border-bottom: solid 1px #283338;
}

#mobile-nav li.mm-opened .mm-next:after {
  content: "\6f";
}

/*
#mm-blocker {
    background-color: rgba(0,0,0,0.7);
}
*/
/**
*
* Tertiary Nav - search and contact us buttons
* Available for mobile ONLY
*
**/
#tertiary-nav .tertiary-list {
  display: block;
}

#tertiary-nav .tertiary-list li {
  display: block;
  position: relative;
  float: left;
  width: 50%;
}

#tertiary-nav .tertiary-list a {
  display: block;
  width: 100%;
  height: 73px;
  padding-top: 18px;
  text-align: center;
  border-left: 1px solid #d7dbdd;
}

#tertiary-nav .tertiary-list a:hover, #tertiary-nav .tertiary-list a:focus {
  text-decoration: none;
}

#tertiary-nav .tertiary-list a .copy {
  display: none;
}

#tertiary-nav .tertiary-list a .icon {
  font-size: 39px;
  color: #52ae32;
}

#tertiary-nav .tertiary-list a .icon.icon-call {
  display: inline-block;
  padding-top: 8px;
  font-size: 22px;
}

#tertiary-nav .tertiary-list .btn-search-trigger .icon-close {
  color: black;
  display: none;
}

#tertiary-nav .tertiary-list .btn-search-trigger.active .icon-close {
  display: block;
}

#tertiary-nav .tertiary-list .btn-search-trigger.active .icon-search {
  display: none;
}

@media only screen and (min-width: 768px) {
  #tertiary-nav .tertiary-list {
    display: none;
  }
}

/**
*
* Product page, recommended product tile
*
**/
.recommended-product-tile {
  /*GUIDES*/
  /**/
  background-position: center top;
  background-repeat: no-repeat;
  /**/
  background-color: #e9e9e9;
  padding: 20px;
}

.recommended-product-tile:before, .recommended-product-tile:after {
  content: " ";
  display: table;
}

.recommended-product-tile:after {
  clear: both;
}

.recommended-product-tile .promo-tiles {
  margin-top: 0;
}

.recommended-product-tile .text-block {
  width: 100%;
  padding: 0 20px 0px 10px;
  color: black;
}

.recommended-product-tile .text-block .title {
  font-size: 22px;
  margin-bottom: 25px;
}

.recommended-product-tile .text-block .description {
  margin-bottom: 20px;
  font-size: 18px;
  font-style: italic;
  line-height: 25px;
}

.recommended-product-tile .text-block .recommended {
  font-size: 15px;
}

.recommended-product-tile .tile {
  height: 300px;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: solid 1px #d7dbdd;
}

.recommended-product-tile .tile .img img {
  width: 100%;
}

.recommended-product-tile .tile .content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px;
  left: 0;
  bottom: -184px;
  background-color: white;
  border-top: solid 1px #d7dbdd;
  -webkit-transition: bottom .3s;
  transition: bottom .3s;
}

.recommended-product-tile .tile .content .title {
  margin-top: 0;
  font-size: 20px;
  color: #2f383a;
  line-height: 1.2;
}

.recommended-product-tile .tile .copy-block {
  opacity: 0;
  font-size: 14px;
  color: #2f383a;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.recommended-product-tile .tile .link-row {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: right !important;
}

.recommended-product-tile .tile .link-row a {
  font-weight: bold;
  font-size: 16px;
  color: #30383b;
  text-decoration: underline;
}

.recommended-product-tile .tile:hover .title {
  color: #52ae32;
}

.recommended-product-tile .tile:hover .content {
  bottom: 1px;
  margin-bottom: -1px;
}

.recommended-product-tile .tile:hover .copy-block {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .recommended-product-tile .text-block {
    width: 100%;
    width: calc(100% - 220px);
    float: left;
  }
  .recommended-product-tile .tile {
    width: 220px;
    float: left;
  }
}

/**
*
* Page Breadcrumbs
*
Parent DIV - NOTE: Not all templates have list wrapped in <div class="breadcrumb">, hence styling
Is kept seperate

**/
.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs .back-to-search {
  margin: 30px 20px 0 0;
  padding-right: 20px;
  border-right: 1px solid #DCDBCF;
  color: #2c3436;
}

.breadcrumbs .back-to-search a {
  text-decoration: underline;
  color: #2c3436;
}

ul.breadcrumb {
  padding: 0 0 20px 0;
  margin: 30px 0 0;
}

ul.breadcrumb:before, ul.breadcrumb:after {
  content: " ";
  display: table;
}

ul.breadcrumb:after {
  clear: both;
}

ul.breadcrumb li {
  list-style-type: none;
  float: left;
  color: black;
}

ul.breadcrumb a {
  font-size: 15px;
  color: #52ae32;
  text-decoration: none;
}

ul.breadcrumb a:hover {
  text-decoration: underline;
}

ul.breadcrumb .divider {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  color: green;
}

/**
*
* Mobile only breadcrumb
* Note: this is a copy / paste from legacy style, from original _header.scss
**/
.mobile-breadcrumb {
  color: #fff;
  position: relative;
}

.mobile-breadcrumb li {
  display: none;
  height: 35px;
  border-bottom: 1px solid #91a0a6;
  background: #d7dbdd;
  color: #30383b;
}

.mobile-breadcrumb li a {
  display: block;
  line-height: 35px;
  padding: 0 15px;
  padding-left: 20px;
  color: inherit;
}

.mobile-breadcrumb li.btn-expand {
  display: block;
  width: 35px;
  background: #5e6d73;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

.mobile-breadcrumb li:last-of-type {
  display: block;
  background: #30383b;
  margin-bottom: -1px;
}

.mobile-breadcrumb li:last-of-type a {
  color: #fff;
}

.mobile-breadcrumb.open li {
  display: block;
}

.alt {
  display: block;
  border: 1px solid #55ae31;
  margin: 10px 0;
  padding: 10px;
}

/**
*
* FAQ page
*
**/
.faq .faq-category {
  margin: 15px auto 20px;
}

.faq .faq-category h3 {
  font-size: 22px;
}

.faq .accordion .item-heading h4 {
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .faq .faq-category h3 {
    font-size: 32px;
  }
  .faq .accordion .item-heading h4 {
    font-size: 24px;
  }
}

.resource-finder {
  margin-bottom: 40px;
}

.resource-finder .copy {
  margin: 50px 0 40px 0;
}

@media (max-width: 767px) {
  .resource-finder .copy p {
    display: none;
  }
}

.resource-finder .mobile-header {
  display: none;
  margin: 0 -12px;
  background-color: #5eb33a;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.resource-finder .mobile-header .btn-filter {
  height: 70px;
  width: 70px;
  background-color: #4a9c2d;
  color: #FFFFFF;
  border: none;
  font-size: 20px;
}

.resource-finder .mobile-header .title {
  margin: 0;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .resource-finder.has-filters .copy,
  .resource-finder.has-filters .filters {
    display: none;
  }
  .resource-finder.has-filters .mobile-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.resource-finder .filters {
  border-top: 1px solid #cecece;
  padding: 10px 25px;
  margin: 40px -12px;
}

@media only screen and (min-width: 768px) {
  .resource-finder .filters {
    border: 1px solid #cecece;
    margin: 40px 0;
  }
}

.site-overlay .resource-finder .filters {
  border: none;
  margin: 0;
}

.resource-finder .filters .filter-group {
  margin: 20px 0;
}

.resource-finder .filters .filter-group > label {
  display: inline-block;
  margin-bottom: 10px;
}

.resource-finder .filters select {
  width: 100%;
  height: 42px;
  display: block;
  padding-left: 10px;
  font-size: 15px;
  line-height: 42px;
  border-radius: 3px;
  border-color: #CECECE;
  color: #52ae32;
  background-color: #F8F8F8;
}

.resource-finder .filters .dropdown-toggle {
  width: 100%;
  height: 42px;
  position: relative;
  display: block;
  padding-left: 10px;
  font-size: 15px;
  line-height: 42px;
  border-radius: 3px;
  border: 1px solid #CECECE;
  text-align: left;
  color: #52ae32;
  background-color: #F8F8F8;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.resource-finder .filters .dropdown-toggle:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  right: 8px;
  top: 21px;
}

.resource-finder .filters .dropdown-menu {
  background-color: #F8F8F8;
  top: -2px;
  right: 0;
  max-height: 350px;
  overflow: auto;
}

.resource-finder .filters .dropdown-menu label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  cursor: pointer;
}

.resource-finder .filters .dropdown-menu label:hover, .resource-finder .filters .dropdown-menu label:focus {
  background-color: #D7DBDD;
}

.resource-finder .filters .dropdown-menu label span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: break-word;
}

.resource-finder .filters .dropdown-menu input[type="checkbox"] {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: solid 1px #FFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-right: 10px;
}

.resource-finder .filters .btn-container {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .resource-finder .filters .btn-container {
    padding-top: 30px;
  }
}

.resource-finder .filters .btn-find {
  display: inline-block;
  padding: 6px 10px;
  background-color: #52ae32;
  border: solid 1px white;
  color: white;
  font-size: 17px;
  cursor: pointer;
  height: 42px;
  margin-right: 15px;
}

.resource-finder .filters .btn-find:hover {
  color: #fff;
  background-color: #5d6569;
}

@media (max-width: 767px) {
  .resource-finder .filters .btn-find {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.resource-finder .filters .btn-reset {
  text-decoration: underline;
  padding: 0;
  background: none;
  border: none;
}

.resource-finder .selected-filters {
  margin: 40px 12px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .resource-finder .selected-filters {
    margin: 40px 0;
    text-align: center;
  }
}

.resource-finder .selected-filters .title {
  margin: 10px 0px;
  font-size: 28px;
  color: #30383b;
  font-weight: bold;
  line-height: 34px;
}

.resource-finder .selected-filters .mod-social-share {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .resource-finder .selected-filters .mod-social-share {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
  }
}

.resource-finder .selected-filters .tags {
  margin: 25px 0;
}

.resource-finder .selected-filters .tags li {
  display: inline-block;
}

.resource-finder .selected-filters .tag {
  position: relative;
  margin: 10px;
  padding: 12px 40px 12px 16px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  cursor: pointer;
  background-color: #FFFFFF;
}

.resource-finder .selected-filters .tag:after {
  content: '\61';
  font-family: 'efic';
  position: absolute;
  right: 16px;
  padding-top: 1px;
}

.resource-finder .selected-filters .tag:hover, .resource-finder .selected-filters .tag:focus {
  border-color: #52ae32;
}

.resource-finder .selected-filters .tag:hover:after, .resource-finder .selected-filters .tag:focus:after {
  color: #52ae32;
}

.resource-finder .resource-list {
  margin: 40px -12px;
}

@media only screen and (min-width: 768px) {
  .resource-finder .resource-list {
    margin: 40px 0 20px;
  }
}

.resource-finder .resource-list .resource-item {
  border: 1px solid #cecece;
  border-bottom: none;
}

.resource-finder .resource-list .resource-item:hover {
  background-color: #F7F7F7;
}

.resource-finder .resource-list .resource-item:last-child {
  border-bottom: 1px solid #cecece;
}

.resource-finder .resource-list .resource-item .image-container {
  position: relative;
}

.resource-finder .resource-list .resource-item .image {
  width: 100%;
  height: auto;
}

.resource-finder .resource-list .resource-item .type {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  background-color: #5eb33a;
  color: #FFF;
}

.resource-finder .resource-list .resource-item .type .icon {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 20px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .resource-finder .resource-list .resource-item .type {
    text-align: left;
    padding: 15px 15px 15px 45px;
  }
  .resource-finder .resource-list .resource-item .type .icon {
    display: block;
  }
}

.resource-finder .resource-list .resource-item .content-container {
  padding: 15px;
}

@media only screen and (min-width: 768px) {
  .resource-finder .resource-list .resource-item .content-container {
    padding: 15px 30px;
  }
}

.resource-finder .resource-list .resource-item .name {
  color: #52ae32;
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  max-height: 44.8px;
  overflow: hidden;
}

.resource-finder .resource-list .resource-item p {
  max-height: 40px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .resource-finder .resource-list .resource-item p {
    max-height: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .resource-finder .resource-list .resource-item p {
    max-height: 100px;
  }
}

.pager {
  float: right;
  border: 1px solid #cecece;
}

.pager .count {
  padding: 0 25px;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
}

.pager .prev,
.pager .next {
  display: block;
  float: left;
  height: 40px;
  width: 40px;
  position: relative;
}

.pager .prev:before,
.pager .next:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  left: 15px;
  top: 15px;
}

.pager .prev:before {
  border-right: 6px dashed;
}

.pager .next:before {
  border-left: 6px dashed;
}

/**
*
* Popup Notification
* Only apply to SBEL pages at moment
*
**/
#popup-notification .modal-dialog {
  margin: 20px auto;
  width: 300px;
  text-align: center;
}

#popup-notification .modal-title {
  color: #000;
}

#popup-notification .modal-footer {
  text-align: center;
}

/**
*
* Push Down Notification
* Only apply to SBEL pages at moment
*
**/
.pushdown-notification {
  position: relative;
  display: block;
  padding: 0;
  width: 100%;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  background-color: #d7dbdd;
}

.pushdown-notification.ready {
  top: auto;
}

.pushdown-notification .container-fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pushdown-notification .container-fluid:before, .pushdown-notification .container-fluid:after {
  content: " ";
  display: table;
}

.pushdown-notification .container-fluid:after {
  clear: both;
}

.pushdown-notification .close {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  color: #333333;
  font-weight: bold;
  border: 0 none;
  background: transparent;
}

.pushdown-notification .close:hover {
  color: #fff;
  background: #5d6569;
}

.pushdown-notification .notification-content {
  padding: 0 20px;
}

.pushdown-notification .notification-content .btn-cta {
  display: block;
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border: 0 none;
}

@media only screen and (min-width: 768px) {
  .pushdown-notification .close {
    position: relative;
    display: block;
    top: auto;
    right: auto;
    float: right;
  }
  .pushdown-notification .notification-content {
    padding: 0;
  }
  .pushdown-notification .notification-content .btn-cta {
    display: inline-block;
    margin-top: 0;
    margin-left: 15px;
  }
}

/**
*
* Overlay module
*
*
**/
body.site-overlay-open {
  overflow: hidden;
}

#master-content > .site-overlay {
  opacity: 0;
  display: none;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

#master-content > .site-overlay .site-overlay-header {
  padding: 25px 20px;
  background-color: #F8F8F8;
  color: #2d3a41;
}

#master-content > .site-overlay .site-overlay-header .site-overlay-title {
  font-size: 16px;
  margin: 0;
  display: inline-block;
}

#master-content > .site-overlay .site-overlay-header .close {
  float: right;
  background: none;
  font-size: 28px;
  border: none;
}

body.site-overlay-open #master-content > .site-overlay {
  opacity: 1;
}

/**
*
these are two table styles that allow either the new styles or or old (green table style)
*
**/
table {
  border-collapse: collapse;
}

table a {
  text-decoration: underline;
}

td {
  border: solid 1px #52ae32;
  padding: 2px 5px;
}

td h3 {
  color: #52ae32;
}

td h4 {
  color: #52ae32;
}

td h1 {
  color: #52ae32;
}

tr:first-child {
  background-color: #EAF2D3;
}

tr:nth-child(odd) {
  background-color: #fafafa;
}

tr:first-child {
  background-color: #EAF2D3;
}

tr td h2 {
  color: #52ae32;
}

.secondary-table {
  border: 1px solid #ddd !important;
}

.secondary-table th {
  padding: 8px;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
}

.secondary-table tr {
  background-color: white;
}

.secondary-table a {
  text-decoration: underline;
}

.secondary-table a:hover {
  color: #000000;
}

.secondary-table td {
  padding: 8px;
  border: 1px solid #ddd;
  background-color: white;
}

.secondary-table ul li, .secondary-table ol li {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .secondary-table > thead > tr > th,
  .secondary-table > thead > tr > td, .secondary-table > tfoot > tr > th,
  .secondary-table > tfoot > tr > td, .secondary-table > tbody > tr > th,
  .secondary-table > tbody > tr > td {
    padding: 25px 25px 5px;
  }
}

/**
*
* Case Study Filter
*
**/
.case-study-filter {
  background-color: white;
  width: 100%;
  padding: 10px 10px;
  text-align: center;
}

.case-study-filter .input-row {
  max-width: 100%;
  margin: 0 auto;
}

.case-study-filter .reset {
  margin-top: 10px;
}

.case-study-filter .reset a {
  text-decoration: underline;
}

.case-study-filter h1 {
  margin: 10px 0px 10px 0px;
  font-size: 28px;
  color: #30383b;
  font-weight: bold;
  line-height: 34px;
}

.case-study-filter p {
  font-size: 14px;
  display: inline-block;
}

.case-study-filter select {
  display: block;
  height: 36px;
  width: 100% !important;
  margin: 0 0 10px 0;
  padding-left: 10px;
  float: none;
  font-size: 14px;
  line-height: 36px;
  color: #52ae32;
  border: solid 1px #d7dbdd;
}

.case-study-filter select:disabled {
  color: #d7dbdd;
  cursor: default;
  opacity: 0.8;
}

.case-study-filter .btn-filter {
  display: inline-block;
  padding: 6px 10px;
  background-color: #52ae32;
  border: solid 1px white;
  color: white;
  font-size: 17px;
  cursor: pointer;
  width: 332px;
}

.case-study-filter .btn-filter:hover {
  color: #fff;
  background-color: #5d6569;
}

.case-study-filter .btn-filter.disabled {
  opacity: 0.8;
  background-color: #d7dbdd;
  cursor: default;
}

.case-study-filter .btn-filter.disabled:hover {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .case-study-filter {
    padding: 30px;
    border: solid 1px #d7dbdd;
  }
  .case-study-filter h1 {
    margin: 10px 0px;
  }
  .case-study-filter p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .case-study-filter select {
    display: inline-block;
    margin: 0 15px 20px 15px;
    width: 230px !important;
  }
}

h2 {
  font-size: 25px !important;
}

.newsletter-signup-partner.simplemodal-data,
#simplemodal-overlay,
#simplemodal-container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*# sourceMappingURL=screen.min.css.map */
