@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(//fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700);
@import url(//fonts.googleapis.com/css?family=Vollkorn:400,700);
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-size: 75%;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    letter-spacing: 0.03em;
    /*font-family: Georgia,"Times New Roman",serif;*/
    color: #fff;
}

ul li {
    list-style: none;
}

img {
    border: none;
    max-width: 100%;
    outline: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
    background: transparent;
}

    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted #aaaaaa;
    }

b, strong {
    font-weight: bold;
}

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

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

pre {
    white-space: pre-wrap;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

button, input, select, textarea {
    font-family: inherit; /* 1 */
    font-size: 140%;
}

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

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
       /*
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; 2
        box-sizing: content-box;
         */
    }

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

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    /*letter-spacing: 3px;
   text-align: center;
    */
}

p {
    /*line-height: 1.5;
    letter-spacing: 0.03em;*/
    color: #fff;
}

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

audio, canvas, video {
    display: inline-block;
}

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

textarea {
    resize: none;
    outline: none;
}

select {
    outline: none;
}

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

.clear {
    clear: both;
}

a {
    transition: color .6s ease-in-out;
}

.floatLeftImp {
    float: left !important;
}

.floatRigthImp {
    float: right !important;
}
/* End Reset */
.clearfix {
    zoom: 1;
}

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

    .clearfix:after {
        clear: both;
    }
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/** Helper **/
.absolute-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hide {
  display: none;
}
.well {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.35), 1px 1px 5px rgba(0, 0, 0, 0.15);
}
.no-scroll {
  overflow: hidden;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: #000;
  opacity: .8;
  z-index: 900;
  left: 0;
}
.uc {
  text-transform: uppercase;
}
.tcenter {
  text-align: center;
}
.tleft {
  text-align: left;
}
.two-columns {
  width: 100%;
}
.two-columns .left-column,
.two-columns .right-column {
  width: 50%;
  float: left;
}
div.scLooseFrameZone {
  display: none;
}
.page-edit {
  overflow: hidden;
}
.page-edit li {
  float: left;
  margin-right: 2em;
}
.scEmptyImage {
  width: auto;
}
@media (min-width: 1024px) {
  footer .hero-image img.scEmptyImage {
    width: auto;
    border: none;
    border-radius: 0;
  }
}
/*------------------------------------*\
  MEDIA QUERIES - New version based on Penfolds2
\*------------------------------------*/
/**
Usage:
@media @tablet {
	footer {
		width: 768px;
	}
}*/
/* ---------------------------------------
         z-index
-----------------------------------------*/
/* ---------------------------------------
         Global colors
-----------------------------------------*/
.redButton {
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
}
/* 
    -- Pagination and Bullet style Mixins --
    Use this if you want to change the shape of the bullet in the nav,
    or if you want to style the owl-slider pagination.

    This mixin only styles the block level element (height and size).
    
    usage: include .bullet-shape() or .diamond-shape() in parent selector.
    
    i.e:
        foo.bar { .diamond-shape() } will be the default 6px width x height diamond.
        .foo.bar { .bullet-shape(12px) } will be a 12px diamater circle.

*/
p {
  font-size: 14px;
  margin-bottom: 1em;
}
.hero-image img {
  display: block;
  margin: 0 auto;
}
/*
    ----- Structural styles -----
*/
.banner-placeholder {
  max-width: 1200px;
  margin: 0 auto;
}
/*------- Template 3 MIXIN --------*/
.border-radius-form {
  border-radius: 5px;
}
body {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  color: #525252;
}
input,
textarea,
button {
  background: none;
}
p {
  color: #525252;
}
a {
  color: #00A7B5;
  transition: none;
}
.page.page-home .tcenter.logo {
  display: none;
}
.layout-content .join-us-container {
  padding-left: 6%;
  padding-right: 6%;
}
@media (min-width: 480px) {
  .layout-content .join-us-container .form-wrapper .vlist li:nth-child(2n) {
    margin-left: 0;
  }
  .layout-content .join-us-container .form-wrapper .vlist li {
    margin-right: 4%;
    width: 44%;
  }
  .layout-content .join-us-container .clearfix {
    clear: both;
    margin-left: 0;
  }
  .layout-content .join-us-container .clearleft {
    clear: left;
    margin-left: 0;
  }
}
/*
  ----------------------------- Default Variables

  ------ Can be overwritten in each sites variables.less

*/
/*
  ----------------------------- Inherit Resets
*/
html,
body {
  height: 100%;
  width: 100%;
}
/*
  ----------------------------- Helper Classes / Utilities
*/
.js-hide-scroll {
  overflow: hidden !important;
  height: 100%;
  width: 100%;
}
/*
  ----------------------------- Container styles for the Age Gate
*/
#country-selector *:focus,
#language-selector *:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px #00a7b5;
}
#dob-year:focus {
  outline: none;
}
#age-gate-section input {
  border: 0 none;
  margin: 0;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input::-webkit-input-placeholder {
  color: #00a7b5;
  opacity: 0.7;
}
input::-moz-input-placeholder {
  color: #00a7b5;
  opacity: 0.7;
}
input:-moz-input-placeholder {
  color: #00a7b5;
  opacity: 0.7;
}
input:-ms-input-placeholder {
  color: #00a7b5;
  opacity: 0.7;
}
#age-gate-section {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 5000;
  background: #FFF url(/Includes/Matua/Images/matua-age-gate-tile.png) no-repeat center center / cover;
  transform: translate3d(0, -9%, 0);
  transition: transform .4s .7s, opacity .4s .7s;
}
#age-gate-section.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: inherit;
}
#age-gate-section.js-absolute {
  position: absolute !important;
}
#age-gate-section .nicescroll-cursors {
  border: #00a7b5 !important;
  background-color: #00a7b5 !important;
}
#age-gate-section:before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: linear-gradient(transparent, transparent);
}
#age-gate-section [class^="icon-"]:before {
  height: 100%;
  width: 20px;
  padding: 0;
}
#age-gate-section a {
  color: #00a7b5;
  text-decoration: underline;
}
#age-gate-section p {
  color: #00a7b5;
}
#age-gate {
  text-align: center;
  color: #00a7b5;
  height: 100%;
}
#age-gate .absolute-centred {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 600px;
  max-height: 750px;
  overflow-y: scroll;
}
@media (max-width: 480px) {
  #age-gate .absolute-centred {
    height: 100%;
    max-height: none;
    position: absolute;
    top: 0;
  }
}
.age-gate-container {
  opacity: 1;
  background: #fff;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 0 10px 10px #00a7b5;
}
.age-gate-container .age-gate-container-wrapper {
  padding: 25px;
  height: 100%;
}
/*
  ----------------------------- Age Gate Contents
*/
.age-gate-container .icon-chevron:before {
  content: "\e801";
  position: absolute;
  top: 0;
  left: 5px;
  text-align: center;
  font-size: 25px;
  color: #00a7b5;
  cursor: pointer;
  transform: rotate(90deg);
}
.age-gate-container .active .icon-chevron:before {
  content: "\e800";
}
.age-gate-container .logo {
  margin: 0 0 1em 0;
}
.age-gate-container .logo a {
  background: url(/Includes/Matua/Images/logo.png) no-repeat center center / contain;
  display: block;
  height: 110px;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.age-gate-container .message {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  line-height: 1;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.age-gate-container .message:nth-child(n+3) {
  margin-bottom: 25px;
}
#country-selector,
#language-selector {
  position: relative;
  width: 100%;
  max-width: 533.33333333px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#country-selector .selected,
#language-selector .selected {
  position: relative;
  width: calc(100% - 50px);
  padding: 10px 15px;
  background: rgba(0, 167, 181, 0.25);
  text-transform: uppercase;
}
#country-selector .select-dropdown,
#language-selector .select-dropdown {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: -50px;
  width: 40px;
  height: 100%;
  background: rgba(0, 167, 181, 0.25);
}
#country-selector .select-dropdown span,
#language-selector .select-dropdown span {
  line-height: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
#age-gate-section .country-name,
#age-gate-section .language-list,
#age-gate-section .language-name {
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
#age-gate-section .country-list,
#age-gate-section .language-list {
  display: none;
  position: relative;
  background: rgba(0, 167, 181, 0.2);
  margin-right: 50px;
  text-align: left;
}
@media (min-width: 768px) {
  #age-gate-section .country-list,
  #age-gate-section .language-list {
    max-height: 7em;
    overflow-y: scroll;
  }
}
#age-gate-section .country-list li,
#age-gate-section .language-list li {
  display: block;
  padding: 4px 15px;
  border-bottom: #00a7b5;
}
#age-gate-section .country-list li:hover,
#age-gate-section .language-list li:hover,
#age-gate-section .country-list li:focus,
#age-gate-section .language-list li:focus,
#age-gate-section .country-list li:active,
#age-gate-section .language-list li:active {
  background: rgba(0, 167, 181, 0.1);
}
#age-gate-section .country-list li:last-child,
#age-gate-section .language-list li:last-child {
  margin-bottom: 10px;
}
#date-of-birth {
  position: relative;
  min-height: 170px;
  margin-top: 20px;
}
#date-of-birth #dob-year,
#date-of-birth #dob-date-add {
  visibility: hidden;
}
#date-of-birth #dob-year.active,
#date-of-birth #dob-date-add.active {
  position: relative;
  visibility: visible;
}
#dob-date-add {
  position: absolute;
  left: 0;
  right: 0;
}
#dob-date-add #dob-date-month,
#dob-date-add #dob-date-day {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
#dob-date-add #dob-date-month.active {
  position: relative;
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#dob-date-add #dob-date-day.active {
  position: relative;
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: .1s;
}
#dob-date-add .dob-go-back {
  position: absolute;
  top: 20px;
  left: -40px;
}
#dob-date-add .dob-go-back .icon-chevron:before {
  transform: rotate(360deg);
}
.age-gate-container .number {
  border: 1px solid rgba(0, 167, 181, 0.8);
}
#dob-year {
  margin-top: 25px;
  display: none;
}
#dob-year.active {
  display: block;
}
#date-of-birth::after {
  clear: both;
  content: "";
  display: table;
}
#date-of-birth .number {
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  height: 84px;
  width: 60px;
  margin-right: 4px;
}
@media (min-width: 460px) {
  #date-of-birth .number {
    height: 90px;
    width: 70px;
    margin-right: 7px;
  }
}
#date-of-birth .number:last-child {
  margin-right: 0;
}
#date-of-birth .number input {
  position: absolute;
  top: 0;
  left: -999em;
  width: 100%;
  height: 100%;
  outline: 0;
  font-size: 16px;
  opacity: 0;
}
#date-of-birth .number .number-value {
  font-size: 40px;
  line-height: 2;
  height: 100%;
}
#date-of-birth .number .number-value.filled {
  background: rgba(0, 167, 181, 0.3);
  height: 100%;
  width: 100%;
  position: absolute;
}
#date-of-birth.valid .number {
  border: 1px solid #198819;
}
#date-of-birth.valid .number input {
  display: none;
}
#date-of-birth.invalid .number {
  border: 1px solid #D62020;
}
.age-gate-container .divider {
  margin: 25px 0;
  font-size: 20px;
}
#age-gate-legal {
  margin: 20px 0 0;
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ag-load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.number-value.focus {
  position: absolute;
  width: 100%;
  height: 100%;
}
.number-value.focus::before {
  content: "_";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: blinker .4s infinite alternate;
}
a#btnFacebookConnect {
  text-decoration: none;
}
#btnFacebookConnect {
  font-family: "Lucida Grande", "Helvetica Neue", "Roboto", "Tahoma";
  font-size: 13px;
  text-align: left;
  letter-spacing: normal;
  font-weight: bold;
  display: inline-block;
  color: white;
  background-color: #3a579b;
  border-bottom: 1px solid #334d88;
  padding: 16px 12px;
  margin-bottom: 1em;
  border-radius: 3px;
  padding-left: 45px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
