@charset "UTF-8";
/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2016, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

/***********************************************
Aspect Ratio
***********************************************/

/*=== 1:1 ===*/
.one-one {
  position: relative; }
  .one-one:before {
    padding-top: 100%;
    display: block;
    content: '';
    width: 100%; }
  .one-one > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 4:3 ===*/
.four-three {
  position: relative; }
  .four-three:before {
    padding-top: 75%;
    display: block;
    content: '';
    width: 100%; }
  .four-three > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 5:4 ===*/
.five-four {
  position: relative; }
  .five-four:before {
    padding-top: 80%;
    display: block;
    content: '';
    width: 100%; }
  .five-four > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    
/*=== 4:5 ===*/
.four-five {
  position: relative; }
  .four-five:before {
    padding-top: 125%;
    display: block;
    content: '';
    width: 100%; }
  .four-five > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 16:9 ===*/
.sixteen-nine {
  position: relative; }
  .sixteen-nine:before {
    padding-top: 56.25%;
    display: block;
    content: '';
    width: 100%; }
  .sixteen-nine > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 16:10 ===*/
.sixteen-ten {
  position: relative; }
  .sixteen-ten:before {
    padding-top: 62.5%;
    display: block;
    content: '';
    width: 100%; }
  .sixteen-ten > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 1.85:1 ===*/
.one-eighty-five-one {
  position: relative; }
  .one-eighty-five-one:before {
    padding-top: 55.36%;
    display: block;
    content: '';
    width: 100%; }
  .one-eighty-five-one > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 2.35:1 ===*/
.two-thirty-five-one {
  position: relative; }
  .two-thirty-five-one:before {
    padding-top: 42.55%;
    display: block;
    content: '';
    width: 100%; }
  .two-thirty-five-one > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/*=== 2.39:1 ===*/
.two-thirty-nine-one {
  position: relative; }
  .two-thirty-nine-one:before {
    padding-top: 41.84%;
    display: block;
    content: '';
    width: 100%; }
  .two-thirty-nine-one > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    
/*=== 32:30 ===*/
.thirty-two-thirty {
  position: relative; }
  .thirty-two-thirty:before {
    padding-top: 93.75%;
    display: block;
    content: '';
    width: 100%; }
  .thirty-two-thirty > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    
/*=== 24:36 ===*/
.twenty-four-thirty-six {
  position: relative; }
  .twenty-four-thirty-six:before {
    padding-top: 150%;
    display: block;
    content: '';
    width: 100%; }
  .twenty-four-thirty-six > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    
/*=== 36:24 ===*/
.thirty-six-twenty-four {
  position: relative; }
  .thirty-six-twenty-four:before {
    padding-top: 66.66%;
    display: block;
    content: '';
    width: 100%; }
  .thirty-six-twenty-four > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }

/***********************************************
Utility Classes
***********************************************/
/***** Text truncate *****/
.txt--truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.txt--noWrap {
  white-space: nowrap; }

/***** Font weight *****/
.txt--fontWeight-300 {
  font-weight: 300; }

.txt--fontWeight-500 {
  font-weight: 500; }

/***** Floats *****/
.float--left {
  float: left; }

.float--right {
  float: right; }

.float--clear {
  clear: both; }

/***** Text alignment *****/
.txt--left {
  text-align: left; }

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

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

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

/***** Border radius *****/
.rounded {
  border-radius: 50%; }

.radius {
  border-radius: 3px; }

/***** Resets *****/
.reset--padding {
  padding: 0; }

.reset--margin {
  margin: 0; }

.reset--indent {
  margin-left: 0;
  padding-left: 0; }

.reset--bullet {
  list-style: none;
  list-style-image: none; }

.reset--styling {
  margin: 0;
  padding: 0;
  list-style: none; }

/***** Display *****/
.inline {
  display: inline; }

.block, .show {
  display: block; }

.hidden, .hide {
  display: none; }

/***** Disable Chrome blue border *****/
input:focus, select:focus,
textarea:focus, button:focus {
  outline: none; }

/***** Disable Internet Explorer input overlays *****/
::-ms-clear, ::ms-reveal {
  display: none; }

/***** Visibility *****/
.invisible {
  display: none;
  visibility: hidden; }

.visible {
  display: block;
  visibility: visible; }

/***** Hide *****/
.hide--mobile {
  display: none; }

/***** Show *****/
.show--tablet {
  display: none; }

.show--screen {
  display: none; }

