@charset "UTF-8";
@import url("https://use.typekit.net/xpg0xlg.css");
header.header {
  position: relative;
}
header.header > .inner {
  padding: 5rem 0 0 0;
  position: relative;
  z-index: 99;
}
header.header h1 {
  font-size: 2rem;
  font-weight: bolder;
  margin: 2rem 0 3rem 0;
}
@media (min-width: 768px) {
  header.header h1 {
    font-size: 2.25rem;
  }
}
header.header.no-bg-video h1 {
  background: #ffd55f;
  margin-bottom: 0;
  padding: 0.8rem 0;
}
header.header .header-slide h1 {
  margin: 0;
}
header.header .header-text {
  margin-top: 2rem;
}
.header-cover {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 1;
}
video.header-cover {
  display: none;
}
.header-slide {
  margin: 2rem auto 0 auto;
  max-width: 900px;
  padding: 0 3rem;
  text-align: center;
}
@media (min-width: 992px) {
  header.header .inner.md {
    min-height: 400px;
  }
  header.header .inner.lg {
    min-height: 600px;
  }
  header.header .inner.full {
    height: 100vh;
  }
  video.header-cover {
    display: block;
  }
}
.edge-compat header.header {
  overflow: hidden;
}
.edge-compat video.header-cover {
  display: block;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
#navwrap {
  max-height: 100vh;
  margin-top: -5rem;
  padding-top: 1rem;
  position: static;
  top: 0;
  width: 100%;
}
#navbar {
  top: 100%;
}
#navbar a {
  color: #000;
  font-size: 1.2rem;
}
.header-phone {
  font-weight: 900;
}
.navbar-brand img {
  max-height: 80px;
}
.navbar-brand {
  transition: 200ms all;
}
.navbar-brand:hover {
  transform: scale(1.08);
}
.navbar-toggler {
  color: #000;
  font-size: 2.5rem;
}
#mainnav .dropdown-menu {
  margin-top: 0;
}
#mainnav .dropdown-item {
  margin-top: 0;
  padding: 0.5rem 2rem;
}
#mainnav .dropdown-item:active {
  background: #171718;
  color: #fff !important;
}
.navbar-toggler, .navbar-toggler .fa {
  transition: 200ms all;
}
.navbar-toggler:focus, .navbar-toggler .fa:focus {
  outline: none !important;
}
.navbar-toggler .fa {
  position: absolute;
  right: 0;
}
[aria-expanded="false"] .fa-bars, [aria-expanded="true"] .fa-times {
  opacity: 1;
}
[aria-expanded="true"] .fa-bars, [aria-expanded="false"] .fa-times {
  opacity: 0;
}
@media (max-width: 991px) {
  .menu-active {
    /*
		.header-slide,
		.main,
		footer.footer {
			display: none;
		}
		*/
  }
  .menu-active #navwrap {
    background: #ffd55f;
    height: 100vh;
    overflow-y: auto;
  }
  .menu-active #navbar {
    padding: 2rem 0;
  }
  .menu-active header .inner {
    padding-bottom: 0;
  }
  .menu-active header .header-slide, .menu-active header ~ * {
    display: none;
  }
  #navbar a {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
  }
  #mainnav .dropdown::before {
    border: none;
    color: #171718;
    content: "⟶";
    cursor: pointer;
    line-height: 3rem;
    font-size: 1.5rem;
    font-weight: normal;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    transition: 200ms all;
    width: 75px;
  }
  #mainnav .dropdown.active::before {
    transform: rotateY(180deg);
  }
  #mainnav .dropdown.active .dropdown-menu {
    display: block;
  }
  #mainnav .dropdown::before:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  #mainnav .dropdown-toggle::after {
    border: none;
  }
  #mainnav .dropdown-menu {
    background: transparent;
    border: 0;
    padding: 0;
  }
  #mainnav .dropdown-inner {
    column-count: 1 !important;
  }
  #mainnav .dropdown-inner a {
    font-weight: normal !important;
  }
  .submenu-active.opt-giant-menu .nav-item:not(.active) {
    display: none;
  }
  .submenu-active.opt-giant-menu #navbar .nav-item.active::before {
    font-size: 3rem;
    line-height: 5rem;
  }
  .submenu-active.opt-giant-menu #navbar .nav-item.active > a {
    font-size: 3rem;
  }
  .submenu-active.opt-submenu-white .dropdown-menu {
    background: #fff;
  }
  .submenu-active.opt-submenu-white .dropdown-inner a {
    font-weight: bold !important;
    margin: 0 2rem;
    width: auto;
  }
  .submenu-active.opt-submenu-white .dropdown-inner a + a {
    border-top: 2px solid #999;
  }
}
@media (min-width: 992px) {
  #navbar {
    display: block;
    position: relative;
    top: auto;
  }
  #navbar .nav-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #navbar .dropdown-menu {
    background: none;
    border: none;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
    left: 50%;
    margin-top: 0;
    padding: 0;
    transform: translateX(-50%);
  }
  #navbar .dropdown-menu:before {
    border-bottom: 25px solid white;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    content: ".";
    height: 0;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    width: 0;
  }
  #navbar .dropdown-hover.hover .dropdown-menu, #navbar .dropdown-hover:hover .dropdown-menu {
    display: block;
  }
  #navbar .dropdown-inner {
    background: #fff;
    column-count: 3;
    margin-top: 0.5rem;
    padding: 1rem;
  }
  #navbar .dropdown-inner.columns-2 {
    column-count: 2;
  }
  #navbar .dropdown-inner.columns-1 {
    column-count: 1;
  }
  #navbar .dropdown-item {
    font-weight: bold;
  }
}
/*
	MOBILE

	#mainnav
		background: yellow;
		left: 0;
		right: 0;
		max-width: unset;
		top: -1rem;
		margin-top: -1rem;

*/
@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}
.row {
  justify-content: center;
}
.font-arrow {
  font-weight: 400 !important;
}
@media (min-width: 450px) and (max-width: 575px) {
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-8 {
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.p-t-0 {
  padding-top: 0;
}
.p-t-1 {
  padding-top: 2rem;
}
.p-t-2 {
  padding-top: 4rem;
}
.p-t-3 {
  padding-top: 7rem;
}
.p-t-4 {
  padding-top: 11rem;
}
.p-t-5 {
  padding-top: 20rem;
}
.p-b-0 {
  padding-bottom: 0;
}
.p-b-1 {
  padding-bottom: 2rem;
}
.p-b-2 {
  padding-bottom: 4rem;
}
.p-b-3 {
  padding-bottom: 7rem;
}
.p-b-4 {
  padding-bottom: 11rem;
}
.p-b-5 {
  padding-bottom: 20rem;
}
.p-x-0 {
  padding-left: 0;
  padding-right: 0;
}
.p-x-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-x-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p-x-3 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.p-x-4 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.p-x-5 {
  padding-left: 10rem;
  padding-right: 10rem;
}
img {
  height: auto;
  max-width: 100%;
}
img.cover {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
table, tbody, tr {
  display: block;
}
td {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 16px;
  vertical-align: top;
}
tr {
  margin: 0 -16px;
}
td.default-100 {
  width: 100%;
}
td.default-50 {
  width: 49%;
}
td.default-75 {
  width: 74%;
}
td.default-25 {
  width: 24%;
}
td.default-33 {
  width: 32%;
}
td.default-66 {
  width: 65%;
}
td.sm-50 {
  width: 49%;
}
td.sm-75 {
  width: 74%;
}
td.sm-25 {
  width: 24%;
}
td.sm-33 {
  width: 32%;
}
td.sm-66 {
  width: 65%;
}
@media (min-width: 768px) {
  td.md-50 {
    width: 49%;
  }
  td.md-75 {
    width: 74%;
  }
  td.md-25 {
    width: 24%;
  }
  td.md-33 {
    width: 32%;
  }
  td.md-66 {
    width: 65%;
  }
}
@media (min-width: 992px) {
  td.lg-50 {
    width: 49%;
  }
  td.lg-75 {
    width: 74%;
  }
  td.lg-25 {
    width: 24%;
  }
  td.lg-33 {
    width: 32%;
  }
  td.lg-66 {
    width: 65%;
  }
}
.bg-stripe {
  position: relative;
}
.bg-stripe:before {
  content: " ";
  height: 100%;
  left: -100vw;
  position: absolute;
  top: 0;
  width: 200vw;
}
.bg-stripe > * {
  position: relative;
  z-index: 9;
}
.limit-width-xs {
  max-width: 450px;
}
.limit-width-sm {
  max-width: 576px;
}
.limit-width-md {
  max-width: 768px;
}
.limit-width-lg {
  max-width: 992px;
}
.limit-width-xl {
  max-width: 1200px;
}
.pagination {
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.pagination a {
  display: inline-block;
  padding: 0 0.5rem;
  transition: all 200ms;
}
.pagination a:hover {
  background: #e8e8e8;
  text-decoration: none;
  transform: translateY(-3px);
}
.pagination span {
  display: inline-block;
  font-weight: bold;
  padding: 0 0.5rem;
}
.pagination .next, .pagination .prev {
  padding: 0 1.5rem;
}
header.header.no-breadcrumbs + .main .content-container > article > .element.bg-yellow:nth-child(2), header.header + .main .content-container > article .container:first-child .row:first-child .element:first-child {
  margin-top: 2rem;
}
.bg-yellow {
  background: #ffd55f;
}
.bg-black {
  background: #171718;
}
.has-bg {
  background-position: 50% 50%;
}
.bg-cover {
  background-size: cover;
}
.bg-tile {
  background-size: unset;
}
.bg-contain {
  background-repeat: no-repeat;
  background-size: contain;
}
.bg-centered {
  background-repeat: no-repeat;
}
.tint {
  position: relative;
}
.tint:after {
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.tint-black.tint-light:after {
  background-color: rgba(0, 0, 0, 0.25);
}
.tint-black:after {
  background-color: rgba(0, 0, 0, 0.5);
}
.tint-black.tint-heavy:after {
  background-color: rgba(0, 0, 0, 0.85);
}
.tint-yellow.tint-light:after {
  background-color: rgba(255, 213, 95, 0.25);
}
.tint-yellow:after {
  background-color: rgba(255, 213, 95, 0.5);
}
.tint-yellow.tint-heavy:after {
  background-color: rgba(255, 213, 95, 0.85);
}
.tint-white.tint-light:after {
  background-color: rgba(255, 255, 255, 0.25);
}
.tint-white:after {
  background-color: rgba(255, 255, 255, 0.5);
}
.tint-white.tint-heavy:after {
  background-color: rgba(255, 255, 255, 0.85);
}
#breadcrumbs {
  background: #ffe388;
  color: #555;
  font-size: 0.8rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
#breadcrumbs a {
  color: #444;
  font-weight: 500;
}
.expanding-panel + .expanding-panel {
  border-top: 1px solid #ccc;
  margin-top: 1rem;
  padding-top: 1rem;
}
.expanding-panel + .expanding-panel > h3 {
  margin: 0;
}
.expanding-panel + .expanding-panel > div {
  margin-top: 1rem;
}
.expanding-panel + .expanding-panel > div *:last-child {
  margin-bottom: 0;
}
.js .expanding-panel > h3 {
  cursor: pointer;
}
.js .expanding-panel > h3:after {
  content: "»";
  display: inline-block;
  float: right;
  margin: 0 1rem;
  transform: rotate(90deg);
  transition: all 200ms;
}
.js .expanding-panel > div {
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 200ms;
}
.js .expanding-panel > h3.expanded:after {
  transform: rotate(-90deg);
}
.js .expanding-panel > h3.expanded + div {
  margin-top: 1rem;
  max-height: 99rem;
}
.element + .element .collapsed-section {
  border-top: 1px solid #ccc;
}
.element .collapsed-section .element-title {
  margin: 0;
  padding: 1rem 0;
}
.element .collapsed-section .element-title:hover {
  background: #eee;
}
.js .element:not(:first-child) .collapsed-section {
  padding-top: 0 !important;
}
.js .element:not(:last-child) .collapsed-section {
  padding-bottom: 0 !important;
}
.js .collapsed-section {
  transition: 200ms;
}
.js .collapsed-section .element-title {
  cursor: pointer;
  font-size: 1.75rem;
  font-weight: 500;
  text-align: left;
}
.js .collapsed-section .element-title:after {
  content: "»";
  display: inline-block;
  float: right;
  margin: 0 1rem;
  transform: rotate(90deg);
  transition: all 200ms;
}
.js .collapsed-section.expanded {
  padding-bottom: 1rem !important;
}
.js .collapsed-section.expanded .element-title:after {
  transform: rotate(-90deg);
}
.js .collapsed-section:not(.expanded) .element-title ~ * {
  margin-bottom: 0;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 200ms;
}
.content .image-bod-grid {
  margin-top: -2rem;
}
.image-box-grid .col-12 {
  display: flex;
  margin-top: 2rem;
  padding: 0;
  transition: 200ms all;
}
.bg-black .image-box-grid .col-12 {
  background: #171718;
}
.image-box-grid .col-12 > div {
  width: 100%;
}
.image-box-grid .col-12 img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.image-box-grid a.col-12:hover {
  opacity: 0.9;
  transform: translateY(-3px);
}
.image-box-grid .text-col {
  align-items: center;
  background: #171718;
  display: flex;
  color: #fff;
  font-weight: bold;
  padding: 3rem 2rem;
  position: relative;
}
.image-box-grid .text-col:before {
  border-bottom: 25px solid #171718;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  content: ".";
  height: 0;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  width: 0;
}
@media (min-width: 576px) {
  .image-box-grid .text-col {
    /* was 575px */
  }
  .image-box-grid .text-col:before {
    content: none;
  }
}
@media (min-width: 576px) {
  .image-box-grid {
    /* was 575px */
  }
  .image-box-grid .col-12 {
    margin-top: 0;
  }
  .image-box-grid .col-12 > div {
    padding: 0;
  }
  .image-box-grid .image-col, .image-box-grid .text-col {
    float: left;
    height: 100%;
    width: 50%;
  }
  .image-first.image-box-grid .col-12:nth-child(even) .image-col, .image-first.image-box-grid .col-12:nth-child(even) .text-col, .text-first.image-box-grid .col-12:nth-child(odd) .image-col, .text-first.image-box-grid .col-12:nth-child(odd) .text-col {
    float: left;
  }
  .image-first.image-box-grid .col-12:nth-child(odd) .image-col, .image-first.image-box-grid .col-12:nth-child(odd) .text-col, .text-first.image-box-grid .col-12:nth-child(even) .image-col, .text-first.image-box-grid .col-12:nth-child(even) .text-col {
    float: right;
  }
}
@media (min-width: 992px) {
  .image-first.image-box-grid .col-12:nth-child(4n+1) .image-col, .image-first.image-box-grid .col-12:nth-child(4n+1) .text-col, .image-first.image-box-grid .col-12:nth-child(4n+2) .image-col, .image-first.image-box-grid .col-12:nth-child(4n+2) .text-col, .text-first.image-box-grid .col-12 .image-col, .text-first.image-box-grid .col-12 .text-col {
    float: left !important;
  }
  .image-first.image-box-grid .col-12 .image-col, .image-first.image-box-grid .col-12 .text-col, .text-first.image-box-grid .col-12:nth-child(4n+1) .image-col, .text-first.image-box-grid .col-12:nth-child(4n+1) .text-col, .text-first.image-box-grid .col-12:nth-child(4n+2) .image-col, .text-first.image-box-grid .col-12:nth-child(4n+2) .text-col {
    float: right !important;
  }
}
/*
.image-gallery {
	align-items: center;
	display: grid;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	grid-template-columns: repeat(2, 1fr);

	@media (min-width: $bootstrap-md) {
		grid-template-columns: repeat(4, 1fr);
	}
	@media (min-width: $bootstrap-lg) {
		grid-template-columns: repeat(5, 1fr);
	}
	@media (min-width: $bootstrap-xl) {
		grid-template-columns: repeat(6, 1fr);
	}

	a {
		align-items: center;
		display: flex;
		transition: $transition-timing-normal all;
		&:hover {
			opacity: 0.8;
			transform: translateY(-3px);
		}
	}
}
*/
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.image-gallery a {
  align-items: center;
  flex: 0 0 45%;
  margin-bottom: 2rem;
  transition: 200ms all;
}
.image-gallery a:hover {
  opacity: 0.8;
  transform: translateY(-3px);
}
@media (min-width: 768px) {
  .image-gallery a {
    flex-basis: 30%;
  }
}
@media (min-width: 992px) {
  .image-gallery a {
    flex-basis: 18%;
  }
}
@media (min-width: 1200px) {
  .image-gallery a {
    flex-basis: 12%;
  }
}
.pbb__elements__genomicbreedselement .genomic-breed-panel {
  background: #ffd55f;
  border-width: 0 2px;
  border: 2px solid #fff;
  display: grid;
  padding: 5rem 3rem 4rem 3rem;
  text-align: center;
}
.pbb__elements__genomicbreedselement .genomic-breed-panel h3 {
  font-weight: bold;
  margin-bottom: 1.5rem;
}
@media (max-width: 575px) {
  .pbb__elements__genomicbreedselement .genomic-breed-panel h3 {
    min-height: unset !important;
  }
}
.pbb__elements__genomicbreedselement .genomic-breed-panel a {
  font-weight: normal;
  /* todo: confirm */
  margin-bottom: 0;
}
.pbb__elements__imageelement .responsive-image .image-sm, .pbb__elements__imageelement .responsive-image .image-md, .pbb__elements__imageelement .responsive-image .image-lg, .pbb__elements__imageelement .responsive-image .image-xl {
  display: none;
}
@media screen and (min-width: 576px) {
  .pbb__elements__imageelement .responsive-image.has-sm .image-default {
    display: none;
  }
  .pbb__elements__imageelement .responsive-image .image-sm {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .pbb__elements__imageelement .responsive-image.has-md .image-default, .pbb__elements__imageelement .responsive-image.has-md .image-sm {
    display: none;
  }
  .pbb__elements__imageelement .responsive-image .image-md {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .pbb__elements__imageelement .responsive-image.has-lg .image-default, .pbb__elements__imageelement .responsive-image.has-lg .image-sm, .pbb__elements__imageelement .responsive-image.has-lg .image-md {
    display: none;
  }
  .pbb__elements__imageelement .responsive-image .image-lg {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .pbb__elements__imageelement .responsive-image.has-xl .image-default, .pbb__elements__imageelement .responsive-image.has-xl .image-sm, .pbb__elements__imageelement .responsive-image.has-xl .image-md, .pbb__elements__imageelement .responsive-image.has-xl .image-lg {
    display: none;
  }
  .pbb__elements__imageelement .responsive-image .image-xl {
    display: block;
  }
}
.pbb__elements__imageelement .responsive-image.align-fullwidth img {
  width: 100%;
}
.pbb__elements__imageelement .responsive-image.align-centre {
  text-align: center;
}
.pbb__elements__imageelement .responsive-image.align-right {
  text-align: right;
}
.pbb__elements__imageelement .responsive-image.align-fullwidth-smheight picture, .pbb__elements__imageelement .responsive-image.align-fullwidth-mdheight picture {
  display: block;
  height: 20rem;
  overflow: hidden;
}
.pbb__elements__imageelement .responsive-image.align-fullwidth-smheight img, .pbb__elements__imageelement .responsive-image.align-fullwidth-mdheight img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.pbb__elements__imageelement .responsive-image.align-fullwidth-mdheight picture {
  height: 30rem;
}
@media (max-width: 574px) {
  .pbb__elements__latestnewselement .element-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.pbb__elements__linkpanelselement .buttons {
  text-align: center;
}
/*
.dnadesign__elementallist__model__elementlist {
	padding-top: 3rem;
}
*/
.list-element__title {
  display: none;
}
.column-title.yellow-circle {
  background: #ffd55f;
  border-radius: 50%;
  margin: 0 5% 3rem 5%;
  padding-bottom: 90%;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .column-title.yellow-circle {
    margin: 0 10% 3rem 10%;
    padding-bottom: 80%;
  }
}
@media (min-width: 992px) {
  .column-title.yellow-circle {
    margin: 0 15% 3rem 15%;
    padding-bottom: 70%;
  }
}
.column-title.yellow-circle span {
  display: block;
  left: 0;
  padding: 5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.column-title.yellow-circle ~ * {
  font-size: 1.5rem;
}
.list-element__container .col-padx-1 {
  padding-left: 5%;
  padding-right: 5%;
}
.list-element__container .col-pady-1 {
  padding-top: 5%;
  padding-bottom: 5%;
}
.list-element__container h2:first-child {
  font-size: 2rem;
  margin: 0 0 2rem 0;
  text-align: left;
}
.logos {
  margin-top: 1rem;
  text-align: center;
}
.logos a[href], .logos span {
  display: inline-block;
  margin: 2rem;
  transition: 200ms all;
  /*
		img {
			max-height: 60px;
		}
		*/
}
.logos a[href]:hover {
  opacity: 0.8;
  transform: translateY(-3px);
}
.pbb__elements__numberedheadingelement .col-sm {
  padding-left: 4rem;
}
.pbb__elements__numberedheadingelement .element-title {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 1rem 0;
  position: relative;
  text-align: left;
}
.pbb__elements__numberedheadingelement .element-title .heading-number {
  background: #ffd55f;
  border-radius: 50%;
  display: inline-block;
  font-weight: bold;
  --size: 2.5rem;
  height: var(--size);
  left: calc(-1 * var(--size) - 30px);
  line-height: var(--size);
  position: absolute;
  text-align: center;
  top: -0.4rem;
  width: var(--size);
}
.pbb__elements__numberedheadingelement .element-title + * {
  margin-top: 2rem;
}
@media (max-width: 574px) {
  .pbb__elements__staffmemberselement .element-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.pbb__elements__staffmemberselement .jobtitle {
  font-weight: normal;
}
.pbb__elements__stockbooktierselement {
  background-color: #000;
  border-bottom: 0.5rem solid #ffd55f;
  color: #fff;
  overflow-x: hidden;
  text-align: center;
}
.pbb__elements__stockbooktierselement h3 {
  font-weight: bold;
  margin: 1.25rem 0;
}
.pbb__elements__stockbooktierselement .eq-height-top {
  min-height: 0.1px;
}
.pbb__elements__stockbooktierselement .tier-top {
  margin-bottom: 2rem;
  padding-top: 2rem;
}
.pbb__elements__stockbooktierselement .tier-top .animal-limits {
  margin-bottom: 1rem;
}
.pbb__elements__stockbooktierselement .tier-cost {
  color: #000;
  padding: 0.5rem 0 0.25rem 0;
}
.pbb__elements__stockbooktierselement .tier-cost .cost {
  font-size: 1.75rem;
  font-weight: bold;
}
.pbb__elements__stockbooktierselement .tier-cost .gst {
  font-size: 1.4rem;
  font-weight: bold;
}
.pbb__elements__stockbooktierselement .tier-cost .cost-period {
  display: block;
  font-size: 0.9rem;
  font-weight: 100;
  margin-top: -0.5rem;
}
.pbb__elements__stockbooktierselement .tier-app {
  padding: 0.5rem 0;
}
.pbb__elements__stockbooktierselement .tier-app span {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMDNUMTE6MDQ6NDErMTM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDItMDNUMTE6MDQ6NDErMTM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTAzVDExOjA0OjQxKzEzOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMzYTEyZGE3LTQzMzgtNGYzOS1hZjIwLTMzZDA0ZTk3YTgwZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmU2MzIzMjE4LTZhN2UtMjM0Ni04ZmExLWZmNGZhYzAwMDQ0OSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyZDc1OTY4LWFjODktNGE2My05OTQ4LTY3NGZiMmU1NzhlNCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJkNzU5NjgtYWM4OS00YTYzLTk5NDgtNjc0ZmIyZTU3OGU0IiBzdEV2dDp3aGVuPSIyMDIwLTAyLTAzVDExOjA0OjQxKzEzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzNhMTJkYTctNDMzOC00ZjM5LWFmMjAtMzNkMDRlOTdhODBmIiBzdEV2dDp3aGVuPSIyMDIwLTAyLTAzVDExOjA0OjQxKzEzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4WbMg8AAAB4klEQVQ4jZ3TT4hOURzG8c87WJAyIUTcq2ulFJIoFhYsSTIshJWFhYkmspqVJbEgG4lSFqJkIzvZsGChlMXJOUWR4g2NejXG4r3vuO7c10zz1O3+/jz3e3+nc06ryPIhXMVSXX3GWBkvw/wybmMkpHijzBVZvhCdkGIHWkWWf8Wgv3qMj2W8A0Wl18FgSPFnkeUtPMAKHAgpfphbgp7ilal6VInXYzeWI+I89pW9l0WWH24VWT6B0yHFyw2wSRVZfhw3sRbryhUMVCzPBxq+m04rcbcG+oJDs4Fdx5JK/huHQ4ppNrANtXw0pPiEf0dVZPmiIsuXatbOhtpDXOglk7Byq2/r7szW2k8242gNFHAspDgxBYZz2IvVeFZk+ckStBj3MbfiHcP+kGK7Su8ZMpyq1OfhapHl23VvQVab6kRI8XV9zb3J3uNKvYkj2FOr3Qop3mnwTsLGQ4pncBA/mowVXejX+Gc3Q4r3sAVvGrzfyvevGcFK4Ftsw71KeRzX+g/bB1YCv2MIIyXoLN7OClYCJ0KKF7EppHhpOtB/YRXolCPQT71ztqrI8o3TeNfMFDZSPj39xgTmzHQqustsN9RHMdxQ7+BTP9icxYOD77ALCyr1nbonv3of2xgOKb7oB/sD/aiHIjIG+S8AAAAASUVORK5CYII=') 0 50% no-repeat;
  background-size: contain;
  color: #000;
  display: inline-block;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 0.4rem 0 0.4rem 2.25rem;
  white-space: nowrap;
}
.pbb__elements__stockbooktierselement .tier-cost:before {
  background: #ffd55f;
}
.pbb__elements__stockbooktierselement .tier-app:before {
  background: #fff3c6;
}
/*
.element:not(.width-full),
.element.width-full .element-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: $max-width;
}
*/
.element-inner {
  /*
	padding-left: 1rem;
	padding-right: 1rem;
	*/
  flex-grow: 1;
  position: relative;
}
.element-inner > * {
  position: relative;
  z-index: 2;
}
.element-title {
  margin: 3rem 0;
  text-align: center;
}
.text-content {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 576px) {
  .buttons .button {
    display: block;
  }
}
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */
/* GENERIC FORMS
----------------------------------------------- */
form {
  max-width: 500px;
  width: 50%;
}
div.field {
  margin: 10px 0 15px;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form label {
  margin-bottom: 5px;
}
form label.left {
  display: block;
  font-weight: bold;
}
form label.right {
  font-size: 12px;
  color: #888;
}
form input.text, form textarea, form .textajaxuniquetext, form select {
  /* Not sure if this is used? */
  width: 100%;
  max-width: 400px;
  padding: 6px 5px;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #dad9d9;
}
.ie7 form select {
  width: 400px;
}
/* fix for ie7's rendering of max-width property on select input */
form input.text:focus, form textarea:focus, form .textajaxuniquetext:focus, form select:focus {
  outline: none;
}
form input[disabled], form textarea[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #dad9d9;
}
textarea {
  resize: vertical;
  /* forces text area to be resized vertically only */
}
/* Radio and Checkbox */
.field .checkbox:not(.field), .field .radio:not(.field) {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  margin-top: 5px;
  padding: 0;
}
.checkbox label.right, .radio label.right {
  float: left;
}
.userform .checkbox label {
  font-weight: normal;
}
/* Messages */
form .message {
  background-color: #fef4ba;
  padding: 5px 10px;
  border: 1px solid #e8c805;
  border-radius: 3px;
}
form .good {
  background-color: #ecf9d0;
  border-color: #8fbe00;
}
form .bad, form .required, form .error {
  background-color: #f9d0d0;
  border-color: #cf0000;
  color: #b80000;
}
/* ACTIONS */
.Actions {
  margin-bottom: 20px;
}
/* AREA SPECIFIC */
/* LOGIN and FORGOT PASSWORD */
#Remember {
  min-height: 20px;
}
#ForgotPassword {
  clear: left;
}
#MemberLoginForm_LostPasswordForm .Actions:after {
  display: none;
}
/* Search / Login */
.header form .middleColumn {
  /* float: none;
	width: 100% !important; */
}
/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */
/*Generic and mixed*/
.FormHeading {
  clear: both;
  padding-top: 15px;
}
form .date .middleColumn input {
  /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
  width: 114px;
}
.Actions input.resetformaction, .Actions input.action-minor {
  /* Clear button */
  float: left;
  background-color: #888;
}
.Actions input.resetformaction:hover, .Actions input.action-minor:hover {
  /* Clear button */
  background-color: #aaa;
}
/* Labels */
.checkbox label.right {
  font-size: 13px;
  /* reset to default */
  color: #333;
  /* reset to default */
}
form .requiredField label.left:after {
  /* pseudo element adds an asterisk to a required fields label */
  color: #B94A48;
  content: "*";
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
}
/* Radio / Checkbox */
form .checkboxset ul, form .optionset ul {
  margin: 0;
}
form .checkboxset li, form .optionset li {
  margin-bottom: 5px;
  list-style-type: none;
}
form div.checkbox:after {
  /* clearfix */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
form .checkbox .checkbox {
  clear: both;
}
/* Messages */
span.message {
  margin: 10px 0;
  display: block;
  max-width: 390px;
  clear: left;
}
div.holder-required {
  /* This class needs to be changed - is used for both input and div */
  /* background-color: #f9d0d0;
	border: 1px solid #cf0000;
	padding: 10px;
	margin-left: -11px; */
}
form input.holder-required {
  /* This class needs to be changed - is used for both input and div */
  border: 1px solid #cf0000;
}
/* Error messages */
input.error:invalid, textarea.error:invalid {
  border-radius: 1px;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
/* To test - potentially not needed? */
.ss-uploadfield-item-info button {
  margin-top: 4px !important;
  float: left;
}
form .creditCardField input, form input.currency, form input.numeric {
  width: 50px;
}
form #DMYDate-month, form #DMYDate-day {
  width: 25px;
}
/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 700px) {
  /* To test - potentially not needed? */
  .header form .middleColumn {
    float: none;
    width: 100% !important;
  }
  form label.left, #MemberLoginForm_LoginForm label {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 900px) {
  form {
    max-width: 100%;
  }
}
.genomic-pitch {
  font-size: 0.8rem;
  height: 0;
  margin: 0 auto;
  padding-bottom: 90%;
  position: relative;
  text-align: center;
  width: 90%;
}
.genomic-pitch:before {
  border-radius: 50%;
  background: #ffd55f;
  content: " ";
  height: 0;
  left: 0;
  padding-bottom: 100%;
  position: absolute;
  width: 100%;
}
.genomic-pitch div {
  margin: 0 10%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
}
.genomic-pitch h3 {
  color: #fff;
  font-size: 1.75em;
  font-weight: bold;
  padding: 0 5%;
}
.genomic-pitch h4 {
  color: #000;
  font-size: 2em;
  font-weight: bold;
  padding: 0 10%;
}
.genomic-pitch h4 span {
  font-size: 0.75em;
  text-transform: uppercase;
}
.genomic-pitch p {
  font-size: 0.9em;
  margin-bottom: 0;
}
.genomic-pitch small {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
}
.genomic-pitch small + small {
  font-weight: normal;
  margin-top: 0.75em;
}
.genomic-pitch div > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .genomic-pitch {
    font-size: 1.1rem;
  }
}
@media (min-width: 768px) {
  .genomic-pitch {
    font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .genomic-pitch {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  .genomic-pitch {
    font-size: 0.75rem;
  }
}
@media (min-width: 1500px) {
  .genomic-pitch {
    font-size: 1rem;
  }
}
.genomic-bundles {
  margin-top: 3rem;
  min-width: 350px;
}
.genomic-bundles .button {
  margin: 2em 20% 5em 20%;
  text-align: center;
  width: 60%;
}
.genomic-bundles .circles {
  bottom: 5%;
  list-style: none;
  margin: 0;
  position: absolute;
  right: 10%;
}
.genomic-bundles .circles li {
  border-radius: 50%;
  display: inline-block;
  height: 2em;
  list-style: none;
  margin-left: -1.25em;
  width: 2em;
}
.genomic-bundles .circles li.circle-black {
  list-style: none;
  background: #000;
}
.genomic-bundles .circles li.circle-green {
  list-style: none;
  background: #aaca53;
}
.genomics-badge {
  background: #000;
  border: 0.5em solid #fff;
  border-radius: 50%;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
  box-sizing: content-box;
  color: #fff;
  font-size: 0.8rem;
  height: 0;
  margin: 0 auto;
  margin-bottom: 3em;
  padding-bottom: 50%;
  position: relative;
  text-align: center;
  width: 50%;
}
@media (min-width: 576px) {
  .genomics-badge {
    font-size: 1.3rem;
    padding-bottom: 50%;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .genomics-badge {
    font-size: 1.1rem;
    margin-top: 3rem;
    padding-bottom: 60%;
    width: 60%;
  }
}
@media (min-width: 992px) {
  .genomics-badge {
    font-size: 1rem;
    padding-bottom: 50%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .genomics-badge {
    padding-bottom: 70%;
    width: 70%;
  }
}
.genomics-badge > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-10deg);
  width: 100%;
}
.genomics-badge > div div {
  display: block;
  line-height: 1.3;
}
.genomics-badge > div strong {
  font-size: 1.25em;
}
.genomics-badge > div em {
  color: #ffd55f;
  font-size: 2.5em;
  font-style: normal;
}
#MemberLoginForm_LoginForm {
  margin: 10rem auto;
  max-width: 25rem;
}
#MemberLoginForm_LoginForm .btn-toolbar {
  align-items: center;
}
#ForgotPassword {
  margin: 0 0 0 2rem;
}
.post-image {
  text-align: center;
}
.news-list {
  margin: 2rem 0;
}
.member-profile h1:before {
  content: "Author profile: ";
}
.blog-post-meta {
  box-sizing: content-box;
  margin-bottom: 2rem;
}
.blog-post-meta > div {
  margin-bottom: 1rem;
}
.next-and-prev-posts {
  border-top: 1px solid #ccc;
  margin-top: 2rem;
  padding-top: 1rem;
}
.next-and-prev-posts .next-post {
  text-align: right;
}
.blog-sidebar {
  box-shadow: inset 0.5rem 0rem 0.75rem -0.5rem #aaa;
  position: relative;
  padding-left: 2rem;
}
.blog-sidebar ul {
  padding: 0;
}
.blog-sidebar ul li {
  display: block;
  padding: 0.25rem 0 0.25rem 1.75rem;
}
.blog-sidebar ul li:before {
  color: #ccc;
  content: "→";
  margin-left: -1.5rem;
  position: absolute;
}
.genomics-promo-block {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.genomics-promo-block > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.genomics-promo-block-left {
  background: #ffd55f;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 1rem;
}
.genomics-promo-block-right {
  justify-content: center;
}
.genomics-promo-block-right-top {
  background: #000;
  color: #fff;
  flex-grow: 1;
  justify-content: center;
  padding: 2rem;
}
.genomics-promo-block-right-bottom {
  background: #fff3c6;
  flex-grow: 1;
  font-size: 1.2rem;
  padding: 1rem;
}
.genomics-promo-block2 {
  background: #000;
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.genomics-promo-block2 > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.genomics-promo-block2-left {
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
}
.genomics-promo-block2-left-top {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-grow: 1;
  justify-content: center;
}
.genomics-promo-block2-left-bottom {
  font-size: 1.2rem;
  padding: 1.1rem 1rem;
  text-align: center;
}
.genomics-promo-block2-left-bottom, .genomics-promo-block2-left-bottom a:link {
  color: #fff;
  font-weight: bold;
}
.genomics-promo-block2-left-bottom strong {
  color: #ffd55f;
}
@media screen and (min-width: 768px) {
  .genomics-promo-block, .genomics-promo-block2 {
    flex-direction: row;
  }
}
.genomics-team img {
  filter: grayscale(1);
}
.registry-team img {
  border-radius: 50%;
  border: 2px solid #fff;
  filter: grayscale(1);
}
.registry-team p {
  font-size: 0.8rem;
}
.panels .row {
  margin-top: -1rem;
}
.panels .row > .col-12 {
  color: inherit;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  transition: 200ms all;
  /*
		a {
			color: inherit;
			display: inline-block;
			font-size: 2rem;
			text-decoration: none;
			transition: $transition-timing-normal all;
			&:hover {
				color: inherit;
				transform: translateX(3px);
			}
		}
		*/
}
.panels .row > .col-12 h3 {
  font-size: 1rem;
  font-weight: bolder;
  margin-top: 2rem;
}
.panels .row > .col-12 p {
  font-size: 0.8rem;
  margin-top: 1rem;
  opacity: 0.8;
}
.text-dark .panels .row > .col-12[href]:hover {
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
  .panels .row > .col-12 .image {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.panels .row > a.col-12:hover, .panels .row > a.col-12:hover * {
  color: inherit;
  text-decoration: none !important;
}
.panels .row > a.col-12:hover {
  background: rgba(255, 255, 255, 0.1);
  opacity: 0.9;
  transform: translateY(-3px);
}
.panels.image-grid .row {
  margin-top: 0;
}
.panels.image-grid .row > .col-12 {
  margin: 0;
  padding: 0;
}
.panels.image-grid .row > .col-12 h3, .panels.image-grid .row > .col-12 p, .panels.image-grid .row > .col-12 .arrow {
  display: none;
}
.panels.image-grid .row > .col-12 .image {
  padding-bottom: 100%;
}
.panels.image-grid .row img {
  min-height: 100%;
  object-fit: cover;
  position: absolute;
}
body {
  font-family: proxima-nova;
  font-weight: 400;
}
h1 {
  font-weight: 700;
  text-align: center;
}
h2 {
  font-size: 2.5rem;
  font-weight: 700;
}
h4 {
  margin-bottom: 1rem;
}
h5 {
  font-size: 1rem;
  font-weight: 700;
}
h6 {
  font-size: 0.8rem;
  font-weight: 700;
}
a[href] {
  color: #aaa;
}
.small {
  font-size: 0.75rem;
}
.text-light {
  color: #fff;
}
.text-dark {
  color: #000 !important;
}
.text-yellow {
  color: #ffd55f;
}
img.center {
  display: flex;
  margin: 1rem auto;
}
img.left, img.right {
  margin: 1rem auto;
}
.yellow-box {
  background: #ffd55f;
  display: block;
  margin: 1rem 0;
  padding: 1rem;
}
.yellow-box:first-child {
  margin-top: 0;
}
.yellow-box + .yellow-box {
  margin: -1rem 0 1rem 0;
  padding: 2rem 1rem 1rem 1rem;
}
.yellow-box img:first-child {
  margin-top: -2rem;
}
@media (min-width: 768px) {
  .yellow-box {
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  .yellow-box {
    padding: 3rem;
  }
  img.left {
    float: left;
    margin-bottom: 1rem;
    margin-right: 1rem;
    max-width: 50%;
  }
  img.right {
    float: right;
    margin-bottom: 1rem;
    margin-left: 1rem;
    max-width: 50%;
  }
  .yellow-box img.left {
    margin-left: -2rem;
    margin-right: 2rem;
  }
  .yellow-box img.right {
    margin-left: 2rem;
    margin-right: -2rem;
  }
}
@media (min-width: 1200px) {
  img.left {
    max-width: 75%;
  }
  img.right {
    max-width: 75%;
  }
}
.arrow {
  display: block;
  font-size: 2rem;
  margin-top: 1rem;
  transition: 200ms all;
}
a:hover .arrow.a-left, a.arrow.a-left:hover {
  transform: translateX(3px);
}
.columns-2 {
  column-count: 2;
}
.columns-3 {
  column-count: 2;
}
ol.large {
  counter-reset: large-ol-counter;
  font-size: 0.8rem;
  list-style: none;
  padding-left: 50px;
}
ol.large li {
  counter-increment: large-ol-counter;
  margin: 0 0 0.75rem 0;
  position: relative;
}
ol.large li:before {
  background: black;
  border-radius: 50%;
  color: #fff;
  content: counter(large-ol-counter);
  font-size: 1rem;
  font-weight: bold;
  --size: 22px;
  height: var(--size);
  left: calc(-1 * var(--size) - 30px);
  line-height: var(--size);
  position: absolute;
  text-align: center;
  top: -0.2rem;
  width: var(--size);
}
.buttons {
  margin-top: 2rem;
  text-align: center;
}
.text-dark .button, .button, input[type="reset"], input[type="submit"] {
  background: rgba(23, 23, 24, 0);
  border: 2px solid #171718;
  color: #171718;
  display: inline-block;
  font-weight: bold;
  margin: 1rem 0;
  padding: 0.75rem 2rem;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: 200ms all;
}
.text-dark .button:hover, .button:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: rgba(23, 23, 24, 0.9);
  color: #fff !important;
  transform: translateY(-3px);
}
.buttons .text-dark .button, .buttons .button, .buttons input[type="reset"], .buttons input[type="submit"] {
  margin: 1rem;
}
.text-light .button {
  background: rgba(255, 255, 255, 0);
  border: 2px solid #fff;
  color: #fff;
}
.text-light .button:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #171718 !important;
}
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */
/* GENERIC FORMS
----------------------------------------------- */
form {
  max-width: 500px;
  width: 50%;
}
div.field {
  margin: 10px 0 15px;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form label {
  margin-bottom: 5px;
}
form label.left {
  display: block;
  font-weight: bold;
}
form label.right {
  font-size: 12px;
  color: #888;
}
form input.text, form textarea, form .textajaxuniquetext, form select {
  /* Not sure if this is used? */
  width: 100%;
  max-width: 400px;
  padding: 6px 5px;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #dad9d9;
}
.ie7 form select {
  width: 400px;
}
/* fix for ie7's rendering of max-width property on select input */
form input.text:focus, form textarea:focus, form .textajaxuniquetext:focus, form select:focus {
  outline: none;
}
form input[disabled], form textarea[disabled] {
  background-color: #f7f7f7;
  border: 1px solid #dad9d9;
}
textarea {
  resize: vertical;
  /* forces text area to be resized vertically only */
}
/* Radio and Checkbox */
.field .checkbox:not(.field), .field .radio:not(.field) {
  float: left;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  margin-top: 5px;
  padding: 0;
}
.checkbox label.right, .radio label.right {
  float: left;
}
.userform .checkbox label {
  font-weight: normal;
}
/* Messages */
form .message {
  background-color: #fef4ba;
  padding: 5px 10px;
  border: 1px solid #e8c805;
  border-radius: 3px;
}
form .good {
  background-color: #ecf9d0;
  border-color: #8fbe00;
}
form .bad, form .required, form .error {
  background-color: #f9d0d0;
  border-color: #cf0000;
  color: #b80000;
}
/* ACTIONS */
.Actions {
  margin-bottom: 20px;
}
/* AREA SPECIFIC */
/* LOGIN and FORGOT PASSWORD */
#Remember {
  min-height: 20px;
}
#ForgotPassword {
  clear: left;
}
#MemberLoginForm_LostPasswordForm .Actions:after {
  display: none;
}
/* Search / Login */
.header form .middleColumn {
  /* float: none;
	width: 100% !important; */
}
/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */
/*Generic and mixed*/
.FormHeading {
  clear: both;
  padding-top: 15px;
}
form .date .middleColumn input {
  /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
  width: 114px;
}
.Actions input.resetformaction, .Actions input.action-minor {
  /* Clear button */
  float: left;
  background-color: #888;
}
.Actions input.resetformaction:hover, .Actions input.action-minor:hover {
  /* Clear button */
  background-color: #aaa;
}
/* Labels */
.checkbox label.right {
  font-size: 13px;
  /* reset to default */
  color: #333;
  /* reset to default */
}
form .requiredField label.left:after {
  /* pseudo element adds an asterisk to a required fields label */
  color: #B94A48;
  content: "*";
  font-size: 14px;
  font-weight: normal;
  padding-left: 3px;
}
/* Radio / Checkbox */
form .checkboxset ul, form .optionset ul {
  margin: 0;
}
form .checkboxset li, form .optionset li {
  margin-bottom: 5px;
  list-style-type: none;
}
form div.checkbox:after {
  /* clearfix */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
form .checkbox .checkbox {
  clear: both;
}
/* Messages */
span.message {
  margin: 10px 0;
  display: block;
  max-width: 390px;
  clear: left;
}
div.holder-required {
  /* This class needs to be changed - is used for both input and div */
  /* background-color: #f9d0d0;
	border: 1px solid #cf0000;
	padding: 10px;
	margin-left: -11px; */
}
form input.holder-required {
  /* This class needs to be changed - is used for both input and div */
  border: 1px solid #cf0000;
}
/* Error messages */
input.error:invalid, textarea.error:invalid {
  border-radius: 1px;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
/* To test - potentially not needed? */
.ss-uploadfield-item-info button {
  margin-top: 4px !important;
  float: left;
}
form .creditCardField input, form input.currency, form input.numeric {
  width: 50px;
}
form #DMYDate-month, form #DMYDate-day {
  width: 25px;
}
/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 700px) {
  /* To test - potentially not needed? */
  .header form .middleColumn {
    float: none;
    width: 100% !important;
  }
  form label.left, #MemberLoginForm_LoginForm label {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 900px) {
  form {
    max-width: 100%;
  }
}
footer.footer {
  background: #ffd55f;
  color: #171718;
  padding: 4rem 0;
}
footer.footer .footer-header {
  text-align: center;
}
footer.footer .footer-header a {
  margin: 3rem 0 4rem 0;
}
footer.footer p {
  margin: 0;
}
footer.footer a {
  color: #000;
}
footer.footer .footer-columns > div {
  margin-bottom: 2rem;
}
/*# sourceMappingURL=/assets/_css/app-client-css-app.css.map */