@import url('https://fonts.googleapis.com/css?family=Montserrat');

@-webkit-keyframes dash {
  0% {
      stroke-dashoffset: 500
  }

  to {
      stroke-dashoffset: 0
  }
}

@keyframes dash {
  0% {
      stroke-dashoffset: 500
  }

  to {
      stroke-dashoffset: 0
  }
}

@-webkit-keyframes dashAlt {
  0% {
      stroke-dashoffset: 500
  }

  to {
      stroke-dashoffset: 0
  }
}

@keyframes dashAlt {
  0% {
      stroke-dashoffset: 500
  }
  to {
      stroke-dashoffset: 0
  }
}

@-webkit-keyframes showfixed {
  0% {
      opacity: 0;
      -ms-filter: alpha(opacity=0)
  }

  49.99% {
      opacity: 0;
      -ms-filter: alpha(opacity=0)
  }

  50% {
      opacity: 1;
      -ms-filter: alpha(opacity=100)
  }

  to {
      opacity: 1;
      -ms-filter: alpha(opacity=100)
  }
}

@keyframes showfixed {
  0% {
      opacity: 0;
      -ms-filter: alpha(opacity=0)
  }

  49.99% {
      opacity: 0;
      -ms-filter: alpha(opacity=0)
  }

  50% {
      opacity: 1;
      -ms-filter: alpha(opacity=100)
  }

  to {
      opacity: 1;
      -ms-filter: alpha(opacity=100)
  }
}

@-webkit-keyframes rotateOne {
  0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }
}

@keyframes rotateOne {
  0% {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }
}

@-webkit-keyframes rotateTwo {
  0% {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  to {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg)
  }
}

@keyframes rotateTwo {
  0% {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  to {
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg)
  }
}

@-webkit-keyframes rotate {
  0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }
}

@keyframes rotate {
  0% {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
  }
}

@-webkit-keyframes cliprotate {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  50% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  50.01% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  to {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
  }
}

@keyframes cliprotate {
  0% {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0)
  }

  50% {
      -webkit-transform: rotate(0);
      -ms-webkit-transform: rotate(0);
      transform: rotate(0)
  }

  50.01% {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  to {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }
}
@font-face {
	font-family: pReg;
	src: url(fonts/afd20/IBMPlexMono-Medium.woff);
}

* {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

::selection{ background: #7b879f; }
::-moz-selection {background: #7b879f; }

::-webkit-input-placeholder {
	opacity:1;
	color:#0f0f0f;
	text-transform: uppercase;
	font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size:26px;
}
body.focus ::-webkit-input-placeholder {
	opacity:0.3;
}


html {
  -webkit-font-smoothing: antialiased;
}

body,html {
  font-size: 10px;
  letter-spacing: .1em;
  font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 400;
  min-height: 100vh;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

body.afd{
  align-items: flex-start;
}

body,html,section {
  width: 100%;
/*   background-color: #090C12; */
  background-color:#e1e1e1;
}
body.home,
body.single{
	background-image:url('img/trackmydown.min.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-size: 140%;
}

body.home{
	background-size: cover;
}

main{
}

section:first-child {
	background-color:transparent;
}

section {
  box-sizing: border-box;
  position: relative;
  margin: auto;
/*   color: #f8f8f9 */
}



@media only screen and (min-width:960px) {
  section {
      min-height: 100vh
  }
  body.single{
  background-size: 100%;
  }

}

.il {
  display: none;
  visibility: hidden
}

.downClusters,.fowlSet {
  height: 75%;
  width: 75%;
  max-width:445px;
  margin: auto;
  background-image: url(img/downclusters.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.downClusters {
  margin: auto;
  margin-top:0;
  margin-bottom:0;
}

.downClusters.rds {
  background-image: url(img/rds.min.svg);
/*   width: 50%; */
/*   max-width:445px; */
  max-width:160px;
}

body.blended .flexi>div.specCert,
body.blended .downClusters.rds{
	width:95%;
	max-width:160px;	
}

body.jp .downClusters.renu {
  background-image: url(img/downclusters-renu.png);
  width: 50%;
  max-width:445px;
}


.percentage {
  background-image: url(img/downclusters.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 65%
}

.percentage-text {
  display: none;
  visibility: hidden;
  color: #0f0f0f;
  font-weight: 400
}

.fowlSet {
  background-image: none;
  margin-top:35px;
}

.fowlSet path#duck,.fowlSet path#goose {
  visibility: hidden
}

.fowlSet.grey-goose path#goose {
  -webkit-transform: translateX(20%);
  transform: translateX(20%)
}

.fowlSet.grey-duck path#duck,.fowlSet.grey-goose path#goose {
  fill: transparent;
  stroke:#0f0f0f;
  visibility: visible
}

.fowlSet.white-goose path#goose {
  fill: transparent;
  stroke:#0f0f0f;
  visibility: visible;
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%)
}

.fowlSet.white-duck path#duck {
  fill: transparent;
  stroke:#0f0f0f;
  visibility: visible
}

.fowlSet.grey-duck path#duck,.fowlSet.white-duck path#duck {
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%)
}

@media only screen and (min-width:960px) {
  .fowlSet.grey-goose path#goose,.fowlSet.white-goose path#goose {
	  filter: invert(100%) hue-rotate(180deg);
      -webkit-transform: translateX(25%);
      -ms-transform: translateX(25%);
      transform: translateX(25%)
  }
}

.beaker {
  margin-left: 0;
  height: 50%;
  width: 50%;
  background-image: url(img/beaker.min.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.lotDetails,.lotIntro,.lotSection {
  height: 100%;
  min-height: 100%;
  width: 95%;
  max-width: 475px;
  margin: auto
}

.lotIntro,.lotQuery {
  position: relative
}

.lotIntro,.lotQuery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lotIntro {
/*   height: calc(100vh - 60px); */
  min-height:100vh;
  max-height: 100%;
  max-width: initial;
}

.lotQuery {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 475px;
  margin-left:auto;
  margin-right:auto;
}

.lotIcon {
  display: block;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
}

@media only screen and (min-width:960px) {
  .lotIcon {
	  max-width:915px;
	  width:47.656%;
  }
  .lotQuery {
	  transform: translateY(75px);
  }
}

.lotIcon svg{
/*
	background-image:url('img/trackmydow-text-fill.min.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
*/
}
.lotIcon svg path{
	stroke:none;
/* 	mix-blend-mode: screen; */
}

.lotFacility,.lotOrigin {
  max-width: 25%
}

.lotCleanliness h3,.lotFacility h3,.lotFill h3,.lotOrigin h3,.lotSpec h3,.lotTreatment h3 {
  letter-spacing: .1em;
  font-weight: 300;
  text-transform: uppercase
}

.lotSection h3 {
  font-size: 2.56em;
  line-height: 1.2em
}

.lotSection .lotOrigin--desc p,.lotSection p {
  font-size: 1.6em;
  line-height: 1.5em;
  max-width: 475px
}

.lotContent a {
  color: inherit;
  font-size: 2em;
  text-transform: uppercase;
  text-decoration: none
}

.lotContent .lotSection-wrap div {
  font-size: 1.15em;
  line-height: 1.4em
}

.lotContent .lotSection-wrap div p {
  font-size: 2.3em;
  font-weight: 400
}

.lotSection h3 span {
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.2em;
  display: block
}

.lotFill h3 span {
  font-weight: 400
}

.lotDetails {
  margin-right: 15%
}

.lotDetails .lotDetails-wrap {
  height: 100%
}

.lotCleanliness,.lotFill,.lotOrigin {
  margin-left: 8.5%
}

.lotFacility,.lotTreatment {
  margin-right: 8.5%
}

.lotQuery.hide {
  display: none;
  visibility: hidden
}

.cleanliness.hide .col1,.cleanliness.hide .col3,.content.hide .col1,.content.hide .col3,.fill .col1.hide,body.single .lot--tag, body.new-search.info .lot--tag, body.info .scrollPrompt, body.info .scrollPrompt:after {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity .6s,visibility .6s;
  transition: opacity .6s,visibility .6s
}

body .scrollPrompt, body .scrollPrompt:after {
  transition-delay:0ms;
  cursor: arrow;
}

.cleanliness .col1,.cleanliness .col3,.content .col1,.content .col3,.fill .col1,.summary .colA .downClusters,body.info .lot--tag, body.info .scrollPrompt, body.info .scrollPrompt:after {
  visibility: visible;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  -webkit-transition: opacity .6s,visibility .6s;
  transition: opacity .6s,visibility .6s
}

body.info .scrollPrompt, body.info .scrollPrompt:after {
  transition-delay:0ms;
}

body.info.care .scrollPrompt,
body.info.care .scrollPrompt:after {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
}

.content .col1 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 60px
}

.content .col3 {
  box-sizing: border-box;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.content .col3 .lotSection-content {
  width: 100%
}

.content .col3 p {
  font-size: medium;
  width: 100%;
  max-width: 500px
}

.content .col2 {
  visibility: hidden
}

@media only screen and (min-width:960px) {
  .content .col1 {
      margin-top: 0;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .content .col2 {
      visibility: visible;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .content .col3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }
}

.tmd--btn,.tmd--input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box
}

.lotQuery form,.lotWrap {
  position: relative;
  width: 95%;
/*   margin-left:40%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: center
}

@media only screen and (min-width:960px) {
	.lotQuery form,.lotWrap {
	  margin-left:40%;
	  width: 75%;
	 }
}

.js-form-inputs>div:after,.lotWrap:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 20%;
  border-bottom: 1px solid #0f0f0f;
  -webkit-transition: width .25s ease-in-out;
  -ms-transition: width .25s ease-in-out;
  transition: width .25s ease-in-out
}

.js-form-inputs.error div:after,.lotWrap.error:after {
  border-color: red
}

.lotWrap.sniff:after {
  left: 0;
  width: 50%;
  border-bottom: 1px solid;
  border-color: rgba(248,248,249,.7)
}

.lotWrap .tmd--btn {
  font-size:1.2em;
  position: absolute;
  bottom: -97.5%;
  right: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
  opacity: 1;
  border:solid 1px transparent;
  -ms-filter: alpha(opacity=0);
/*   visibility: hidden; */
  -webkit-transition: opacity .25s,visibility 0s .25s;
  transition: border .25s ease, opacity .25s ease,visibility 0s .25s ease
}

@media only screen and (min-width:960px) {
  .lotWrap .tmd--btn {
	  font-family: pReg;
      top: 3px;
      left: -55px;
      height: 50%;
      width: 60px;
      font-size:1em;
  }
  body.fr .lotWrap .tmd--btn {
	  right: -10%;
  }
}

body.focus .lotWrap:after {
  width: 100%
}

@media only screen and (min-width:960px) {
  body.focus .lotWrap:after {
      width: 90%
  }
  body.focus.fr .lotWrap:after {
      width: 100%;
  }
}

body.focus .lotWrap .tmd--btn,.dc-btn {
  border:solid 1px #0f0f0f;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: opacity .25s ease;
  transition: border .25s ease,opacity .25s ease,background .25s ease
}

body.focus .lotWrap .tmd--btn:hover,
.dc-btn:hover {
	color:#d8d6d9;
  background-color: #0f0f0f;
}

@media only screen and (min-width:960px) {
  .lotWrap.sniff:after,body.focus .lotWrap:after {
      border-color: #0f0f0f
  }
}

.lotQuery {
  height: 100px;
  width: 100%
}

.lotWrap {
  height: 3.5em
}

.lotWrap,.tmd--input {
  text-align: center
}

input[type=text]::-ms-clear {
  display: none
}

#mce-EMAIL,.tmd--input {
  position: relative;
  color: #0f0f0f;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-width: 0;
  background: transparent;
  outline: 0;
/*   max-width: 250px */
}
body.fr .tmd--input{
	max-width: 280px;
}
body.focus.fr .tmd--input:focus,
body.focus.fr .tmd--input{
  transform: translateX(-25px);
}

body.focus.fr .lotWrap:after{
	width:100%;
}


@media only screen and (min-device-width:320px) and (max-device-width:812px) {
  #mce-EMAIL,.tmd--input {
      font-size: 16px
  }
  input[type=text]::-webkit-input-placeholder {
    transform: translateY(3px);
    font-size:12px;
  }
}