#btnFacebookConnect::before {
  font-family: "twe-custom";
  position: absolute;
  content: "\e813";
  line-height: 1;
  color: white;
  font-size: 25px;
  left: 17px;
  top: 26%;
}
#btnFacebookConnect span {
  display: block;
  margin-top: -2px;
}
#btnFacebookConnect:active {
  background-color: #365190;
}
#btnFacebookConnect:hover {
  background-color: #3e5da6;
}
#loading-div-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.64);
  width: 100%;
  height: 100%;
  z-index: 6000;
}
#loading-div-background p {
  position: absolute;
  color: #ffffff;
  top: 60vh;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: inherit;
}
#loading-div,
#loading-div:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
#loading-div {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50vh;
  font-size: 6px;
  text-indent: -9999em;
  border-left: 1.6em solid #fff;
  border-top: 1.6em solid rgba(255, 255, 255, 0.2);
  border-right: 1.6em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.6em solid rgba(255, 255, 255, 0.2);
  border-left: 1.6em solid #ffffff;
  transform: translateZ(0);
  animation: ag-load 1.1s infinite linear;
}
body {
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
}
.home .layout-content {
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  border: 0 none;
}
/*main content area*/
.layout-content {
  background: transparent;
  padding-top: 2em;
  display: inline-block;
  width: 80%;
  width: calc(100% -  220px);
  float: right;
}
.layout-content .absolute-cover {
  display: none;
}
p {
  line-height: 21.5px;
}
.title,
.title-alt {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  margin-bottom: 0.625em;
  color: #00a7b5;
  text-align: left;
}
.sub-title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  color: #00a7b5;
  margin-bottom: 2em;
}
.sub-title p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  color: #00a7b5;
  margin: 0;
}
header {
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  position: relative;
  float: left;
  width: 220px;
  padding-top: 5em;
  border: 0 none;
  z-index: 11;
}
header .logo a {
  background: url("/Includes/Matua/Images/logo.png") no-repeat scroll center center;
  width: 100% -10;
  height: 110px;
  margin: 0 auto;
  background-size: contain;
  margin-bottom: 2.5em;
  display: block;
}
.wine-range .layout-content {
  background-color: white;
}
.wine-list {
  border-top: 1px solid #00A7B5;
}
/*iframe {
    width: 100%;
    background: url("../../../../Images/ajax-loader-black.gif") bottom left no-repeat;
    background-position: 50% 20%;
    display: block;
}*/
@media (min-width: 1200px) {
  .wrapper-site {
    text-align: center;
  }
  .banner-paceholder {
    display: none;
    visibility: hidden;
  }
  .master-container {
    display: inline-block;
    width: 100%;
    max-width: 1200px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  header {
    height: 100%;
    display: inline-block;
    vertical-align: top;
  }
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  header {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
    border-bottom: 1px solid #00A7B5;
  }
  header .logo {
    background-size: contain;
    margin: .5em auto;
    width: 190px;
  }
  header .logo a {
    height: 100px;
    margin-bottom: 0;
  }
  .layout-content {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  header .logo {
    margin: 10px auto;
  }
  header .logo a {
    height: 80px;
  }
}
/* local mixin for navigation bullet size. */
.nav-main li a:hover,
.nav-main li a:active {
  color: #306973 !important;
  font-weight: 700;
}
.nav-main .menu li.active.has-children ul li:last-child {
  margin-bottom: -1em;
}
.nav-main {
  max-width: 100%;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 1em;
  color: #306973;
  font-weight: 600;
  font-size: 16px;
  padding: 0 10% 2em;
  margin: 0 auto;
  color: #00A7B5;
}
.nav-main .active.has-children .drop-link {
  color: #306973;
}
.nav-main .logo {
  display: none;
}
.nav-main .nav-main-toggle {
  display: none;
  text-indent: -9999px;
  cursor: pointer;
  text-decoration: none;
}
.nav-main .nav-main-toggle:before {
  content: "\e806";
  font-size: 35px;
  color: #00A7B5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.nav-main .nav-main-toggle.active:before {
  content: "\e807";
  top: -2px;
}
.nav-main li {
  display: block;
  position: relative;
  float: left;
  padding-bottom: 1.8em;
  width: 100%;
  z-index: 111;
}
.nav-main li:last-child {
  padding-bottom: 0;
}
.nav-main li a {
  -webkit-font-smoothing: antialiased;
  font-family: 'Alegreya Sans SC', sans-serif;
  letter-spacing: 0;
  padding: 0 1em 0 2em;
  text-decoration: none;
  /* This pseudo-class adds the bullet shown on the nav links.*/
}
.nav-main li a:before {
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #00A7B5;
  width: 8px;
  height: 8px;
}
.nav-main li a.uc {
  color: #00A7B5;
  text-align: left;
  display: block;
}
.nav-main li.active a {
  font-weight: 700;
}
.nav-main li.active:before {
  /* This pseudo-class adds the negative left border on active nav items. */
  content: "";
  border-top: 1px solid #306973;
  position: absolute;
  width: 26px;
  height: 0;
  left: -23px;
  top: 6px;
  z-index: 100;
}
.nav-main li.active a.uc {
  color: #306973;
}
.nav-main li.active a.uc:before {
  background-color: #306973;
  box-shadow: 0 0 0 6px #d0e7eb;
}
.nav-main li .vlist li {
  width: 100%;
  float: left;
  word-wrap: break-word;
}
.nav-main li .vlist li a {
  border-bottom: none;
  text-align: left;
  line-height: 1.2;
  display: block;
  padding: 5%;
}
.nav-main li .vlist li a:hover {
  border-bottom: none;
}
/*
    Sub  nav styles
*/
.nav-main .menu .has-children .vlist {
  float: left;
  display: none;
  margin-top: 1.15em;
  margin-bottom: 0.75em;
}
@media (max-width: 768px) {
  .nav-main .menu .has-children .vlist {
    float: none;
  }
}
.nav-main .active.has-children .vlist {
  display: block;
}
.has-children .drop-link {
  cursor: pointer;
  height: 17px;
  right: -0.5em;
  top: 0px;
  position: absolute;
  transform: scale(1.37);
  padding: 0 20px 0 0;
}
.has-children .drop-link:hover {
  color: #306973;
}
.has-children .drop-link:before {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 2px;
  border-top: 5px solid;
  top: 5px;
}
@media (max-width: 768px) {
  .has-children .drop-link {
    position: absolute;
    right: 1em;
  }
}
.has-children.sub-menu-open .drop-link:before,
.has-children.active .drop-link:before {
  border-top: 0;
  border-bottom: 5px solid;
}
.has-children.sub-menu-close .drop-link:before {
  border-bottom: 0;
  border-top: 5px solid;
}
.has-children .vlist li {
  padding: 0 0 0 2em;
}
.has-children .vlist li a:before {
  display: none;
}
.has-children .vlist li a.uc {
  color: #00A7B5;
  padding: 0.5em 0 12px 0.5em;
  word-break: break-word;
}
.has-children .vlist li a.uc:first-child {
  padding-top: 0.5em;
}
.has-children .vlist li.active:before {
  display: none;
}
.has-children .vlist li.active a {
  color: #306973;
}
@media (max-width: 768px) {
  .has-children .vlist li {
    /*  &:first-child{
                margin-top: .5em;
             }
              &:last-child{
                margin-bottom: .5em;
             } */
  }
}
.promo-img-top.facebook-likeus {
  float: left;
  width: 100%;
  text-align: center;
  height: 74px;
  background: #3b5998;
  border-bottom: 1px solid #00A7B5;
  display: table;
}
.promo-img-top.facebook-likeus .read-more {
  display: block;
  position: relative;
  color: #ffffff;
  line-height: 71px;
  text-transform: uppercase;
}
.promo-img-top.facebook-likeus .read-more:before {
  content: '\e813';
  font-size: 25px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  color: #ffffff;
  width: auto;
  line-height: 30px;
  left: -6px;
}
.tag-list-section {
  padding: 1.5em 2em;
  background: transparent;
  color: #00A7B5;
  float: left;
}
.tag-list-section .title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  margin-bottom: 30px;
  letter-spacing: 1px;
  letter-spacing: 4px;
}
.tag-list-section .tag-item {
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
  padding: 4%;
}
.tag-list-section .tag-item a {
  color: #00A7B5;
}
.tag-list-section .tag-item.active,
.tag-list-section .tag-item:hover {
  background: #d2caaa;
}
/*
    Instagram Feed in Nav
*/
.instagram-feed-section {
  float: left;
  background: transparent;
}
.instagram-feed-section .title {
  display: none;
}
.instagram-feed-section .instagram-feed-list img {
  display: block;
}
.instagram-feed-section .instagram-feed-list li {
  float: left;
  width: 49%;
  margin: 0.5%;
  background: #000;
}
.instagram-feed-section .instagram-feed-list li a {
  text-align: center;
  float: left;
  min-height: 108px;
  width: 100%;
  position: relative;
}
.instagram-feed-section .instagram-feed-list li:last-child span {
  display: block;
  line-height: 20px;
  margin: 0 auto;
  padding-top: 32px;
  position: relative;
  top: -6px;
  width: 80%;
  color: #fff8a7;
}
.instagram-feed-section .instagram-feed-list li:first-child {
  text-indent: -999em;
}
.instagram-feed-section .instagram-feed-list li:first-child a .instagram-custom-feed::before {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 100px;
  color: #000000;
  content: "\ea92";
  font-family: twe-custom;
  font-size: 23px;
  height: 32px;
  left: 49%;
  line-height: 32px;
  margin: -16px 0 0 -16px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 50%;
  width: 32px;
}
.instagram-feed-section .instagram-feed-list + .icon.icon-instagram {
  display: none;
}
@media (max-width: 768px) {
  .instagram-feed-section,
  .promo-img-top.facebook-likeus {
    display: none;
  }
  .nav-main {
    font-size: 1.5em;
    position: relative;
    margin: 0;
    padding: 0;
  }
  .nav-main .nav-main-toggle {
    display: block;
    position: absolute;
    left: 20px;
    top: -80px;
    width: 36px;
    height: 36px;
    cursor: pointer;
  }
  .nav-main .search-field {
    max-width: 220px;
    margin: 0 auto;
  }
  .nav-main .menu {
    display: none;
    width: 100%;
    position: absolute;
    background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
    top: 0;
    left: 0;
    padding: 20px 0 10px 20px;
    z-index: 5000;
    border-bottom: 5px solid #00A7B5;
    border-top: 1px solid #00A7B5;
    box-shadow: rgba(0, 112, 131, 0.39) 0 7px 7px 0px;
  }
  .nav-main .menu li {
    float: none;
  }
  .nav-main .menu li:last-child {
    padding-bottom: 1.8em;
  }
  .nav-main .has-children .vlist {
    margin: 0;
  }
  .nav-main .has-children .vlist li {
    float: none;
    padding: 5px 0 0.25em 3em;
    margin-bottom: 1em;
  }
  .nav-main .has-children .vlist li:last-child {
    margin-bottom: 0;
  }
  .nav-main .has-children .vlist li a.uc {
    padding: 0;
  }
  .tag-list-section {
    text-align: center;
    padding: 10px 30px 0;
    width: 100%;
  }
  .tag-list-section .title {
    margin-bottom: 0;
  }
  .tag-list-section .tag-item {
    display: inline-block;
    float: none;
    padding: 2%;
  }
}
@media (max-width: 480px) {
  .nav-main {
    width: 100%;
    position: relative;
    margin-bottom: 0;
  }
  .nav-main .menu {
    padding-right: 20px;
  }
  .nav-main .has-children.vlist li {
    padding: 0 0 1.2em;
  }
}
@media (max-width: 480px) {
  .nav-main .nav-main-toggle {
    top: -61px;
  }
}
header .site-search-wrapper {
  display: none;
  float: left;
}
header .site-search-wrapper .site-search .search-keyword-wrapper {
  width: 100%;
  padding: 0;
}
header .site-search-wrapper .site-search .search-keyword-wrapper .siteSearch {
  border-radius: 100px;
  padding: 0 30px 0 6px;
}
header .site-search-wrapper .site-search .search-keyword-wrapper:after {
  top: 12px;
}
.search-field {
  float: left;
  position: relative;
  margin-top: 1.75em;
}
.search-field .search-keyword {
  width: 100%;
  border: 1px solid #00a7b5;
  height: 40px;
  padding: 0 19px 0 14px;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  outline: none;
  color: #306973;
}
.search-field .btn-search {
  border: 0 none;
  height: 27px;
  position: absolute;
  right: 14px;
  top: 6px;
  width: 21px;
  z-index: 9999;
}
.search-field:after {
  position: absolute;
  top: 11px;
  right: 14px;
  content: "\e823";
  font-family: "twe-custom";
  font-weight: 100;
  font-size: 20px;
  color: #00A7B5;
}
.site-search-wrapper {
  display: block;
  overflow: visible;
  position: relative;
  width: 96%;
}
.site-search-wrapper .site-search {
  margin: 8% 0 0 0;
  padding: 0 0 0 5%;
}
.site-search-wrapper .site-search h2 {
  display: none;
}
.site-search-wrapper .site-search .title {
  display: block;
}
.site-search-wrapper .site-search .search-results {
  margin: 3% 0 0 0;
}
.site-search-wrapper .site-search .search-results .result-list.twocol {
  margin-top: 2.4em;
  zoom: 1;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol {
  float: left;
  width: 47%;
  margin: 0 3% 0 0;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-category-title {
  color: #00a7b5;
  margin: 0 0 2em 0;
  font-weight: 700;
  font-size: 16px;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item {
  display: block;
  margin: 0 0 6% 0;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a {
  display: block;
  zoom: 1;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-thumbnail {
  float: left;
  width: 36%;
  height: 155px;
  margin-right: 4%;
  text-align: center;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-thumbnail img {
  height: 100%;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-snippet {
  display: none;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-winerange {
  float: left;
  font-size: 15px;
  text-transform: uppercase;
  color: #00A7B5;
  margin: 5% 0 1% 0;
  font-family: 'Alegreya Sans SC', sans-serif;
  width: 60%;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-title {
  float: left;
  width: 60%;
  font-size: 16px;
  text-transform: capitalize;
  margin: 0 0 1em 0;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 700;
  max-height: 3.8em;
  line-height: 21px;
  overflow: hidden;
  color: #306973;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore span {
  display: none;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore:hover {
  color: #ffffff;
  background: #00A7B5;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a .page-viewmore:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a:before,
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a:after {
  content: "";
  display: table;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-category-list .result-item a:after {
  clear: both;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol {
  float: left;
  width: 47%;
  margin: 0 0 0 3%;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-category-title {
  color: #00a7b5;
  margin: 0 0 2em 0;
  font-weight: 700;
  font-size: 16px;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item {
  display: block;
  margin: 0 0 2.4em 0;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a {
  display: block;
  text-decoration: none;
  zoom: 1;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a:hover .page-title {
  color: #306973;
  text-decoration: underline;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a .page-title {
  display: block;
  width: 80%;
  font-size: 18px;
  text-transform: capitalize;
  color: #306973;
  margin: 0 0 0.5em 0;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a .page-snippet {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  display: block;
  width: 100%;
  text-transform: capitalize;
  color: #525252;
  letter-spacing: normal;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a:before,
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a:after {
  content: "";
  display: table;
}
.site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol .result-category-list .result-item a:after {
  clear: both;
}
.site-search-wrapper .site-search .search-results .result-list.twocol:before,
.site-search-wrapper .site-search .search-results .result-list.twocol:after {
  content: "";
  display: table;
}
.site-search-wrapper .site-search .search-results .result-list.twocol:after {
  clear: both;
}
.site-search-wrapper .site-search .search-keyword-wrapper {
  position: relative;
}
.site-search-wrapper .site-search .search-keyword-wrapper .siteSearch {
  color: #00A7B5;
  font-size: 14px;
  padding: 0 2em 0 0.4em;
  width: 100%;
  position: relative;
  border: none;
  outline: none;
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  border: 1px solid #00A7B5;
  border-radius: 0;
  padding: 0 17px 0 6px;
  height: 40px;
}
.site-search-wrapper .site-search .search-keyword-wrapper:after {
  position: absolute;
  top: 8px;
  right: 14px;
  content: "\e823";
  font-family: "twe-custom";
  font-weight: 100;
  font-size: 20px;
  color: #00A7B5;
}
.site-search-wrapper .site-search .search-keyword-wrapper .ui-autocomplete {
  border: 1px solid #00A7B5;
  border-top: 0;
  padding: 10px;
}
.site-search-wrapper .overlay {
  display: none;
}
.ui-helper-hidden-accessible {
  display: none;
}
@media (max-width: 768px) {
  .search-field {
    display: none;
    float: none;
    max-width: 300px;
  }
  .site-search-wrapper .site-search {
    margin: 1% auto 0;
    padding: 0;
    width: 95%;
  }
}
@media (max-width: 640px) {
  .site-search-wrapper {
    width: 100%;
  }
  .site-search-wrapper .site-search {
    margin: 1% 0 0 0;
    padding: 0 0 0 5%;
  }
  .site-search-wrapper .site-search h2 {
    display: none;
  }
  .site-search-wrapper .site-search .title {
    display: block;
  }
  .site-search-wrapper .site-search .search-results {
    margin: 3% 0 0 0;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol {
    zoom: 1;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol {
    float: none;
    width: 98%;
    margin: 0 auto 4em;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-item a {
    width: 95%;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-item a .page-thumbnail {
    width: 31px;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-item a .page-winerange,
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.leftcol .result-item a .page-title {
    width: 65%;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol .category.rightcol {
    float: none;
    width: 98%;
    margin: 5% auto 0;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol:before,
  .site-search-wrapper .site-search .search-results .result-list.twocol:after {
    content: "";
    display: table;
  }
  .site-search-wrapper .site-search .search-results .result-list.twocol:after {
    clear: both;
  }
}
.home .layout-content {
  padding: 0;
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
}
.home .owl-nav {
  margin: 0;
}
.owl-carousel .owl-item {
  -webkit-backface-visibility: visible !important;
}
.carousel .image-carousel img {
  min-height: 300px;
}
/* -- Hero feature -- 
    Hero images for header must be placed in .banner-placeholder,
    Hero images can be placed in .layout-content but then they have margin-top and borders. 
*/
.widget.hero h1 {
  margin-bottom: 0.25em;
}
.widget.hero .content-wrap ul li {
  list-style: disc;
}
.hero-image {
  padding-bottom: 2em;
}
.banner-placeholder .hero-image {
  padding-bottom: 2em;
}
.banner-placeholder {
  background: transparent;
}
.banner-placeholder .image-carousel {
  float: left;
}
.banner-placeholder .content-wrap {
  padding: 0 6%;
}
.image-carousel .owl-slider p {
  position: absolute;
  z-index: 3000;
  line-height: 1.25em;
}
.homepage.carousel .image-carousel {
  margin-bottom: 0;
  width: 100%;
  height: 100%;
}
.homepage.carousel .image-carousel .owl-slider p {
  bottom: 103px;
}
.homepage.carousel .image-carousel .owl-slider:after {
  height: 100%;
}
.carousel.in-content {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 3%;
}
.owl-carousel.image-carousel {
  z-index: 0;
}
.image-carousel {
  margin: 0 auto 3em;
  overflow: hidden;
  max-height: 790px;
  width: 95%;
}
.image-carousel .extended-caption {
  position: absolute;
  z-index: 2010;
  padding: 0.5em;
  margin-bottom: 0em;
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  color: #00a7b5;
  display: none;
}
.image-carousel .owl-item.active .owl-slider .extended-caption {
  display: block;
}
.image-carousel .hero-image img {
  min-height: 200px;
  min-width: 540px;
}
.image-carousel .owl-slider {
  max-height: 790px;
  /* This content is all nested in a 'p' tag, which is why we're targetting it as such here.
            Ideally should be a section or div tag. */
}
.image-carousel .owl-slider:after {
  z-index: 2000;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.image-carousel .owl-slider p {
  display: block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
  line-height: 45px;
  left: 65px;
  bottom: 33%;
  max-width: 390px;
  text-align: left;
  letter-spacing: 0;
  color: #fff;
  position: relative;
  z-index: 2010;
  position: absolute;
}
.image-carousel .owl-slider p .caption {
  display: block;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 16px;
  font-size: 16px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  position: absolute;
  top: -3em;
  color: #bbb;
  left: 0.25em;
}
.image-carousel .owl-slider p .caption:after {
  content: "";
  position: absolute;
  width: 50%;
  left: 0;
  bottom: 0;
}
.image-carousel .owl-slider p .owl-cta {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  position: relative;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: -60px;
  border-color: #bbb;
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  display: inline-block;
}
.image-carousel .owl-slider p .owl-cta span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.image-carousel .owl-slider p .owl-cta span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.image-carousel .owl-slider p .owl-cta:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.image-carousel .owl-slider p .owl-cta span {
  display: none;
}
.image-carousel .owl-slider p .owl-cta:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.image-carousel .owl-slider p .owl-cta:hover {
  background: #00a7b5;
}
.image-carousel .owl-slider p .owl-cta:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
.image-carousel .owl-slider p .owl-cta:after {
  content: '\e820';
  color: #00a7b5;
  border-color: #bbb;
  width: 41px;
}
.image-carousel .owl-slider p .owl-cta:hover {
  color: #fff !important;
  background: #00a7b5;
}
.image-carousel .owl-slider p .owl-cta:hover:after {
  color: #00a7b5 !important;
  border-color: #bbb;
}
.image-carousel .owl-controls .owl-dots {
  width: initial;
  left: 64px;
  position: absolute;
  margin: 0;
  bottom: 0px;
}
.image-carousel .owl-controls .owl-dots:before {
  width: 75%;
  border-color: #bbb;
}
.image-carousel .owl-controls .owl-dots .owl-dot {
  background-color: #00a7b5;
}
.image-carousel .owl-controls .owl-dots .owl-dot.active {
  box-shadow: 0 0 0 10px rgba(0, 167, 181, 0.21);
}
.image-carousel .owl-controls .owl-buttons {
  display: none;
}
/* mid resolutions styles */
@media (max-width: 1000px) {
  .image-carousel .owl-slider p {
    font-size: 34px;
    left: 43px;
  }
  .image-carousel .owl-slider p .caption {
    font-size: 14px;
  }
  .image-carousel .owl-controls .owl-dots {
    left: 37px;
  }
}
@media (min-width: 769px) {
  .banner-placeholder {
    max-width: 1080px;
    width: 80%;
    float: left;
    width: calc(100% -  220px);
  }
}
@media (max-width: 768px) {
  .image-carousel .owl-slider p {
    left: 40px;
    width: 75%;
  }
  .image-carousel .owl-slider p .caption {
    line-height: 14px;
  }
}
@media (max-width: 650px) {
  .image-carousel .owl-slider p {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .image-carousel .owl-slider p {
    left: 1em;
  }
  .image-carousel .owl-controls .owl-dots {
    left: 31px;
    bottom: 5px;
  }
  .image-carousel .owl-slider p {
    left: 1em;
    font-size: 2em;
  }
  .homepage.carousel .image-carousel .owl-slider p {
    bottom: 100px;
  }
}
/* small resolutions styles 
    < 480px
*/
@media (max-width: 480px) {
  .image-carousel .hero-image img {
    margin-left: -40px;
  }
  .image-carousel .owl-slider p {
    font-size: 30px;
    line-height: 1em;
  }
  .image-carousel .owl-slider p .caption {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .image-carousel .owl-slider p .owl-cta {
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    display: inline-block;
  }
  .image-carousel .owl-slider p .owl-cta:after {
    width: 35px;
  }
  .image-carousel .owl-controls .owl-dots {
    left: 23px;
  }
  .homepage.carousel .image-carousel .owl-controls .owl-dots {
    left: 1.65em;
  }
}
@media (max-width: 330px) {
  .image-carousel .hero-image img {
    margin-left: -68px;
  }
}
/* Styling for site carousels.
    Currently using v2.0 http://owlcarousel.owlgraphic.com/
*/
.image-carousel.nav-wings .owl-controls {
  margin-left: 11%;
  bottom: 32px;
}
/*    > 480 px   */
@media (min-width: 480px) {
  .image-carousel.nav-wings .owl-controls {
    margin-left: 5%;
    bottom: 12px;
  }
}
/*    > 768 px   */
@media (min-width: 768px) {
  .image-carousel.nav-wings .owl-controls {
    margin-left: 7%;
    bottom: 1px;
  }
}
/*    > 1000 px   */
@media (min-width: 1000px) {
  .image-carousel.nav-wings .owl-controls {
    margin-left: 10%;
    bottom: 0;
  }
}
/*    > 1180 px   */
@media (min-width: 1180px) {
  .image-carousel.nav-wings .owl-controls {
    margin-left: 11%;
  }
}
.owl-item p,
.owl-item .extended-caption {
  opacity: 0;
}
.owl-item.active p,
.owl-item.active .extended-caption {
  opacity: 1;
}
.owl-carousel .owl-dots:before {
  content: "";
  display: block;
  margin: 0 auto;
  position: relative;
  top: 18px;
  border-top: 0px solid #00A7B5;
  width: 75%;
  z-index: -1;
}
.owl-carousel .owl-dots .owl-dot {
  padding: 0;
  margin: 13px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #00A7B5;
  display: inline-block;
  z-index: 4000;
}
.owl-carousel .owl-dots .owl-dot.active {
  box-shadow: 0 0 0 10px rgba(0, 167, 181, 0.1);
}
/*
    Common Content Page Carousel styles
*/
.carousel .owl-slider {
  position: relative;
  overflow: hidden;
}
.carousel .owl-slider p {
  position: absolute;
  z-index: 3000;
  line-height: 1em;
}
.carousel .owl-slider .caption {
  display: block;
}
@media (max-width: 480px) {
  .carousel .owl-slider img {
    height: auto !important;
    min-width: 400px !important;
    max-height: none !important;
    min-height: 0 !important;
    max-width: 1000px;
    min-width: 480px;
    transform: translateX(0);
  }
}
.owl-controls {
  z-index: 3000;
  margin-top: 0;
  bottom: 0;
  line-height: 0;
}
.owl-controls .owl-dots {
  margin: 0 auto;
}
.owl-buttons {
  display: block;
}
/*
    Slider Icons
*/
.owl-nav {
  display: block;
  margin-top: 1em;
}
.owl-nav div {
  border: 0;
  padding: 8px 20px;
  border-radius: 0;
  text-indent: -9999em;
  margin: 0;
  float: left;
  max-height: 34px;
  height: 34px;
}
.owl-controls .owl-nav div {
  height: 35px;
  width: 35px;
  margin: 0;
  padding: 0;
  text-indent: -999em;
  opacity: 1 !important;
  background-color: transparent !important;
}
.owl-controls,
.owl-controls.clickable {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 18px;
}
.owl-controls .owl-nav,
.owl-controls.clickable .owl-nav {
  display: none;
  margin: 0;
  line-height: 19px;
}
.owl-controls .owl-nav .owl-prev,
.owl-controls.clickable .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next,
.owl-controls.clickable .owl-nav .owl-next {
  position: absolute;
  margin: 0;
  bottom: 150px;
  border: 1px solid #306973;
  border-radius: 100%;
  text-indent: 0;
}
@media (max-width: 480px) {
  .owl-controls .owl-nav .owl-prev,
  .owl-controls.clickable .owl-nav .owl-prev,
  .owl-controls .owl-nav .owl-next,
  .owl-controls.clickable .owl-nav .owl-next {
    bottom: 110px;
  }
}
.owl-controls .owl-nav .owl-prev:after,
.owl-controls.clickable .owl-nav .owl-prev:after,
.owl-controls .owl-nav .owl-next:after,
.owl-controls.clickable .owl-nav .owl-next:after {
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px;
  color: #306973;
  text-indent: 0;
  font-size: 18px;
}
.owl-controls .owl-nav .owl-prev:hover,
.owl-controls.clickable .owl-nav .owl-prev:hover,
.owl-controls .owl-nav .owl-next:hover,
.owl-controls.clickable .owl-nav .owl-next:hover,
.owl-controls .owl-nav .owl-prev:active,
.owl-controls.clickable .owl-nav .owl-prev:active,
.owl-controls .owl-nav .owl-next:active,
.owl-controls.clickable .owl-nav .owl-next:active {
  background: #306973 !important;
  -webkit-tap-highlight-color: #306973 !important;
}
.owl-controls .owl-nav .owl-prev:hover:after,
.owl-controls.clickable .owl-nav .owl-prev:hover:after,
.owl-controls .owl-nav .owl-next:hover:after,
.owl-controls.clickable .owl-nav .owl-next:hover:after,
.owl-controls .owl-nav .owl-prev:active:after,
.owl-controls.clickable .owl-nav .owl-prev:active:after,
.owl-controls .owl-nav .owl-next:active:after,
.owl-controls.clickable .owl-nav .owl-next:active:after {
  color: #ffffff;
}
.owl-controls .owl-nav .owl-prev,
.owl-controls.clickable .owl-nav .owl-prev {
  left: 10px;
}
.owl-controls .owl-nav .owl-prev:after,
.owl-controls.clickable .owl-nav .owl-prev:after {
  content: "\e81f";
}
.owl-controls .owl-nav .owl-next,
.owl-controls.clickable .owl-nav .owl-next {
  right: 10px;
}
.owl-controls .owl-nav .owl-next:after,
.owl-controls.clickable .owl-nav .owl-next:after {
  content: "\e820";
}
.content-page-with-sub-navigation .banner-placeholder {
  float: left;
  width: 78%;
}
.layout-content div.content-read-more .read-more {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.layout-content div.content-read-more .read-more span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.layout-content div.content-read-more .read-more span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content div.content-read-more .read-more:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content div.content-read-more .read-more span {
  display: none;
}
.layout-content div.content-read-more .read-more:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.layout-content div.content-read-more .read-more:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content div.content-read-more .read-more:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.layout-content div.content-read-more .read-more:after {
  content: "\e81e";
}
.layout-content div.content-read-more .read-more.active:after {
  content: "\e821";
}
.layout-content .link-read-more {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.layout-content .link-read-more span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.layout-content .link-read-more span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .link-read-more:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .link-read-more span {
  display: none;
}
.layout-content .link-read-more:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.layout-content .link-read-more:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content .link-read-more:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.layout-content .image-right .content-with-image-text .content-title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
  text-align: left;
}
.layout-content .content .content-wrap {
  padding-left: 6%;
  padding-right: 6%;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 3.5em;
}
.layout-content .content .content-wrap ul,
.layout-content .content .content-wrap ol {
  margin: 0 0 1.5em 35px;
}
.layout-content .content .content-wrap ul li {
  line-height: 1.3em;
  margin: 0 0 1em 0;
  list-style: none;
  display: block;
  position: relative;
}
.layout-content .content .content-wrap ul li:before {
  background-color: #525252;
  border-radius: 30px;
  content: "";
  height: 4px;
  position: absolute;
  top: 10px;
  width: 4px;
  margin-left: -17px;
}
.layout-content .content .content-wrap ol li {
  margin: 0 0 0.5em 0;
}
.layout-content p {
  margin-bottom: 1em;
}
.layout-content .widget.hero {
  width: 100%;
  overflow: hidden;
}
.layout-content .widget.hero .content-wrap {
  margin-bottom: 2em;
}
.layout-content .widget.hero .hero-image img {
  min-width: 500px;
  min-height: 190px;
}
.layout-content .widget.hero.content .hero-image {
  min-height: 126px;
}
.layout-content .widget.hero.content .hero-image img {
  display: block;
}
.layout-content .widget.hero-centre .content-wrap {
  text-align: center;
}
.layout-content .widget.hero-centre .content-wrap .title,
.layout-content .widget.hero-centre .content-wrap .sub-title,
.layout-content .widget.hero-centre .content-wrap p {
  text-align: center;
}
.layout-content .image-with-content {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 0 auto 3.5em auto;
  max-width: 1000px;
  padding: 0 6%;
  zoom: 1;
}
.layout-content .image-with-content:before,
.layout-content .image-with-content:after {
  content: "";
  display: table;
}
.layout-content .image-with-content:after {
  clear: both;
}
.layout-content .image-with-content ul,
.layout-content .image-with-content ol {
  margin: 0 0 1.5em 35px;
}
.layout-content .image-with-content ul li {
  line-height: 1.3em;
  margin: 0 0 1em 0;
  list-style: none;
  display: block;
  position: relative;
}
.layout-content .image-with-content ul li:before {
  background-color: #525252;
  border-radius: 30px;
  content: "";
  height: 4px;
  position: absolute;
  top: 10px;
  width: 4px;
  margin-left: -17px;
}
.layout-content .image-with-content ol li {
  margin: 0 0 0.5em 0;
}
.layout-content .image-with-content .hero-image img {
  margin: 0;
}
.layout-content .image-with-content .left-column,
.layout-content .image-with-content .right-column,
.layout-content .image-with-content .column-2 {
  width: 48%;
}
.layout-content .image-with-content .two-columns .link-read-more {
  display: block;
  font-family: "twe-custom";
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
  float: left;
}
.layout-content .image-with-content .two-columns .link-read-more span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.layout-content .image-with-content .two-columns .link-read-more span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .image-with-content .two-columns .link-read-more:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .image-with-content .two-columns .link-read-more span {
  display: none;
}
.layout-content .image-with-content .two-columns .link-read-more:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.layout-content .image-with-content .two-columns .link-read-more:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content .image-with-content .two-columns .link-read-more:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.layout-content .image-with-content .two-columns .left-column {
  float: right;
}
.layout-content .image-with-content .two-columns .right-column {
  float: right;
}
.layout-content .image-with-content .two-columns .column-2 {
  float: right;
  margin: 0;
}
.layout-content .image-with-content.image-left .left-column {
  float: right;
  width: 66%;
  padding: 0;
}
.layout-content .image-with-content.image-left .right-column {
  float: left;
  width: 34%;
  padding: 0 4% 2% 0;
}
.layout-content .image-with-content.image-left .column-2 {
  display: block;
  padding-top: 30px;
  width: 66%;
}
.layout-content .image-with-content.image-right .right-column {
  float: right;
  width: 34%;
  padding: 0 0 2% 4%;
}
.layout-content .image-with-content.image-right .left-column {
  float: left;
  width: 66%;
  padding: 0;
}
.layout-content .image-with-content.image-right .column-2 {
  display: block;
  float: left;
  padding-top: 30px;
  width: 66%;
}
.layout-content .image-with-content.no-image .title-alt {
  display: block;
}
.layout-content .image-with-content.no-image .right-column {
  display: none;
}
.layout-content .image-with-content.no-image .left-column {
  float: left;
  width: 48%;
  line-height: 1.5em;
}
.layout-content .image-with-content.no-image .left-column .title {
  display: none;
}
.layout-content .image-with-content.no-image .column-2 {
  float: right;
  margin-left: 0;
  line-height: 1.5em;
}
.layout-content .image-with-content.no-imageLeft70 .right-column {
  display: none;
}
.layout-content .image-with-content.no-imageLeft70 .left-column {
  float: right;
  margin: 0 auto 30px;
  width: 70%;
}
.layout-content .image-with-content.full-width .right-column,
.layout-content .image-with-content.full-width .left-column {
  float: none;
  margin: 0;
  width: 100%;
  zoom: 1;
}
.layout-content .image-with-content.full-width .right-column:before,
.layout-content .image-with-content.full-width .left-column:before,
.layout-content .image-with-content.full-width .right-column:after,
.layout-content .image-with-content.full-width .left-column:after {
  content: "";
  display: table;
}
.layout-content .image-with-content.full-width .right-column:after,
.layout-content .image-with-content.full-width .left-column:after {
  clear: both;
}
.layout-content .image-with-content.image-right-50 .right-column {
  float: right;
  padding: 0;
}
.layout-content .image-with-content.image-right-50 .left-column {
  padding: 0;
  float: left;
}
.layout-content .image-with-content.image-right-50 .column-2 {
  clear: both;
  display: block;
  float: none;
  padding-top: 30px;
}
.layout-content .image-with-content.image-left-50 .right-column {
  padding: 0;
  float: left;
}
.layout-content .image-with-content.image-left-50 .left-column {
  float: right;
  padding: 0;
}
.layout-content .image-with-content.image-left-50 .column-2 {
  display: block;
  padding-top: 30px;
}
.content-page .owl-pagination,
.content-page .owl-buttons {
  display: none;
}
@media (max-width: 768px) {
  .layout-content .widget.hero .hero-image img {
    min-width: 10px;
    min-height: 10px;
  }
}
@media (max-width: 640px) {
  .layout-content .image-with-content .two-columns .left-column,
  .layout-content .image-with-content.no-image .two-columns .left-column,
  .layout-content .image-with-content.image-left .two-columns .left-column,
  .layout-content .image-with-content.image-right .two-columns .left-column,
  .layout-content .image-with-content.image-left-50 .two-columns .left-column,
  .layout-content .image-with-content.image-right-50 .two-columns .left-column,
  .layout-content .image-with-content .two-columns .right-column,
  .layout-content .image-with-content.no-image .two-columns .right-column,
  .layout-content .image-with-content.image-left .two-columns .right-column,
  .layout-content .image-with-content.image-right .two-columns .right-column,
  .layout-content .image-with-content.image-left-50 .two-columns .right-column,
  .layout-content .image-with-content.image-right-50 .two-columns .right-column {
    float: none;
    width: 100%;
    padding: 0;
  }
  .layout-content .image-with-content .two-columns .column-2,
  .layout-content .image-with-content.no-image .two-columns .column-2,
  .layout-content .image-with-content.image-left .two-columns .column-2,
  .layout-content .image-with-content.image-right .two-columns .column-2,
  .layout-content .image-with-content.image-left-50 .two-columns .column-2,
  .layout-content .image-with-content.image-right-50 .two-columns .column-2 {
    float: none;
    width: 100%;
  }
  .layout-content .image-with-content .two-columns .title-alt,
  .layout-content .image-with-content.no-image .two-columns .title-alt,
  .layout-content .image-with-content.image-left .two-columns .title-alt,
  .layout-content .image-with-content.image-right .two-columns .title-alt,
  .layout-content .image-with-content.image-left-50 .two-columns .title-alt,
  .layout-content .image-with-content.image-right-50 .two-columns .title-alt,
  .layout-content .image-with-content .two-columns .sub-title,
  .layout-content .image-with-content.no-image .two-columns .sub-title,
  .layout-content .image-with-content.image-left .two-columns .sub-title,
  .layout-content .image-with-content.image-right .two-columns .sub-title,
  .layout-content .image-with-content.image-left-50 .two-columns .sub-title,
  .layout-content .image-with-content.image-right-50 .two-columns .sub-title {
    margin-bottom: 20px;
  }
  .layout-content .image-with-content .two-columns .hero-image,
  .layout-content .image-with-content.no-image .two-columns .hero-image,
  .layout-content .image-with-content.image-left .two-columns .hero-image,
  .layout-content .image-with-content.image-right .two-columns .hero-image,
  .layout-content .image-with-content.image-left-50 .two-columns .hero-image,
  .layout-content .image-with-content.image-right-50 .two-columns .hero-image {
    margin-bottom: 30px;
  }
  .layout-content .image-with-content .two-columns .link-read-more,
  .layout-content .image-with-content.no-image .two-columns .link-read-more,
  .layout-content .image-with-content.image-left .two-columns .link-read-more,
  .layout-content .image-with-content.image-right .two-columns .link-read-more,
  .layout-content .image-with-content.image-left-50 .two-columns .link-read-more,
  .layout-content .image-with-content.image-right-50 .two-columns .link-read-more {
    float: none;
    display: inline-block;
  }
  .layout-content .image-with-content.no-image .left-column {
    margin-bottom: 20px;
  }
}
footer a {
  text-decoration: none;
}
.layout-footer {
  padding: 2.5em;
  clear: both;
  position: static;
  width: 100%;
  left: 0;
  background-color: #1c1c1c;
}
.layout-footer:before {
  background-color: #1c1c1c;
  content: "";
  height: 205px;
  left: 0;
  margin-top: -35px;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.layout-footer #search-area,
.layout-footer #search-btn {
  display: none;
}
.layout-footer .nav-footer-section,
.layout-footer .nav-footer-section-title {
  text-align: left;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.layout-footer ul li {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0;
  display: inline-block;
}
.layout-footer .uc {
  text-transform: none;
  text-align: left;
}
.nav-footer-list .nav-footer-section-title {
  font-weight: bold;
  color: #00A7B5;
  padding-bottom: 1em;
}
.nav-footer-list li {
  position: relative;
}
.nav-footer-list li:after {
  content: " | ";
  color: inherit;
  width: 1px;
  font-size: 11px;
  padding: 0 5px 0 5px;
}
.nav-footer-list li.last:after,
.nav-footer-list li li:nth-child(4n):after {
  display: none;
}
.nav-footer-list li.first {
  padding: 0;
}
.nav-footer-list li a[href^="mailto:"] {
  border-bottom: none;
}
.nav-footer-list > li {
  padding: 0;
  border: none;
}
.nav-footer-list > li:after {
  display: none;
}
.nav-footer-list .nav-footer-section.section0,
.nav-footer-list .nav-footer-section.section1 {
  display: block;
}
.nav-footer-list .nav-footer-section.section0 {
  max-width: 50%;
  color: #e4e4e4;
  padding-bottom: 1em;
}
.nav-footer-list .nav-footer-section.section0 ul li a {
  color: #e4e4e4;
}
.nav-footer-list .nav-footer-section.section1 {
  color: #00A7B5;
}
.nav-footer-list .nav-footer-section.section1 ul {
  position: relative;
}
.nav-footer-list .nav-footer-section.section1 ul li a {
  color: #00A7B5;
  text-decoration: underline;
}
.nav-footer-list .nav-footer-section.section1 ul li a:hover {
  text-decoration: none;
}
.nav-footer-list .nav-footer-section.section1 .last {
  float: right;
  margin-top: 3px;
}
.nav-footer-list .nav-footer-section.section1 .last a {
  display: inline-block;
}
.nav-footer-list .nav-footer-section.section1 .last a:hover {
  transform: scale(1.06);
}
.nav-footer {
  margin: 0 auto;
}
.nav-footer.tcenter {
  width: 100%;
  position: relative;
  max-width: 1200px;
}
.nav-footer .navigation-social {
  position: absolute;
  top: 0;
  right: 0;
}
.nav-footer .navigation-social h3.title {
  display: none;
}
.nav-footer .hlist.social ul {
  text-align: right;
  margin-top: 0.4em;
}
.nav-footer .hlist.social li .hlist li {
  margin: 0 0 1em 1em;
}
.hlist.social ul {
  width: 100%;
}
.hlist.social > li {
  width: 100%;
}
.hlist.social li .hlist li {
  display: inline-block;
  margin: 0 0.8em 0.8em 0;
  line-height: 1;
}
.hlist.social li .hlist li .icon-social {
  border: 1px solid #00a7b5;
  text-decoration: none;
  border-radius: 100%;
  color: #bcbec0;
  height: 35px;
  width: 35px;
  font-size: 20px;
  display: block;
  padding: 7px 8px;
}
.hlist.social li .hlist li .icon-social:hover {
  transform: scale(1.1);
}
.hlist.social li .hlist li.full-width {
  display: block;
}
@media (max-width: 1200px) {
  .layout-footer:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .hlist.social {
    float: none;
  }
  .nav-footer .hlist.social {
    width: 180px;
  }
  .nav-footer-list .nav-footer-section.section1 .last {
    position: relative;
    top: 5px;
  }
}
@media (max-width: 640px) {
  .nav-footer-list .nav-footer-section.section1 .last {
    float: none;
    display: block;
  }
  .nav-footer-list .nav-footer-section.section0 {
    max-width: 60%;
  }
  .nav-footer .navigation-social {
    position: static;
  }
  .nav-footer .hlist.social {
    display: block;
    text-align: left;
    width: 100%;
    margin-top: 1em;
  }
  .nav-footer .hlist.social ul {
    text-align: left;
  }
  .nav-footer .hlist.social li .hlist li {
    margin: 0 1em 1em 0em;
  }
  .hlist.social li .hlist li {
    margin: 0em 1em 0em 0em;
  }
}
@media (max-width: 540px) {
  .nav-footer-list .nav-footer-section.section1 .last {
    float: none;
    display: block;
  }
  .nav-footer-list .nav-footer-section.section0 {
    max-width: 60%;
  }
  .nav-footer .hlist.social {
    display: block;
    text-align: left;
    width: 100%;
    padding-bottom: 1em;
  }
}
/* small resolutions styles 
< 480px
*/
@media (max-width: 480px) {
  .layout-footer {
    padding: 1.5em;
  }
  .nav-footer .hlist.social ul {
    text-align: left;
    margin-top: 1em;
  }
  .nav-footer .hlist.social li .hlist li {
    text-align: left;
    margin: 1em 0 0 0.4em;
  }
  .nav-footer .hlist.social li .hlist li:first-child {
    margin-left: 0;
  }
  .nav-footer-list .nav-footer-section.section0,
  .nav-footer-list .nav-footer-section.section1 {
    width: 100%;
  }
  .nav-footer-list .nav-footer-section.section0 .last,
  .nav-footer-list .nav-footer-section.section1 .last {
    position: relative;
    left: 0;
    padding-top: 1em;
  }
}
.promo-img-left {
  float: left;
  width: 50%;
}
.promo-img-left .content-with-image-text {
  float: right;
  padding: 30px 20px;
  width: 58%;
}
.promo-img-left .content-with-image-text .content-container {
  float: left;
}
.promo-img-left .content-image {
  float: left;
  max-width: 220px;
  width: 42%;
}
.promo-img-left .read-more {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.promo-img-left .read-more span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.promo-img-left .read-more span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.promo-img-left .read-more:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.promo-img-left .read-more span {
  display: none;
}
.promo-img-left .read-more:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.promo-img-left .read-more:hover {
  color: #ffffff;
  background: #00A7B5;
}
.promo-img-left .read-more:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.wine-list-section {
  margin: 0.5em auto;
}
.our-wines .layout-content .widget.image-with-content {
  background-color: "";
  padding: 4% 6%;
  margin: 0;
}
.our-wines .wine-list-section.ranges .wine-list {
  margin: 0;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper {
  padding: 3% 0 3%;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .hero-image {
  float: left;
  width: 40%;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .title {
  height: auto;
  overflow: hidden;
  margin-bottom: 6%;
  font-size: 22px;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .sub-title {
  height: auto;
  overflow: hidden;
  margin-bottom: 6%;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .range-name.hide {
  display: block;
  text-align: center;
  padding: 2% 6% 0;
  text-transform: uppercase;
  height: auto;
  font-weight: 600;
  overflow: hidden;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .extract {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  line-height: 19px;
  display: block;
  margin-top: 0;
  height: auto;
  overflow: hidden;
  padding: 0 6%;
  word-wrap: break-word;
  margin-bottom: 6%;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content {
  float: left;
  width: 56%;
  padding: 30px 10px;
  text-align: left;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .extract {
  padding: 0 6% 0 0;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .sub-title {
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  line-height: 1.3;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper {
  clear: left;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link span {
  display: none;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link:hover {
  color: #ffffff;
  background: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .link-wrapper .link:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .range-name.hide {
  display: none;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content .sub-title {
  display: none;
}
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .promo-img-top .sub-title,
.our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content-with-image-text .sub-title {
  display: none;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) {
  background: rgba(199, 199, 199, 0.55);
  color: #525252;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .title {
  color: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper {
  clear: left;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link span {
  display: none;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link:hover {
  background: #00a7b5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(even) .link-wrapper .link:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(odd) {
  background: transparent;
  color: #525252;
}
.our-wines .wine-list-section.ranges .wine-list li.owl-slider:nth-of-type(odd) .title {
  color: #00A7B5;
}
@media (max-width: 480px) {
  .our-wines .wine-list-section.ranges .wine-list {
    margin: 0;
  }
  .our-wines .wine-list-section.ranges .wine-list li {
    display: none;
    position: relative;
    z-index: 12;
    margin-top: -24px;
  }
  .our-wines .wine-list-section.ranges .wine-list li .item-wrapper {
    padding: 0;
  }
  .our-wines .wine-list-section.ranges .wine-list li .item-wrapper .hero-image {
    float: none;
    margin: 0 auto;
    width: 96%;
  }
  .our-wines .wine-list-section.ranges .wine-list li .item-wrapper .content {
    width: 100%;
    padding: 30px 20px;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab {
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 99;
    padding: 20px 40px 20px 20px;
    color: #00A7B5;
    position: relative;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
    left: -2px;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
    clear: both;
    z-index: 9;
    left: 0;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab:before {
    top: 0;
    height: 100%;
    box-shadow: none;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab:after {
    top: 10px;
    height: calc(100% - 20px);
  }
  .our-wines .wine-list-section.ranges .wine-list .tab .icon-accordion {
    position: absolute;
    right: 10px;
    top: 16px;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab .icon-accordion:before {
    display: block;
    content: "\e826";
    font-size: 22px;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active .icon-accordion:before {
    content: '\e824';
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active:before {
    border-bottom: 0;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active:after {
    border-bottom: 0;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab .icon-accordion {
    top: 20px;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active {
    background: #e4e4e4;
    text-indent: -9999px;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active .icon-accordion {
    display: block;
    text-indent: 0;
    background-color: transparent;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab.active {
    background: #fff;
  }
  .our-wines .wine-list-section.ranges .wine-list .tab:nth-of-type(even) {
    background: #e4e4e4;
  }
}
.wine-list-section.wines .wine-list.owl-carousel {
  display: block;
  padding-bottom: 1.5em;
  z-index: 0;
}
.wine-range .layout-content .widget.hero {
  margin-bottom: 0;
}
.wine-range .layout-content .widget.image-with-content {
  background: "";
  padding: 4% 6%;
  margin: 0;
}
.wine-range .wine-filters {
  display: none;
}
.wine-range .wines .wine-list li {
  float: left;
}
.wine-range .wines .wine-list li .item-wrapper {
  padding: 8% 2% 8% 0%;
}
.wine-range .wines .wine-list li .item-wrapper .hero-image {
  float: left;
  width: 40%;
}
.wine-range .wines .wine-list li .item-wrapper .hero-image img {
  max-width: 85px;
}
.wine-range .wines .wine-list li .item-wrapper .content {
  float: left;
  width: 60%;
  text-align: left;
  margin-top: 4%;
}
.wine-range .wines .wine-list li .item-wrapper .content .title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  margin-bottom: 0;
  text-transform: none;
}
.wine-range .wines .wine-list li .item-wrapper .content .sub-title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
}
.wine-range .wines .wine-list li .item-wrapper .content .range-name {
  display: none;
}
.wine-range .wines .wine-list li {
  color: #525252;
}
.wine-range .wines .wine-list li .link-wrapper {
  float: left;
}
.wine-range .wines .wine-list li .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.wine-range .wines .wine-list li .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.wine-range .wines .wine-list li .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines .wine-list li .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines .wine-list li .link-wrapper .link span {
  display: none;
}
.wine-range .wines .wine-list li .link-wrapper .link:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.wine-range .wines .wine-list li .link-wrapper .link:hover {
  color: #ffffff;
  background: #00A7B5;
}
.wine-range .wines .wine-list li .link-wrapper .link:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.wine-range .wines .wine-list li .title {
  color: #00A7B5;
}
@media (max-width: 480px) {
  .wine-range .wines .owl-slider,
  .wine-range .wines li {
    width: 100%;
    margin: 0;
  }
  .wine-range .wines .owl-slider .item-wrapper,
  .wine-range .wines li .item-wrapper {
    padding: 0% 0% 4% 0;
  }
}
@media (max-width: 360px) {
  .wine-range .wines .wine-list .owl-slider,
  .wine-range .wines .wine-list li {
    float: left;
    width: 100%;
  }
  .wine-range .wines .wine-list .tab {
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 99;
    padding: 20px 40px 20px 15px;
    color: #00A7B5;
    position: relative;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
    left: -2px;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
    clear: both;
  }
  .wine-range .wines .wine-list .tab:before {
    top: 0;
    height: 100%;
    box-shadow: none;
  }
  .wine-range .wines .wine-list .tab:after {
    top: 10px;
    height: calc(100% - 20px);
  }
  .wine-range .wines .wine-list .tab .icon-accordion {
    position: absolute;
    right: 10px;
    top: 16px;
  }
  .wine-range .wines .wine-list .tab .icon-accordion:before {
    display: block;
    content: "\e826";
    font-size: 22px;
  }
  .wine-range .wines .wine-list .tab.active .icon-accordion:before {
    content: '\e824';
  }
  .wine-range .wines .wine-list .tab.active:before {
    border-bottom: 0;
  }
  .wine-range .wines .wine-list .tab.active:after {
    border-bottom: 0;
  }
  .wine-range .wines .wine-list .tab.active {
    background: #e4e4e4;
  }
  .wine-range .wines .wine-list .tab.active {
    background: #fff;
  }
  .wine-range .wines .wine-list .tab:nth-of-type(even) {
    background: #e4e4e4;
  }
}
.wine-range .wines .wine-list .owl-slider,
.wine-range .wines .wine-list li {
  width: 50%;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) {
  background: rgba(199, 199, 199, 0.55);
  color: #525252;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .title {
  color: #00A7B5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper {
  float: left;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span {
  display: none;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:hover {
  background: #00a7b5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
.wine-range .wines .wine-list .owl-item:nth-of-type(even) {
  background: transparent;
}
@media (max-width: 640px) {
  .wine-range .wines .wine-list .owl-slider,
  .wine-range .wines .wine-list li {
    width: 100%;
    margin: 0;
  }
  .wine-range .wines .wine-list .owl-slider .item-wrapper,
  .wine-range .wines .wine-list li .item-wrapper {
    padding: 4% 0% 4% 0;
  }
}
@media (max-width: 360px) {
  .wine-range .wines .wine-list .wine-list .owl-slider,
  .wine-range .wines .wine-list .wine-list li {
    float: left;
    width: 100%;
  }
}
.wine-range .wines li {
  background: transparent;
  color: #525252;
}
.wine-range .wines li .item-wrapper .content .title {
  color: #00A7B5;
  text-transform: none;
}
.wine-range .wines li .content .sub-title {
  display: none;
}
.wine-range .wines li .promo-img-top .sub-title,
.wine-range .wines li .content-with-image-text .sub-title {
  display: none;
}
.wine-range .wines li .content .title {
  height: 3.5em;
  overflow: hidden;
  margin-bottom: 6%;
  font-size: 22px;
}
.wine-range .wines li .content .sub-title {
  height: auto;
  overflow: hidden;
  margin-bottom: 6%;
}
.wine-range .wines li .content .range-name.hide {
  display: block;
  text-align: center;
  padding: 2% 6% 0;
  text-transform: uppercase;
  height: auto;
  font-weight: 600;
  overflow: hidden;
}
.wine-range .wines li .content .extract {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  line-height: 19px;
  display: block;
  margin-top: 0;
  height: 7em;
  overflow: hidden;
  padding: 0 6%;
  word-wrap: break-word;
  margin-bottom: 6%;
}
.wine-range .wines li .content .extract {
  padding: 0 6% 0 0;
}
.wine-range .wines li .content .range-name {
  display: none;
}
.wine-range .wines li.alt {
  background: rgba(199, 199, 199, 0.55);
  color: #525252;
}
.wine-range .wines li.alt .title {
  color: #00A7B5;
}
.wine-range .wines li.alt .link-wrapper {
  float: left;
}
.wine-range .wines li.alt .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.wine-range .wines li.alt .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.wine-range .wines li.alt .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines li.alt .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-range .wines li.alt .link-wrapper .link span {
  display: none;
}
.wine-range .wines li.alt .link-wrapper .link:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.wine-range .wines li.alt .link-wrapper .link:hover {
  background: #00a7b5;
}
.wine-range .wines li.alt .link-wrapper .link:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
@media (max-width: 640px) {
  .wine-range .wines .wine-list li .item-wrapper .content .title {
    height: 3em;
    font-size: 1.8em;
  }
  .wine-range .wines li .content .extract {
    height: 6em;
  }
}
@media (max-width: 480px) {
  .wine-range .wines .wine-list li .item-wrapper .content .title {
    font-size: 1.6em;
  }
  .wine-range .wines .wine-list > span {
    display: block;
  }
  .wine-range .wines .wine-list > span li.owl-slider {
    display: none;
    float: none;
    background: transparent;
    position: relative;
    z-index: 12;
    margin-top: -15px;
  }
  .wine-range .wines .wine-list > span .tab {
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 99;
    padding: 20px 40px 20px 20px;
    color: #00A7B5;
    position: relative;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
    left: -2px;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
    clear: both;
    background: transparent;
    z-index: 9;
    left: 0;
  }
  .wine-range .wines .wine-list > span .tab:before {
    top: 0;
    height: 100%;
    box-shadow: none;
  }
  .wine-range .wines .wine-list > span .tab:after {
    top: 10px;
    height: calc(100% - 20px);
  }
  .wine-range .wines .wine-list > span .tab .icon-accordion {
    position: absolute;
    right: 10px;
    top: 16px;
  }
  .wine-range .wines .wine-list > span .tab .icon-accordion:before {
    display: block;
    content: "\e826";
    font-size: 22px;
  }
  .wine-range .wines .wine-list > span .tab.active .icon-accordion:before {
    content: '\e824';
  }
  .wine-range .wines .wine-list > span .tab.active:before {
    border-bottom: 0;
  }
  .wine-range .wines .wine-list > span .tab.active:after {
    border-bottom: 0;
  }
  .wine-range .wines .wine-list > span .tab .icon-accordion {
    top: 20px;
  }
  .wine-range .wines .wine-list > span .tab.active {
    background: transparent;
    text-indent: -9999px;
  }
  .wine-range .wines .wine-list > span .tab.active .icon-accordion {
    display: block;
    text-indent: 0;
    background-color: transparent;
  }
  .wine-range .wines .wine-list > span:nth-of-type(even) {
    background: #e4e4e4;
  }
}
.awards-section {
  clear: both;
}
.awards-section h4 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  color: #306973;
  margin-bottom: 1em;
}
.awards-section .awards-list {
  margin-bottom: 2.5em;
  list-style: none;
}
.awards-section .awards-list .award {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  vertical-align: top;
  padding-left: 1.5em;
  /*  &.trophy{
            left: 0;
            top:0;
        }*/
}
.awards-section .awards-list .award:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1em;
  font-size: 14px;
  font-family: "Vollkorn', serif", Arial, sans-serif;
}
.awards-section .awards-list .award .award-wine,
.awards-section .awards-list .award .award-result,
.awards-section .awards-list .award .award-detail {
  display: block;
  clear: both;
  font-size: 14px;
  font-family: 'Alegreya Sans SC', sans-serif;
  line-height: 16px;
}
.awards-section .awards-list .award .award-wine {
  color: #00A7B5;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.awards-section .awards-list .award .award-result {
  margin-bottom: 5px;
}
.awards-section .awards-list .award .award-detail {
  font-size: 14px;
}
.awards-section .awards-list .award .icon-award {
  display: block;
  left: 0;
  position: absolute;
  text-align: left;
  top: -6px;
}
.awards-section .link-wrapper {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}
.awards-section .link-wrapper a {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.awards-section .link-wrapper a span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.awards-section .link-wrapper a span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.awards-section .link-wrapper a:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.awards-section .link-wrapper a span {
  display: none;
}
.awards-section .link-wrapper a:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.awards-section .link-wrapper a:hover {
  background: #00a7b5;
}
.awards-section .link-wrapper a:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
.wine-details-page .layout-content {
  max-width: 1000px;
  margin: 0 auto;
}
.wine-details-page .layout-content .layout-sidebar {
  display: none;
}
.wine-details-page .layout-content > * {
  width: 100%;
}
@media (max-width: 768px) {
  .wine-details-page .layout-content {
    width: 100%;
  }
  .wine-details-page .layout-content > * {
    width: 100%;
    margin: 0;
    line-height: 0;
  }
}
.wine-details-page .wine-details .hero-image {
  float: left;
  width: 42%;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 70px 0;
}
.wine-details-page .wine-details .hero-image.not-desktop {
  display: none;
}
.wine-details-page .wine-details .content-wrap {
  float: right;
  padding: 100px 4% 0;
  width: 58%;
}
.wine-details-page .wine-details .content-wrap .social-share {
  color: #00A7B5;
  border: 1px solid #00A7B5;
  float: left;
  height: 35px;
  line-height: 31px;
  margin-bottom: 20px;
  min-width: 70px;
  text-align: center;
  position: relative;
}
.wine-details-page .wine-details .content-wrap .social-share:after {
  content: '\e831';
  font-family: "twe-custom";
  left: 100%;
  top: -1px;
  width: 35px;
  height: 33px;
  border: 1px solid #00A7B5;
  line-height: 33px;
  position: absolute;
}
.wine-details-page .wine-details .content-wrap .title {
  display: block !important;
}
.wine-details-page .wine-details .content-wrap .social-share-full {
  float: left;
  display: none;
  max-width: 316px;
  width: 316px;
  margin-bottom: 20px;
}
.wine-details-page .wine-details .content-wrap .social-share-full .social-list li {
  float: left;
}
.wine-details-page .wine-details .content-wrap .social-share-full .social-list li.icon-social {
  width: 35px;
  height: 35px;
  border-radius: 0;
}
.wine-details-page .wine-details .content-wrap .social-share-full .social-list li.icon-social:before {
  display: none;
}
.wine-details-page .wine-details .content-wrap .social-share-full .social-list li a.icon-social {
  float: left;
}
.wine-details-page .wine-details .content-wrap .social-share-full .social-list li a.icon-social:before {
  background: #fff;
  font-size: 20px;
  display: block;
  line-height: 35px;
  width: 35px;
  margin: 0 auto;
  font-family: "twe-custom";
  height: 35px;
  color: #00A7B5;
}
.wine-details-page .wine-details .content-wrap .content-container {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 30px;
  float: none;
}
.wine-details-page .wine-details .content-wrap .download {
  color: #00A7B5;
  border: 1px solid;
  display: block;
  font-size: 14px;
  height: 38px;
  line-height: 35px;
  margin: 0 20px 0 0;
  padding: 0 8% 0 4%;
  text-align: left;
  width: 45%;
  float: left;
  position: relative;
  text-decoration: none;
}
.wine-details-page .wine-details .content-wrap .download:after {
  content: "\e826";
  font-size: 20px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid;
  padding: 0 4px;
  line-height: 35px;
  height: 100%;
}
.wine-details-page .wine-details .content-wrap .download-notes {
  color: #00A7B5;
  border: 1px solid;
  display: block;
  font-size: 14px;
  height: 38px;
  line-height: 35px;
  margin: 0 20px 0 0;
  padding: 0 8% 0 4%;
  text-align: left;
  width: 45%;
  position: relative;
  text-decoration: none;
  clear: left;
  display: none;
  background: none;
  padding: 0;
  height: auto;
  float: left;
  border-top: 0;
  margin: 0;
}
.wine-details-page .wine-details .content-wrap .download-notes:after {
  content: "\e826";
  font-size: 20px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid;
  padding: 0 4px;
  line-height: 35px;
  height: 100%;
}
.wine-details-page .wine-details .content-wrap .download-notes:after {
  display: none;
}
.wine-details-page .wine-details .content-wrap .download-notes li {
  float: left;
  width: 100%;
}
.wine-details-page .wine-details .content-wrap .download-notes li a {
  display: block;
  color: #00A7B5;
  padding-left: 8%;
  text-decoration: none;
}
.wine-details-page .wine-details .content-wrap .download-notes li a:after {
  content: "\e822";
  font-family: "twe-custom";
  position: absolute;
  right: 10px;
}
.wine-details-page .wine-details .content-wrap .download-notes li a:hover {
  background-color: #00A7B5;
  color: #e4e4e4;
}
.wine-details-page .wine-details .content-wrap .download-notes li a:hover:before {
  font-family: "twe-custom";
  content: "\e822";
  color: white;
  position: absolute;
  right: 10px;
  font-weight: normal;
}
.wine-details-page .wine-details .content-wrap .download-notes li a:hover .file-info.hide {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  padding-bottom: 4%;
  color: #e4e4e4;
}
.wine-details-page .wine-details .content-wrap .where-to-buy {
  color: #00A7B5;
  border: 1px solid;
  display: block;
  font-size: 14px;
  height: 38px;
  line-height: 35px;
  margin: 0 20px 0 0;
  padding: 0 8% 0 4%;
  text-align: left;
  width: 45%;
  float: left;
  position: relative;
  text-decoration: none;
  display: inline-block;
  float: none;
  margin-right: 0;
}
.wine-details-page .wine-details .content-wrap .where-to-buy:after {
  content: "\e826";
  font-size: 20px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid;
  padding: 0 4px;
  line-height: 35px;
  height: 100%;
}
.wine-details-page .wine-details .content-wrap .where-to-buy:after {
  content: "\e82c";
}
.wine-details-page .wine-details .content-wrap .tabs {
  float: left;
  display: block;
  width: 100%;
  margin-top: 30px;
}
.wine-details-page .wine-details .content-wrap .tabs .uc {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  line-height: 15.5px;
  font-weight: bold;
  margin-bottom: 1em;
  font-weight: 700;
  color: #00a7b5;
}
.wine-details-page .wine-details .content-wrap .tabs .tabs-header {
  display: block;
  width: 100%;
}
.wine-details-page .wine-details .content-wrap .tabs .tabs-header li {
  display: block;
  margin-bottom: 15px;
  text-align: left;
  text-transform: none;
}
.wine-details-page .wine-details .content-wrap .tabs .tabs-header li .content-container {
  display: block;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container.first-child {
  display: none;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container .awards {
  display: block;
  width: 100%;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container .awards tr {
  display: block;
  margin-bottom: 10px;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container .awards td {
  display: block;
  padding-left: 8%;
  width: 100%;
  line-height: 20px;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container .awards .award {
  color: #00A7B5;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
}
.wine-details-page .wine-details .content-wrap .tabs-content .content-container .awards .award:before {
  position: absolute;
  content: "-";
  top: 0;
  left: 0;
  color: #b0afb2;
}
.wine-list-section .related-wines {
  zoom: 1;
}
.wine-list-section .related-wines:before,
.wine-list-section .related-wines:after {
  content: "";
  display: table;
}
.wine-list-section .related-wines:after {
  clear: both;
}
.wine-list-section .related-wines .related-wines-category {
  margin: 0 auto;
  position: relative;
  width: 100%;
  z-index: 1;
}
.wine-list-section .related-wines .related-wines-category h3 {
  background: #00A7B5;
  color: #fff;
  width: auto;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.wine-list-section .related-wines .related-wines-category p {
  display: none;
}
.wine-list-section .related-wines .related-wines-list {
  position: relative;
  text-transform: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list li {
  float: left;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper {
  padding: 8% 2% 8% 0%;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .hero-image {
  float: left;
  width: 40%;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .hero-image img {
  max-width: 85px;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .content {
  float: left;
  width: 60%;
  text-align: left;
  margin-top: 4%;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .content .title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  margin-bottom: 0;
  text-transform: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .content .sub-title {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .content .range-name {
  display: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list li {
  color: #525252;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper {
  float: left;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link span {
  display: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link:hover {
  color: #ffffff;
  background: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .link-wrapper .link:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.wine-list-section .related-wines .related-wines-list .wine-list li .title {
  color: #00A7B5;
}
@media (max-width: 480px) {
  .wine-list-section .related-wines .related-wines-list .owl-slider,
  .wine-list-section .related-wines .related-wines-list li {
    width: 100%;
    margin: 0;
  }
  .wine-list-section .related-wines .related-wines-list .owl-slider .item-wrapper,
  .wine-list-section .related-wines .related-wines-list li .item-wrapper {
    padding: 0% 0% 4% 0;
  }
}
@media (max-width: 360px) {
  .wine-list-section .related-wines .related-wines-list .wine-list .owl-slider,
  .wine-list-section .related-wines .related-wines-list .wine-list li {
    float: left;
    width: 100%;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab {
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 99;
    padding: 20px 40px 20px 15px;
    color: #00A7B5;
    position: relative;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    margin-bottom: 20px;
    left: -2px;
    text-decoration: none;
    margin-bottom: 0;
    border: none;
    clear: both;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab:before {
    top: 0;
    height: 100%;
    box-shadow: none;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab:after {
    top: 10px;
    height: calc(100% - 20px);
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab .icon-accordion {
    position: absolute;
    right: 10px;
    top: 16px;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab .icon-accordion:before {
    display: block;
    content: "\e826";
    font-size: 22px;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab.active .icon-accordion:before {
    content: '\e824';
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab.active:before {
    border-bottom: 0;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab.active:after {
    border-bottom: 0;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab.active {
    background: #e4e4e4;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab.active {
    background: #fff;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .tab:nth-of-type(even) {
    background: #e4e4e4;
  }
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-slider,
.wine-list-section .related-wines .related-wines-list .wine-list li {
  width: 50%;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) {
  background: rgba(199, 199, 199, 0.55);
  color: #525252;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .title {
  color: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper {
  float: left;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00a7b5;
  color: #00a7b5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link span {
  display: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:after {
  border-color: #00a7b5;
  content: '\e820';
  color: #00a7b5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:hover {
  background: #00a7b5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(odd) .link-wrapper .link:hover:after {
  border-color: #00a7b5;
  color: #00a7b5;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-item:nth-of-type(even) {
  background: transparent;
}
@media (max-width: 640px) {
  .wine-list-section .related-wines .related-wines-list .wine-list .owl-slider,
  .wine-list-section .related-wines .related-wines-list .wine-list li {
    width: 100%;
    margin: 0;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .owl-slider .item-wrapper,
  .wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper {
    padding: 4% 0% 4% 0;
  }
}
@media (max-width: 360px) {
  .wine-list-section .related-wines .related-wines-list .wine-list .wine-list .owl-slider,
  .wine-list-section .related-wines .related-wines-list .wine-list .wine-list li {
    float: left;
    width: 100%;
  }
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-controls .owl-nav .owl-prev {
  left: 5px;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-controls .owl-nav .owl-next {
  right: 5px;
}
.wine-list-section .related-wines .related-wines-list .wine-list .owl-slider {
  width: 100%;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .title {
  height: 3.5em;
  overflow: hidden;
  margin-bottom: 6%;
  font-size: 22px;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .sub-title {
  height: auto;
  overflow: hidden;
  margin-bottom: 6%;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .range-name.hide {
  display: block;
  text-align: center;
  padding: 2% 6% 0;
  text-transform: uppercase;
  height: auto;
  font-weight: 600;
  overflow: hidden;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .extract {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  line-height: 19px;
  display: block;
  margin-top: 0;
  height: 7em;
  overflow: hidden;
  padding: 0 6%;
  word-wrap: break-word;
  margin-bottom: 6%;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .sub-title {
  display: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list .promo-img-top .sub-title,
.wine-list-section .related-wines .related-wines-list .wine-list .content-with-image-text .sub-title {
  display: none;
}
.wine-list-section .related-wines .related-wines-list .wine-list .content .extract {
  padding: 0 6% 0 0;
}
@media (max-width: 1024px) {
  .wine-details-page .wine-details .content-wrap .download,
  .wine-details-page .wine-details .content-wrap .download-notes,
  .wine-details-page .wine-details .content-wrap .where-to-buy {
    float: none;
    display: block;
    width: 230px;
    clear: both;
  }
  .wine-details-page .wine-details .content-wrap .download-notes {
    display: none;
    zoom: 1;
  }
  .wine-details-page .wine-details .content-wrap .download-notes:before,
  .wine-details-page .wine-details .content-wrap .download-notes:after {
    content: "";
    display: table;
  }
  .wine-details-page .wine-details .content-wrap .download-notes:after {
    clear: both;
  }
  .wine-details-page .wine-details .content-wrap .download-notes li {
    float: none;
    display: block;
  }
  .wine-details-page .wine-details .content-wrap .where-to-buy {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .wine-details-page .wine-details .hero-image {
    float: none;
    width: 100%;
    display: block;
    padding: 40px 0;
  }
  .wine-details-page .wine-details .content-wrap {
    float: none;
    display: block;
    padding: 4% 6%;
    width: 100%;
  }
  .wine-details-page .wine-details .content-wrap .title {
    margin-top: 20px;
  }
  .awards-section .awards-list {
    list-style: none;
  }
  .awards-section .awards-list .award {
    display: block;
    width: 97%;
  }
}
@media (max-width: 640px) {
  .wine-list-section .related-wines .related-wines-list .wine-list .content .title {
    height: 2em;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .content .extract {
    height: 6em;
  }
  .our-wines .wine-list-section.ranges .wine-list li .item-wrapper .hero-image {
    margin-top: 4%;
  }
  .awards-section .awards-list {
    list-style: none;
  }
  .awards-section .awards-list .award {
    display: block;
    width: 97%;
  }
  .awards-section .link-wrapper {
    margin: 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 540px) {
  .our-wines .wine-list-section.ranges .wine-list li .item-wrapper .hero-image {
    margin-top: 6%;
  }
}
@media (max-width: 480px) {
  .wine-list-section .related-wines .related-wines-list .wine-list .content .title {
    height: 3em;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list .content .title {
    font-size: 1.6em !important;
  }
  .wine-list-section .related-wines .related-wines-list .wine-list li .item-wrapper .hero-image {
    width: 36%;
  }
}
.promo-img-left {
  float: left;
  position: relative;
}
.promo-img-left .title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  text-align: left;
  color: #00a7b5;
}
.promo-img-left .sub-title {
  font-size: 15px;
  font-weight: normal;
  line-height: 16.5px;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
}
.promo-img-left .content-with-image-text {
  float: right;
  width: 58%;
  padding: 1.1em 1.25em 10px 1.25em;
  vertical-align: top;
}
.promo-img-left .content-with-image-text .content-title {
  display: block;
  margin-bottom: 6px;
}
.promo-img-left .content-container {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #525252;
  clear: both;
  line-height: 19px;
  padding-bottom: 10px;
}
.promo-img-left .link-read-more {
  bottom: 10px;
  clear: both;
  position: absolute;
}
.promo-img-left img {
  display: block;
}
/* Promos on Homepage - Specific Styles */
.promo-img-left {
  background-color: white;
  padding-left: 0;
  /*    .content-with-image-text {
            margin-top: 0;
            min-height: 0;
            max-height: none;*/
}
.promo-img-left .content-container {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 1em;
  max-height: 4.5em;
  overflow: hidden;
}
/*
    Promos on content pages - specific overrides
    - what is this for exactly? - g
*/
/* mid resolutions styles 
    < 1100px
*/
@media (max-width: 1100px) {
  .promo-img-left {
    padding: 0;
    border-bottom: 1px solid #00A7B5;
    width: 100%;
    float: none;
    zoom: 1;
  }
  .promo-img-left .content-image {
    width: 34%;
  }
  .promo-img-left .content-with-image-text {
    width: 66%;
    clear: both;
  }
  .promo-img-left:before,
  .promo-img-left:after {
    content: "";
    display: table;
  }
  .promo-img-left:after {
    clear: both;
  }
}
@media (max-width: 850px) {
  .promo-img-left .content-with-image-text {
    padding-top: 5px;
  }
  .promo-img-left .content-with-image-text .content-title {
    margin-bottom: 5px;
  }
  .promo-img-left .link-read-more {
    bottom: 5px;
  }
  .layout-content {
    min-height: initial;
  }
}
/* mid resolutions styles 
    < 768px
*/
@media (max-width: 768px) {
  .promo-img-left {
    width: 100%;
  }
  .promo-img-left .content-image {
    width: 32%;
    max-width: none;
  }
  .promo-img-left .content-with-image-text {
    width: 68%;
  }
}
@media (max-width: 600px) {
  .promo-img-left .content-with-image-text .content-title {
    margin-bottom: 3px;
  }
  .promo-img-left .content-with-image-text .sub-title {
    margin-bottom: 6px;
  }
}
@media (max-width: 480px) {
  .promo-img-left .content-image {
    display: none;
  }
  .promo-img-left .content-with-image-text {
    width: 100%;
    max-height: none;
    min-height: 0;
    padding: 0.7em 1em;
  }
  .promo-img-left .content-with-image-text .content-container {
    margin-bottom: 2.5em;
  }
  .promo-img-left .link-read-more {
    bottom: 10px;
  }
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'twe-custom';
  src: url('/Includes/Core/Fonts/Icons/twe-custom.eot?72508491');
  src: url('/Includes/Core/Fonts/Icons/twe-custom.eot?72508491#iefix') format('embedded-opentype'), url('/Includes/Core/Fonts/Icons/twe-custom.woff?72508491') format('woff'), url('/Includes/Core/Fonts/Icons/twe-custom.ttf?72508491') format('truetype'), url('/Includes/Core/Fonts/Icons/twe-custom.svg?72508491#twe-custom') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is font smoothing in windows. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'twe-custom';
    src: url('../font/twe-custom.svg?23809357#twe-custom') format('svg');
  }
}
*/
@font-face {
  font-family: "twe-glyphs";
  src: url("/Includes/Core/Fonts/Icons/twe-glyphs.eot");
  src: url("/Includes/Core/Fonts/Icons/twe-glyphs.eot?#iefix") format("embedded-opentype"), url("/Includes/Core/Fonts/Icons/twe-glyphs.woff") format("woff"), url("/Includes/Core/Fonts/Icons/twe-glyphs.ttf") format("truetype"), url("/Includes/Core/Fonts/Icons/twe-glyphs.svg#twe-glyphs") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "twe-glyphs";
    src: url("/Includes/Core/Fonts/Icons/twe-glyphs.svg#twe-glyphs") format("svg");
  }
}
/* FONT DECLARATIONS
 * --------------------------
    Use these unicode character content if targetting with a class in sitecore is not possible.
    .font-char() mixin is declared here. Use this if adding in the class to markup isn't possible.
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* FONT CHARACTERS
 * -------------------------- */
.icon-angle-left:before {
  content: '\e800';
}
.icon-angle-right:before {
  content: '\e801';
}
.icon-angle-up:before {
  content: '\e802';
}
.icon-angle-down:before {
  content: '\e803';
}
.icon-play:before {
  content: '\e804';
}
.icon-down-dir:before {
  content: '\e805';
}
.icon-menu:before {
  content: '\e806';
}
.icon-cancel:before {
  content: '\e807';
}
.icon-ok:before {
  content: '\e808';
}
.icon-download:before {
  content: '\e809';
}
.icon-twitter:before {
  content: '\e80a';
}
.icon-linkedin:before {
  content: '\e80b';
  top: -1px;
  position: relative;
}
.icon-youtube-play:before {
  content: '\e80c';
}
.icon-facebook-squared:before {
  content: '\e80d';
}
.icon-instagram:before {
  content: '\ea92';
  margin-left: -1px;
}
.icon-google-plus:before {
  content: '\e80f';
}
.icon-pinterest-circled:before {
  content: '\e810';
}
.icon-youtube:before {
  content: '\e811';
  top: -1px;
  left: -1px;
  position: relative;
}
.icon-youtube-squared:before {
  content: '\e812';
}
.icon-facebook:before {
  content: '\e813';
  margin-left: -2px;
}
.icon-down-open-big:before {
  content: '\e814';
}
.icon-left-open-big:before {
  content: '\e815';
}
.icon-right-open-big:before {
  content: '\e816';
}
.icon-up-open-big:before {
  content: '\e817';
}
.icon-pinterest:before {
  content: '\e818';
  left: -2px;
}
.icon-tag:before {
  content: '\e819';
}
.icon-user:before {
  content: '\e81a';
}
.icon-menu-1:before {
  content: '\e81b';
}
.icon-align-justify:before {
  content: '\e81c';
}
.icon-calendar:before {
  content: '\e81d';
}
.icon-down:before {
  content: '\e81e';
}
.icon-left:before {
  content: '\e81f';
}
.icon-right:before {
  content: '\e820';
}
.icon-up:before {
  content: '\e821';
}
.icon-download-alt:before {
  content: '\e822';
}
.icon-search:before {
  content: '\e823';
}
.icon-up-open:before {
  content: '\e824';
}
.icon-right-open:before {
  content: '\e825';
}
.icon-down-open:before {
  content: '\e826';
}
.icon-left-open:before {
  content: '\e827';
}
.icon-food:before {
  content: '\e828';
}
.icon-upload:before {
  content: '\e829';
}
.icon-calendar-empty:before {
  content: '\e82a';
}
.icon-mail:before {
  content: '\e82b';
}
.icon-email:before {
  content: '\e82b';
}
.icon-basket:before {
  content: '\e82c';
}
.icon-tag-1:before {
  content: '\e82d';
}
.icon-weibo:before {
  content: '\e82e';
}
.icon-tumblr:before {
  content: '\e82f';
}
.icon-digg:before {
  content: '\e830';
}
.icon-share:before {
  content: '\e831';
}
.icon-down-1:before {
  content: '\e832';
}
.icon-left-1:before {
  content: '\e833';
}
.icon-right-1:before {
  content: '\e834';
}
.icon-up-1:before {
  content: '\e835';
}
.icon-behance:before {
  content: '\e836';
}
.icon-reddit:before {
  content: '\e837';
}
.icon-wordpress:before {
  content: '\e838';
}
.icon-vine:before {
  content: '\e839';
}
.icon-users:before {
  content: '\e83a';
}
.icon-user-female:before {
  content: '\e83b';
}
.icon-yahoo:before {
  content: '\e83c';
}
.icon-social.icon-share:before {
  content: '\e831';
}
.article-body {
  margin-top: 1em;
}
.layout-content .post-list-section {
  padding-top: 2em;
}
.layout-content .post-list-section .post-summary {
  float: none;
  padding: 0 2% 4% 4%;
  width: 48%;
  vertical-align: top;
}
@media (max-width: 480px) {
  .layout-content .post-list-section .post-summary {
    width: 97%;
  }
}
.layout-content .post-list-section .post-summary .news-content-wrapper {
  text-align: center;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .post-title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 480px) {
  .layout-content .post-list-section .post-summary .news-content-wrapper .post-title {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;
    color: #306973;
    margin-bottom: 1em;
  }
}
.layout-content .post-list-section .post-summary .news-content-wrapper .post-time {
  margin-bottom: 30px;
  position: relative;
  display: block;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .post-time.before {
  font-family: "twe-custom";
  font-size: 18px;
  vertical-align: top;
  content: "";
}
.layout-content .post-list-section .post-summary .news-content-wrapper .post-content {
  max-height: 100px;
  overflow: hidden;
  margin-bottom: 20px;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper {
  display: inline-block;
  margin-left: -7.5%;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more span {
  display: none;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .link-wrapper .post-read-more:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.layout-content .post-list-section .post-summary:nth-child(even) {
  padding-right: 0;
}
.layout-content .post-list-section .post-list .post-summary {
  padding: 0 0 4% 4%;
  display: inline-block;
}
.layout-content .post-list-section .post-list .post-summary .news-content-wrapper .post-title {
  overflow: hidden;
  margin-top: 20px;
  text-transform: uppercase;
}
.layout-content .post-list-section .post-list .post-summary .news-content-wrapper .post-content {
  max-height: 3.85em;
  overflow: hidden;
}
.layout-content .post-article-section .two-columns ol {
  margin: 2% 0 2% 4%;
}
.layout-content .post-article-section .two-columns ol li {
  position: relative;
  padding: 0 0 2% 2%;
  list-style-type: decimal;
}
.layout-content .post-article-section .two-columns ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #00A7B5;
}
.layout-content .post-article-section .article-header {
  border-bottom: none;
  display: block;
  width: 100%;
  max-width: 100%;
  padding-top: 1.5em;
}
.layout-content .post-article-section .article-header .title {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.2em;
}
.layout-content .post-article-section .article-info {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 2em;
  border-right: 0;
  border-left: 0;
  clear: both;
  zoom: 1;
}
.layout-content .post-article-section .article-info:before,
.layout-content .post-article-section .article-info:after {
  content: "";
  display: table;
}
.layout-content .post-article-section .article-info:after {
  clear: both;
}
.layout-content .post-article-section .article-info .title {
  display: none;
}
.layout-content .post-article-section .article-info .left-column {
  width: 60%;
  float: left;
  padding: 30px 0 30px 80px;
  border-right: 1px solid #CCC;
}
.layout-content .post-article-section .article-info .left-column .info {
  color: #000;
  margin-bottom: 20px;
  zoom: 1;
}
.layout-content .post-article-section .article-info .left-column .info .author {
  float: left;
  margin: 0 8px 0 1px;
  padding: 0;
  line-height: 18px;
}
.layout-content .post-article-section .article-info .left-column .info .author:before {
  font-family: "twe-custom";
  font-size: 18px;
  vertical-align: top;
  content: '\e81a';
}
.layout-content .post-article-section .article-info .left-column .info .date {
  line-height: 18px;
}
.layout-content .post-article-section .article-info .left-column .info .date:before {
  content: ":";
}
.layout-content .post-article-section .article-info .left-column .info:before,
.layout-content .post-article-section .article-info .left-column .info:after {
  content: "";
  display: table;
}
.layout-content .post-article-section .article-info .left-column .info:after {
  clear: both;
}
.layout-content .post-article-section .article-info .left-column .tag-list-section {
  padding: 0;
  background: none;
  width: 100%;
  padding-left: 8%;
  position: relative;
}
.layout-content .post-article-section .article-info .left-column .tag-list-section .tag-list .tag-item {
  margin: 0 1% 0 0;
  padding: 1%;
  float: left;
}
.layout-content .post-article-section .article-info .left-column .tag-list-section .tag-list .tag-item:hover {
  background: #00A7B5;
}
.layout-content .post-article-section .article-info .left-column .tag-list-section:before {
  font-family: "twe-custom";
  font-size: 18px;
  vertical-align: top;
  content: "\e819";
  padding: 1%;
  left: 0;
  top: -5px;
  transform: rotate(90deg);
}
.layout-content .post-article-section .article-info .right-column {
  width: 40%;
  float: left;
  padding: 50px 0 0 60px;
}
.layout-content .post-article-section .article-info .right-column .social-share {
  display: none;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list {
  padding: 0;
  zoom: 1;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list li.icon-social:before {
  display: none;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list a.icon-social {
  float: left;
  border: 1px solid;
  color: #bcbec0;
  margin: 0 0 0 6%;
  border-radius: 100%;
  font-size: 20px;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list a.icon-social:before {
  display: block;
  line-height: normal;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list li:first-child a.icon-social {
  margin: 0;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list:before,
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list:after {
  content: "";
  display: table;
}
.layout-content .post-article-section .article-info .right-column .social-share-full .social-list:after {
  clear: both;
}
.layout-content .post-article-section .image-with-content .left-column .content-wrap {
  line-height: 1.5;
}
.layout-content .post-article-section .image-with-content .left-column .content-wrap .sub-title {
  text-align: left;
  text-transform: uppercase;
}
.layout-content .post-article-section .image-with-content .column-2 {
  line-height: 1.5;
}
.layout-content .post-article-section .image-with-content .two-columns .title-alt.hide {
  clear: both;
  text-align: left;
  float: left;
  width: 100%;
}
.layout-content p > a {
  color: #00A7B5;
  text-decoration: underline;
}
.layout-content p > a:hover {
  color: #00A7B5;
  text-decoration: none;
}
.layout-content p > a:active {
  color: #00A7B5;
  text-decoration: none;
}
.layout-content p > a:visited {
  color: #00A7B5;
  text-decoration: underline;
}
.layout-content a {
  color: #00A7B5;
  text-decoration: underline;
}
.layout-content a:visited {
  color: #00A7B5;
  text-decoration: underline;
}
.post-summary .hero-image {
  position: relative;
  padding-bottom: 0em;
}
.post-summary .hero-image .tag-item {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 15px;
  background-color: #00A7B5;
  color: black;
}
.post-time:before {
  font-family: "twe-custom";
  position: relative;
  content: "\e81d";
  font-size: 20px;
  left: -5px;
  top: 1px;
}
@media only screen and (max-width: 640px) {
  .layout-content .post-article-section .article-info .left-column {
    padding: 4%;
    width: 100%;
  }
  .layout-content .post-article-section .article-info .right-column {
    float: left;
    padding: 20px 0 20px 2%;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .layout-content .post-article-section .article-info .left-column .info .author,
  .layout-content .post-article-section .article-info .left-column .info .date {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4%;
  }
  .layout-content .post-article-section .article-info .left-column .info .date {
    padding: 0 0 0 2%;
  }
  .layout-content .post-article-section .article-info .right-column {
    padding: 20px 0 20px 4%;
  }
}
.layout-content .simple-content {
  background: transparent;
  padding: 70px 6% 4% 6%;
  margin: 0;
}
.layout-content .simple-content h2 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  letter-spacing: initial;
}
.layout-content .simple-content p {
  margin-bottom: 20px;
}
.layout-content .simple-content ul,
.layout-content .simple-content ol {
  margin: 0 0 1.5em 35px;
}
.layout-content .simple-content ul li {
  line-height: 1.3em;
  margin: 0 0 1em 0;
  list-style: none;
  display: block;
  position: relative;
}
.layout-content .simple-content ul li:before {
  background-color: #525252;
  border-radius: 30px;
  content: "";
  height: 4px;
  position: absolute;
  top: 10px;
  width: 4px;
  margin-left: -17px;
}
.layout-content .simple-content ol li {
  margin: 0 0 0.5em 0;
}
.layout-content .simple-content .two-columns .left-column {
  width: 100% !important;
}
.layout-content .simple-content .two-columns .left-column .content-wrap {
  width: 100%;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.layout-content .simple-content .two-columns .column-2,
.layout-content .simple-content .two-columns .right-column {
  display: none;
}
.sitemap .layout-content {
  border-top: 1px solid #00A7B5;
  padding: 4%;
}
.sitemap .layout-content .layout-content > * {
  border: 0;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .sitemap .layout-content .layout-content > * {
    border: 0;
    width: 100%;
    margin: 0;
  }
}
.sitemap .layout-content ul {
  margin-bottom: 60px;
}
.sitemap .layout-content ul .level-sitemap1 {
  font-weight: bold;
  padding: 5px 0 5px 45px;
}
.sitemap .layout-content ul .level-sitemap2 {
  font-weight: bolder;
  padding: 5px 0 5px 65px;
}
.sitemap .layout-content ul .level-sitemap3 {
  padding: 5px 0 5px 85px;
}
@media only screen and (max-width: 768px) {
  .layout-content .simple-content {
    padding: 6%;
  }
}
@media only screen and (max-width: 640px) {
  .layout-content .simple-content .content-container > h2 {
    position: relative;
    margin: 30px 0 0 0;
    padding-right: 30px;
    cursor: pointer;
  }
  .layout-content .simple-content .content-container > h2:after {
    content: "\e814";
    font-size: 20px;
    color: #00a7b5;
    width: 32px;
    height: 32px;
    font-family: "twe-custom";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    vertical-align: middle;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Font smoothing.*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    top: 0;
  }
  .layout-content .simple-content .content-container > h2.active:after {
    content: "\e817";
  }
  .layout-content .simple-content .content-container > div {
    margin-top: 10px;
  }
  .layout-content .simple-content .content-container .accBody {
    display: none;
  }
}
::-webkit-input-placeholder {
  color: #00a7b5;
  opacity: 1;
}
:-moz-placeholder {
  color: #00a7b5;
  opacity: 1;
}
::-moz-placeholder {
  color: #00a7b5;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #00a7b5;
  opacity: 1;
}
.contact-us-page .layout-content > .widget.image-with-content {
  width: 95%;
  padding: 70px 0 0;
  margin: 0 auto 30px auto;
}
.contact-us-page .layout-content > .widget.image-with-content .title-alt {
  margin: 0;
}
.contact-us-page .layout-content > .widget.image-with-content .left-column {
  display: none;
}
.layout-content .page-contact-us {
  margin: 0 auto;
}
.layout-content .page-contact-us,
.layout-content .join-us-container {
  width: 95%;
  padding-bottom: 20px;
}
.layout-content .page-contact-us .left-column,
.layout-content .join-us-container .left-column {
  width: 100%;
  margin-bottom: 25px;
}
.layout-content .page-contact-us .left-column .map,
.layout-content .join-us-container .left-column .map {
  float: left;
  width: 76%;
  margin-right: 4%;
  height: 400px;
}
.layout-content .page-contact-us .left-column .map-address,
.layout-content .join-us-container .left-column .map-address {
  float: right;
  width: 20%;
}
.layout-content .page-contact-us .left-column .map-address h2,
.layout-content .join-us-container .left-column .map-address h2 {
  display: none;
}
.layout-content .page-contact-us .left-column .map-address .yellow,
.layout-content .join-us-container .left-column .map-address .yellow {
  font-weight: bold;
  margin-bottom: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  line-height: 1.1em;
}
.layout-content .page-contact-us .left-column .map-address .content-container,
.layout-content .join-us-container .left-column .map-address .content-container {
  margin: 0.25em 0 1em;
}
.layout-content .page-contact-us .left-column .map-address p,
.layout-content .join-us-container .left-column .map-address p {
  margin-bottom: 0.5em;
  color: #525252;
}
.layout-content .page-contact-us .right-column,
.layout-content .join-us-container .right-column {
  width: 100%;
  float: none;
}
.layout-content .form-wrapper .vlist {
  zoom: 1;
}
.layout-content .form-wrapper .vlist .tc {
  width: 48%;
  float: left;
  padding: 0;
  margin: 0 0 16px;
  position: relative;
}
.layout-content .form-wrapper .vlist .tc div.tcenter {
  position: relative;
  width: auto;
  display: inline-block;
}
.layout-content .form-wrapper .vlist .tc div.tcenter:before {
  position: absolute;
  cursor: pointer;
  padding: 6px 8px 6px 6px;
  font-family: "twe-custom";
  content: "\e820";
  border: 1px solid #00A7B5;
  color: #00A7B5;
  right: 0;
  z-index: 11;
  width: 12px;
  height: 16px;
  display: inline-block;
  /* &:hover{
                                             background:lighten(@detail-page-background,100%);
                                             color:  @detail-page-background;
                                    }*/
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  padding: 0 40px 0 14px;
  color: #00A7B5;
  border-radius: 0;
  position: relative;
  line-height: 26px;
  width: 100%;
  z-index: 10;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button span {
  display: none;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter .submit-button:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter:hover {
  color: #ffffff;
  background: #00A7B5;
}
.layout-content .form-wrapper .vlist .tc div.tcenter:hover .submit-button {
  color: #fff;
}
.layout-content .form-wrapper .vlist .tc div.tcenter:hover:before {
  background: transparent;
  color: #00A7B5;
  border: 1px solid #00A7B5;
}
.layout-content .form-wrapper .vlist .tc.full-width {
  width: 100%;
}
.layout-content .form-wrapper .vlist .tc label {
  display: none;
}
.layout-content .form-wrapper .vlist .tc div {
  position: relative;
  top: 0;
  width: 100%;
}
.layout-content .form-wrapper .vlist .tc div input,
.layout-content .form-wrapper .vlist .tc div select,
.layout-content .form-wrapper .vlist .tc div textarea {
  outline: none;
  height: 39px;
  width: 100%;
  font-size: 14px;
  color: #306973;
  font-family: 'Alegreya Sans SC', sans-serif;
  border: 1px solid #00a7b5;
  padding: 7px 20px;
}
.layout-content .form-wrapper .vlist .tc div select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: transparent;
  position: relative;
  color: #00a7b5;
}
.layout-content .form-wrapper .vlist .tc div select option {
  padding: 10px 20px;
  color: #306973;
}
.layout-content .form-wrapper .vlist .tc div select option:first-child {
  color: #00a7b5;
}
.layout-content .form-wrapper .vlist .tc div select::-ms-expand {
  display: none;
}
.layout-content .form-wrapper .vlist .tc div textarea {
  height: 199px;
  background: transparent;
}
.layout-content .form-wrapper .vlist .tc div .styled-select-label {
  display: none;
}
.layout-content .form-wrapper .vlist .tc .select-box:before {
  content: "\e814";
  font-size: 20px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #00a7b5;
  height: 100%;
  width: 39px;
  line-height: 38px;
  color: #306973;
}
.layout-content .form-wrapper .vlist li:first-child {
  float: none;
  display: block;
  clear: both;
  width: 100%;
  height: auto;
  overflow: auto;
}
.layout-content .form-wrapper .vlist li:first-child .errors {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.layout-content .form-wrapper .vlist li:first-child .errors .error {
  line-height: 20px;
  color: #ff0000;
  padding: 0 0 0 25px;
  margin: 0 2% 2%;
  position: relative;
  width: 29.33%;
  float: left;
}
.layout-content .form-wrapper .vlist li:first-child .errors .error:after {
  content: 'x';
  position: absolute;
  left: 0;
  padding: 0 5px 2px;
  top: 1px;
  border-radius: 5px;
  line-height: 15px;
  border-left: 1px solid #00A7B5;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
}
.layout-content .form-wrapper .vlist li:nth-child(2n) {
  margin-right: 4%;
}
.layout-content .form-wrapper .vlist:before,
.layout-content .form-wrapper .vlist:after {
  content: "";
  display: table;
}
.layout-content .form-wrapper .vlist:after {
  clear: both;
}
.hlist.social > li.search {
  display: none;
}
@media (max-width: 1024px) {
  .layout-content .page-contact-us .left-column .map-address {
    width: 32%;
  }
  .layout-content .page-contact-us .left-column .map {
    width: 64%;
  }
}
@media (max-width: 768px) {
  .contact-us-page .layout-content > .widget.image-with-content {
    padding-top: 30px;
  }
  .layout-content .page-contact-us .left-column .map {
    width: 100%;
    margin-right: 0%;
    height: 260px;
  }
  .layout-content .page-contact-us .left-column .map-address {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 640px) {
  .layout-content .page-contact-us {
    width: 92%;
  }
  .layout-content .page-contact-us .right-column {
    width: 100%;
    float: none;
  }
  .layout-content .form-wrapper .vlist {
    zoom: 1;
  }
  .layout-content .form-wrapper .vlist .tc {
    width: 48%;
    float: left;
    display: block;
    margin: 0 0 4% 0;
    position: relative;
  }
  .layout-content .form-wrapper .vlist .tc.full-width {
    width: 100%;
  }
  .layout-content .form-wrapper .vlist div {
    position: relative;
    top: 0;
    width: 96%;
  }
  .layout-content .form-wrapper .vlist li:first-child .errors {
    float: left;
  }
  .layout-content .form-wrapper .vlist li:first-child .errors .error {
    width: 45%;
  }
  .layout-content .form-wrapper .vlist li:nth-child(2n) {
    margin-right: 4%;
  }
  .layout-content .form-wrapper .vlist:before,
  .layout-content .form-wrapper .vlist:after {
    content: "";
    display: table;
  }
  .layout-content .form-wrapper .vlist:after {
    clear: both;
  }
}
@media (max-width: 480px) {
  .layout-content .page-contact-us {
    width: 92%;
  }
  .layout-content .page-contact-us .right-column {
    width: 100%;
    float: none;
  }
  .layout-content .form-wrapper .vlist {
    zoom: 1;
  }
  .layout-content .form-wrapper .vlist .tc {
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 4% 0;
    position: relative;
  }
  .layout-content .form-wrapper .vlist .tc.full-width {
    width: 100%;
  }
  .layout-content .form-wrapper .vlist li:first-child .errors .error {
    width: 100%;
  }
  .layout-content .form-wrapper .vlist li:nth-child(2n) {
    margin-right: 4%;
  }
  .layout-content .form-wrapper .vlist:before,
  .layout-content .form-wrapper .vlist:after {
    content: "";
    display: table;
  }
  .layout-content .form-wrapper .vlist:after {
    clear: both;
  }
}
/* Social Share Component ------------------ */
#social-share-container {
  display: none;
}
.social-share-standarder {
  display: none;
}
.related-section .related-title {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 50px 0 0 0;
  text-align: center;
  background: #00A7B5;
  padding: 10px 0;
  font-size: 15px;
}
.related-section .news-list {
  overflow: hidden;
  padding: 0 0 4% 0;
}
@media (max-width: 768px) {
  .related-section .news-list {
    margin: 0 auto;
    width: 98%;
  }
}
.related-section .news-list .news-post {
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  width: 33%;
  float: left;
  position: relative;
  margin: 0 0.5% 5px 0;
  padding: 0;
}
@media (max-width: 640px) {
  .related-section .news-list .news-post {
    width: 45%;
  }
}
@media (max-width: 480px) {
  .related-section .news-list .news-post {
    width: 100%;
  }
}
.related-section .news-list .news-post:nth-child(3n+3) {
  float: right;
  margin-right: 0;
}
@media (max-width: 640px) {
  .related-section .news-list .news-post:nth-child(3n+3) {
    margin-right: 2.9%;
    float: left;
  }
}
.related-section .news-list .news-post .news-social,
.related-section .news-list .news-post .news-sharing {
  display: none;
}
.related-section .news-list .news-post .content-wrap {
  padding: 25px 20px;
}
@media (max-width: 480px) {
  .related-section .news-list .news-post .content-wrap {
    padding: 25px 20px 40px;
  }
}
.related-section .news-list .news-post .content-wrap .news-title {
  color: #00A7B5;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  margin-bottom: 15px;
}
.related-section .news-list .news-post .content-wrap .news-time {
  display: none;
}
.related-section .news-list .news-post .content-wrap .news-time-top.hide {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  color: #00A7B5;
  text-transform: none;
  font-weight: 100;
  height: 20px;
  letter-spacing: 1px;
  overflow: hidden;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.related-section .news-list .news-post .content-wrap .content-container {
  line-height: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.related-section .news-list .news-post .content-wrap .news-actions {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.related-section .news-list .news-post .content-wrap .news-actions .button {
  /* text-decoration: none;
            position: relative;
            &:after {
            .fontIcon("\e820", 14px);
            position: absolute;
            top: 0;
            left: 100%;
        }*/
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
  margin-left: 20px;
}
.related-section .news-list .news-post .content-wrap .news-actions .button span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.related-section .news-list .news-post .content-wrap .news-actions .button span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.related-section .news-list .news-post .content-wrap .news-actions .button:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.related-section .news-list .news-post .content-wrap .news-actions .button span {
  display: none;
}
.related-section .news-list .news-post .content-wrap .news-actions .button:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.related-section .news-list .news-post .content-wrap .news-actions .button:hover {
  color: #ffffff;
  background: #00A7B5;
}
.related-section .news-list .news-post .content-wrap .news-actions .button:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.related-section .news-list .news-post .content-wrap .news-actions .news-sharing {
  display: none;
}
.related-section .news-list .news-post .content-wrap .content-container {
  overflow: hidden;
  margin-bottom: 20px;
}
.news-list .widget.hero h1 {
  padding-left: 1.1%;
}
@media (max-width: 640px) {
  .news-list .widget.hero h1 {
    padding-left: 2.4%;
  }
}
.news-list .news-posts {
  padding: 0;
}
.news-list .news-posts .wrapper {
  width: 30.6%;
  float: left;
  position: relative;
  border: 1px solid #00A7B5;
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
  margin: 19px 1.3% 25px 1.3%;
}
@media (max-width: 1419px) {
}
@media (max-width: 640px) {
  .news-list .news-posts .wrapper {
    width: 46%;
    margin: 5px 0 5px 2.9%;
  }
}
@media (max-width: 560px) {
  .news-list .news-posts .wrapper {
    width: 94%;
    margin: 5px auto 20px;
    float: none;
  }
}
.news-list .news-posts .wrapper .social-share-full {
  display: none;
}
.news-list .news-posts .wrapper .content-container {
  overflow: hidden;
  margin-bottom: 40px;
}
.news-list .news-posts .content-wrap {
  padding: 25px 20px;
}
@media (max-width: 480px) {
  .news-list .news-posts .content-wrap {
    padding: 25px 20px 40px;
  }
}
.news-list .news-posts .content-wrap .news-title {
  color: #00A7B5;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  margin-bottom: 15px;
}
.news-list .news-posts .content-wrap .news-time {
  display: none;
}
.news-list .news-posts .content-wrap .news-time-top.hide {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  color: #00A7B5;
  text-transform: none;
  font-weight: 100;
  height: 20px;
  letter-spacing: 1px;
  overflow: hidden;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.news-list .news-posts .content-wrap .content-container {
  line-height: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.news-list .news-posts .content-wrap .news-actions {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
}
.news-list .news-posts .content-wrap .news-actions .button {
  /* text-decoration: none;
            position: relative;
            &:after {
            .fontIcon("\e820", 14px);
            position: absolute;
            top: 0;
            left: 100%;
        }*/
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
  margin-left: 20px;
}
.news-list .news-posts .content-wrap .news-actions .button span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.news-list .news-posts .content-wrap .news-actions .button span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.news-list .news-posts .content-wrap .news-actions .button:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.news-list .news-posts .content-wrap .news-actions .button span {
  display: none;
}
.news-list .news-posts .content-wrap .news-actions .button:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.news-list .news-posts .content-wrap .news-actions .button:hover {
  color: #ffffff;
  background: #00A7B5;
}
.news-list .news-posts .content-wrap .news-actions .button:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.news-list .news-posts .content-wrap .news-actions .news-sharing {
  display: none;
}
.news-list .controls {
  clear: both;
  display: block;
  position: relative;
  margin-bottom: 70px;
}
.news-list .controls .owl-prev,
.news-list .controls .prev,
.news-list .controls .owl-next,
.news-list .controls .next {
  display: block;
  position: absolute;
  height: 50px;
  width: 50px;
  text-align: center;
  border: 1px solid #00A7B5;
  border-radius: 30px;
  padding: 1%;
  top: 40%;
  line-height: 43px;
  text-indent: -999em;
  opacity: 0.55;
}
.news-list .controls .owl-prev:after,
.news-list .controls .prev:after,
.news-list .controls .owl-next:after,
.news-list .controls .next:after {
  border: 2px solid #00A7B5;
  border-radius: 30px;
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.news-list .controls .owl-prev:before,
.news-list .controls .prev:before,
.news-list .controls .owl-next:before,
.news-list .controls .next:before {
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid rgba(0, 0, 0, 0);
  content: "";
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 34%;
}
.news-list .controls .owl-prev:hover,
.news-list .controls .prev:hover,
.news-list .controls .owl-next:hover,
.news-list .controls .next:hover {
  opacity: 1;
}
@media (max-width: 480px) {
  .news-list .controls .owl-prev .owl-prev,
  .news-list .controls .prev .owl-prev,
  .news-list .controls .owl-next .owl-prev,
  .news-list .controls .next .owl-prev,
  .news-list .controls .owl-prev .prev,
  .news-list .controls .prev .prev,
  .news-list .controls .owl-next .prev,
  .news-list .controls .next .prev {
    right: auto;
  }
  .news-list .controls .owl-prev .owl-next,
  .news-list .controls .prev .owl-next,
  .news-list .controls .owl-next .owl-next,
  .news-list .controls .next .owl-next,
  .news-list .controls .owl-prev .next,
  .news-list .controls .prev .next,
  .news-list .controls .owl-next .next,
  .news-list .controls .next .next {
    left: auto;
  }
}
.news-list .controls .owl-prev,
.news-list .controls .prev {
  right: 100%;
}
.news-list .controls .owl-prev:before,
.news-list .controls .prev:before {
  border-right: 12px solid #00A7B5;
  right: 41%;
}
@media (max-width: 768px) {
  .news-list .controls .owl-prev,
  .news-list .controls .prev {
    right: 98%;
  }
}
@media (max-width: 480px) {
  .news-list .controls .owl-prev,
  .news-list .controls .prev {
    right: 82%;
  }
}
.news-list .controls .owl-next,
.news-list .controls .next {
  left: 100%;
}
.news-list .controls .owl-next:before,
.news-list .controls .next:before {
  left: 41%;
  border-left: 12px solid #00A7B5;
}
@media (max-width: 768px) {
  .news-list .controls .owl-next,
  .news-list .controls .next {
    left: 98%;
  }
}
@media (max-width: 480px) {
  .news-list .controls .owl-next,
  .news-list .controls .next {
    left: 82%;
  }
}
.news-list .controls .prev,
.news-list .controls .next {
  z-index: 9;
}
.news-list .controls .prev.disabled,
.news-list .controls .next.disabled {
  display: none;
}
.news-list .controls .prev {
  right: 60%;
}
@media (max-width: 480px) {
  .news-list .controls .prev {
    right: 65%;
  }
}
.news-list .controls .next {
  left: 60%;
}
@media (max-width: 480px) {
  .news-list .controls .next {
    left: 65%;
  }
}
.news-list .controls .page-numbers {
  text-align: center;
  color: #525252;
  position: relative;
  top: 25px;
  zoom: 1;
}
.news-list .controls .page-numbers .current,
.news-list .controls .page-numbers .separator,
.news-list .controls .page-numbers .total {
  display: inline-block;
}
.news-list .controls .page-numbers .separator {
  margin: 0 10px;
}
.news-list .controls .page-numbers:before,
.news-list .controls .page-numbers:after {
  content: "";
  display: table;
}
.news-list .controls .page-numbers:after {
  clear: both;
}
.news-details .layout-content,
.news-list .layout-content {
  background: #e4e4e4;
}
.news-details .layout-content .post-article-section .article-info {
  float: none;
  border: none;
  margin-bottom: 0;
}
.news-details .layout-content .post-article-section .article-info .left-column {
  padding: 0 0 0 6%;
  border: none;
}
.news-details .layout-content .post-article-section .article-info .left-column .info {
  margin-bottom: 0;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  color: #00A7B5;
  text-transform: none;
  font-weight: 100;
  height: 20px;
  letter-spacing: 1px;
  overflow: hidden;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
.news-details .layout-content .post-article-section .article-info .left-column .info .date:before {
  content: ":";
}
.news-details .layout-content .post-article-section .article-info .right-column {
  display: none;
}
.news-details .layout-content .video-wrapper .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.news-details .layout-content .video-wrapper .video iframe,
.news-details .layout-content .video-wrapper .video object,
.news-details .layout-content .video-wrapper .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.awards .select-box select::-ms-expand {
  display: none;
}
.awardsIcons {
  display: block;
  position: absolute;
  top: 25px;
  margin-left: -60px;
}
.awardsIcons:before {
  padding: 0.2em;
}
.awardsIcons.medal:before {
  left: -6px;
  top: 4px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f100';
  font-size: 50px;
  color: #b4ac80;
}
.awardsIcons.trophy:before {
  left: -14px;
  top: -6px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f105';
  font-size: 60px;
  color: #b4ac80;
}
.awardsIcons.points:before {
  top: 6px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f102';
  font-size: 35px;
  color: #b4ac80;
}
.awardsIcons.review:before {
  top: 2px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f108';
  font-size: 35px;
  color: #b4ac80;
}
.awardsIcons.star:before {
  top: 4px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f104';
  font-size: 40px;
  color: #b4ac80;
}
.awardsIcons.silver:before {
  color: #abaeaf;
}
.awards .hero.tc {
  width: 100%;
}
.awards .awards-list-section {
  padding: 4% 6%;
}
.awards .awards-list-section .award-filter {
  margin-bottom: 50px;
  overflow: hidden;
}
.awards .awards-list-section .award-filter .filter-product,
.awards .awards-list-section .award-filter .filter-award {
  width: 100%;
  zoom: 1;
  margin-top: 10px;
}
.awards .awards-list-section .award-filter .filter-product:before,
.awards .awards-list-section .award-filter .filter-award:before,
.awards .awards-list-section .award-filter .filter-product:after,
.awards .awards-list-section .award-filter .filter-award:after {
  content: "";
  display: table;
}
.awards .awards-list-section .award-filter .filter-product:after,
.awards .awards-list-section .award-filter .filter-award:after {
  clear: both;
}
.awards .awards-list-section .award-filter .filter-product .title,
.awards .awards-list-section .award-filter .filter-award .title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
  text-transform: none;
  padding: 0;
  margin-bottom: 15px;
  letter-spacing: 0;
  font-size: 20px;
}
.awards .awards-list-section .award-filter .filter-product .select-box,
.awards .awards-list-section .award-filter .filter-award .select-box {
  width: 30%;
  position: relative;
  margin: 0 0 15px 5%;
  float: left;
}
.awards .awards-list-section .award-filter .filter-product .select-box:nth-child(3n+2),
.awards .awards-list-section .award-filter .filter-award .select-box:nth-child(3n+2) {
  margin-left: 0;
}
@media (max-width: 1023px) {
  .awards .awards-list-section .award-filter .filter-product .select-box,
  .awards .awards-list-section .award-filter .filter-award .select-box {
    width: 47.5%;
    margin: 0 0 15px 5%;
  }
  .awards .awards-list-section .award-filter .filter-product .select-box:nth-child(2n+2),
  .awards .awards-list-section .award-filter .filter-award .select-box:nth-child(2n+2) {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .awards .awards-list-section .award-filter .filter-product .select-box,
  .awards .awards-list-section .award-filter .filter-award .select-box {
    width: 100%;
    margin: 0 0 10px;
  }
}
.awards .awards-list-section .award-filter .filter-product .select-box select,
.awards .awards-list-section .award-filter .filter-award .select-box select {
  position: relative;
  border: 1px solid #00A7B5;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  outline: none;
  cursor: pointer;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  line-height: 15.5px;
  font-weight: bold;
  margin-bottom: 1em;
  color: #00A7B5;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: normal;
  line-height: 30px;
}
.awards .awards-list-section .award-filter .filter-product .select-box:before,
.awards .awards-list-section .award-filter .filter-award .select-box:before {
  content: "\e814";
  font-size: 20px;
  color: #00a7b5;
  width: 32px;
  height: 32px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #00a7b5;
  height: 100%;
  width: 39px;
  line-height: 38px;
  height: 40px;
}
.awards .awards-list-section .award-filter .filter-product .button-box,
.awards .awards-list-section .award-filter .filter-award .button-box {
  position: relative;
  width: 70px;
  float: left;
  margin: 0 0 15px 5%;
}
@media (max-width: 1023px) {
  .awards .awards-list-section .award-filter .filter-product .button-box:nth-child(2n+2),
  .awards .awards-list-section .award-filter .filter-award .button-box:nth-child(2n+2) {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .awards .awards-list-section .award-filter .filter-product .button-box,
  .awards .awards-list-section .award-filter .filter-award .button-box {
    margin: 0 0 10px;
  }
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button {
  display: block;
  font-family: "twe-custom";
  float: left;
  height: 30px;
  letter-spacing: 0;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid;
  text-decoration: none;
  border-color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  position: relative;
  color: #00A7B5;
  border-radius: 0;
  width: auto;
  line-height: 26px;
  font-size: 14px;
  height: 40px;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button span,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button span {
  height: 30px;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button span:after,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button span:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  padding: 0 10px;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button:after,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button:after {
  font-family: "twe-custom";
  content: "\e816";
  position: absolute;
  border-left: 1px solid;
  left: 100%;
  text-align: center;
  width: 28px;
  top: -1px;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button span,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button span {
  display: none;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button:after,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button:after {
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  content: '\e820';
  color: #00a7b5;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button:hover,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button:hover {
  color: #ffffff;
  background: #00A7B5;
}
.awards .awards-list-section .award-filter .filter-product .button-box .submit-button:hover:after,
.awards .awards-list-section .award-filter .filter-award .button-box .submit-button:hover:after {
  border-color: #00A7B5;
  color: #00a7b5;
}
.awards .awards-list-section .award-filter .filter-product .button-box:after,
.awards .awards-list-section .award-filter .filter-award .button-box:after {
  position: absolute;
  padding: 6px 6px 6px 10px;
  height: 26px;
  font-family: "twe-custom";
  content: "\e820";
  border: 1px solid #00A7B5;
  border-left: 0 none;
  color: #00A7B5;
  line-height: 26px;
  width: 20px;
}
.awards .awards-list-wrapper .award {
  float: none;
  min-height: 170px;
  padding: 5px 5px 5px 110px;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.awards .awards-list-wrapper .award .hero-image {
  max-width: 50px;
  height: 175px;
  width: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  top: 12px;
}
.awards .awards-list-wrapper .award .hero-image img {
  display: block;
  height: 100%;
  max-width: 50px;
  width: auto;
}
.awards .awards-list-wrapper .award .icon-award {
  display: block;
  position: absolute;
  top: 25px;
  margin-left: -60px;
  top: -2px;
}
.awards .awards-list-wrapper .award .icon-award:before {
  padding: 0.2em;
}
.awards .awards-list-wrapper .award .icon-award.medal:before {
  left: -6px;
  top: 4px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f100';
  font-size: 50px;
  color: #b4ac80;
}
.awards .awards-list-wrapper .award .icon-award.trophy:before {
  left: -14px;
  top: -6px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f105';
  font-size: 60px;
  color: #b4ac80;
}
.awards .awards-list-wrapper .award .icon-award.points:before {
  top: 6px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f102';
  font-size: 35px;
  color: #b4ac80;
}
.awards .awards-list-wrapper .award .icon-award.review:before {
  top: 2px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f108';
  font-size: 35px;
  color: #b4ac80;
}
.awards .awards-list-wrapper .award .icon-award.star:before {
  top: 4px;
  font-family: "twe-glyphs";
  position: relative;
  content: '\f104';
  font-size: 40px;
  color: #b4ac80;
}
.awards .awards-list-wrapper .award .icon-award.silver:before {
  color: #abaeaf;
}
.awards .awards-list-wrapper .award .award-wine-range,
.awards .awards-list-wrapper .award .award-wine,
.awards .awards-list-wrapper .award .award-result,
.awards .awards-list-wrapper .award .award-detail {
  display: block;
  clear: both;
  font-size: 19px;
  font-family: 'Alegreya Sans SC', sans-serif;
}
.awards .awards-list-wrapper .award .award-wine-range {
  font-size: 14px;
  margin-bottom: 5px;
}
.awards .awards-list-wrapper .award .award-wine {
  color: #00A7B5;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.awards .awards-list-wrapper .award .award-result {
  color: #525252;
  margin-bottom: 5px;
}
.awards .awards-list-wrapper .award .award-detail {
  font-size: 16px;
}
.awards .awards-list-wrapper .award .award-detail.review {
  margin-top: 5px;
}
.awards .awards-list-wrapper .award .award-detail.review span {
  display: block;
  font-style: italic;
}
.awards .awards-list-wrapper .award .award-detail.review a {
  font-size: 12px;
}
.awards .awards-list-wrapper .owl-controls {
  display: block;
  width: 100%;
  bottom: 18px;
}
.awards .awards-list-wrapper .owl-controls .owl-nav {
  bottom: 0;
}
.awards .awards-list-wrapper .owl-controls .owl-prev,
.awards .awards-list-wrapper .owl-controls .owl-next {
  text-indent: -999em;
  line-height: 0;
  bottom: 0;
}
.awards .awards-list-wrapper .owl-controls .owl-prev:after,
.awards .awards-list-wrapper .owl-controls .owl-next:after {
  text-indent: 0;
  line-height: 18px;
}
.awards .awards-list-wrapper .owl-controls .owl-dots {
  margin: 0 auto;
  bottom: 5px;
}
.awards .awards-list-wrapper .owl-controls .owl-dots .owl-dot {
  background-color: #00A7B5;
}
.noResultsFound {
  clear: both;
  text-align: center;
  padding-top: 10px;
}
.noResultsFound p {
  font-size: 18px;
}
.noResultsFound .winery-awards-list {
  width: 85%;
  margin: 0 auto;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item {
  zoom: 1;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item {
  width: 50%;
  float: left;
  margin-bottom: 40px;
  min-height: 130px;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper {
  zoom: 1;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .item-image {
  width: 185px;
  height: 120px;
  float: left;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .content {
  padding: 0 50px 0 215px;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .content .uc {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .content .uc,
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .content .designation,
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper .content .content-container {
  margin: 0;
  padding: 0 0 7px 0;
  font-weight: 100;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper:after {
  content: "";
  display: table;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item .child-item .item-wrapper:after {
  clear: both;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item:after {
  content: "";
  display: table;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-stage-outer .owl-stage .owl-item:after {
  clear: both;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls {
  height: 55px;
  margin-bottom: 85px;
  position: relative;
  top: 0;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
  display: block;
  position: absolute;
  height: 50px;
  width: 50px;
  text-align: center;
  border: 1px solid #00A7B5;
  border-radius: 30px;
  padding: 1%;
  top: 40%;
  line-height: 43px;
  text-indent: -999em;
  opacity: 0.55;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:after {
  border: 2px solid #00A7B5;
  border-radius: 30px;
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:before {
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid rgba(0, 0, 0, 0);
  content: "";
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 34%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:hover {
  opacity: 1;
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .prev {
    right: auto;
  }
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .next {
    left: auto;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
  right: 100%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:before {
  border-right: 12px solid #00A7B5;
  right: 41%;
}
@media (max-width: 768px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
    right: 98%;
  }
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
    right: 82%;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
  left: 100%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:before {
  left: 41%;
  border-left: 12px solid #00A7B5;
}
@media (max-width: 768px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
    left: 98%;
  }
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
    left: 82%;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev {
  right: 51%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next {
  left: 51%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-dots {
  display: none;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
  display: block;
  position: absolute;
  height: 50px;
  width: 50px;
  text-align: center;
  border: 1px solid #00A7B5;
  border-radius: 30px;
  padding: 1%;
  top: 40%;
  line-height: 43px;
  text-indent: -999em;
  opacity: 0.55;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:after,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:after {
  border: 2px solid #00A7B5;
  border-radius: 30px;
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:before {
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid rgba(0, 0, 0, 0);
  content: "";
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 34%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:hover,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:hover {
  opacity: 1;
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .prev {
    right: auto;
  }
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next .next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next .next {
    left: auto;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
  right: 100%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev:before {
  border-right: 12px solid #00A7B5;
  right: 41%;
}
@media (max-width: 768px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
    right: 98%;
  }
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .prev {
    right: 82%;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
  left: 100%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next:before,
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next:before {
  left: 41%;
  border-left: 12px solid #00A7B5;
}
@media (max-width: 768px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
    left: 98%;
  }
}
@media (max-width: 480px) {
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next,
  .noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .next {
    left: 82%;
  }
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-prev {
  right: 51%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-nav .owl-next {
  left: 51%;
}
.noResultsFound .winery-awards-list .owl-carousel .owl-controls .owl-dots {
  display: none;
}
/*--------------- Teamplate B Mixins --------------------*/
/*----------------- History Module -------------------*/
.history-content-carousel {
  min-height: 240px;
}
.history-module .label-wrapper {
  /*font-size: @site-font-size;
        font-family: @site-secondary-font;
        color: @link-color;*/
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1em;
  zoom: 1;
}
.history-module .label-wrapper .label a {
  text-decoration: underline;
}
.history-module .label-wrapper .label:hover {
  cursor: pointer;
}
.history-module .label-wrapper .label:hover a {
  text-decoration: none;
}
.history-module .label-wrapper .label.left {
  float: left;
  margin-left: 1.75em;
}
.history-module .label-wrapper .label.right {
  float: right;
  margin-right: 1.75em;
}
.history-module .label-wrapper:before,
.history-module .label-wrapper:after {
  content: "";
  display: table;
}
.history-module .label-wrapper:after {
  clear: both;
}
.history-module .timeline {
  border: 1px solid #00A7B5;
  position: relative;
  font-size: 16px;
  font-family: "Vollkorn', serif", Arial, sans-serif;
  padding: 0 3em;
}
.history-module .timeline .owl-item {
  border-right: 1px solid #00A7B5;
  padding: 20px 0;
  text-align: center;
  cursor: pointer;
}
.history-module .timeline .owl-item a {
  color: #00A7B5;
  text-decoration: none;
}
.history-module .timeline .owl-item:hover {
  background-color: #00A7B5;
}
.history-module .timeline .owl-item:hover a {
  color: #ffffff;
}
.history-module .timeline .selected {
  cursor: default;
  background: #306973;
}
.history-module .timeline .selected a {
  color: #ffffff;
}
.history-module .timeline .selected:hover {
  cursor: default;
  background: #306973;
}
.history-module .timeline .selected:hover a {
  border-bottom: none;
}
.history-module .timeline .owl-controls {
  position: static;
}
.history-module .timeline .owl-nav {
  display: block;
}
.history-module .timeline .owl-nav div {
  height: 100%;
  width: 3em;
  min-height: 100%;
}
.history-module .timeline .owl-nav div:first-child {
  border-right: 1px solid #00A7B5;
}
.history-module .timeline .owl-next,
.history-module .timeline .owl-prev {
  border: none;
  border-radius: 0;
  display: block;
  height: auto;
  position: absolute;
  top: 0;
  text-indent: -9999px;
  background: none;
  width: 100%;
}
.history-module .timeline .owl-next:before,
.history-module .timeline .owl-prev:before {
  display: block;
  position: absolute;
  top: 50%;
  text-indent: 0;
  margin-top: -9px;
}
.history-module .timeline .owl-next:after,
.history-module .timeline .owl-prev:after {
  display: none;
}
.history-module .timeline .owl-next.disabled,
.history-module .timeline .owl-prev.disabled {
  cursor: auto;
}
.history-module .timeline .owl-next.disabled:hover,
.history-module .timeline .owl-prev.disabled:hover {
  background-color: transparent !important;
  pointer-events: none;
  cursor: default;
}
.history-module .timeline .owl-next.disabled:before,
.history-module .timeline .owl-prev.disabled:before {
  opacity: 0;
}
.history-module .timeline .owl-next:hover,
.history-module .timeline .owl-prev:hover {
  background-color: #00A7B5 !important;
}
.history-module .timeline .owl-next:hover:before,
.history-module .timeline .owl-prev:hover:before {
  color: #ffffff;
}
.history-module .timeline .owl-prev {
  left: 0;
}
.history-module .timeline .owl-prev:before {
  content: "\e833";
  font-size: 20px;
  color: #00a7b5;
  width: 100%;
  height: 20px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 0;
}
.history-module .timeline .owl-next {
  right: 0;
}
.history-module .timeline .owl-next:before {
  content: "\e834";
  font-size: 20px;
  color: #00a7b5;
  width: 100%;
  height: 20px;
  font-family: "twe-custom";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  vertical-align: middle;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* Font smoothing.*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 0;
}
.history-module .history-content-carousel {
  padding: 3.4em 3em;
}
.history-module .history-content-carousel .history-subtitle {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #00A7B5;
  display: block;
  margin-bottom: 1.4em;
}
.history-module .history-content-carousel .history-subtitle p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #00A7B5;
  display: block;
  margin: 0;
}
.history-module .history-content-carousel h1 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
}
.history-module .history-content-carousel .history-extract {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.history-module .history-content-carousel .history-item-image {
  float: left;
  max-width: 55%;
  margin: 0 4% 0 0;
}
.history-module .history-content-carousel .owl-video-play-icon {
  width: 152px;
  height: 152px;
  margin: -76px 0 0 -76px;
}
.history-module .history-content-carousel .history-item-video {
  margin-left: -3em;
  width: calc(100% + 6em);
}
.history-module .history-content-carousel .owl-video-tn.owl-lazy {
  background-position: center center;
  background-size: cover;
  height: 360px;
}
.history-module .history-content-carousel .owl-item .owl-video-wrapper {
  opacity: 0;
}
.history-module .history-content-carousel .owl-item.active .owl-video-wrapper {
  opacity: 1;
}
@media (max-width: 640px) {
  .history-module .history-content-carousel .history-item-image {
    display: block;
    float: none;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
  .history-module .history-content-carousel .history-item-image img {
    max-width: 100%;
    margin: 0 0 2em;
  }
}
@media (max-width: 480px) {
  .history-module .label-wrapper .label.left {
    margin-left: 1em;
  }
  .history-module .label-wrapper .label.right {
    margin-right: 1em;
  }
  .history-module .timeline {
    padding: 0 2em;
  }
  .history-module .timeline .owl-prev,
  .history-module .timeline .owl-next {
    width: 2em;
  }
  .history-module .timeline .owl-nav div {
    width: 2.1em;
  }
  .history-module .timeline .owl-nav div:first-child {
    border-right: 0;
  }
}
/* --------------- Promotions - ATLAS C Components -------------- */
#EntryFormWrapper {
  margin: 0 2em;
}
.layout-content .carousel.content-page,
.layout-content .youtube.widget {
  padding: 0 6%;
  margin: 0 auto 3.5em auto;
}
.layout-content .youtube.widget .video-wrapper .video {
  position: relative;
  padding-bottom: 59.25%;
  padding-top: 30px;
  height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 4px solid #fff;
  margin-bottom: 60px;
}
.layout-content .youtube.widget .video-wrapper .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-content iframe#iFrameResizer0,
.layout-content iframe.stockIframe {
  height: 100vh;
  width: 1px !important;
  min-width: 100%;
}
.layout-content .stackla-widget iframe {
  height: 100%;
}
.ooyala.defaultlayer {
  z-index: 0;
  position: relative;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lazy-load__indicator {
  clear: both;
  text-align: center;
  position: relative;
}
.lazy-load__indicator .lazy-load__spinner {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  font-size: 6px;
  border-radius: 100%;
  border-top: 0.2rem solid rgba(0, 167, 181, 0.3);
  border-right: 0.2rem solid rgba(0, 167, 181, 0.3);
  border-bottom: 0.2rem solid rgba(0, 167, 181, 0.3);
  border-left: 0.2rem solid #00A7B5;
  transform: translateZ(0);
  animation: load 1.1s infinite linear;
  width: 2rem;
  height: 2rem;
}
/* --------------- Promotions - Global Component --------------
    - Override @prm- variables in branded site's variables.less
*/
/* Promotions Global Reset Styles ------------------ */
#EntryFormWrapper {
  /* Input & Textarea ------------------ */
  /* Fields with standard width */
  /* Fields with standard height */
  /* Other */
  /* Select ------------------ */
  /* Checkbox------------------- */
  /* Fieldset ------------------ */
  /* Buttons, Input Type Submit/Reset ------------------ */
  /* States ------------------ */
  /* Error States ------------------ */
  /* Layout ------------------ */
  /* Captcha ------------------ */
  /* Custom Input File ------------------ */
}
#EntryFormWrapper input,
#EntryFormWrapper textarea,
#EntryFormWrapper select,
#EntryFormWrapper option,
#EntryFormWrapper optgroup,
#EntryFormWrapper button,
#EntryFormWrapper legend,
#EntryFormWrapper fieldset {
  box-sizing: border-box;
  outline: none;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 14px;
  color: #306973;
  vertical-align: top;
  display: block;
  transition: all 0.3s ease;
}
#EntryFormWrapper option {
  transition: none;
}
#EntryFormWrapper select::-ms-expand {
  display: none;
}
#EntryFormWrapper datalist {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 14px;
}
#EntryFormWrapper label {
  display: block;
}
#EntryFormWrapper .cs-selector label {
  display: none;
}
#EntryFormWrapper .cs-selector .select-box {
  width: 100%;
}
#EntryFormWrapper input[type="text"],
#EntryFormWrapper input[type="email"],
#EntryFormWrapper input[type="password"],
#EntryFormWrapper input[type="search"],
#EntryFormWrapper input[type="number"],
#EntryFormWrapper input[type="tel"],
#EntryFormWrapper input[type="url"],
#EntryFormWrapper input[list],
#EntryFormWrapper input[type="file"],
#EntryFormWrapper select,
#EntryFormWrapper textarea {
  color: #306973;
  width: 100%;
  max-width: 100%;
  padding: 0.7em 0.8em;
  margin: 0 0 1em 0;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #00A7B5;
  outline: none;
}
#EntryFormWrapper input[type="text"],
#EntryFormWrapper input[type="email"],
#EntryFormWrapper input[type="search"],
#EntryFormWrapper input[type="number"],
#EntryFormWrapper input[type="tel"],
#EntryFormWrapper input[type="url"] {
  height: auto;
  -webkit-appearance: none;
}
#EntryFormWrapper textarea {
  min-height: 200px;
  min-width: 100%;
  -webkit-appearance: none;
  overflow: auto;
}
#EntryFormWrapper input[type="file"] {
  min-height: auto;
}
#EntryFormWrapper input[type="search"] {
  height: auto;
  -webkit-appearance: none;
}
#EntryFormWrapper input[type="search"]::-webkit-search-cancel-button,
#EntryFormWrapper input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#EntryFormWrapper input[type="checkbox"],
#EntryFormWrapper input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
}
#EntryFormWrapper select {
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
#EntryFormWrapper select[multiple] {
  height: auto;
  padding: 0;
}
#EntryFormWrapper select[multiple] option {
  margin: 0;
  padding: 0.7em 0.8em;
}
#EntryFormWrapper select {
  cursor: pointer;
}
#EntryFormWrapper .select-wrapper,
#EntryFormWrapper .cs-selector .select-box {
  position: relative;
  z-index: 5;
}
#EntryFormWrapper .select-wrapper:before,
#EntryFormWrapper .cs-selector .select-box:before {
  content: "\e814";
  color: #306973;
  font-family: "twe-custom";
  font-size: 14px;
  position: absolute;
  right: 18px;
  padding: 13px 0 0 16px;
  height: 25px;
  z-index: -1;
  border-left: 1px solid #00A7B5;
}
#EntryFormWrapper .cs-selector .select-box {
  display: block;
}
#EntryFormWrapper .checkbox-wrapper {
  margin: 28px 0;
}
#EntryFormWrapper fieldset {
  padding: 0;
  border: 0;
  padding: 0.7em 0.8em;
  border-radius: 0;
  border: 1px solid #00A7B5;
  margin: 0 0 1em 0;
}
#EntryFormWrapper legend {
  padding: 0;
  font-weight: inherit;
  padding: 0 5px;
  font-weight: 700;
  margin: 0 0 1em 0;
}
#EntryFormWrapper button,
#EntryFormWrapper input[type="button"],
#EntryFormWrapper input[type="submit"],
#EntryFormWrapper input[type="reset"],
#EntryFormWrapper input[type="image"] {
  height: 30px;
  width: auto;
  max-width: 100%;
  background-color: transparent;
  padding: 0 14px;
  margin: 0 0 1em 0;
  cursor: pointer;
  color: #00A7B5;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: 1px solid #00A7B5;
}
#EntryFormWrapper input[type="image"] {
  text-align: center;
  padding: 0.7em 0.8em;
  margin: 0 0 1em 0;
}
#EntryFormWrapper input[disabled],
#EntryFormWrapper textarea[disabled],
#EntryFormWrapper select[disabled],
#EntryFormWrapper option[disabled],
#EntryFormWrapper button[disabled] {
  cursor: not-allowed;
}
#EntryFormWrapper input:focus,
#EntryFormWrapper textarea:focus,
#EntryFormWrapper select:focus,
#EntryFormWrapper option:focus,
#EntryFormWrapper button:focus {
  background-color: transparent;
  border-color: #00A7B5;
}
#EntryFormWrapper button:hover,
#EntryFormWrapper input[type="button"]:hover,
#EntryFormWrapper input[type="submit"]:hover,
#EntryFormWrapper input[type="reset"]:hover,
#EntryFormWrapper button:focus,
#EntryFormWrapper input[type="button"]:focus,
#EntryFormWrapper input[type="submit"]:focus,
#EntryFormWrapper input[type="reset"]:focus {
  background-color: #00A7B5;
  color: white;
  padding: 0 14px;
  box-shadow: none;
}
#EntryFormWrapper .errors,
#EntryFormWrapper .error,
#EntryFormWrapper #fileUploadError,
#EntryFormWrapper #coreCaptchaError {
  color: #E41B00;
  display: block;
  margin-bottom: 7px;
}
#EntryFormWrapper input[type="checkbox"] {
  margin: 0;
}
#EntryFormWrapper input[type="checkbox"].error + span {
  color: #E41B00;
}
#EntryFormWrapper .file-upload .error {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #promotion-entry-form .disabled {
  opacity: 0.5;
}
#EntryFormWrapper #promotion-entry-form #submit.disabled:hover {
  transition: none;
}
#EntryFormWrapper .submit-wrapper {
  display: inline-block;
  margin: 28px 0;
  position: relative;
}
#EntryFormWrapper .form-entries .two-col {
  width: 100%;
}
@media (min-width: 480px) {
  #EntryFormWrapper .form-entries .two-col .col-1,
  #EntryFormWrapper .form-entries .two-col .col-2 {
    width: 50%;
    display: inline-block;
    float: left;
  }
  #EntryFormWrapper .form-entries .two-col .col-1 {
    padding-right: 1%;
  }
}
#EntryFormWrapper .rc-anchor.rc-anchor-normal.rc-anchor-light {
  box-shadow: none;
}
#EntryFormWrapper .file-upload-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 0 1em 0;
}
#EntryFormWrapper .file-upload-wrapper:before {
  content: "\e829";
  font-family: "twe-custom";
  position: absolute;
  color: #00A7B5;
  font-size: 14px;
  bottom: 12px;
  left: 14px;
}
#EntryFormWrapper .file-upload-wrapper:hover:before {
  color: white;
}
#EntryFormWrapper .file-upload-wrapper label.file-upload-button {
  padding-left: 35px;
}
#EntryFormWrapper input[type="file"].file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
  margin: 0px;
  padding: 0px;
}
#EntryFormWrapper .file-input + label {
  cursor: pointer;
  padding: 14px 22px 0 26px;
  font-size: 14px;
  color: #00A7B5;
  background: transparent;
  display: inline-block;
  height: 40px;
  border-radius: 0;
  border: 1px solid #00A7B5;
  transition: all 0.3s ease;
}
#EntryFormWrapper .file-input:focus + label,
#EntryFormWrapper .file-input:active + label,
#EntryFormWrapper .file-input + label:active,
#EntryFormWrapper .file-input + label:hover {
  color: white;
  background: #00A7B5;
  box-shadow: none;
}
#EntryFormWrapper .file-input.uploading + label {
  cursor: not-allowed;
  pointer-events: none;
}
#EntryFormWrapper #uploadFileListResults,
#EntryFormWrapper #fileUploadError,
#EntryFormWrapper #fileTooMany,
#EntryFormWrapper #fileTooBig {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #uploadFileListResults .success {
  margin-top: 1em;
}
#EntryFormWrapper #uploadFileListResults .success span {
  position: relative;
  padding-left: 25px;
}
#EntryFormWrapper #uploadFileListResults .success span:before {
  content: "\e808";
  font-family: "twe-custom";
  color: #4CAF50;
  position: absolute;
  font-size: 18px;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  display: block;
}
#EntryFormWrapper #uploadFileListResults .error {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #uploadFileListResults .error span:first-of-type {
  position: relative;
  padding-left: 25px;
}
#EntryFormWrapper #uploadFileListResults .error span:first-of-type:before {
  content: "\e807";
  font-family: "twe-custom";
  color: #D14836;
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  display: block;
}
#EntryFormWrapper #uploadFileListResults .fileDelete {
  cursor: pointer;
  margin: 3px;
  text-indent: -999em;
  position: absolute;
  right: 0;
  top: 0;
}
#EntryFormWrapper #uploadFileListResults .fileDelete:before {
  position: absolute;
  font-family: "twe-custom";
  content: "\e807";
  font-size: 12px;
  text-indent: 0;
  color: #fff;
  left: 8px;
  top: -3px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  line-height: 8px;
  padding: 6px 5px;
}
#EntryFormWrapper #uploadFileListResults .fileDelete:hover,
#EntryFormWrapper #uploadFileListResults .fileDelete:active {
  opacity: 0.8;
}
#EntryFormWrapper #fileUploadError {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #fileUploadError span:first-of-type {
  position: relative;
  padding-left: 25px;
}
#EntryFormWrapper #fileUploadError span:first-of-type:before {
  content: "\e807";
  font-family: "twe-custom";
  color: #D14836;
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  display: block;
}
#EntryFormWrapper #fileTooMany {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #fileTooMany span:first-of-type {
  position: relative;
  padding-left: 25px;
}
#EntryFormWrapper #fileTooMany span:first-of-type:before {
  content: "\e807";
  font-family: "twe-custom";
  color: #D14836;
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  display: block;
}
#EntryFormWrapper #fileTooBig {
  margin: 0 0 1em 0;
}
#EntryFormWrapper #fileTooBig span:first-of-type {
  position: relative;
  padding-left: 25px;
}
#EntryFormWrapper #fileTooBig span:first-of-type:before {
  content: "\e807";
  font-family: "twe-custom";
  color: #D14836;
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  display: block;
}
#EntryFormWrapper img.thumb {
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
  padding-right: 3px;
}
#EntryFormWrapper {
  padding: 1em 0;
}
#EntryFormWrapper label p {
  display: inline;
}
#EntryFormWrapper h4 {
  letter-spacing: 0;
  margin-bottom: 1em;
  font-size: 15px;
}
#promotion-entry-form .submit {
  margin: 0 0 1em 0;
}
/* ---------------------------------------
         ** Site wide variables **
-----------------------------------------*/
/* ---------------------------------------
         Layout Variables
-----------------------------------------*/
/* ---------------------------------------
         Header Navigation Variables
-----------------------------------------*/
/*--------------------------------------
               promo styles
------------------------------------*/
/* ---------------------------------------
         Typography
-----------------------------------------*/
/* ---------------------------------------
         Colours
-----------------------------------------*/
/* ---------------------------------------
         Paths and Images
-----------------------------------------*/
/* ---------------------------------------
         Hero Banner variables
-----------------------------------------*/
/*--------------------------------------
               Images path
------------------------------------*/
/* ---------------------------------------
         wine details page alignment
-----------------------------------------*/
/* ---------------------------------------
         Age Gate variables
-----------------------------------------*/
/*----------------------------------------
            buttons
----------------------------------------*/
/*----------------------------------------
			age get variant
----------------------------------------*/
/* ---------------------------------------
         Contact variables
-----------------------------------------*/
/* ---------------------------------------
         Footer variables
-----------------------------------------*/
/*-------------------------------------
			Odd Color Variables
-------------------------------------*/
@media (max-width: 768px) {
  .nav-main > .vlist {
    padding-top: 80px;
    z-index: 0;
  }
  .nav-main .search-field {
    max-width: 100%;
    margin: 20px;
  }
}
/* ---------------------------------------
         Custom Styling for the site
-----------------------------------------*/
.page-age-gate {
  background: none;
}
.page-age-gate .content {
  background: transparent url("/Includes/Matua/Images/matua-age-gate-tile.png") no-repeat left top;
  box-shadow: none;
  background-size: contain;
}
.page-age-gate .content #age-gate {
  background: none;
  box-shadow: none;
  padding: 70px 80px;
}
.page-age-gate .content #age-gate .age-agree {
  text-align: center;
}
.page-age-gate .content #age-gate .age-agree input[type="checkbox"] {
  display: inline;
  float: none;
  top: 1px;
}
.page-age-gate .content #age-gate .age-agree .age-agree-label {
  display: inline;
  float: none;
  width: auto;
}
.page-age-gate .background-image.absolute-cover {
  background-image: url("/Includes/Matua/Images/matua-age-gate-tile.png") !important;
  background-repeat: repeat;
  background-size: unset;
  opacity: 0.8;
}
@media (max-width: 640px) {
  .page-age-gate .content #age-gate {
    padding: 40px 50px;
  }
  .page-age-gate .content #age-gate .age-agree {
    line-height: 16px;
    margin-bottom: 10px;
  }
  .page-age-gate .content #age-gate .age-agree .age-agree-label {
    font-size: 14px;
  }
  .page-age-gate .content #age-gate .button-select a {
    line-height: 31px;
  }
}
@media (max-width: 480px) {
  .page-age-gate .content {
    width: 320px;
    margin-left: -160px;
  }
  .page-age-gate .content #age-gate {
    padding: 20px 30px;
  }
}
h1 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
}
h2 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 22px;
  color: #306973;
  margin-bottom: 1em;
}
h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
}
h4 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #00A7B5;
  margin-bottom: 1em;
  color: #306973;
}
h5 {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  line-height: 15.5px;
  font-weight: bold;
  margin-bottom: 1em;
}
h6 {
  font-family: "Vollkorn', serif", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
header {
  background: transparent;
  padding-top: 4.4em;
}
.wrapper-site {
  box-shadow: rgba(34, 102, 116, 0.4) 0 -50px 55px 4px inset;
}
.image-carousel .owl-slider p .caption {
  top: 0;
}
.image-carousel .owl-slider p .owl-cta {
  background-color: #00A7B5;
  cursor: pointer;
}
.image-carousel .owl-slider p .owl-cta:after {
  background-color: #ffffff;
}
.image-carousel .owl-slider p .owl-cta:hover {
  background-color: rgba(0, 167, 181, 0.5);
}
.image-carousel .owl-slider:after {
  background-color: transparent;
}
.image-carousel .owl-slider.dark p[data-title] {
  text-shadow: #244A57 0px 1px 3px;
}
.image-carousel .owl-slider.dark p[data-title] a.owl-cta {
  text-shadow: none;
}
.image-carousel .owl-slider.dark:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.owl-controls,
.owl-controls.clickable,
.owl-theme.owl-controls {
  left: 0;
}
.image-carousel .owl-controls .owl-dots:before {
  border-color: #e4e4e4;
}
/*.homepage.carousel*/
.image-carousel .owl-slider p {
  line-height: 1em;
}
.image-carousel .owl-slider p .caption {
  position: relative;
  top: initial;
  margin: 1.65em 0 0.5em;
}
.layout-content .widget.hero .hero-image img {
  min-height: auto;
}
.our-wines .layout-content .widget.hero {
  margin-bottom: 3.5em;
}
.promo-img-left {
  background-color: transparent;
}
.wrapper-site .layout-content {
  background-color: transparent !important;
  padding-bottom: 1em;
}
.our-wines .wine-list-section.ranges .wine-list li {
  z-index: 10;
}
.news-details .layout-content .post-article-section .article-info .left-column .info .date {
  display: none;
}
.news-list .controls .owl-prev,
.news-list .controls .prev,
.news-list .controls .owl-next,
.news-list .controls .next {
  border-radius: 0;
}
.news-list .controls .owl-prev:after,
.news-list .controls .prev:after,
.news-list .controls .owl-next:after,
.news-list .controls .next:after {
  display: none;
}
.layout-content .post-article-section .article-header {
  padding-top: 1.5em;
}
.layout-content .post-article-section .article-header .title {
  text-transform: none;
  padding: 0 6%;
  text-align: left;
}
.layout-content .post-list-section .post-summary .news-content-wrapper .post-time {
  display: none;
}
.layout-content .page-contact-us .right-column .content-wrap .form-wrapper .vlist .tc div.tcenter:hover:before {
  background: url("/Includes/Matua/Images/matua-content-bg.jpg") top left repeat;
}
.layout-footer,
.layout-footer:before {
  background: #1c1c1c url("/Includes/Matua/Images/footer-background.png") repeat top;
}
.layout-footer:before {
  border-top: 5px solid #00A7B5;
}
@media (max-width: 1200px) {
  .layout-footer {
    border-top: 5px solid #00a7b5;
  }
}
@media (max-width: 1000px) {
  .wrapper-site {
    box-shadow: rgba(33, 125, 144, 0.34) 0 0 30px 0px inset;
  }
}
@media (max-width: 768px) {
  header {
    padding: 0;
  }
}
/*Promotions Page*/
.image-carousel .owl-item.active .owl-slider .extended-caption {
  display: none;
}
#EntryFormWrapper .submit-wrapper:after {
  font-family: "twe-custom";
  content: "\e820";
  position: absolute;
  border-left: 0;
  left: 100%;
  text-align: center;
  width: 28px;
  top: 0;
  border-right: 1px solid #00A7B5;
  border-top: 1px solid #00A7B5;
  border-bottom: 1px solid #00A7B5;
  color: #00A7B5;
  padding: 7px 0;
}
#EntryFormWrapper h4 {
  font-size: 14px;
}
#EntryFormWrapper h4 p {
  color: #306973;
}
.ooyalaV4 .oo-player-container .oo-state-screen .oo-state-screen-info .oo-state-screen-title {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 39.5px;
  color: #00a7b5;
  margin-bottom: 0.625em;
  font-size: 25px;
}
.ooyalaV4 .oo-player-container .oo-state-screen .oo-state-screen-info .oo-state-screen-description {
  font-size: 14px;
  font-family: "Vollkorn', serif", Arial, sans-serif;
}

@keyframes opacityShow {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

@keyframes opacityHide {
  0% {
    opacity: 1; }
  90% {
    opacity: 0; } }

.showAgeGateAnimation {
  display: block;
  animation: opacityShow 2s 1; }

.hideAgeGateAnimation {
  animation: opacityHide 1s 1;
  display: none;
  z-index: -1; }

html #newage-gate-section {
  font-size: 62.5%; }

#newage-gate-section {
  /* HTML5 display-role reset for older browsers */ }
  #newage-gate-section div,
  #newage-gate-section span,
  #newage-gate-section applet,
  #newage-gate-section object,
  #newage-gate-section iframe,
  #newage-gate-section h1,
  #newage-gate-section h2,
  #newage-gate-section h3,
  #newage-gate-section h4,
  #newage-gate-section h5,
  #newage-gate-section h6,
  #newage-gate-section p,
  #newage-gate-section blockquote,
  #newage-gate-section pre,
  #newage-gate-section a,
  #newage-gate-section abbr,
  #newage-gate-section acronym,
  #newage-gate-section address,
  #newage-gate-section big,
  #newage-gate-section cite,
  #newage-gate-section code,
  #newage-gate-section del,
  #newage-gate-section dfn,
  #newage-gate-section em,
  #newage-gate-section img,
  #newage-gate-section ins,
  #newage-gate-section kbd,
  #newage-gate-section q,
  #newage-gate-section s,
  #newage-gate-section samp,
  #newage-gate-section small,
  #newage-gate-section strike,
  #newage-gate-section strong,
  #newage-gate-section sub,
  #newage-gate-section sup,
  #newage-gate-section tt,
  #newage-gate-section var,
  #newage-gate-section b,
  #newage-gate-section u,
  #newage-gate-section i,
  #newage-gate-section center,
  #newage-gate-section dl,
  #newage-gate-section dt,
  #newage-gate-section dd,
  #newage-gate-section ol,
  #newage-gate-section ul,
  #newage-gate-section li,
  #newage-gate-section fieldset,
  #newage-gate-section form,
  #newage-gate-section label,
  #newage-gate-section legend,
  #newage-gate-section table,
  #newage-gate-section caption,
  #newage-gate-section tbody,
  #newage-gate-section tfoot,
  #newage-gate-section thead,
  #newage-gate-section tr,
  #newage-gate-section th,
  #newage-gate-section td,
  #newage-gate-section article,
  #newage-gate-section aside,
  #newage-gate-section canvas,
  #newage-gate-section details,
  #newage-gate-section embed,
  #newage-gate-section figure,
  #newage-gate-section figcaption,
  #newage-gate-section footer,
  #newage-gate-section header,
  #newage-gate-section hgroup,
  #newage-gate-section menu,
  #newage-gate-section nav,
  #newage-gate-section output,
  #newage-gate-section ruby,
  #newage-gate-section section,
  #newage-gate-section summary,
  #newage-gate-section time,
  #newage-gate-section mark,
  #newage-gate-section audio,
  #newage-gate-section video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #newage-gate-section * {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent; }
  #newage-gate-section article,
  #newage-gate-section aside,
  #newage-gate-section details,
  #newage-gate-section figcaption,
  #newage-gate-section figure,
  #newage-gate-section footer,
  #newage-gate-section header,
  #newage-gate-section hgroup,
  #newage-gate-section menu,
  #newage-gate-section nav,
  #newage-gate-section section {
    display: block; }
  #newage-gate-section ol,
  #newage-gate-section ul {
    list-style: none; }
  #newage-gate-section blockquote,
  #newage-gate-section q {
    quotes: none; }
  #newage-gate-section blockquote:before, #newage-gate-section blockquote:after {
    content: '';
    content: none; }
  #newage-gate-section q:before, #newage-gate-section q:after {
    content: '';
    content: none; }
  #newage-gate-section table {
    border-collapse: collapse;
    border-spacing: 0; }
  #newage-gate-section ul.no-bullet {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #newage-gate-section * {
    outline: none; }
  #newage-gate-section a,
  #newage-gate-section a:hover,
  #newage-gate-section a:active,
  #newage-gate-section a:focus {
    text-decoration: none; }
  #newage-gate-section .country-list::-webkit-scrollbar {
    -webkit-appearance: none; }
  #newage-gate-section .country-list::-webkit-scrollbar:vertical {
    width: 11px; }
  #newage-gate-section .country-list::-webkit-scrollbar:horizontal {
    height: 11px; }
  #newage-gate-section .country-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, 0.5); }
  #newage-gate-section .country-list::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px; }

.wrapper-agegate {
  display: none; }

@font-face {
  font-family: 'gilroy-bold';
  src: url("../../Fonts/Gilroy-Bold.eot");
  src: url("../../Fonts/Gilroy-Bold.woff2") format("woff2"), url("../../Fonts/Gilroy-Bold.ttf") format("truetype"), url("../../Fonts/Gilroy-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gilroy-medium';
  src: url("../../Fonts/Gilroy-Medium.eot");
  src: url("../../Fonts/Gilroy-Medium.woff") format("woff"), url("../../Fonts/Gilroy-Medium.ttf") format("truetype"), url("../../Fonts/Gilroy-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'gilroy-regular';
  src: url("../../Fonts/Gilroy-Regular.eot");
  src: url("../../Fonts/Gilroy-Regular.woff2") format("woff2"), url("../../Fonts/Gilroy-Regular.ttf") format("truetype"), url("../../Fonts/Gilroy-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'baskerville';
  src: url("../../Fonts/BaskOldFace.eot");
  src: url("../../Fonts/BaskOldFace.woff") format("woff"), url("../../Fonts/BaskOldFace.ttf") format("truetype"), url("../../Fonts/BaskOldFace.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima';
  src: url("../../Fonts/ProximaNova-Regular-webfont.eot");
  src: url("../../Fonts/ProximaNova-Regular-webfont.woff") format("woff"), url("../../Fonts/ProximaNova-Regular-webfont.ttf") format("truetype"), url("../../Fonts/ProximaNova-Regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'probold';
  src: url("../../Fonts/ProximaNovaA-Bold-webfont.eot");
  src: url("../../Fonts/ProximaNovaA-Bold-webfont.woff") format("woff"), url("../../Fonts/ProximaNovaA-Bold-webfont.ttf") format("truetype"), url("../../Fonts/ProximaNovaA-Bold-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'penfolds-icons';
  src: url("../../Fonts/penfolds-icons.eot");
  src: url("../../Fonts/penfolds-icons.woff") format("woff"), url("../../Fonts/penfolds-icons.ttf") format("truetype"), url("../../Fonts/penfolds-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@keyframes opacityShow {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

@keyframes opacityHide {
  0% {
    opacity: 1; }
  90% {
    opacity: 0; } }

.showAgeGateAnimation {
  display: block;
  animation: opacityShow 2s 1; }

.hideAgeGateAnimation {
  animation: opacityHide 1s 1;
  display: none;
  z-index: -1; }

@font-face {
  font-family: "penfolds-icons";
  src: url("../../Fonts/penfolds-icons.eot");
  src: url("../../Fonts/penfolds-icons.eot?#iefix") format("embedded-opentype"), url("../../Fonts/penfolds-icons.woff2") format("woff2"), url("../../Fonts/penfolds-icons.woff") format("woff"), url("../../Fonts/penfolds-icons.ttf") format("truetype"), url("../../Fonts/penfolds-icons.svg#penfolds-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"] {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

@keyframes opacityShow {
  0% {
    opacity: 0; }
  90% {
    opacity: 1; } }

@keyframes opacityHide {
  0% {
    opacity: 1; }
  90% {
    opacity: 0; } }

.showAgeGateAnimation {
  display: block;
  animation: opacityShow 2s 1; }

.hideAgeGateAnimation {
  animation: opacityHide 1s 1;
  display: none;
  z-index: -1; }

#newage-gate-section .container {
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
  transition: all 0.3s ease; }
  @media (min-width: 768px) and (max-width: 1024px) {
    #newage-gate-section .container {
      padding: 0 45px; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    #newage-gate-section .container {
      padding: 0 35px; } }
  @media screen and (max-width: 480px) {
    #newage-gate-section .container {
      padding: 0 20px; } }

.visible-xs {
  display: none; }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .visible-xs {
      display: block; } }

.hidden-xs {
  display: block; }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .hidden-xs {
      display: none; } }

#newage-gate-section {
  max-width: initial; }
  #newage-gate-section .sm-info-section {
    background: transparent;
    float: initial;
    width: 100%;
    box-shadow: none;
    border: 0;
    padding: 0; }
    #newage-gate-section .sm-info-section .navbar {
      padding-top: 40px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative; }
      #newage-gate-section .sm-info-section .navbar:before, #newage-gate-section .sm-info-section .navbar:after {
        content: '';
        display: table;
        clear: both; }
      @media screen and (max-width: 767px) {
        #newage-gate-section .sm-info-section .navbar {
          padding-top: 30px;
          max-width: 100%;
          display: block;
          text-align: center; } }
      #newage-gate-section .sm-info-section .navbar #sm-country-selector,
      #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate {
        text-transform: uppercase;
        /* font-size: 12px; */
        margin-right: 20px;
        position: relative;
        float: left;
        margin-bottom: 15px;
        font-size: 12px;
        font-family: "probold";
        color: rgba(255, 255, 255, 0.5); }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector:before, #newage-gate-section .sm-info-section .navbar #sm-country-selector:after,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate:before,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate:after {
          content: '';
          display: table;
          clear: both; }
        @media screen and (max-width: 767px) {
          #newage-gate-section .sm-info-section .navbar #sm-country-selector,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate {
            min-width: auto;
            float: none;
            display: inline-block;
            position: static;
            margin-right: 0px; } }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector > .des,
        #newage-gate-section .sm-info-section .navbar #sm-country-selector .name,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate > .des,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .name {
          float: left;
          margin-right: 5px; }
          @media screen and (max-width: 767px) {
            #newage-gate-section .sm-info-section .navbar #sm-country-selector > .des,
            #newage-gate-section .sm-info-section .navbar #sm-country-selector .name,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate > .des,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .name {
              margin-right: 0; } }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector .icon,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .icon {
          position: absolute;
          right: 5px; }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector .des,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des {
          color: rgba(255, 255, 255, 0.5); }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .des img,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des img {
            width: 8px;
            display: none; }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .des span,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des span {
            opacity: 0.5;
            line-height: 14px; }
            @media screen and (max-width: 767px) {
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .des span,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des span {
                display: none; } }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector .name,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .name {
          position: relative; }
          @media screen and (max-width: 480px) {
            #newage-gate-section .sm-info-section .navbar #sm-country-selector .name .country-name,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .name .country-name {
              margin-right: 5px; } }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector ul,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate ul {
          display: none; }
          @media screen and (max-width: 767px) {
            #newage-gate-section .sm-info-section .navbar #sm-country-selector ul,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate ul {
              width: 100%; } }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector ul li,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate ul li {
            line-height: 1.5; }
            #newage-gate-section .sm-info-section .navbar #sm-country-selector ul li a,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate ul li a {
              display: block; }
        #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected,
        #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected {
          position: relative;
          color: rgba(255, 255, 255, 0.5); }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected:after,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected:after {
            content: "\f103";
            font-family: penfolds-icons;
            position: absolute;
            right: 10px;
            top: 1px;
            color: #ced0d0;
            cursor: pointer;
            height: auto !important; }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected + ul,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected + ul {
            display: none; }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected .country-name,
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected .language-name,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected .country-name,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected .language-name {
            padding: 10px 30px 10px 10px;
            color: rgba(255, 255, 255, 0.5);
            letter-spacing: 1px;
            line-height: 14px; }
            @media screen and (max-width: 767px) {
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected .country-name,
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected .language-name,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected .country-name,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected .language-name {
                line-height: 15px;
                padding-right: 25px; } }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active:after,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active:after {
            color: #000; }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul {
            opacity: 1;
            min-width: 180px;
            display: block;
            background-color: #fff;
            padding: 10px 0;
            position: absolute;
            z-index: 2;
            list-style-type: none;
            margin: 0;
            left: 0;
            right: 0;
            text-align: left;
            max-height: 200px;
            overflow-y: scroll; }
            #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul li,
            #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul li {
              padding: 5px 10px; }
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul li:hover,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul li:hover {
                background-color: #f1f1f1; }
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul li a,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul li a {
                color: rgba(0, 0, 0, 0.5); }
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul li .country-name,
              #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active + ul li .language-name,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul li .country-name,
              #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active + ul li .language-name {
                font-family: "gilroy-bold";
                font-size: 12px; }
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active .country-name,
          #newage-gate-section .sm-info-section .navbar #sm-country-selector .selected.active .language-name,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active .country-name,
          #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .selected.active .language-name {
            background-color: #fff;
            color: #000; }
    #newage-gate-section .sm-info-section .logo {
      padding: 4vh 0 5vh;
      text-align: center;
      width: auto;
      height: auto;
      float: initial;
      float: none;
      max-width: 100%; }
      #newage-gate-section .sm-info-section .logo a {
        background: transparent;
        height: auto; }
      #newage-gate-section .sm-info-section .logo img {
        width: 230px;
        height: auto; }
      @media screen and (max-width: 767px) {
        #newage-gate-section .sm-info-section .logo {
          padding: 25px 0 22px; }
          #newage-gate-section .sm-info-section .logo img {
            width: 155px; } }
      @media screen and (max-width: 480px) {
        #newage-gate-section .sm-info-section .logo {
          padding: 4px 0 20px; } }

.site-language-selector {
  text-transform: uppercase;
  /* font-size: 12px; */
  margin-right: 0px;
  position: relative;
  float: left;
  margin-bottom: 15px;
  font-size: 12px;
  font-family: "probold";
  color: rgba(255, 255, 255, 0.5); }
  .site-language-selector:before, .site-language-selector:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (max-width: 767px) {
    .site-language-selector {
      min-width: auto;
      float: none;
      display: inline-block;
      position: static; } }
  .site-language-selector > .des,
  .site-language-selector .name {
    float: left;
    margin-right: 5px; }
    @media screen and (max-width: 767px) {
      .site-language-selector > .des,
      .site-language-selector .name {
        margin-right: 0; } }
  .site-language-selector .icon {
    position: absolute;
    right: 5px; }
  .site-language-selector .des {
    color: rgba(255, 255, 255, 0.5); }
    .site-language-selector .des img {
      width: 8px;
      display: none; }
    .site-language-selector .des span {
      opacity: 0.5;
      line-height: 14px; }
      @media screen and (max-width: 767px) {
        .site-language-selector .des span {
          display: none; } }
  .site-language-selector .name {
    position: relative; }
    @media screen and (max-width: 767px) {
      .site-language-selector .name {
        position: static; } }
  .site-language-selector ul {
    display: none; }
    @media screen and (max-width: 767px) {
      .site-language-selector ul {
        width: 100%; } }
    .site-language-selector ul li {
      line-height: 1.5;
      text-align: left;
      display: block; }
      .site-language-selector ul li a {
        display: block; }
  .site-language-selector .selected {
    position: relative;
    color: rgba(255, 255, 255, 0.5); }
    .site-language-selector .selected:after {
      content: "\f103";
      font-family: penfolds-icons;
      position: absolute;
      right: 10px;
      top: 1px;
      color: #ced0d0;
      cursor: pointer;
      height: auto !important; }
    .site-language-selector .selected + ul {
      display: none; }
    .site-language-selector .selected .country-name,
    .site-language-selector .selected .language-name {
      padding: 10px 25px 10px 10px;
      color: rgba(255, 255, 255, 0.5);
      letter-spacing: 1px;
      line-height: 14px; }
      @media screen and (max-width: 767px) {
        .site-language-selector .selected .country-name,
        .site-language-selector .selected .language-name {
          line-height: 15px; } }
    .site-language-selector .selected.active:after {
      color: #000; }
    .site-language-selector .selected.active + ul {
      opacity: 1;
      min-width: 170px;
      display: block;
      background-color: #fff;
      padding: 10px 0;
      position: absolute;
      z-index: 2;
      list-style-type: none;
      margin: 0;
      left: 0;
      top: 24px;
      right: 0;
      text-align: left;
      max-height: 200px;
      overflow-y: scroll; }
      @media screen and (max-width: 480px) {
        .site-language-selector .selected.active + ul {
          min-width: 168px; } }
      .site-language-selector .selected.active + ul li {
        padding: 5px 10px; }
        .site-language-selector .selected.active + ul li:hover {
          background-color: #f1f1f1; }
        .site-language-selector .selected.active + ul li a {
          color: rgba(0, 0, 0, 0.5); }
        .site-language-selector .selected.active + ul li .country-name,
        .site-language-selector .selected.active + ul li .language-name {
          font-family: "gilroy-bold";
          font-size: 12px; }
    .site-language-selector .selected.active .country-name,
    .site-language-selector .selected.active .language-name {
      background-color: #fff;
      color: #000; }

#newage-gate-section footer.footer {
  background: linear-gradient(243.6deg, rgba(78, 78, 78, 0.31) 0%, rgba(39, 39, 39, 0.31) 100%);
  padding-top: 30px;
  padding-left: 0;
  padding-bottom: 30px;
  border-top: none;
  padding-right: 0;
  overflow: hidden;
  transition: all 0.3s ease; }
  @media (min-width: 768px) and (max-width: 1024px) {
    #newage-gate-section footer.footer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    #newage-gate-section footer.footer {
      padding-top: 15px;
      padding-bottom: 15px; } }
  #newage-gate-section footer.footer.fixed {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto; }
  #newage-gate-section footer.footer.footBg {
    background-color: #1b1619; }
  #newage-gate-section footer.footer .title {
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0; }
    #newage-gate-section footer.footer .title:before, #newage-gate-section footer.footer .title:after {
      content: '';
      display: table;
      clear: both; }
    #newage-gate-section footer.footer .title .hidden-txt {
      display: inline-block;
      position: relative;
      padding-bottom: 0px;
      font-size: 1.0em; }
      @media screen and (max-width: 767px) {
        #newage-gate-section footer.footer .title .hidden-txt {
          padding-bottom: 0; } }
      #newage-gate-section footer.footer .title .hidden-txt:after {
        content: '';
        position: absolute;
        bottom: 0;
        background: transparent;
        border-top: 2px solid rgba(255, 255, 255, 0.18);
        width: 100%;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (max-width: 767px) {
          #newage-gate-section footer.footer .title .hidden-txt:after {
            border-top: transparent; } }
    #newage-gate-section footer.footer .title .visible-txt {
      display: none; }
    #newage-gate-section footer.footer .title + .content-hidden {
      display: none;
      transition: all 0.3s ease;
      width: 50%;
      padding-top: 20px; }
      @media screen and (max-width: 767px) {
        #newage-gate-section footer.footer .title + .content-hidden {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        #newage-gate-section footer.footer .title + .content-hidden {
          padding-top: 0; } }
      #newage-gate-section footer.footer .title + .content-hidden h4 {
        opacity: 0.95;
        font-family: "baskerville";
        line-height: 22px;
        font-size: 19px;
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          #newage-gate-section footer.footer .title + .content-hidden h4 {
            font-size: 15px; } }
      #newage-gate-section footer.footer .title + .content-hidden p {
        color: #848484;
        font-family: "gilroy-medium";
        font-size: 14px;
        line-height: 24px; }
        @media screen and (max-width: 767px) {
          #newage-gate-section footer.footer .title + .content-hidden p {
            font-size: 12px; } }
      #newage-gate-section footer.footer .title + .content-hidden a,
      #newage-gate-section footer.footer .title + .content-hidden a:hover,
      #newage-gate-section footer.footer .title + .content-hidden a:active,
      #newage-gate-section footer.footer .title + .content-hidden a:focus {
        color: #848484;
        text-decoration: underline; }
    #newage-gate-section footer.footer .title.active .hidden-txt {
      display: none; }
      @media screen and (max-width: 767px) {
        #newage-gate-section footer.footer .title.active .hidden-txt {
          display: inline-block; } }
    #newage-gate-section footer.footer .title.active .visible-txt {
      display: inline-block;
      position: relative;
      padding-bottom: 10px; }
      #newage-gate-section footer.footer .title.active .visible-txt:after {
        content: '';
        position: absolute;
        bottom: 0;
        background: transparent;
        border-top: 2px solid rgba(255, 255, 255, 0.18);
        width: 100%;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (max-width: 767px) {
          #newage-gate-section footer.footer .title.active .visible-txt:after {
            border-top: transparent; } }
      @media screen and (max-width: 767px) {
        #newage-gate-section footer.footer .title.active .visible-txt {
          display: none; } }
    #newage-gate-section footer.footer .title.active + .content-hidden {
      display: block; }
  #newage-gate-section footer.footer .foot-title {
    float: left;
    font-family: "gilroy-bold";
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;
    padding-right: 0px;
    text-align: left; }
    #newage-gate-section footer.footer .foot-title a {
      color: #fff;
      text-decoration: underline; }
    @media screen and (max-width: 767px) {
      #newage-gate-section footer.footer .foot-title {
        font-size: 9px;
        text-transform: uppercase;
        margin: 0;
        padding-right: 14px; } }
  #newage-gate-section footer.footer .foot-logo {
    float: left;
    text-align: right;
    padding-left: 0px; }
    @media screen and (max-width: 767px) {
      #newage-gate-section footer.footer .foot-logo {
        padding-left: 0px;
        text-align: left; } }
    #newage-gate-section footer.footer .foot-logo a {
      display: block; }
      #newage-gate-section footer.footer .foot-logo a img {
        width: 110px;
        height: auto; }
        @media screen and (max-width: 767px) {
          #newage-gate-section footer.footer .foot-logo a img {
            width: 80px; } }
  #newage-gate-section footer.footer .hide-term-mob {
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-family: "gilroy-bold";
    padding-top: 42px;
    letter-spacing: 0.5px;
    text-decoration: underline; }
    @media screen and (max-width: 767px) {
      #newage-gate-section footer.footer .hide-term-mob {
        padding-top: 10px;
        display: block; } }
  #newage-gate-section footer.footer.sc-editor .title + .content-hidden {
    display: block; }

#newage-gate-section .main-section {
  margin-bottom: 115px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    #newage-gate-section .main-section {
      margin-bottom: 150px; } }
  @media screen and (max-width: 767px) {
    #newage-gate-section .main-section {
      margin-bottom: 15px;
      padding-left: 15px;
      padding-right: 15px; } }

#newage-gate-section + .agegate-bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: -1; }
  #newage-gate-section + .agegate-bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    visibility: visible; }

#newage-gate-section .age-confirm-title {
  font-family: "probold";
  line-height: 63px;
  text-align: center;
  font-size: 16px;
  line-height: 72px; }
  @media screen and (max-width: 767px) {
    #newage-gate-section .age-confirm-title {
      font-size: 22px;
      line-height: 35px;
      letter-spacing: 3px; } }
  #newage-gate-section .age-confirm-title .des {
    color: #fff; }
    @media (min-width: 768px) and (max-width: 1024px) {
      #newage-gate-section .age-confirm-title .des {
        font-size: 40px;
        line-height: normal; } }
    @media screen and (max-width: 767px) {
      #newage-gate-section .age-confirm-title .des {
        line-height: 35px;
        font-size: 4vh;
        line-height: normal; } }
  #newage-gate-section .age-confirm-title .question {
    color: rgba(255, 255, 255, 0.5);
    font-family: "probold";
    font-size: 16px;
    line-height: normal;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 40px;
    margin-top: 22px; }
    #newage-gate-section .age-confirm-title .question:after {
      content: '';
      position: absolute;
      bottom: 0;
      background: transparent;
      border-top: 1px solid gray;
      width: 51px;
      left: 50%;
      transform: translateX(-50%); }
    @media (min-width: 768px) and (max-width: 1024px) {
      #newage-gate-section .age-confirm-title .question {
        margin-top: 40px; } }
    @media screen and (max-width: 767px) {
      #newage-gate-section .age-confirm-title .question {
        font-size: 14px;
        padding-bottom: 18px;
        margin-top: 15px; } }
    @media screen and (max-width: 480px) {
      #newage-gate-section .age-confirm-title .question {
        margin-top: 3vh;
        padding-bottom: 10px; } }

#newage-gate-section .remember-checkbox {
  text-align: center;
  margin-bottom: 20px; }
  #newage-gate-section .remember-checkbox .checkbox {
    position: absolute;
    opacity: 0; }
    #newage-gate-section .remember-checkbox .checkbox + label {
      position: relative;
      cursor: pointer;
      padding: 0;
      vertical-align: middle; }
    #newage-gate-section .remember-checkbox .checkbox + label:before {
      content: '';
      margin-right: 17px;
      display: inline-block;
      vertical-align: middle;
      width: 18px;
      height: 18px;
      border: 1px solid rgba(255, 255, 255, 0.59);
      margin-top: -3px;
      position: relative; }
    #newage-gate-section .remember-checkbox .checkbox:checked + label:after {
      content: '';
      position: absolute;
      left: 7px;
      top: 0;
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 1px 1px 0;
      transform: rotate(45deg); }
  #newage-gate-section .remember-checkbox label {
    color: rgba(255, 255, 255, 0.55);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
    font-family: "proxima";
    display: inline-block; }