/***********************************************
Tablet
***********************************************/
@media (min-width: 768px) {
  table {
    font-size: inherit; }
  .table--mobile {
    display: table; }
    .table--mobile tbody, .table--mobile thead {
      display: table-row-group; }
    .table--mobile tr {
      display: table-row; }
      .table--mobile tr:nth-child(odd) {
        background-color: transparent; }
        .table--mobile tr:nth-child(odd) td {
          border: none; }
      .table--mobile tr + tr {
        margin-top: 0;
        border-top: 1px solid #EEE; }
    .table--mobile td, .table--mobile th {
      padding: 5px 10px;
      border: none;
      display: table-cell; }
      .table--mobile td + td, .table--mobile th + td {
        border-top: none; }
      .table--mobile td[data-title]:before, .table--mobile th[data-title]:before {
        display: none; }
      .table--mobile td .cell-content, .table--mobile th .cell-content {
        width: auto; }
  .table--rowHover thead tr:hover,
  .table--stripes thead tr:nth-child(odd) {
    background-color: transparent; }
  .table--rowHover tr:hover,
  .table--stripes tr:nth-child(odd) {
    background-color: #F0F2F4; }
  /***** Hide *****/
  .hide--mobile {
    display: inherit; }
  .hide--tablet {
    display: none; }
  /***** Show *****/
  .show--mobile {
    display: none; }
  .show--tablet {
    display: inherit; } }

/***********************************************
Small screen
***********************************************/
@media (min-width: 960px) {
  .img--left {
    margin-bottom: 0;
    margin-right: 30px;
    float: left; }
  .img--right {
    margin-bottom: 0;
    margin-left: 30px;
    float: right; }
  /***** Hide *****/
  .hide--mobile {
    display: inherit; }
  .hide--tablet {
    display: inherit; }
  .hide--screen {
    display: none; }
  /***** Show *****/
  .show--mobile {
    display: none; }
  .show--tablet {
    display: none; }
  .show--screen {
    display: inherit; } }

/***********************************************
Mobile First - This applies from 0px to 767px
***********************************************/
.row + *, .row--fluid + * {
  margin-top: 1rem; }

/***** Row setup *****/
.row, .row--fluid {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
/*   padding: 0 20px; */
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex: 0 1 auto;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row--fluid {
  width: 100%; }
  
.row--fluid .grid-3, .row--fluid .grid-4, .row--fluid .grid-5, .row--fluid .grid-6, .row--fluid .grid-7, .row--fluid .grid-8, .row--fluid .grid-9, .row--fluid .grid-10, .row--fluid .grid-11, .row--fluid .grid-12
{
	padding: 0;
}

/***** Row alignments *****/
.row--align-left {
  justify-content: flex-start; }

.row--align-center {
  justify-content: center; }

.row--align-right {
  justify-content: flex-end; }

/***** Nested grids resets *****/
.row .row {
  padding: 0;
  width: 100%; }

.row .row [class^="grid"]:first-child {
  padding-left: 0; }

.row .row [class^="grid"]:only-child {
  padding: 0; }

.row .row [class^="grid"]:last-child {
  padding-right: 0; }

/***** Sets grid widths *****/
.grid {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-1 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-2 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-3 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-4 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-5 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-6 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-7 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-8 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-9 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-10 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-11 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.grid-12 {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/***** grid ordering *****/
.row--order-reverse {
  flex-direction: column-reverse; }

.grid--order-first {
  order: -1; }

.grid--order-last {
  order: 1; }

/***** Sets mobile override grid width *****/
.grid-1-mobile {
  flex-basis: 8.3333333333%; }

.grid-2-mobile {
  flex-basis: 16.6666666667%; }

.grid-3-mobile {
  flex-basis: 25%; }

.grid-4-mobile {
  flex-basis: 33.3333333333%; }

.grid-5-mobile {
  flex-basis: 41.6666666667%; }

.grid-6-mobile {
  flex-basis: 50%; }

.grid-7-mobile {
  flex-basis: 58.3333333333%; }

.grid-8-mobile {
  flex-basis: 66.6666666667%; }

.grid-9-mobile {
  flex-basis: 75%; }

.grid-10-mobile {
  flex-basis: 83.3333333333%; }

.grid-11-mobile {
  flex-basis: 91.6666666667%; }

.grid-12-mobile {
  flex-basis: 100%; }

/***********************************************
Tablet - This applies from 768px onwards
***********************************************/
@media (min-width: 768px) {
  /***** Row setup *****/
  .row {
    width: 768px; }
  /***** Grid gutters *****/
  .grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    padding: 0 14.5454545455px; }
  /***** Sets grid widths *****/
  .grid {
    flex: 1 1 0%; }
  .grid-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .grid-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .grid-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .grid-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .grid-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .grid-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .grid-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .grid-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .grid-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .grid-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .grid-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .grid-12 {
    flex-basis: 100%;
    max-width: 100%; }
  /***** Sets grid offsets *****/
  .grid--offset-1 {
    margin-left: 8.3333333333%; }
  .grid--offset-2 {
    margin-left: 16.6666666667%; }
  .grid--offset-3 {
    margin-left: 25%; }
  .grid--offset-4 {
    margin-left: 33.3333333333%; }
  .grid--offset-5 {
    margin-left: 41.6666666667%; }
  .grid--offset-6 {
    margin-left: 50%; }
  .grid--offset-7 {
    margin-left: 58.3333333333%; }
  .grid--offset-8 {
    margin-left: 66.6666666667%; }
  .grid--offset-9 {
    margin-left: 75%; }
  .grid--offset-10 {
    margin-left: 83.3333333333%; }
  .grid--offset-11 {
    margin-left: 91.6666666667%; }
  /***** Grid ordering *****/
  .row--order-reverse {
    flex-direction: row-reverse; }
  .grid--order-first {
    order: -1; }
  .grid--order-last {
    order: 1; } }

/***********************************************
Smaller screen - This applies from 992px onwards
***********************************************/
@media (min-width: 960px) {
  /***** Row setup *****/
  .row {
    width: 960px; }
  /***** Grid gutters *****/
  .grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    padding: 0 16px; }
  /***** Sets grid widths *****/ }

/***********************************************
Screen - This applies from 1200px onwards
***********************************************/
@media (min-width: 1199px) {
  /***** Row setup *****/
  .row {
    width: 1200px; }
  /***** Grid gutters *****/
  .grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    padding: 0 20px; }
  /***** Sets grid widths *****/ }

/***********************************************
Tablet - This applies from 768px to 992px
***********************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /***** Sets table override grid width *****/
  .grid-1-tablet {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .grid-2-tablet {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .grid-3-tablet {
    flex-basis: 25%;
    max-width: 25%; }
  .grid-4-tablet {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .grid-5-tablet {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .grid-6-tablet {
    flex-basis: 50%;
    max-width: 50%; }
  .grid-7-tablet {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .grid-8-tablet {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .grid-9-tablet {
    flex-basis: 75%;
    max-width: 75%; }
  .grid-10-tablet {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .grid-11-tablet {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .grid-12-tablet {
    flex-basis: 100%;
    max-width: 100%; }
  /***** Grid ordering *****/
  .grid--order-first-tablet {
    order: inherit; }
  .grid--order-last-tablet {
    order: inherit; }
  /***** Sets tablet override grid width *****/
  .grid-1-tablet {
    flex-basis: 8.3333333333%; }
  .grid-2-tablet {
    flex-basis: 16.6666666667%; }
  .grid-3-tablet {
    flex-basis: 25%; }
  .grid-4-tablet {
    flex-basis: 33.3333333333%; }
  .grid-5-tablet {
    flex-basis: 41.6666666667%; }
  .grid-6-tablet {
    flex-basis: 50%; }
  .grid-7-tablet {
    flex-basis: 58.3333333333%; }
  .grid-8-tablet {
    flex-basis: 66.6666666667%; }
  .grid-9-tablet {
    flex-basis: 75%; }
  .grid-10-tablet {
    flex-basis: 83.3333333333%; }
  .grid-11-tablet {
    flex-basis: 91.6666666667%; }
  .grid-12-tablet {
    flex-basis: 100%; } }

/***********************************************
Mobile - This applies from 0px to 767px
***********************************************/
@media only screen and (max-width: 767px) {
  /***** Grid ordering *****/
  .row--order-reverse-mobile {
    flex-direction: inherit; }
  .grid--order-first-mobile {
    order: inherit; }
  .grid--order-last-mobile {
    order: inherit; } }

/***********************************************
This applies from 0px to 767px
***********************************************/
.columns {
  margin-left: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
  align-content: flex-end; }
  .columns + * {
    margin-top: 1rem; }

.column {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #E5E5E5;
  width: 100%; }

.column:first-child {
  border-top-color: transparent; }

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

.borderless li {
  border-color: transparent; }

/***********************************************
This applies from 768px onwards
***********************************************/
@media (min-width: 768px) {
  .column {
    padding: 20px 2%;
    border-right: 1px solid #E5E5E5; } }

/***********************************************
This applies from 768px onwards
***********************************************/
@media only screen and (max-width: 767px) {
  .columns-2-mobile .column {
    padding: 20px;
    width: 50%;
    border-right: 1px solid #E5E5E5; }
  .columns-2-mobile .column:nth-child(-n+2) {
    border-top-color: transparent; }
  .columns-2-mobile .column:nth-child(2n+1) {
    padding-left: 0; }
  .columns-2-mobile .column:nth-child(2n+2) {
    padding-right: 0;
    border-right-color: transparent; } }

/***********************************************
This applies from 768px onwards
***********************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .columns-1-tablet .column {
    padding: 20px 0;
    border-right-color: transparent; }
  .columns-2-tablet .column {
    width: 50%; }
  .columns-2-tablet .column:nth-child(-n+2) {
    border-top-color: transparent; }
  .columns-2-tablet .column:nth-child(2n+1) {
    padding-left: 0; }
  .columns-2-tablet .column:nth-child(2n+2) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-3-tablet .column {
    width: 34.666%; }
  .columns-3-tablet .column:nth-child(3n+1) {
    padding-left: 0; }
  .columns-3-tablet .column:nth-child(3n+3) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-3-tablet .column:nth-child(-n+3) {
    border-top-color: transparent; }
  .columns-3-tablet .column:nth-child(3n+1),
  .columns-3-tablet .column:nth-child(3n+3) {
    width: 32.666%; }
  .columns-4-tablet .column {
    width: 26%; }
  .columns-4-tablet .column:nth-child(4n+1) {
    padding-left: 0; }
  .columns-4-tablet .column:nth-child(4n+4) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-4-tablet .column:nth-child(-n+4) {
    border-top-color: transparent; }
  .columns-4-tablet .column:nth-child(4n+1),
  .columns-4-tablet .column:nth-child(4n+4) {
    width: 24%; }
  .columns-5-tablet .column {
    width: 20.777%; }
  .columns-5-tablet .column:nth-child(5n+1) {
    padding-left: 0; }
  .columns-5-tablet .column:nth-child(5n+5) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-5-tablet .column:nth-child(-n+5) {
    border-top-color: transparent; }
  .columns-5-tablet .column:nth-child(5n+1),
  .columns-5-tablet .column:nth-child(5n+5) {
    width: 18.777%; }
  .columns-6-tablet .column {
    width: 17.333%; }
  .columns-6-tablet .column:nth-child(6n+1) {
    padding-left: 0; }
  .columns-6-tablet .column:nth-child(6n+6) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-6-tablet .column:nth-child(-n+6) {
    border-top-color: transparent; }
  .columns-6-tablet .column:nth-child(6n+1),
  .columns-6-tablet .column:nth-child(6n+6) {
    width: 15.333%; } }

/***********************************************
This applies from 992px onwards
***********************************************/
@media (min-width: 992px) {
  .columns-1-desktop .column {
    padding: 20px 0;
    border-right-color: transparent; }
  .columns-2-desktop .column {
    width: 50%; }
  .columns-2-desktop .column:nth-child(-n+2) {
    border-top-color: transparent; }
  .columns-2-desktop .column:nth-child(2n+1) {
    padding-left: 0; }
  .columns-2-desktop .column:nth-child(2n+2) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-3-desktop .column {
    width: 34.666%; }
  .columns-3-desktop .column:nth-child(3n+1) {
    padding-left: 0; }
  .columns-3-desktop .column:nth-child(3n+3) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-3-desktop .column:nth-child(-n+3) {
    border-top-color: transparent; }
  .columns-3-desktop .column:nth-child(3n+1),
  .columns-3-desktop .column:nth-child(3n+3) {
    width: 32.666%; }
  .columns-4-desktop .column {
    width: 26%; }
  .columns-4-desktop .column:nth-child(4n+1) {
    padding-left: 0; }
  .columns-4-desktop .column:nth-child(4n+4) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-4-desktop .column:nth-child(-n+4) {
    border-top-color: transparent; }
  .columns-4-desktop .column:nth-child(4n+1),
  .columns-4-desktop .column:nth-child(4n+4) {
    width: 24%; }
  .columns-5-desktop .column {
    width: 20.777%; }
  .columns-5-desktop .column:nth-child(5n+1) {
    padding-left: 0; }
  .columns-5-desktop .column:nth-child(5n+5) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-5-desktop .column:nth-child(-n+5) {
    border-top-color: transparent; }
  .columns-5-desktop .column:nth-child(5n+1),
  .columns-5-desktop .column:nth-child(5n+5) {
    width: 18.777%; }
  .columns-6-desktop .column {
    width: 17.333%; }
  .columns-6-desktop .column:nth-child(6n+1) {
    padding-left: 0; }
  .columns-6-desktop .column:nth-child(6n+6) {
    padding-right: 0;
    border-right-color: transparent; }
  .columns-6-desktop .column:nth-child(-n+6) {
    border-top-color: transparent; }
  .columns-6-desktop .column:nth-child(6n+1),
  .columns-6-desktop .column:nth-child(6n+6) {
    width: 15.333%; } }