#mce-EMAIL {
  width: 100%;
  padding: 2.5% 2.5% 2.5% 0
}

#js-form-inputs div {
  position: relative
}

#js-form-inputs div:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  height: 1px;
  width: 100%;
/*   background-color: #f8f8f9 */
}

#mc-embedded-subscribe,.lot--downcare,.tmd--btn,.dc-btn,.shopify-buy__btn {
  -webkit-appearance: none;
  background: hsla(0,0%,100%,0);
  color: #0f0f0f;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
  border: 1px solid #0f0f0f;
/*   border-top-color: hsla(0,0%,100%,.8); */
  cursor: pointer
}

#mc-embedded-subscribe {
  padding: 1% 2.5%;
  margin-top: 30px
}

#mc-embedded-subscribe,.tmd--btn.show {
  display: block
}

.lotSection,.lotSection-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  justify-content: space-between
}

.summary .lotSection-wrap {
  align-items: center;
}

.lotSection-fowl {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lotContent {
  max-width: 100%;
  width: 100%;
  margin: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.lotContent .lotSection-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lotContent>div:first-child {
  margin-left: 8.5%;
  max-width: 475px
}

.lotContent .specWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.lotContent .specWrap div {
  width: 50%;
  margin: auto
}

.lotContent.lotCleanliness .specWrap div {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.lotContent .specWrap {
  text-transform: uppercase
}

.lotContent .specWrap p {
  margin: .25em 0 .5em
}

.lotContent.lotCleanliness>div:last-child {
  margin-left: 0;
  margin-right: 0
}

.lotContent.lotCleanliness .lotSection-wrap div {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.6em;
  letter-spacing: .1em;
  text-transform: uppercase
}

.lotContent.lotCleanliness .lotSection-wrap div p {
  font-size: 1.45em
}

.lotContent.lotCleanliness .specWrap {
  height: 50%
}

.lotContent.lotCleanliness .specWrap p {
  margin: 0
}

.lotDetails,.lotSection {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lotSection--stat sup{
	font-size:xx-small;
	line-height:initial;
}

.lotSection--stat,.lotSection.lotContent,.lotSection.lotContent.lotCleanliness {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.lotSection--stat{
	font-family: pReg, serif;
	font-weight: normal;
	text-align: right;
}

.lotSection--stat > *{
	text-align: left;
}

.specSummary .lotSection--stat:first-child > *,
.specSummary p,
.specSummary .lotSection--stat > *{
	font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
	font-weight: 500;
}

.specSummary p,
.specSummary .lotSection--stat > *{
	font-weight: 500;
}

.lotSection--stat,
.lotSection--stat .lot--vFillpower{
  font-size: 1.2em;
/*   font-weight: 300; */
  line-height: 1.4949em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}


@media only screen and (min-width:375px) {
  .lotSection--stat {
      font-size: 1em;
  }

  .lotSection--stat:first-child{
	  font-size:9.22vw;
  }
}

.lotSection--stat.hide {
  display: none;
  visibility: hidden
}

@media only screen and (min-width:960px) {
  .lotSection--stat {
      font-size: 26px;
/*       line-height: 1.4em; */
      margin-top: 2.5%;
      margin-bottom: 2.5%
  }

  .lotSection--stat p,.lotSection--stat p.lot--vFillpower {
      font-size: 1em
  }
}

.lotSection--stat p {
  text-transform: uppercase;
/*   font-weight: 400; */
  margin-top: 0;
  margin-bottom: 0
}

.lotDetails p {
  text-align: right;
  font-size: 1em;
  line-height: 1.4em
}

.lotDetails div img {
  height: auto
}

.lotDetails .lot--GRS-Logo,.lotDetails .lot--BlueSign-Logo,.lotDetails .lot--brand,.lotDetails .lot--RDS-Logo,.lotDetails .lot--AAFA-Logo {
  vertical-align: baseline;
  display: inline-block;
  height: auto;
  height: .5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%
}

.lotDetails .lot--brand {
  height: .5em;
  width: 95%;
  max-width: 220px
}

.lotTreatment .lotSection-wrap img {
  width: 100%
}

.treatment .lotSection-wrap img {
  width: 100%;
  max-width: 300px
}

.treatment h3 {
  margin: 0;
  line-height: 1em;
  padding-top: 20%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.treatment.renu .lot--GRS-Logo{
	display:block;
}

.treatment.renu h3 {
  background-image: url(img/renu.min.svg)
}

body.jp .treatment.renu h3,
body.ddZero section > .fill {
	display:none;
	visibility:hidden;
}

@media only screen and (min-width:960px) {
	body.jp .treatment.renu h3 {
	  display:block;
	  visibility:visible;
	  background-image: url(img/renu-circle.min.svg)
	}
}


.treatment.hyperdry h3 {
  background-image: url(img/HyperDry.min.svg)
}

.treatment.fxDown h3 {
  background-image: url(img/FXDown.min.svg)
}

.treatment h3 .lot--treatment {
  visibility: hidden
}

.lot--link {
  position: absolute;
  bottom: 0;
  right: 0;
  color: inherit;
  text-decoration: none;
  font-size: small
}


body,main {
  position: relative;
  width: 100%;
  color: #0f0f0f;
}

main {
  height: auto;
  min-height:100vh;
}
body.afd,
body.afd main{
  /* min-height:100vh; */
  height:100%;
}

body.afd main {
  padding-top:90px;
}

header {
/*   overflow: hidden; */
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
/*
  background-color: #090C12;
  background-color:#d8d6d9;
*/
/*   filter:invert(100%) hue-rotate(180deg); */
}

body.single header {
  position: fixed;
/*   background-color: #090C12 */
}

.lotIntro,header {
  display: none;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden
}

body.nav header {
  overflow: visible
}

.tmd-form button.form--close,header>button {
  position: absolute;
  z-index: 55;
  top: 6px;
  right: 0;
  border: 0;
  color: #0f0f0f;
  background-color: transparent;
  font-size: 2.5em;
  cursor: pointer
}

header h1 {
  text-transform: uppercase;
  position: absolute;
  z-index: 100;
  top: 18px;
  left: 2.5%;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  font-weight: 400;
  font-weight: 700
}

header a {
  position: relative;
  color: #0f0f0f;
  text-decoration: none;
  cursor:pointer;
}

header nav {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility 0s .5s;
  transition: opacity .5s,visibility 0s .5s
}

body.nav main {
  display: none;
  visibility: hidden;
  overflow: hidden
}

body.nav>header nav,header nav.active {
  z-index: 50;
/*   background-color: #090C12; */
  background-color: #e1e1e1;
  height: 100vh;
  width: 100vw;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: opacity .75s ease;
  transition: opacity .75s ease
}

header nav ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  height: 100vh;
  width: 100vw;
  text-transform:uppercase;
}

header nav ul li {
  list-style-type: none;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 13px 16px 12px;
  font-size: 16px
}

@media only screen and (min-width:960px) {
  header nav ul li {
      font-size: 1em
  }
}

header .nav-search {
  cursor: pointer
}

header ul li select {
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: "";
  -webkit-appearance: none;
  background: 0;
  border: 0;
  color: #0f0f0f
}

header option {
  -moz-appearance: none;
  background: transparent;
  color: #090C12
}

body.single header ul li:nth-child(5) {
  display: inline-block;
  visibility: visible
}

body.down101 header ul li:nth-child(5),body.history header ul li:nth-child(5),body.partners header ul li:nth-child(5) {
  display: block;
  visibility: visible
}

header ul li .nav-search {
  display: inline-block;
  height: auto;
  width: auto;
  margin: auto;
  padding: 0;
  background-color: transparent;
  border: 0
}

header ul li .nav-search svg {
  height: 1.3em
}

header ul li.lang select {
  font-size: 16px;
  margin-right: .5em;
  position: relative;
  transform: translateX(25%) rotate(.0001deg);
  cursor: pointer;
  width: 50px;
  border-radius: 0;
  background-image: url(img/more.min.svg);
  background-size: 40% 40%;
  background-repeat: no-repeat;
  background-position: 100%;
}

@media only screen and (min-width:960px) {
  header ul li.lang select {
      font-size: 1em;
      width: 35px;
  }
}

header ul li .lang--more {
  height: 1em;
  width: 1em;
  position: absolute;
  display: inline-block;
  cursor: pointer
}

@media only screen and (min-width:960px) {
  header ul li.lang select {
      transform: translateX(0)
  }

  header ul li .lang--more {
      margin: -.15em 1.5em 0 1em
  }
}

header ul li .lang--more:after {
  content: "";
  height: .5em;
  width: .5em;
  position: absolute;
  border-bottom: 1px solid #f8f8f9;
  border-right: 1px solid #f8f8f9;
  top: 2px;
  left: 0;
  right: 0
}

header nav ul li.logo {
  position: relative;
  width: 6em;
  height: auto;
  padding: 18px 2px;
  color: transparent;
  margin-bottom: 30px;
  margin-right: 16px;
  cursor:pointer;
  z-index:1;
}

header nav ul li.logo a{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  color:transparent;
  display:block;
  height:100%;
  width:100%;
}

header ul li.logo:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  transform: rotate(.0001deg);
  background: url(img/Allied-LogoType.svg);
  background-position: 50% 65%;
  background-repeat: no-repeat
}


.lang--dd{
	display:none;
}

li.lang .lang--dd{
/* 	display:block; */
}

@media only screen and (min-width:901px) {
  header nav ul li.logo {
      width: 4em;
      margin-bottom: 0
  }

  header {
/* 	overflow-y: hidden; */
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
  }

  header>button,
  body.single header.mobi{
      display: none;
      visibility: hidden
  }

  header h1 {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 2%
  }

  header a:after {
      position: absolute;
      bottom: -3px;
      left: 0;
      content: "";
      height: 1px;
      width: 100%;
      background-color: transparent
  }

  header a.active:after {
      background-color: #fff
  }

  header nav {
      overflow-y:hidden;
      position: relative;
/*       opacity: 1; */
      -ms-filter: alpha(opacity=100);
/*       visibility: visible */
  }

  li.lang,
  li.lang .lang--dd{
	display:none;
  }

  .lang--dd{
/* 	  display:block; */
	  position:fixed;
	  z-index:100;
	  right:5px;
	  top:13px;
	  width:50px;
	  cursor:pointer;
  }

  .lang--dd ul{
/* 	background-color:#090C12; */
	padding:0;
	margin:0;
	list-style-type: none;
  }
  .lang--dd ul li ul li{
	  transition:all 250ms ease;
  }
  .lang--dd ul li ul li:hover {
	background: #aaa;
	cursor: pointer;
  }

  .lang--dd > ul > li{
	  padding-left:1em;
	  background-image: url(img/more.min.svg);
	  background-size: 10px 16px;
	  background-repeat: no-repeat;
	  background-position: 88% -1px;
  }
  .lang--dd ul .activeLang{
	  display:block;
	  color:inherit;
	  text-decoration:none;
  }
  .lang--dd ul li ul{
	visibility: hidden;
	opacity: 0;
	min-width: 1rem;
	transition: all 0.5s ease;
	margin-left: -0.5rem;
	padding-top: 0.5rem;
	left: 0;
	display: none;
  }

  .lang--dd > ul > li ul li{
/* 	  background-color:#090C12; */
	  border:solid 1px #0f0f0f;
	  background-image:none;
	  margin:0.25em 0;
	  padding-left:0.5em;
  }
  .lang--dd ul li ul li a{
	  color:inherit;
	  text-decoration:none;
  }

  .lang--dd ul li:hover > ul,
  .lang--dd ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
  }

  header nav ul {
      overflow-Y:hidden;
      width: calc(100% - 60px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      height: auto
  }

  header nav ul li {
      display: inline-block;
      text-align: center;
      /* margin: 0 1.2em; */
      margin: 0;
      vertical-align: baseline;
      position: relative
  }
}


body.down101 main,body.history main, body.responsible-sourcing main{
  padding-top: 90px
}

@media only screen and (min-width:960px) {
  body.down101 main,body.history main {
      padding-top: 0
  }
}

main>footer {
  position:relative;
/*   background-color: #0c0e17; */
  display: none;
  visibility: hidden;
  height: 5vh;
  margin-top: 90px;
  box-sizing: border-box;
  padding: 0 2.5% 0.25% 2.5%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  z-index: 100;
}

.lotIntro, .lotSummary.summary .colA{ position:relative; }
.home main>section:before, .lotSummary.summary .colA:before{
  position:absolute;
  height:102px;
  width:117px;
/*   content:""; */
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url(img/ISPO_Award19_Label_Goldwinner-Dark.png);
}

.home main>section:before{
  position:fixed;
  height:102px;
  width:117px;
  content:"";
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url(img/ISPO_Award19_Label_Goldwinner-Dark.png);
}


.home main>section.missing:before,
.home.sysmain main>section:before{
	display:none;
	visibility:hidden;
}

.home main>section:before{
  bottom:20px;
  transform:translateY(25%);
  right:-11px;
}

.lotSummary.summary .colA:before{
  top:50%;
  left:-5%;
}

.downClusters.rds {
  transform:translateY(-30%);
}

.downClusters.rds,
.specSummary{
  transform:translateY(-30%);
}

body.single main>footer:before{
  top:20px;
  right:-5px;
  content:'';
  position:fixed;
  height:150px;
  width:85px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url(img/ISPO_Award19_Label_Goldwinner-Dark.png);
}

.home.sysmain h2{
	font-size:5em;
}

@media only screen and (min-width:769px) {
	.lotSummary.summary .colA:before{
		display:none;
		visibility:hidden;
	}
	.downClusters.rds,
	.specSummary {
	  transform:translateY(0%);
	}

	body.sysmain.home main>section:before{
		display:none;
		visibility:hidden;
	}
}

@media only screen and (min-width:901px) {
	.home main>section:before{
	  top:0;
	  left:initial;
	  right:0;
	  height:151px;
	  width:174px;
	  transform:translateY(-10%);
	}

	body.single main>footer:before{
	  top:-30px;
	  right:0;
	  height:150px;
	  width:135px;
	}
}

main>footer small {
  font-weight: 300
}

body.down101 main>footer,
body.history main>footer,
body.partners main>footer,
body.single main>footer,
body.afd main>footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible
}

body.responsible-sourcing main>footer{
  position:absolute;
  bottom:0;
  left:0;
}
body.afd main a{
  color:inherit;
  text-decoration:none;
  padding-bottom:2px;
  border-bottom:solid 1px #0f0f0f;
}
main>footer a {
  color: inherit;
  text-decoration: none;
  font-weight: 400
}

@media only screen and (min-width:960px) {
  main>footer {
      display: none;
      visibility: hidden
  }
}

.lotSummary.fowl.hide,.treatment.hide body.mobile.history .facility,body #globe,body .cleanliness,body .content,body .down-care,body .facility,body .fill,body .lotCleanliness,body .lotContent,body .lotFacility,body .lotFill,body .lotOrigin,body .lotSummary,body .lotTreatment,body.mobile.down101 .cluster,body .origin,body .originDetails,body .summary,body .treatment {
  display: none;
  visibility: hidden
}

body.single .content .col2{
	display:none;
	visibility:hidden;
}

body.down101 .cluster,body.history .facility,body.single .cleanliness,body.single .content,body.single .down-care,body.single .facility,body.single .fill,body.single .lotSummary,body.single .origin{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  visibility: visible
}

body.single .treatment.active{
	display:block;
}

body.single .originDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  position: relative;
  box-sizing: border-box
}

body.blended .originDetails,
body.blended .lot--GRS-Logo.show,
body article.renu{
	display:none;
	visibility:hidden;
}

body.single .cleanliness .col2 {
  margin-top: 60px;
  margin-bottom: 60px;
  height: 50vh
}

@media only screen and (max-width:960px) and (max-height:414px) {
  body.single .cleanliness .col2 {
      height: 75vh
  }
}

@media only screen and (min-width:960px) {
  body.single .cleanliness .col2 {
      margin-top: 0;
      margin-bottom: 0;
      height: auto
  }
  body.single .cleanliness .col2 .lotSection-wrap{
    width:100%;
  }
}

body.single #globe {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-grid-column-align: flex-start;
  justify-items: flex-start
}