#newage-gate-section #sm-date-of-birth {
  position: relative;
  padding: 33px 0 0;
  min-height: 212px; }
  #newage-gate-section #sm-date-of-birth .number-value {
    color: #fff; }
    #newage-gate-section #sm-date-of-birth .number-value.filled {
      line-height: 1.75em; }
      @media screen and (max-width: 480px) {
        #newage-gate-section #sm-date-of-birth .number-value.filled {
          line-height: 2.1em; } }
  @media screen and (max-width: 767px) {
    #newage-gate-section #sm-date-of-birth {
      padding-top: 15px;
      min-height: 22.5vh; } }
  @media screen and (max-width: 480px) {
    #newage-gate-section #sm-date-of-birth {
      min-height: 21vh;
      padding-top: 5px; } }
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add,
  #newage-gate-section #sm-date-of-birth #sm-dob-year {
    visibility: hidden; }
    #newage-gate-section #sm-date-of-birth #sm-dob-date-add.active,
    #newage-gate-section #sm-date-of-birth #sm-dob-year.active {
      position: relative;
      visibility: visible;
      text-align: center; }
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-day,
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-month {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    margin-top: 25px;
    transform: translate3d(0, 40px, 0);
    transition: transform .3s, opacity .3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
    @media screen and (max-width: 480px) {
      #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-day,
      #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-month {
        margin-top: 1vh; } }
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-month.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    text-align: center; }
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add #dob-date-day.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: .1s;
    text-align: center; }
  #newage-gate-section #sm-date-of-birth #sm-dob-date-add .dob-go-back {
    width: 20px;
    display: inline-block;
    height: 112px;
    position: relative;
    vertical-align: top;
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      #newage-gate-section #sm-date-of-birth #sm-dob-date-add .dob-go-back {
        height: 65px; } }
    #newage-gate-section #sm-date-of-birth #sm-dob-date-add .dob-go-back .icon-chevron:before {
      transform: rotate(90deg);
      content: "\f103";
      font-family: penfolds-icons;
      position: absolute;
      left: -2px;
      top: 46%;
      color: #ced0d0;
      cursor: pointer;
      height: auto !important;
      font-size: 20px; }
      @media screen and (max-width: 767px) {
        #newage-gate-section #sm-date-of-birth #sm-dob-date-add .dob-go-back .icon-chevron:before {
          top: 40%;
          font-size: 15px; } }
  #newage-gate-section #sm-date-of-birth #sm-dob-year {
    margin-top: 20px;
    display: none; }
    @media screen and (max-width: 767px) {
      #newage-gate-section #sm-date-of-birth #sm-dob-year {
        margin-top: 3vh; } }
    @media screen and (max-width: 480px) {
      #newage-gate-section #sm-date-of-birth #sm-dob-year {
        margin-top: 1vh; } }
    #newage-gate-section #sm-date-of-birth #sm-dob-year.active {
      display: block; }
  #newage-gate-section #sm-date-of-birth:after {
    clear: both;
    content: "";
    display: table; }
  #newage-gate-section #sm-date-of-birth .number {
    position: relative;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    margin-bottom: 45px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    height: 101px;
    width: 85px;
    margin-right: 15px; }
    @media screen and (max-width: 767px) {
      #newage-gate-section #sm-date-of-birth .number {
        height: 65px;
        width: 52px;
        margin-right: 8px;
        margin-bottom: 30px; } }
    @media screen and (max-width: 480px) {
      #newage-gate-section #sm-date-of-birth .number {
        margin-bottom: 0px; } }
    #newage-gate-section #sm-date-of-birth .number:last-child {
      margin-right: 0; }
    #newage-gate-section #sm-date-of-birth .number input {
      position: absolute;
      top: 0;
      left: -999em;
      width: 100%;
      height: 100%;
      outline: 0;
      font-size: 16px;
      opacity: 0; }
  #newage-gate-section #sm-date-of-birth .number-value {
    /* font-size: 40px; */
    line-height: 2;
    height: 100%;
    font-family: "gilroy-regular";
    font-size: 56px; }
    @media screen and (max-width: 767px) {
      #newage-gate-section #sm-date-of-birth .number-value {
        font-size: 30px; } }
    #newage-gate-section #sm-date-of-birth .number-value.filled {
      background: rgba(206, 208, 208, 0.3);
      height: 100%;
      width: 100%;
      position: absolute; }
    #newage-gate-section #sm-date-of-birth .number-value.focus {
      position: absolute;
      width: 100%;
      height: 100%; }
      #newage-gate-section #sm-date-of-birth .number-value.focus:before {
        content: "_";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        animation: blinker .4s infinite alternate; }
  #newage-gate-section #sm-date-of-birth.valid .number {
    border: 1px solid #198819; }
    #newage-gate-section #sm-date-of-birth.valid .number input {
      display: none; }
  #newage-gate-section #sm-date-of-birth.invalid .number {
    border: 1px solid #d62020; }
  #newage-gate-section #sm-date-of-birth .message {
    color: rgba(255, 255, 255, 0.55);
    font-family: "proxima";
    font-size: 14px;
    line-height: 27px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      #newage-gate-section #sm-date-of-birth .message {
        font-size: 14px; } }