#globe {
  margin-bottom: 30px
}

body.single .lotSummary.new{
	position:relative;
}
@media only screen and (min-width:960px) {
  body.single .lotSummary.new{
	  flex-direction: column;
  }
  body.single .lotSummary.new table{
	  width:100%;
	  margin:auto;
  }
  body.down101 .cluster,body.history .facility,body .originDetails,body.single .down-care,body.single .facility,body.single .fill,body.single .lotSummary,body.single .origin,body.single .treatment.show {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  body.single #globe,body.single.fill .fill {
      display: none;
      visibility: hidden
  }

  .originDetails {
/*       margin-bottom: 130vh */
      margin-bottom: 60vh
  }

  .originDetails svg {
      height: 100%;
      width: 100%
  }

  #worldMap {
      height: 100%
  }

  #globe.renu {
      margin-bottom: 0
  }
}

@media only screen and (min-width:840px) {
  body.single .cleanliness,body.single .content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
}

#globe .col2 {
  height: 75vh
}

@media only screen and (min-width:960px) {
  #globe .col1,#globe .col2,#globe .col3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  #globe .col1,.originDetails .colOne {
      margin-left: 0
  }
}

#globe .col1,#globe .col3 {
  z-index: 50
}

#globe .col2 {
  z-index: 10
}

#globe .col2 img {
  opacity: 0;
  -ms-filter: alpha(opacity=0)
}

#globe .col2 img,#globe.trace .col2 img {
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease
}

#globe.trace .col2 img {
  opacity: 1;
  -ms-filter: alpha(opacity=100)
}

#globe .col1 div {
  margin: auto
}

#globe.trace .col2 img.swap {
  content: url(img/globe-2.svg)
}

#globe .origin--countryList,.originDetails .origin--countryList {
  padding: 0;
  list-style: none
}

.lotSection-clean,.lotSection-fowl,.lotSection-fp,.lotSection-origin {
  padding-right: 0
}

.lotSection-cleanliness,.lotSection-content,.lotSection-facility,.lotSection-fill {
  padding-left: 0
}

@media only screen and (min-width:960px) {
  .lotSection-clean,.lotSection-fowl,.lotSection-fp {
      padding-right: 60px
  }

  .lotSection-cleanliness,.lotSection-content {
      text-align: left
  }
}

.lotSection-cleanliness {
  width: 100%
}

.lotSection-cleanliness>div {
  width: 100%;
  overflow: hidden
}

.treatment {
  position: relative
}

.treatment>div {
  z-index: 10
}

body.single .treatment {
  margin-bottom: 30px
}

@media only screen and (min-width:960px) {
  body.single .treatment {
      height: 50vh;
      margin-bottom: 0
  }

  .treatment:before {
      content: "";
      position: absolute;
      z-index: 0;
      top: 0;
      left: -5%;
      opacity: 1;
      -ms-filter: alpha(opacity=100);
      height: 100%;
      width: 111%
  }
}

.flexi,.threeUp {
  box-sizing: border-box;
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10%;
  margin-right: 10%
}

@media only screen and (min-width:375px) {
  .flexi,.threeUp,
  .flexi.closer .colA {
      width: 83%
  }
  .flexi.closer {
      width: 100%
  }
}

body.afd main section,
body.down101 .flexi,
body.history .flexi{
  margin-left: 5%;
  margin-right: 5%;
  width: 90%
}

body.partners .partners-intro .colA{
  width:100%;
  max-width:720px;
  margin:12.5vh auto 0 auto;
  text-align:center;
}

body.partners h1 span{
  display:block;
}

@media only screen and (min-width:690px) {
  body.partners h1 span{
    display:inline;
  }
}

body.partners .partners-intro .colA div{
  width:100%;
  max-width:95%;
  margin:auto;
  text-align:center;
}

body.partners .partnerGrid{
  width:100%;
  max-width:95%;
  min-height:440px;
  margin:auto;
  background-image:url(img/BrandGrid--mobile.svg);
  background-position:center center;
  background-size:100%;
  background-repeat:no-repeat;
}

@media only screen and (min-width:438px) {
  body.partners .partnerGrid{
    height:auto;
    padding-top:56%;
    background-image:url(img/BrandGrid.svg);
  }
}

/* @media only screen and (min-width:321px) and (min-height:1025px){ */
@media only screen and (min-width:767px) {
  body.afd section{
    min-height:initial;
  }
  body.afd main section {
    min-height:72vh;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    max-width:720px;
    margin:auto;
  }
}

/* body.afd main section {
    background-color:blue;
    height:calc(90vh - 180px);
} */

body.history .flexi .colA {
  margin-top: 30px;
  margin-bottom: 0;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

body.history .flexi .colA img {
  margin-bottom: 0
}

body.single .flexi {
  margin: 90px auto
}

body.single .flexi.summary {
  margin-top: 0
}

@media only screen and (min-width:960px) {
  body.history .flexi .colA {
      margin-top: 0;
      -webkit-box-ordinal-group: NaN;
      -ms-flex-order: inherit;
      order: inherit
  }

  body.history .flexi .colA img {
      margin-bottom: 0
  }

  body.single .flexi {
      margin: 0 auto
  }
}

.flexi.lotSummary {
  margin-top: 0
}

.flexi.summary {
  height: 100vh
}

.threeUp>div {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: auto
}

.threeUp.globe>div {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial
}

@media only screen and (min-width:960px) {
  .flexi,.threeUp {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 90%;
      height: 100vh;
      margin-left: 5%;
      margin-right: 5%
  }

  .flexi.closer{
	  height:auto;
	  min-height:100vh;
	  width:100%;
  }
  
  :lang(fr) .lotSection-wrap {
	  width: 100%;
  }
  
  :lang(fr) .closer .lotSection-wrap,
  .closer .lotSection,
  .lotSection-wrap {
	  width: 65%;
  }
  
  .threeUp>div {
      box-sizing: border-box;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: auto;
      max-width: 33.333%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }
}

.fill.two-one .colA {
  margin-left: 0
}

.flexi>div {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  margin: auto
}

.flexi>div.specCert {
	height:160px;
	position: absolute;
	top:25%;
	transform: translateY(-75%);
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:160px;
}

.flexi>div.specCert.hide{
  display:none;
  visibility:hide;
}

.fill .col2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 90px;
  margin-right: 0
}

.fill .col2>div {
  width: 100%
}

.fill .col3 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-top: 90px;
  position: relative
}

.specSummary table td:first-child{
  vertical-align: super;
  font-size:small;
  width:40%;
  font-family: pReg, serif;
  text-transform: uppercase;
  text-align:right;
}
.specSummary table td:last-child{
  width:60%;
  padding-left:25px;
  position:relative;
}


@media only screen and (min-width:960px) {
  .flexi>div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .specSummary table td:first-child{
	  width:50%;
  }
  .specSummary table td:last-child{
	  width:50%;
  }
  .specSummary .lotSection--stat{
	  width:75%;
	  margin:auto;
  }
  .specSummary .lotSection--stat:first-child{
	  width:100%;
	  font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
	  font-weight:500;
	  line-height:1.429em;
	  justify-content: space-around;
  }

  .flexi>div,.threeUp>div {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .flexi.fowl>div {
      -webkit-box-align: end;
      -ms-flex-align: end;
      -ms-grid-row-align: flex-end;
      align-items: flex-end
  }

  .fill .col2 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-top: 0;
      margin-left: 8%
  }

  .fill .col3 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-top: 0;
      margin-right: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -ms-grid-row-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end
  }
}

.fill .fpLineWork {
  position: relative;
  text-align: center;
  margin: auto;
  box-sizing: border-box;
  padding-top: 104%;
  background-image: url(img/fpLineWork-art.min.svg);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat
}

@keyframes cBG {
  to {
      padding-top: 50%
  }
}

.fill .fpLineWork-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  bottom: 1%;
  box-sizing: border-box;
  padding-top: 0;
  height: 93%;
  width: 33%;
  z-index: 2;
  overflow: hidden
}

.fill .fpLineWork-down,.plunger {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}

.plunger {
  z-index: 5;
  opacity: .8;
  -ms-filter: alpha(opacity=80);
  top: -27.5%;
  height: 100%;
  width: 35%;
  background-image: url(img/FP-pressPlunger.min.svg);
  background-size: contain;
  background-repeat: no-repeat
}

@media only screen and (min-width:439px) {
  .fill .fpLineWork {
      width: 75%
  }

  .fill .fpLineWork-down {
      width: 65%
  }

  .plunger {
      width: 70%
  }
}

@media only screen and (min-width:506px) {
  .fill .fpLineWork-down {
      width: 44%
  }

  .plunger {
      width: 47%
  }
}

@media only screen and (min-width:768px) {
  .fill .fpLineWork {
      width: 50%
  }

  .fill .fpLineWork-down {
      width: 66%
  }

  .plunger {
      width: 70%
  }
}

@media only screen and (max-width:960px) and (max-height:414px) {
  .fill .fpLineWork {
      width: 35%
  }
}

@media only screen and (min-height:1368px) {
/*
  .fill .fpLineWork {
      width: 100%
  }
*/
}