#newage-gate-section #btnSwitchLangHidden {
  background-color: transparent;
  border-color: transparent; }

@keyframes blinker {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes ag-load {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

#loading-div-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.64);
  width: 100%;
  height: 100%;
  z-index: 6000; }
  #loading-div-background .loading-wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #loading-div-background p {
    color: #fff;
    margin: auto;
    text-align: center;
    font-size: 14px; }
  #loading-div-background #loading-div,
  #loading-div-background #loading-div:after {
    border-radius: 50%;
    width: 10em;
    height: 10em; }
  #loading-div-background #loading-div {
    margin: auto;
    margin-bottom: 25px;
    font-size: 6px;
    text-indent: -9999em;
    border-left: 1.6em solid #fff;
    border-top: 1.6em solid rgba(255, 255, 255, 0.2);
    border-right: 1.6em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.6em solid rgba(255, 255, 255, 0.2);
    border-left: 1.6em solid #fff;
    transform: translateZ(0);
    animation: ag-load 1.1s infinite linear; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #newage-gate-section .remember-checkbox .checkbox + label {
    vertical-align: super; }
  #newage-gate-section .remember-checkbox .checkbox + label:before {
    vertical-align: text-top; } }

.ie11 #newage-gate-section .remember-checkbox :checked.checkbox + label::after {
  top: -1px; }