.fpLineWork.action .fpLineWork-down {
  -webkit-animation: cSquish .75s ease-out forwards;
  animation: cSquish .75s ease-out forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.fill .fpLineWork-art {
  color: #0f0f0f;
  width: 50%;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto
}

.fpLineWork.action .plunger {
  -webkit-animation: pSquish .75s ease-out forwards;
  animation: pSquish .75s ease-out forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

@media only screen and (min-width:960px) {
  .fill .fpLineWork-art {
      width: auto
  }
}

.fill .fpLineWork-art text {
  color: #0f0f0f;
  fill: #f8f8f9
}

.clusterRow {
  opacity: .5;
  -ms-filter: alpha(opacity=50);
  height: 100%;
  background-position: 0 0;
  background-repeat: repeat;
  background-image: url(img/cluster.min.svg);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px)
}

.fpLineWork.na .clusterRow {
  background-image: none
}

.fpLineWork.na.action .clusterRow,.fpLineWork.na.action .plunger {
  -webkit-animation: none;
  animation: none
}

.clusterRow.two {
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

.clusterRow.three {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.clusterRow.four {
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}

.clusterRow.five {
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

.clusterRow.six {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.clusterRow.seven {
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}

.clusterRow.eight {
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}

.clusterRow.nine {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.clusterRow.ten {
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}

#mini_1_ {
  display: none
}

.flexi .colA,.threeUp .col1 {
  text-align: left
}

.rs-intro.flexi .colA h1{
  text-align: center;
}

.flexi.summary .colA {
  -webkit-box-flex: .3;
  -ms-flex: .3;
  flex: .3;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.flexi.summary .colB {
  -webkit-box-flex: .7;
  -ms-flex: .7;
  flex: .7
}

@media only screen and (min-width:960px) {
  .flexi.summary .colA {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      min-width: 40%
  }
  .flexi.summary .colB {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }
}
@media only screen and (min-width:1112px) {
  .flexi.summary .colA {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      min-width: 50%
  }

}

.flexi .colB,.threeUp .col2 {
  text-align: left;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.treatment em {
  font-style: normal;
  font-size: 2em;
  line-height: 1.4em
}

.treatment img {
  margin-bottom: 25px
}

.treatment .col3 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.treatment .col2 small {
  text-transform: uppercase
}

.treatment .col2 small,.treatment .col3 span {
  font-weight: 400
}

.flexi.one-two .colA {
  max-width: 33.333%
}

.flexi.two-one .colA {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}


.cluster.flexi.two-one .colA,.history.flexi.two-one .colA,.partners.flexi.two-one .colA,.rs.flexi.two-one .colA {
  padding-left: 0
}

.flexi.two-one .colB {
  max-width: 100%
}

@media only screen and (min-width:960px) {
  .flexi.two-one.down-color .colA,
  .flexi.two-one.closer .colA {
	  align-items: flex-start;
  }
  .flexi.two-one .colB {
      box-sizing: border-box;
      margin-top: auto;
      margin-bottom: auto;
      -webkit-box-align: start;
      -ms-flex-align: start;
      -ms-grid-row-align: flex-start;
      align-items: flex-start
  }

  .down-care .colB img {
      max-width: 25%
  }
}

.threeUp .col1 .specWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.threeUp .col1 .specWrap > div{
  font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
}

.threeUp .col1 .specWrap div {
  width: 50%
}

.threeUp .col1 .specWrap div.hide{
	display:none;
	visibility:hidden;
}

.col3 .lotSection-cleanliness {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-weight: 300
}

.col3 .lotSection-cleanliness div {
  width: 50%
}

@media only screen and (min-width:960px) {
  .col3 .lotSection-cleanliness {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: right;
      box-sizing: border-box
  }

  .col3 .lotSection-cleanliness div {
      width: 100%
  }
}

@media only screen and (min-width:1680px) {
  .col3 .lotSection-cleanliness {
    padding-right:25%;
  }
}
@media only screen and (min-width:2224px) {
  .col3 .lotSection-cleanliness {
    padding-right:50%;
  }
}

@media only screen and (min-width:960px) {
  .threeUp .col1 .specWrap>div {
      box-sizing: border-box;
      width: 50%;
      margin: auto
  }

  .threeUp .col1 .specWrap>div:nth-child(2n) {
      padding-left: 30px
  }
  body.ddZero .threeUp .col1 .specWrap>div:nth-child(2n){
	  padding-left: initial;
  }
}

.flexi.one-two .colB img,.flexi.two-one .colA img {
  width: 100%;
  margin-bottom: 30px
}

img.brandGrid {
  content: url(img/BrandGrid--mobile.svg)
}

@media only screen and (min-width:960px) {
  .cluster.flexi.two-one .colA img,.history.flexi.two-one .colA img,.partners.flexi.two-one .colA img,.rs.flexi.two-one .colA img {
      max-width: 100%;
      -webkit-transform: translateX(-5%);
      -ms-transform: translateX(-5%);
      transform: translateX(-5%);
      margin-bottom: 0
  }

  .cluster.flexi.two-one .colB img{
    -webkit-transform: translateX(5%);
    -ms-transform: translateX(5%);
    transform: translateX(5%);
  }
  .cluster.flexi.two-one .colB img.notranslate{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  img.brandGrid {
      content: url(img/BrandGrid.svg)
  }

  .flexi.one-two .colB img,.flexi.two-one .colA img {
      max-width: 665px
  }
}

.threeUp .col3 *,.threeUp .col3 :after,.threeUp .col3 :before {
  box-sizing: inherit
}

main {
/*
  background-color: #090C12;
  background-color:#d8d6d9;
*/
/*   filter:invert(100%) hue-rotate(180deg); */
  z-index: 0
}

main>section {
  position: relative
}

body.home.loading header {
  display: none;
  visibility: hidden
}

body.home section {
/*   height: calc(100vh - 60px) */
  min-height: 100vh;
}

.scrollPrompt {
  text-transform: lowercase;
  position: fixed;
  left:50%;
  transform: translateX(-50%);
  width:35px;
  height:46px;
  background-image:url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAuCAYAAACiR6CHAAACq0lEQVRYhe2YyWsUQRTGfzEiY1RGCYILihoFj17EHVQQBBGXi3jyLm4XDYkG4r4gLqA3zx78DxSJCoKgKB7cDW6oYDTgPWYiD7+CYqpnqe7RaWS+U0111etff+9VVU+3FYtFMmonsAUYAa4B99KGGx/0xGs1sEOz7maBGRf0xGvEmzGWJVAjYPwYTYfxVQp6/jFMrpzxYzTdGaexPDjTFvSkVKNhRoOrEfrvCtg5kwmEvwDT9DTlqoBzWzOtNPnynWkdlL78NOXmfSYXaWoVcCX5zuRqNTU9UMPT1A7MDq7GwWTRPAczEbgBvAIWZ4RJ48wV4CWwyWC2AduBycAAsCAlTGya7K/1MWA3UAC6DeY6cEoDZgJ3Ih1Km6ajQJ/mvwd2uZqxziN6srnAY2BGMD1ZLkaMM5eBXrU/A8sNyAWyICeBw/rdAdwHFgVhqques+kEsFft18ASYIiEpX0GOKeXpC7gpqv0Koo5tY/rgS01g8BmYNhdTNpnuoHTas8HHtbpULU0WbFe9FLzAVgBvPUHJcGY+pQ203QV9axg1B/V8wphIAd0PwNYBfwoH1QJBlX7ebVtQ3yg4o6Bsc30LLBHvz8BG4CvQZQaMPZF6qBqCIEMJKSs2qZ3ATik9nNgJfAxuFMdME49QL9u1KXvdlMSYMpdMZB9atvuvhb4EkSPhCkpZc4hq50nAiuHKSk1l4D96h9UsQY1kgbGqUdAdsOFwC2tNv+/0i/gqkAs9lNgPfAziJag9kKhEPZW1m2gqCedpm/Ao3LLamwpsFWz32ncUMVoZYqFQY50AsuASd6SnwDMUfuNvg8PB7OrKA0McqhDq6NcL4B1wLfgSg2lhSnJIXNjjdf/SCA1izVJaWGcbGeeqlP3GbAxNjW+ssKY7DC1VWR7yvfUUYDf/OWMgISFvKMAAAAASUVORK5CYII=");
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
  bottom: 16px;
/*
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
*/
  text-align: center;
/*   writing-mode: vertical-lr; */
  opacity: 0;
  visibility: hidden;
}

body.prompt .scrollPrompt {
  opacity: 0;
  visibility: hidden;
}
body.single .tmd-tag,
body.scroll .scrollPrompt,
body.scroll .scrollPrompt:after {
  display: block;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  /* -webkit-transition: opacity .15s,visibility 0 .5s;
  transition: opacity .15s,visibility 0 .5s */
}

.scrollPrompt:after {
/*   content: ""; */
/*   background-color: #fff; */
  background-color:#0f0f0f;
  position: absolute;
  left: -6px;
  bottom: 0;
  height: 175%;
  width: 1px
}

.lot--tag,.scrollPrompt:after {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden
}

.tmd-tag {
  position: fixed;
  z-index: 100;
  bottom: 16px;
  left: 2.5%;
  height:30px;
  width:70px;
  background-image:url("img/tmd-tag.min.svg");
  background-size:contain;
  background-position: center center;
  background-repeat: no-repeat;
 }

 @media only screen and (min-width: 960px) {
	.tmd-tag {
		left: 1.5%;
		height:50px;
		width:158px;
	}
}

body.home .tmd-tag {
	opacity:0;
	visibility: hidden;
}

.lot--tag {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 1%;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%)
}

.lotSummary .colB {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start
}

.lotSummary .lotSection-wrap {
/*
  min-height: 50%;
  width: 100%;
  margin: 80px 0 30px 0;
*/
}

.lotSummary.fowl .lotSection-wrap {
  min-height: 0;
  padding-right: 0;
  margin-bottom: 0
}

@media only screen and (min-width:960px) {
  .lotSummary .lotSection-wrap {
      transform: translateY(10%);
      width: 100%;
      max-width: 100%
  }
}

.lotSummary .lot--brand.error {
  text-align: right;
  font-size: 1em
}

.lotSummary .lot--brand {
  color:#0f0f0f;
  text-align: left;
  height: 1.75em;
  width: 70%;
/*   max-width: 220px; */
  background-size:contain;
  background-repeat: no-repeat;
  background-position: 100% 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity .25s,visibility 0 .5s;
  transition: opacity .25s,visibility 0 .5s
}

.lotSummary .lot--brand.plain {
  height: 1em;
  font-weight: 400
}

.lotSummary .lot--brand a {
  display: block;
  height: 100%
}

body.single .lotSummary .lot--brand {
  background-image:none !important;
/*   filter: invert(100%) hue-rotate(180deg); */
  font-weight: 500;
  opacity: 1;
  -ms-filter: alpha(opacity=1);
  visibility: visible;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.facility .colA,.facility .colB {
  position: relative
}

.facility .colB .lot--BlueSign-Logo,.globe .lot--BlueSign-Logo {
  margin-top: 30px;
  height: 4.4em;
  background-position: 0;
  background-repeat: no-repeat
}

.globe .lot--GRS-Logo {
  background-image: url(img/GRS.min.svg)
}

.globe .lot--BlueSign-Logo {
  background-image: url(img/BlueSign-SysPartner.svg)
}

.facility .location {
  position: absolute;
  top: 50%;
  left: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 260px;
  width: 345px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.facility .location.la {
  background-image: url(img/facility-LosAngeles.jpg)
}

.facility .location.vt {
  background-image: url(img/facility-Hanoi.jpg)
}

.facility .location.cn {
  background-image: url(img/facility-Anhui.jpg)
}

.lotSummary .lot--brand.bd {
  height: .5em;
  width: 95%;
  max-width: 220px;
  background-image: url(img/brands/0204.svg)
}

.lotSummary .lot--brand.eb {
  background-image: url(img/brands/0502.png)
}

.lotSummary .lot--brand.ld {
  background-image: url(img/brands/1205.png)
}

.lotSummary .lot--brand.ff {
  height: 1.5em;
  background-image: url(img/brands/0606.svg)
}

.lotSummary .lotSection--stat.cert {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.treatment .lot--GRS-Logo,.lotSummary .lot--GRS-Logo,.lotSummary .lot--BlueSign-Logo,.lotSummary .lot--RDS-Logo,.lotSummary .lot--AAFA-Logo,.lotSummary .lot--OKEO-Logo {
  display: none;
  vertical-align: middle;
  height: 3.5em;
  width:10%;
/*   background-image: url(img/RDS.min.svg); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

@media only screen and (min-width:960px) {
	.treatment .lot--GRS-Logo,.lotSummary .lot--GRS-Logo,.lotSummary .lot--BlueSign-Logo,.lotSummary .lot--RDS-Logo, .lotSummary .lot--AAFA-Logo, .lotSummary .lot--OKEO-Logo{
	  width: 20%;
	}
}

.treatment .lot--GRS-Logo,.lotSummary .lot--GRS-Logo,
body.blended .downClusters.rds {
  background-image: url(img/GRS-k.min.svg)
}

.facility .lot--BlueSign-Logo,.lotSummary .lot--BlueSign-Logo {
  background-image: url(img/BlueSignApproved-K.min.svg);
  width: 50px;
}

.lotSummary .lot--AAFA-Logo{
  background-image: url(img/aafa.png)
}

.lotSummary .lot--OKEO-Logo{
  background-image: url(img/OkeoTex100-K.min.svg);
/*   transform:scale(0.6); */
  transform-origin: top right;
  width:65px;
}


@media only screen and (max-width:960px) and (max-height:414px) {
  .lotSummary .lot--GRS-Logo,.lotSummary .lot--BlueSign-Logo,.lotSummary .lot--RDS-Logo,.lotSummary .lot--AAFA-Logo,.lotSummary .lot--OKEO-Logo{
      width: 10%
  }
}

@media only screen and (min-width:960px) {
  .lotSummary .lot--GRS-Logo,.lotSummary .lot--BlueSign-Logo,.lotSummary .lot--RDS-Logo,.lotSummary .lot--AAFA-Logo,.lotSummary .lot--OKEO-Logo{
      height: 1.75em
  }
}

.facility .lot--BlueSign-Logo,.lotSummary .lot--GRS-Logo.show,.lotSummary .lot--BlueSign-Logo.show,.lotSummary .lot--RDS-Logo.show,.lotSummary .lot--AAFA-Logo.show,.lotSummary .lot--OKEO-Logo.show {
  display: inline-block;
   background-position:left top;
}

body.blended.info article.renu{
	display:block;
	visibility: visible;
}

body.blended.single .flexi.summary{
	margin-bottom:25vw;
}

article.renu{
	width: 90%;
    height:60vh;
    margin:10vh auto;
}

article.renu .embed-container {
	position: relative;
	padding-bottom: 56.25%;
/* 	height: 51.745vh; */
/* 	height:72.6vh; */
/* 	width: 1112px; */
}

article.renu .youtube-container {
position: relative; 
padding-bottom:56.6%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
transform:translateY(100%);
}

article.renu{
	position:relative;
}
article.renu:before{
background-image:url(img/renu-mark.png);
background-position: center top;
background-size:contain;
background-repeat:no-repeat;
content:'';
position: absolute;
left:0;
right:0;
width:auto;
max-width:35%;
padding-top:40%;
margin:auto;
}

article.renu	.youtube-container iFrame{
	position: absolute; 
	z-index:0;
	top: 0; left: 0; width: 100%; height: 100%; 
/*
	height:initial !important;
	min-height:100% !important;
*/
}
article.renu .youtube-caption {
	position: absolute;
	bottom: 10px;
	left: 10px;
	}

article.renu .youtube-poster {
	position: absolute;
	top:-1px;
	left:0;
	width: 100%;
	height: 101%;
	z-index:10;
	opacity: 1;
	visibility: visible;
	transition: opacity .75s ease;
/* 	cursor: crosshair; */
}


.yt-playing article.renu  .youtube-poster{
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility 0s .5s;
}

article.renu .youtube-poster {
  background-size:cover;
  background-position:center center;
  background-image:url(img/renu-poster.jpeg);
}
@media only screen and (min-width: 750px) {
  article.renu{
    height:initial;
  }
  
  article.renu:before{
	  display:none;
  }
  article.renu .youtube-container{
	  transform:initial;
  }
  article.renu .youtube-poster {
	  background-image:url(img/renu-posterC.jpeg);
  }
}

article.renu .youtube-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lotSummary .lot--GRS-Logo.show,.lotSummary .lot--BlueSign-Logo.show,.lotSummary .lot--RDS-Logo.show, .lotSummary .lot--AAFA-Logo.show, .lotSummary .lot--OKEO-Logo.show {
  position: absolute;
  top: 0;
  left: 0
}

.lotSummary .lot--BlueSign-Logo.show{
	left:18px;
	transform:translateY(-5%) scale(0.8);
}

.lotSummary .lot--OKEO-Logo:before{
/*   content:"DURAWASH"; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  left: -150px;
}

.lotSummary .lot--GRS-Logo.show,
.lotSummary .lot--RDS-Logo.show,
.lotSummary .lot--AAFA-Logo.show{
  right: 90px
}

.lotSummary .lot--OKEO-Logo.show {
	top: 0;
	left:0;
	transform:translateX(130%);
}

.lotSummary p {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0
}

.fowl h4 {
  font-weight: 300;
  font-size: 2em;
  font-size: 3.5em;
  line-height: 1.2em;
  text-transform: uppercase;
  margin: 0
}
.facility h1,.afd h3,
.cleanliness .col3,.cleanliness h3,.content h3,.down-care h3,.facility h3,.fill .stated span,.fill h3,.fill h4,.fowl h3,.globe h3,.originDetails h3,.origin h3,.tmd-form h4,.treatment h3 {
  font-weight: 500;
  font-size: 3em;
  line-height: 1.2em;
  text-transform: uppercase;
  margin: 0
}

@media only screen and (min-width:375px) {
  .facility h1,.afd h3,
  .cleanliness .col3,.cleanliness h3,.content h3,.down-care h3,.facility h3,.fill .stated span,.fill h3,.fill h4,.fowl h3,.globe h3,.originDetails h3,.origin h3,.tmd-form h4,.treatment h3 {
      font-size: 3.5em
  }
}

body.down101 .facility:nth-child(2) h3 {
  /* margin-bottom: 60px */
}

.cleanliness .col1 {
  box-sizing: border-box;
  margin-right: 5%;

}
@media only screen and (min-width:840px) {
	.cleanliness .col1 {
		max-width:39.666%;
	}
}

.cleanliness .col2 {
/*   max-width:27%; */
}

.cleanliness .lotSection-clean {
  width: 100%
}

.cleanliness .col3 {
  font-size: 1.8em
}

.content .specWrap p {
  font-size: 1.5em
}

@media only screen and (min-width:960px) and (min-height:1081px) {
  .cleanliness .col3,.cleanliness h3,.content h3,.down-care h3,.facility h3,.fill .stated span,.fill h3,.fill h4,.fowl h3,.globe .col1 li,.globe h3,.lotSection-origin li,.originDetails h3,.origin h3,.tmd-form h4,.treatment h3 {
      line-height: 1.2em;
      text-transform: uppercase;
      margin: initial
  }

  .cleanliness h3,.content h3,.down-care h3,.fill h3,.originDetails h3 {
      font-size: 5em
  }

  body.down101 .facility:nth-child(2) h3 {
      margin-bottom: 0
  }
}

@media only screen and (min-width:960px) and (max-width:835px) {
  .cleanliness .col3,.cleanliness h3,.content h3,.down-care h3,.facility h3,.fill .stated span,.fill h3,.fill h4,.fowl h3,.globe .col1 li,.globe h3,.lotSection-origin li,.originDetails h3,.origin h3,.tmd-form h4,.treatment h3 {
      font-size: 2em
  }
}

.cleanliness .col3 {
  overflow: visible
}

.history h3,.partners h3,.rs h3 {
  margin-top: 0
}

.fill h4 {
  margin: 0
}

.treatment h3 {
  margin-bottom: .5em
}

.fill .lot--bg,.fill .w3-light-grey {
  width: 90%;
  margin-left: 10%;
  display: block;
  background-color: transparent
}

.fill .lot--fg,.fill .w3-green {
  background-color: #f8f8f9
}

.fill .stated,.fill .verified {
  margin-bottom: 30px
}

@media only screen and (min-width:960px) {
  .fill .verified {
      margin-bottom: 50px
  }

  .fill .stated {
      margin-bottom: 0
  }
}

.fill .bar {
  margin-top: 1em
}

.fill .verified .bar {
  background-color: #0f0f0f;
}

.fill .stated .bar {
  background-color: #0f0f0f;
}
.fill .verified .bar,
.fill .stated .bar {
  position:relative;
}
.fill .verified .bar:before,
.fill .stated .bar:before{
  position:absolute;
  content:'350';
  bottom: 1em;
  left: -1.75em;
  height: 1em;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
}


.fill .stated,.fill .verified {
  position: relative
}

.fill .stated span,.fill .verified span {
  position: relative;
  display: block;
  left: 0;
  margin-top: 14px
}

.fill .stated:before,.fill .verified:before {
  font-weight: 300
}

@media only screen and (min-width:960px) {
  .fill .stated span,.fill .verified span {
      top: auto;
      left: 0;
      bottom: 0
  }

  .fill .bar {
      margin-top: 28px
  }
}

.fill .stated:before,
.fill .verified:before {
font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
font-style: normal;
font-weight: 500;
}

.fill .stated:before {
  content: "Stated Fill Power";
  font-size: 2em
}

.fill .verified:before {
  content: "Verified Fill Power";
  font-size: 2em
}


.fill .stated:after,.fill .verified:after {
  position: absolute;
  bottom: 1.75em;
  right: -1em;
  content: "1000";
  height: 1em;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}

.fill .stated.match:before,.fill .verified.match:before {
  content: ""
}

.fill .stated.match {
  display: none;
  visibility: hidden;
  opacity: 0;
  -ms-filter: alpha(opacity=0)
}

.fill .verified.match span {
  position: absolute;
  top: .5em;
  left: 0
}

.fill .stated div,.fill .verified div {
  will-change: width;
  -webkit-transition: width .75s ease-in-out;
  transition: width .75s ease-in-out
}

.down101 .detail h3,.down101 .detail p {
  display: block;
  margin-top: 0
}

.down101 .detail h3 {
  position: absolute;
  top: -1.5em;
  left: 0
}

@media only screen and (min-width:960px) {
  .down101 .detail h3 {
      position: absolute;
      top: 0;
      left: -2em
  }
}

.down101 .lotSection-wrap .detail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 25px
}

.cleanliness .lot--oxygen,.cleanliness .lot--turbidity,.content .specWrap,.facility .origin--facility,.fill .lot--vFillpower,.fowl h3,.globe .origin--facility,.originDetails .origin--facility,.treatment .lot--treatment {
  font-size: 1.2em;
  line-height: 1em;
  display: block;
  letter-spacing: .1em;
  text-transform: uppercase
}

.content .specWrap {
  font-weight: 300
}

.content .specWrap a {
  font-weight: 400
}

@media only screen and (min-width:768px) {
  .cleanliness .lot--oxygen,.cleanliness .lot--turbidity,.facility .origin--facility,.fill .lot--vFillpower,.fowl h3,.globe .origin--facility,.originDetails .origin--facility,.treatment .lot--treatment {
      font-size: 1.8em
  }
}

@media only screen and (min-width:960px) {
  .globe .origin--country,.originDetails .origin--country {
      display: inline-block
  }

  .cleanliness .lot--oxygen,.cleanliness .lot--turbidity,.content .specWrap,.facility .origin--facility,.fill .lot--fillpower,.fill .lot--vFillpower,.fowl h3,.globe .origin--facility,.originDetails .origin--facility,.treatment .lot--treatment {
      font-size: 2em;
      line-height: 1em;
      display: block;
      letter-spacing: .1em;
      text-transform: uppercase
  }
}

.fowl h3 {
  font-size: 3.2em;
  margin-bottom: 30px
}

.fowl h4 {
  margin: 0;
  font-size: 2em
}

@media only screen and (min-width:375px) {
  .fowl h3 {
      font-size: 3.8em;
      line-height: 1.4em
  }
}

@media only screen and (min-width:960px) {
  .fowl h3 {
      font-size: 5em;
      margin-bottom: 30px
  }

  .fowl h4 {
      font-size: 2em
  }
}

.fill .lot--vFillpower {
  font-size: 6em
}

.summary .lotSection--stat .lot--vFillpower{
	 font-size: inherit;
	 line-height: inherit;
   display:table-cell;
}

.st1 {
  stroke: #ccc;
  stroke-miterlimit: 10
}

.st1,.st6 {
  fill: none;
  stroke-width: 3
}

.st6,.st7,.st8 {
  stroke: #f8f8f9;
  stroke-miterlimit: 10
}

.st7 {
  fill: none
}

.st8 {
  stroke-width: 2
}

.st8,.st9 {
  fill: none
}

.st10 {
  font-family: Montserrat;
  font-weight: 300
}

.st11 {
  font-size: 12px
}

.measureBG {
  fill: none
}

.fpLineWork-art {
  position: relative;
  z-index: 10
}

.st2,.st3 {
  stroke: #0f0f0f;
  stroke-miterlimit: 10
}

.st2 {
  fill: none;
  stroke-width: 3
}

.st3 {
  stroke-width: 2
}

.st3,.st4 {
  fill: none
}

.st5 {
  font-family: Montserrat
}

#graduatedCylinder .st6 {
  font-size: 20px;
  stroke: none
}

.cleanliness #graduatedCylinder {
  width: 25%;
  margin: auto;
  position: relative
}

@media only screen and (max-height:414px) {
  .cleanliness #graduatedCylinder {
      width: 10%
  }
}

@media only screen and (min-width:1440px) {
  .cleanliness #graduatedCylinder {
      width: 25%
  }
}

.cleanliness .lotSection-wrap {
  position: relative
}

.cleanliness .col2 .lotSection-wrap:after {
  content: "Hypoallergenic 500mm";
  position: absolute;
/*   color: #f8f8f9; */
  width: 90px;
  font-size: 1em;
  line-height: 1.4em;
  font-weight: 300;
  top: 55%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cleanliness .st6 {
  fill: #0f0f0f
}

.cleanliness .lot--oxygen,.cleanliness .lot--turbidity {
  margin-top: .5em
}

.cleanliness .lot--oxygen {
  position: relative
}

.cleanliness .col1 h3,.content h3,.down-care h3 {
  margin-bottom: 0
}

.afd p,
body.blended .originDetails .colOne li,
.cleanliness .col1 p,.content .col3 p,.down-care .col1 p,.down-care .colA p,.facility .colA p,.facility .colB p,.fill .col3 p,.fill .colA p,.fowl .colA p,.globe .col1 p,.globe .col3 p,.lot--downcare,.lot--rptLink,.lotSection-fill p,.lotSection-origin p,.origin .colA p,.originDetails .origin--countryList,.tmd-form p,.treatment .colB p,.shopify-buy__btn {
  font-size: 1.2em;
  line-height: 1.625em;
  max-width:720px;
}

.down-care .colA p.care--step{
  position:relative;
  margin-left:1.4em;
}

.down-care .colA p.care--step span{
  position:absolute;
  left:-1.2em;
}


.originDetails .origin--countryList {
  font-family: Helvetica Neue,pReg,Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.5em
}

@media only screen and (min-width:375px) {
  .originDetails .origin--countryList {
      /* font-size: 1.8em; */
      font-size: 1.2em;
      line-height: 1.4em
  }

  body.blended .originDetails .origin--countryList {
      font-weight: 400
  }
}

@media only screen and (min-width:376px) and (min-height:1080px) {
  .originDetails .origin--countryList {
      font-size: 2em
  }
}

.globe .col1 li,.originDetails .colOne li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  line-height: 1em;
  margin: .35em 0
}

body.eu .globe .col1 li:first-child,body.eu .originDetails .colOne li:first-child {
  display: none;
  visibility: hidden
}

.down-care img {
  max-height: 250px;
  margin-bottom: 30px
}

@media only screen and (min-width:960px) {
  .down-care img {
      width: 35%;
      max-height: none
  }

  .globe .col1 li,.originDetails .colOne li {
      /* display: block; */
      width: auto;
      margin: .7em;
      text-align: right
  }
  .originDetails .origin--countryList{
    margin-left:-0.7em;
  }


  body.blended .originDetails .colOne li {
      text-align: left
  }
}

.down-care .colA small:before {
  content: "";
  position: absolute;
  bottom: -1em;
  width: 25%;
  height: 1px;
  background-color: #0f0f0f;
}

.down-care .colA small {
  margin-top: 1em;
  position: relative;
  font-style: normal
}

.cleanliness h3 {
  margin-bottom: 0;
  -webkit-hyphens: auto;
  word-break: keep-all
}

@media only screen and (min-width:960px) {
  .cleanliness .col3 p {
      font-size: 1.5em;
      margin-top: 14px
  }
}

.cleanliness .col3 span {
  font-size: 1em;
  font-weight: 500;
  display: inline
}

.cleanliness .col3 p,.content .specWrap p {
  font-weight: 500
}

.lot--tag {
  font-family: pReg, serif;
  font-size: 0.9em;
  font-weight: 300
}

#mc-embedded-subscribe,.content .lot--rptLink,.down-care .lot--downcare,.dc-btn,.afd-btn,.shopify-buy__btn {
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  padding: 2% 3%;
  color: inherit;
  border: 1px solid #0f0f0f;
  text-decoration: none;
  transition:background 250ms ease;
}
#mc-embedded-subscribe:hover,.content .lot--rptLink:hover,.down-care .lot--downcare:hover,.dc-btn:hover,.afd-btn:hover,.shopify-buy__btn:hover  {
  color:#d8d6d9;
  background-color:#0f0f0f;
}

body.down101 .dc-btn{
  font-size:1.2em;
  width:50%;
  max-width:200px;
  margin-top:1em;
}

body.down101 .dc-btn.fr{
  max-width:300px;
}


#mc-embedded-subscribe {
  width: auto;
  margin-top: 30px
}

@media only screen and (max-width:783px) {
  .down-care .lot--downcare, .shopify-buy__btn {
      width: 50%;
      margin:auto;
  }
}

@media only screen and (min-width:833px) {
  #mc-embedded-subscribe,.content .lot--rptLink,.down-care .lot--downcare, .shopify-buy__btn {
      min-width: 280px;
      padding: 2.5% 5%;
      max-width: 100%
  }
}

@media only screen and (min-device-width:768px) and (max-device-height:1112px) {
  #mc-embedded-subscribe,.content .lot--rptLink,.down-care .lot--downcare, .shopify-buy__btn {
      min-width: 0;
      max-width: none
  }
}

@media only screen and (min-width:980px) {
  #mc-embedded-subscribe,.content .lot--rptLink,.down-care .lot--downcare, .shopify-buy__btn  {
      line-height: 1.2em;
      min-width: 0;
      max-width: none;
      width: 90%
  }
  #mc-embedded-subscribe{
    width:100%;
  }
}

@media only screen and (min-width:1023px) {
  .content .lot--rptLink,.content .specWrap,.down-care .lot--downcare, .shopify-buy__btn {
      font-size: 1.5em;
      line-height: 1.4em
  }
}

.content .lot--rptLink {
  visibility: hidden;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto
}

.content .lot--rptLink.show {
  visibility: visible
}

.lot--downcare, .shopify-buy__btn {
  margin-top: 1.4em;
}

body #container,body .preloader {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity .25s,visibility 0 .5s;
  transition: opacity .25s,visibility 0 .5s
}

body #container {
  position: absolute;
  width: 150px;
  height: 150px;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%)
}

body .preloader {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  display: none;
  z-index: 100;
  background-color: #d8d6d9;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  height: calc(100vh - 60px);
  min-height: 100%;
  width: 100vw;
  margin: auto;
  -webkit-transition: opacity .75s,visibility 0 .5s,background .75s ease;
  transition: opacity .75s,visibility 0 .5s,background .75s ease
}