#cookie-modal .cookie-title {
  font-size: 18px;
  color: #000;
  margin-bottom: 10px; }

#cookie-modal .cookie-text {
  color: #000;
  font-size: 14px; }
  #cookie-modal .cookie-text a:hover {
    opacity: 0.7; }

@font-face {
  font-family: "icomoon";
  src: url("../../Fonts/Icons/location_globe-icomoon_fonts.eot");
  src: url("../../Fonts/Icons/location_globe-icomoon_fonts.eot?#iefix") format("embedded-opentype"), url("../../Fonts/Icons/location_globe-icomoon_fonts.woff") format("woff"), url("../../Fonts/Icons/location_globe-icomoon_fonts.ttf") format("truetype"), url("../../Fonts/Icons/location_globe-icomoon_fonts.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

#newage-gate-section .sm-info-section .navbar #sm-country-selector .des span {
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  opacity: 1;
  line-height: normal; }
  #newage-gate-section .sm-info-section .navbar #sm-country-selector .des span:after {
    content: "\e947";
    font-family: icomoon;
    margin-left: 6px;
    font-size: 10px; }

#newage-gate-section .sm-info-section .navbar #sm-country-selector .selected:after {
  color: white; }

#newage-gate-section .sm-info-section .navbar #sm-country-selector .selected .country-name {
  color: white; }

#newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des span {
  color: white;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  opacity: 1;
  line-height: normal; }
  #newage-gate-section .sm-info-section .navbar .site-language-selector-age-gate .des span:after {
    content: "\e9c9";
    margin-left: 8px;
    font-family: icomoon;
    color: white;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: 1px; }

#newage-gate-section .navbar #sm-country-selector .selected:after {
  content: "\f103";
  font-size: 1em !important; }

#newage-gate-section .navbar .site-language-selector-age-gate .selected:after {
  content: "\f103";
  font-size: 1em !important; }

#newage-gate-section .age-confirm-title .des {
  font-size: 50px;
  color: #fff;
  font-family: "Alegreya Sans SC", sans-serif;
  line-height: 56px; }
  @media screen and (max-width: 480px) {
    #newage-gate-section .age-confirm-title .des {
      font-size: 20px;
      text-transform: initial;
      line-height: 26px; } }

#newage-gate-section .age-confirm-title .question {
  font-size: 50px;
  color: #fff;
  line-height: 56px;
  font-family: "Alegreya Sans SC", sans-serif;
  position: relative;
  padding-bottom: 25px; }
  #newage-gate-section .age-confirm-title .question:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 143px;
    height: 20px;
    left: 50%;
    border: none;
    transform: translateX(-50%); }
  @media screen and (max-width: 480px) {
    #newage-gate-section .age-confirm-title .question {
      font-size: 20px;
      text-transform: capitalize;
      line-height: 24px; } }

#newage-gate-section #sm-date-of-birth {
  margin-bottom: 20px; }
  #newage-gate-section #sm-date-of-birth .message {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Droid Serif", Serif; }
    @media screen and (max-width: 480px) {
      #newage-gate-section #sm-date-of-birth .message {
        font-size: 14px; } }

#newage-gate-section .remember-checkbox label {
  color: #fff;
  font-family: "Droid Serif", Serif; }

#newage-gate-section footer.footer {
  background: #1c1c1c; }
  #newage-gate-section footer.footer.footBg {
    background: #1c1c1c; }
  @media screen and (max-width: 480px) {
    #newage-gate-section footer.footer .title + .content-hidden {
      padding-top: 20px; } }
  #newage-gate-section footer.footer .title + .content-hidden p {
    color: #fff; }
  #newage-gate-section footer.footer .title + .content-hidden a {
    color: #00a7b5; }
    #newage-gate-section footer.footer .title + .content-hidden a:hover {
      color: #fff; }
    #newage-gate-section footer.footer .title + .content-hidden a:active {
      color: #fff; }
    #newage-gate-section footer.footer .title + .content-hidden a:focus {
      color: #fff; }
  #newage-gate-section footer.footer .foot-title {
    opacity: 1; }
  #newage-gate-section footer.footer .title .visible-txt {
    color: #fff;
    text-decoration: none; }
  #newage-gate-section footer.footer .title.active .visible-txt {
    text-decoration: none; }
    #newage-gate-section footer.footer .title.active .visible-txt:after {
      content: '';
      border-top: 2px solid #fff; }
  #newage-gate-section footer.footer .hide-term-mob {
    color: #fff; }

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