body.loading #container,body.loading .preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: opacity .3s,visibility 0 50ms;
  transition: opacity .3s,visibility 0 50ms
}

.preloader .percentage {
  width: 150px;
  height: 150px;
  margin: auto;
  text-align: center;
  position: relative
}

.preloader .percentage-text {
  position: absolute;
  height: 1em;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

body.down101 header,body.history header,body.home header,body.partners header,body.single header,body.afd header {
  display: block
}

body.down101 header,body.history header,body.home .lotIntro,body.home header,body.partners header,body.single header,body.afd header {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: opacity .75s;
  transition: opacity .75s
}

/*
body.single header.mobi{
  display:none;
  visibility:hidden;
  transition:none;
}
*/

/*
@media only screen and (min-width: 959px) and (max-width: 959px) {
  body.single header.mobi{
	  display:block;
	  visibility:visible;
  }
}
*/

body.single.mobile header.mobi{
  display:block;
  visibility:visible;
}

body.home .lotIntro,body.home header {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  visibility: hidden
}

body.home header.mobi.show{
  opacity: 1;
  visibility: visible
}

body.home .lotIntro.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

body.home .lotIntro.show, body.home header.afd-header.show {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  visibility: visible
}

body.new-search header {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible
}

body.single .lotIntro {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  display: none
}

.down-care .colB {
  margin-top: 60px;
  padding: 0 2.5%
}
.down-care.closer .colB {
padding-top:100%;
background-image:url("img/AFD_DownWash.min.jpg");
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

@media only screen and (min-width:960px) {
  .content .lot--rptLink {
  	  margin-left: 0;
  }
  .down-care .colA {
      flex: 0.7
  }

  .down-care .colB {
	  min-height:100%;
      flex: 0.3;
      margin: initial;
      padding: 0 2.5%
  }

  .down-care.closer .colA {
      flex: 0.42;
      margin-left:5%;
  }

  .down-care.closer .colA .lotSection-wrap > div{
/* 	  width:300px; */
  }

  .down-care.closer .colB {
	  padding:0;
      flex: 0.58;
      padding-top:60%;
	  background-image:url("img/AFD_DownWash.min.jpg");
	  background-position:center center;
	  background-repeat:no-repeat;
	  background-size:cover;
  }

}

.down-care .colA div p {
  max-width: 640px
}

.down-care .colA div p,.down-care .colA div small {
  width: 100%
}

.down-care .colA div small {
  font-size: 1.2em;
  line-height: 1.4em
}

@media only screen and (min-width:960px) {
  .down-care .colA div small {
      font-size: .8em;
      line-height: 1.4em;
      width: 50%;
      margin-left:0;
  }
}

.down-care .colB .lotSection-wrap {
  box-sizing: border-box;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center
}

.down-care .purchase{
	display:inline-block;
	height:36px;width:100%;
	text-align:center;
	margin-top:35px;
}

.st0 {
  stroke: #e1e0dd;
  stroke-miterlimit: 10
}

.st1,.st1-line {
  fill: none;
  stroke: #cdd4d4;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10
}

.preloader progress {
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  display: none
}

.preloader button[disabled] {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: 0
}

#container:after {
  content: "GATHERING DOWN INFO...";
  text-align: center;
  position: absolute;
  bottom: -70px;
  width: 160px
}

#halfclip {
  width: 50%;
  height: 100%;
  right: 0;
  position: absolute;
  overflow: hidden;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -ms-transition: opacity .25s ease
}

#container.show #halfclip,#halfclip {
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease
}

#container.show #halfclip {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

#container.show #halfclip.play {
  -webkit-animation: cliprotate 1s 1;
  animation: cliprotate 1s 1
}

.halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0;
  position: absolute;
  border-color: #0f0f0f transparent transparent #0f0f0f;
  border-style: solid;
  border-width: 2.5px;
  border-radius: 50%;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease
}

#container.show .halfcircle,.halfcircle {
  opacity: 1;
  -ms-filter: alpha(opacity=100)
}

#clipped {
  width: 200%
}

#container.show #clipped {
  -webkit-animation: rotate .5s linear 1;
  animation: rotate .5s linear 1
}

#container #clipped.one {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: rotateOne .5s linear 1;
  animation: rotateOne .5s linear 1
}

#container #clipped.one.two {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: rotateTwo .5s linear 1;
  animation: rotateTwo .5s linear 1
}

#container #clipped.one.two.three {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: rotateOne .5s linear 1;
  animation: rotateOne .5s linear 1
}

#container #clipped.one.two.three.four {
  -webkit-animation: rotateTwo .5s linear 1;
  animation: rotateTwo .5s linear 1
}

#container #clipped.one.two.three.four,#fixed {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg)
}

#fixed {
  width: 100%;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  -webkit-transition-duration: 0;
  transition-duration: 0
}

#container.show #fixed {
  opacity: 1;
  -ms-filter: alpha(opacity=100)
}

#container.done #clipped,#container.done #fixed {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

#currentInfo {
  display: none;
  visibility: hidden
}

.land {
  stroke: hsla(0,0%,50.2%,.3);
  stroke-width: 1px
}

.water {
  fill: #d4effc
}

.countryTooltip {
  position: absolute;
  display: none;
  pointer-events: none;
  background: #fff;
  padding: 5px;
  text-align: left;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  font-family: sans-serif
}

.geo-node {
  fill: #f8f8f9;
  width: 25px;
  stroke: #f8f8f9;
  stroke-width: 10px;
  -webkit-animation-name: breathe;
  animation-name: breathe;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.originDetails {
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-grid-column-align: center;
  justify-items: center
}

.originDetails .colOne,.originDetails .colTwo {
  background-color: none;
  margin: auto;
  width: 100%;
  text-align: left
}

.originDetails .colOne {
  box-sizing: border-box;
  width: 83%
}

@media only screen and (min-width:960px) {
  .originDetails .colOne {
      margin-right: 5%
  }
}

.originDetails .colTwo {
  overflow: visible;
/*   background-color: #090C12; */
  margin-top: 60px
}

#worldmap {
  height: 100%;
  min-height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 2.5%
}

@media only screen and (min-width:960px) {
  .originDetails {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      height: 100vh
  }

  .originDetails .colOne {
      margin-left: 5%;
      width: 40%
  }

  .originDetails .colOne,.originDetails .colTwo {
      background-color: transparent;
      height: 100vh;
      width: 100%;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .originDetails .colTwo {
      width: 100%;
      margin-top: 0;
/*       background-color: #090C12 */
  }
}

.counties,.countries,.land,.states {
  stroke-width: .5px;
  fill: none
}

.airport-cell {
  fill: none;
  stroke: #7fdbff;
  stroke-opacity: 0;
  pointer-events: all
}

.countries {
  fill: none;
  stroke: hsla(0,0%,66.7%,.5);
  stroke-width: .5px
}

.counties,.states {
  stroke: hsla(0,0%,66.7%,.5)
}

.states {
  stroke-width: .2px;
  stroke-linejoin: round
}

.airport-dots {
  position: relative;
  fill: rgba(127,219,255,.5);
  stroke: rgba(248,248,249,.25);
  stroke-width: 1.5px;
  stroke-linejoin: round
}

.graticule {
  fill: none;
  stroke: hsla(0,0%,100%,.1);
  stroke-width: .5px
}

#worldMap,.earthy {
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  will-change: opacity;
  -webkit-transition: opacity .75s ease;
  transition: opacity .75s ease;
  filter: invert(100%) hue-rotate(180deg);
}

@media only screen and (min-width:960px) {
  #worldMap,.earthy {
      width: 100%;
      overflow: hidden
  }

  #worldMap.show,.earthy.show {
      opacity: 1;
      -ms-filter: alpha(opacity=100)
  }
}

.land {
  fill: none
}

.state-borders {
  fill: none;
  stroke: hsla(0,0%,100%,.5)
}

.airport-arc {
  fill: none;
  opacity: .75;
  -ms-filter: alpha(opacity=75);
  stroke: rgba(127,219,255,.5);
  stroke-dasharray: 50;
  stroke-dashoffset: 0;
  display: none;
  visibility: hidden
}

body.blended .airport[data-cn="1"] .airport-arc,body.blended .airport[data-eu="1"] .airport-arc,body.cn .airport[data-cn="1"] .airport-arc,body.eu .airport[data-eu="1"] .airport-arc,body.hu .airport[data-hu="1"] .airport-arc {
  -webkit-animation: dash 4s linear infinite forwards;
  animation: dash 4s linear infinite forwards
}

.originDetails .airport[data-id=Anhui],.originDetails .airport[data-id=Kamyk],.originDetails path[d=""],.originDetails path[data-group=china],.originDetails path[data-group=europe],.originDetails path[data-group=hungary] {
  display: none;
  visibility: hidden
}

body.blended .airport-arc,body.blended [data-group=china],body.blended [data-group=europe],body.cn .airport-arc[data-cn="1"],body.cn [data-group=china],body.eu .airport-arc[data-eu="1"],body.eu [data-group=europe],body.hu [data-group=hungary],body.hu [data-id=Budapest] .airport-arc {
  display: block;
  visibility: visible
}

body.cn .airport[data-cn="1"]:nth-child(odd) .airport-arc,body.eu .airport[data-eu="1"]:nth-child(odd) .airport-arc,body.hu .airport[data-hu="1"]:nth-child(odd) .airport-arc {
  -webkit-animation-duration: 6s;
  animation-duration: 6s
}

.down-care {
  position: relative
}

.tmd-form {
  display: none;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  position: fixed;
  top: 0;
  left: 0;
/*   background-color: rgba(17,24,37,.75); */
  background-color: rgba(0,0,0,.75)
}

body.subscribe .down-care .colB {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

@media only screen and (min-width:961px) {
  body.subscribe .down-care .colA,body.subscribe .down-care .colB,body.subscribe .lot--tag {
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
      -webkit-filter: blur(3px);
      filter: blur(3px)
  }
}

body.subscribe .tmd-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

body.subscribe .tmd-form,body.subscribe .tmd-form form {
  height:100vh;
  width: 100%;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

body.subscribe .tmd-form form {
  position: relative;
  box-sizing: border-box;
  height: 50%;
  padding: 10% 5%;
/*   background-color: #090C12; */
  max-width: 450px
}

@media only screen and (min-width:960px) {
  body.subscribe .tmd-form form {
      height: auto;
      width: 50%;
      padding: 2.5%;
/*       background-color: rgba(17,24,37,.9) */
      background-color: rgba(225,225,225,.9)
  }
}

.tmd-form form .form--close {
  position: absolute;
  top: 0;
  right: 0
}

body.down101 .flexi.down101-intro > div,
body.down101 .flexi.down101-region > div,
body.responsible-sourcing .flexi.rs-intro > div{
  width:100%;
}

body.down101 .flexi.down101-fillpower,
body.down101 .flexi.down101-sourcing .colB,
body.down101 .flexi.down101-species .colB,
body.down101 .flexi.down101-region,
body.down101 .flexi.down101-durawash .colB,
body.down101 .flexi.down101-allergy,
body.down101 .flexi.down101-allergy .colB img,
body.responsible-sourcing .flexi.rs-industrial,
body.responsible-sourcing .flexi.rs-collector,
body.responsible-sourcing .flexi.rs-collector .colB,
body.responsible-sourcing .flexi.rs-supplychain,
body.responsible-sourcing .flexi.rs-certifications{
  margin-top:60px;
}

body.responsible-sourcing .rs-chart{
  margin-bottom:10vh;
}

body.responsible-sourcing .chartArt{
  height:700px;
  background-image:url('img/Responsible-Sourcing_CertificationProgress.min.svg'); background-size:contain;
  background-position: center;
  background-repeat:no-repeat
}



body.down101 .flexi.down101-fillpower.continue{
  height:auto;
  margin-top:0px;
}

body.down101 .flexi.down101-fillpower.continue .colA{
  width:100%;
  margin:0 auto;
  text-align:left;
}

body.down101 .flexi.down101-sourcing--intro{
  height:50vh;
}
body.responsible-sourcing .flexi.rs-supplychain {
  height:auto;
}

body.responsible-sourcing .down101-logo{
  height:250px;
  width:30%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

body.responsible-sourcing .down101-logo.rds{
  background-size:60% 60%;
  background-image:url('./img/rds.min.svg');
}
body.responsible-sourcing .down101-logo.tds{
  background-image:url('./img/tds.min.svg')
}
body.responsible-sourcing .down101-logo.dp{
  background-size:70%;
  background-image:url('./img/Down101-DownPassCertification.png')
}

@media only screen and (min-width:960px) {
  body.down101 .flexi.down101-fillpower,
  body.down101 .flexi.down101-sourcing .colB,
  body.down101 .flexi.down101-species .colB,
  body.down101 .flexi.down101-region,
  body.down101 .flexi.down101-durawash .colB,
  body.down101 .flexi.down101-allergy,
  body.down101 .flexi.down101-allergy .colB img,
  body.responsible-sourcing .flexi.rs-industrial,
  body.responsible-sourcing .flexi.rs-collector,
  body.responsible-sourcing .flexi.rs-collector .colB,
  body.responsible-sourcing .flexi.rs-supplychain,
  body.responsible-sourcing .flexi.rs-certifications{
    margin-top:0;
  }

  body.down101 .flexi.down101-intro > div,
  body.responsible-sourcing .flexi.rs-intro > div{
    width:65%;
    max-width:720px;
    margin: 0 auto;
  }
  body.down101 .flexi.down101-fillpower .lotSection-wrap{
    box-sizing: border-box; padding-left:5%;padding-right:10%;
  }
  body.down101 .flexi.down101-fillpower.continue,
  body.down101 .flexi.down101-sourcing--intro{
    height:75vh;
  }
  body.down101 .flexi.down101-fillpower.continue .colA{
    max-width:50%;
  }
  body.down101 .flexi.down101-sourcing{
    height:50vh;
  }
  body.down101 .flexi.down101-region > div{
    max-width:75%;
    margin:auto;
    text-align:center;
  }
  body.down101 .flexi.down101-region .colA > div{
  /* body.responsible-sourcing .flexi.rs-intro .colA > div */
    width:100%; max-width:75%;margin:auto; text-align:left;
  }
  body.down101 .flexi.down101-durawash{
    height:50vh;
  }
  body.down101 .flexi.down101-sourcing .colB .lotSection-wrap,
  body.down101 .flexi.down101-species .colB .lotSection-wrap{
    box-sizing: border-box;
    padding-left:10%;
  }

  body.down101 .flexi.down101-durawash .colB > div,
  body.down101 .flexi.down101-allergy .colA > div,
  body.responsible-sourcing .flexi.rs-industrial .colA > div{
    box-sizing: border-box;
    padding-left:10%;
    padding-right:10%;
  }
  body.responsible-sourcing .flexi.rs-industrial .colB{
    padding-right:10%;
  }
  body.responsible-sourcing .flexi.rs-collector .colA > div{
    box-sizing: border-box; padding-right:10%;
  }
  body.responsible-sourcing .flexi.rs-supplychain {
    max-height:75vh;
  }
  body.responsible-sourcing .flexi.rs-supplychain img{
    width:100%; max-width:75%; margin:0 auto auto auto;
  }
  body.responsible-sourcing .flexi.rs-certifications{
    flex-direction:column;
  }
  body.responsible-sourcing .down101-certification h3{
    margin-bottom:60px;
  }
  body.responsible-sourcing .down101-certification p{
    width:95%;
    max-width:720px;
    margin:1.2em auto;
  }
  body.responsible-sourcing .flexi.rs-chart{
    height:auto;
    min-height:75vh;
    margin-bottom:25vh;
  }
}

/* 181108 */
body.down101 .topper{
  width:90%;
  margin:auto;
}
body.down101 h3{
  margin:0.5em 0;
}
body.down101 h3.jumbo{
  margin-bottom:0;
}
body.down101 p.jumbo{
  margin-top:0;
  text-align:center;
}
body.down101 .down101-intro.flexi.basics h3,
body.down101 .down101-intro.flexi.basics p{
  text-align:left;
}

body.down101 .down101-intro.flexi.basics h3{
  margin-bottom:0;
}

body.down101 .down101-intro.topper{
  height:auto;
  margin-top:30px;
  margin-bottom:30px;
  font-size:1.25em;
}

body.down101 .down101-intro .colA,
body.down101 .down101-processing .colA{
  width:100%;
  max-width:95%;
  margin:auto;
  text-align:center;
}

@media only screen and (min-width:960px) {
  body.down101 .down101-processing-detail.flexi{
    height:auto;
  }
  body.down101 .down101-intro.topper{
    height:50vh;
  }
  body.down101 .flexi.down101-basics > div,
  body.down101 .flexi.down101-processing-detail > div{
    width:65%;
    max-width:720px;
    margin: 0 auto;
  }
}

/*200730*/
footer.single{
  text-align: right;
}