/*-------------------------------SCIENCE-ENTRY---------------------------------------*/

#sciencePage .pageEntryTitleCon{
	border-bottom: var(--whiteLine);
}

#sciencePage .vidTitle_wrpr{
	margin: 3% 0 0 0;
}

#sciencePage .titleVID{
	mix-blend-mode: plus-lighter;
}

#sciencePage .pageEntryElCon{
	border-right:var(--whiteLine);
	overflow: hidden;
}

#sciencePage .entryElVid_wrpr{
	padding: 10% var(--uniMargin1) 0 var(--uniMargin1);
}

#bottleDisolveVid01{
	position:relative;
	width:80%;
	mix-blend-mode: plus-lighter;
	transform: rotate(90deg);
	opacity: 0;
}

#sciencePage .pageEntrySubTitle01,
#sciencePage .pageEntrySubTitle02{
	color: var(--brkWhite);
}

#sciencePage .entrySubIMG_wrpr{
	position: absolute;
    /*width: 330px;*/
    width:34%;
    right: 20px;
    bottom: 30px;
    z-index: 100;
}



/*-----------------------------------EMPOWER-SCI-----------------------------------------*/

#sciencePage .empHeroMainCon{
	padding: var(--bigMargin1) 0;
}

#sciencePage .trashIMGCon01{
	width: 31%;
    top: 2%;
    left: 5%;
    right: 0;
    z-index: -1;
}

#sciencePage .trashIMGCon02{
	width: 20%;
    top: unset;
    bottom: 0%;
    left: 5%;
}

#sciencePage .trashIMGCon03{
	width: 18%;
    top: 32%;
    bottom: unset;
    right: 3%;
    opacity: 0.88;
}

#sciencePage .trashIMGCon04{
	width: 17%;
    bottom: -25%;
    left: 22%;
    right: 0;
    z-index: 1;
}

#sciencePage .sciVidTitle{
	font-size:15vw;
	color: var(--brkTan);
	padding: 0 var(--uniMargin1) 0 0;
}

.chyronWrapper, .tickerWrapper {
    position: relative;
    display: flex;
    width: 100%;
    height:100%;
    display:flex;
    align-items:center;
    overflow: hidden;
}

.chyron, .ticker{
	position: relative;
	height:fit-content;
	min-width:max-content;
	display:flex;
}


#sciencePage .heroBtnCon {
    position: absolute;
    width: fit-content;
    height: fit-content;
    top: 17%;
     bottom: unset; 
    left: 0;
    right: 0;
    margin: auto;
}

#sciencePage #vid01_coverRow05 .vid01_coverBlock02,
#sciencePage #vid01_coverRow05 .vid01_coverBlock01,
#sciencePage #vid01_coverRow04 .vid01_coverBlock02,
#sciencePage #vid01_coverRow04 .vid01_coverBlock01{
	background-color:var(--brkNeonGreen);
}

#sciencePage #empowerSection {
    padding: var(--uniMargin1) 0;
}


.brkThruTide01{
	font-size:2rem;
	position:absolute;
	width:fit-content;
	height:fit-content;
	bottom:5%;
	left:0;
	right:0;
	margin:auto;
	color: var(--brkBlue);
	text-transform: uppercase;
}




/*--------------------DISCOVERY--------------------*/

.discCon{
	padding: var(--uniMargin1);
	display:flex;
	flex-direction:column;
}

.discCol{
	position:relative;
/*	display:grid;*/
/*	grid-template-columns: ;*/
}

.discCon_col_left{
	display:flex;
	flex-direction:column;
	grid-column: 1/5;
}

.discCon_col_right{
	grid-column: 7/13;
}

.discCol01-subCon{
	position:relative;
	margin: -18% 0 0 0;
}

.becomingText{
	margin: 0 0 var(--uniMargin1) 0;
	color: var(--brkBlue);
	text-transform: uppercase;
}

.microPreCon{
	position:relative;
	display:flex;
	justify-content:space-between;
}

/*.allMicrobesCon{
	position:relative;
	padding: 0 0 var(--uniMargin1) 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
}*/

.allMicrobesCon {
   position:relative;
   width:100%;
   height: 30vw;
   display:flex;
   justify-content:center;
   align-items:center; 
   overflow: hidden;
}

.mx32Its-vid{
	width:114%;
}


.microbe_wrpr{
	position: relative;
    width: 66px;
    height: auto;
    margin: 1vw auto;
}

.microbeCopyCon{
	position: relative;
	display: flex;
	flex-grow: 1;
	align-items: flex-end;
}

.microbeMainTitleCon{
	position: relative;
    height: 23vw;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color:var(--brkNeonGreen);
}

#sciencePage .microbeMainTitleCon{
	position: absolute;
    height: 100%;
    max-height: unset;
    margin: -3% 0 0 0;
}

#microbeVid-sciMob{
	display: none;
}

.mx32Line{
    width:calc(100% - (var(--uniMargin1) * 2));
}


#incubSection{
	padding: 0 var(--uniMargin1) var(--uniMargin1) var(--uniMargin1);
	display:flex;
	justify-content:center;
	align-items:center;
}

.incubCon{
	position:relative;
	width:100%;
	padding: 0 var(--uniMargin1) var(--uniMargin1) var(--uniMargin1);
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom: var(--blueLine);
}

.incubText{
	position:relative;
	font-size:4rem;
	line-height: 0.88em;
	color: var(--brkBlue);
	text-align: center;
	text-transform: uppercase;
}

/*.disc1Line{
	position:relative;
	width:auto;
	margin: var(--uniMargin1);
}
*/

#disc2Section{
    padding: 0 0 var(--uniMargin1) 0;
}

#sciencePage .discCon{
	padding: 0 0 var(--uniMargin1) 0;
    margin: 0 var(--uniMargin1) 0 var(--uniMargin1);
	border-bottom: var(--blueLine);
}

#thatsRightSection{
	display:flex;
	justify-content:center;
	align-items:center;
}

.thatsRightText{
	position: relative;
    font-size: 12vw;
    line-height: 0.6em;
    text-align: center;
    text-transform: uppercase;
    color: var(--brkBlue);
    letter-spacing: -0.33vw;
}


#otmSection02{
	margin: 0 0 -30px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.otmBG_wrpr{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding: 0 var(--uniMargin1);
}

.otmIMGUnder_wrpr{
	height: 62vw;
}

#otmSection02 .infoTitle01{
	width:fit-content;
	margin: auto;
	text-align: center;
	grid-column: unset;
}

.convMethodsSect {
    position: relative;
    margin: 0 0 var(--uniMargin1) 0;
}

.convMethodsCon {
    position: relative;
    width: 100%;
    margin: 0 0 var(--bigMargin1) 0;
}





/*------------------------------------MISSION-----------------------------------------*/

#mssnSection{
	background-color:var(--brkTan);
}

.mssnConMain{
    position:relative;
}

.mssnCon_upper{
	position: relative;
	padding: var(--bigMargin1) 0;
	/*display: grid;
	grid-template-columns: 61% 35%;
    grid-gap: 4%;*/
}

.mssnCol{
	position:relative;
}

#mssnCol_left{
	grid-column:2/8;
}

#mssnCol_right{
	grid-column: 8/12;
    padding: 0 0 0 var(--uniMargin2);
}


.mssnDigiText{
	font-size:3.66rem;
	text-transform: uppercase;
}

#globeIMG01{
	position: relative;
    width: 100%;
    display: block;
    margin: 0% 0%;
}

.mssnMainText{
	width:100%;
	color: var(--brkBlack);
}

.mssnRecycleIcon{
	position:absolute;
	width:60px;
	height:60px;
	bottom: 0%;
    right: -10%;
	margin:auto;
}

.mssnRecycleIcon .st0{
	fill: #000;
}

.mssnCon_mid{
	position:relative;

}

.tooFarUnderCon{
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}

.tooFarTextCon{
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	padding: var(--uniMargin3);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.tooFarIMG-wrpr{
	position:relative;
	width:100%;
	top:0;
	right: 0;
	grid-column:2/13;
}

.tooFarMainText{
	font-size: 14vw;
    line-height: 9vw;
    position: relative;
    width: fit-content;
    padding: 10px 0;
	color: var(--brkWhite);
}


.tooFarOverCon{
	position: absolute;
	width:100%;
	height:102%;
	margin:auto;
	top: -1%;
	display: flex;
    flex-direction: column;
}

.tooFarOvRow{
	position:relative;
	width:100%;
	margin: -1px 0 0 0;
/*	display: flex;
	justify-content: space-between;*/
}

.coverBlock{
	position:relative;
	width:100%;
	height:100%;
}

#tooFarOvRow01,
#tooFarOvRow03{
	height: 10%;
/*	display: grid;
	grid-template-columns: 33% 57% 10%;*/
}

#tooFarOvRow04{
	height: 30%;
}

#tooFarOvRow05{
	flex-grow: 1;
}

#tooFarOvRow01 .coverBlock01,
#tooFarOvRow03 .coverBlock01{
	grid-column:1/5;
}


#tooFarOvRow01 .coverBlock03,
#tooFarOvRow03 .coverBlock03{
	grid-column:12/13;
}

#tooFarOvRow04 .coverBlock02{
	grid-column:10/13;
}

#tooFarOvRow05 .coverBlock02{
	grid-column:8/13;
}

#tooFarOvRow01 .coverBlock01,
#tooFarOvRow01 .coverBlock03,
#tooFarOvRow03 .coverBlock01,
#tooFarOvRow03 .coverBlock03,
#tooFarOvRow04 .coverBlock02,
#tooFarOvRow05 .coverBlock02{
	background-color:var(--brkTan);
}

#tooFarOvRow01 .coverBlock01{
	transform-origin: left;
}

#tooFarOvRow01 .coverBlock03{
	transform-origin: right;
}

#tooFarOvRow04 .coverBlock02 .blueBlock01{
	position:absolute;
	width:60px;
	height: 60px;
	top: 0;
	right: calc(var(--bigMargin1) - 60px);
	background-color:var(--brkBlue);
}

#tooFarOvRow02 .coverBlock01{
	margin: 0 0 0 -1px;
	padding: var(--uniMargin3) var(--uniMargin3) var(--uniMargin3) 0;
    width: auto;
    display: flex;
    align-items: center;
    background-color: var(--brkTan);
    grid-column: 2/8;
}

.digiTooFarCopy{
	font-size: 2.88rem;
	line-height: 0.9em;
	letter-spacing: 0.06rem;
	text-transform: uppercase;
	max-width: 820px;
}



.mssnCon_lower{
	position:relative;
	width:100%;
	padding: var(--uniMargin3) 0 var(--bigMargin1) 0
}

.mssnCon_lowerLine{
	position:relative;
	width: 100%;
	margin: 0 0 var(--uniMargin3) 0;
	border-top: var(--blueLine);
	grid-column:2/12;
}

.tooFarDigiTitle{
	font-size: 13rem;
    line-height: 0.6em;
    color: var(--brkBlue);
    position: relative;
    margin: 0;
    text-transform: uppercase;
    grid-column:2/7;
}


.mssnLowerTextBlock{
    color: var(--brkBlack);
    grid-column:8/12;

}


.mssnIMGCon{
	padding: var(--uniMargin1);
	margin: 0 var(--uniMargin1);
	width:auto;
	background-color:var(--brkTan);
}

.engIMGCon{
	padding: var(--uniMargin1);
	width:auto;
}

#sciProSection .infoThirdsSect{
	border-bottom: none;
}


.mssnIMG_wrpr{
	max-height: 96vh;
}




/*-----------------------------------ON THE MENU-----------------------------------------*/

/*#otmSection{
	margin: auto auto var(--uniMargin1) auto;
}
*/
#otmSection .infoTitle01{
	text-align:center;
	grid-column:1/13;
}

.otmMainCon{
	position: relative;
	margin: var(--uniMargin1) 0 0 0;
    background-color: var(--brkTan);
}

.otmMainTextCon{
	position:relative;
	width:auto;
	padding: var(--bigMargin1) 0 0 0;
	z-index: 1;
	grid-column:3/13;
}

.otmSubCon{
	position:relative;
}

.otmIMGUnder{
	position:relative;
	width:100%;
	height: auto;
	max-height: 100vh;
	grid-column:4/15;
}

.otmIMGOver{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display: flex;
	flex-direction: column;
}

.otmOvRow{
	margin: -1px 0;
}

#otmOvRow01{
	height: 10%;
}

#otmOvRow03{
	height: 7%;
}

#otmOvRow04{
	height: 15%;
}

#otmOvRow05{
	flex-grow: 1;
}

.otmOvRow .coverBlock01{
	grid-column:1/2;
	background-color:var(--brkWhite);
}

#otmOvRow01 .coverBlock02{
	grid-column:2/10;
	background-color:var(--brkTan);
}

#otmOvRow02 .coverBlock02{
	grid-column:2/3;
	background-color:var(--brkTan);
}

#otmOvRow02 .coverBlock03{
	margin: 0 0 0 -1px;
	grid-column:3/8;
	background-color:var(--brkTan);
}

.otmSubText{
	margin: 0 var(--uniMargin1) var(--uniMargin1) 0;
	color:var(--brkBlack);
}

#otmOvRow03 .coverBlock02,
#otmOvRow05 .coverBlock02{
	grid-column:2/5;
	background-color:var(--brkTan);
}

#otmOvRow03 .coverBlock04,
#otmOvRow05 .coverBlock04{
	grid-column:12/14;
	background-color:var(--brkTan);
}


#otmOvRow03 .coverBlock05,
#otmOvRow05 .coverBlock05{
	grid-column:14/15;
	background-color:var(--brkWhite);
}

#otmOvRow04 .coverBlock02{
	grid-column:2/4;
	background-color:var(--brkTan);
}

#otmOvRow04 .coverBlock04{
	grid-column:11/14;
	background-color:var(--brkTan);
}

#otmOvRow04 .coverBlock05{
	grid-column:14/15;
	background-color:var(--brkWhite);
}

.digiOTM_wrpr{
	position: absolute;
    width: 50%;
    height: auto;
    bottom: -25%;
    margin: auto;
}

.otmEatsMainCon{
	position: relative;
    margin: 0 var(--uniMargin1) 0 var(--uniMargin1);
    padding: 0 var(--bigMargin1) 0 var(--bigMargin1);
    background-color: var(--brkTan);
}

.otmEatsLine{
	position:relative;
	border-top: var(--blueLine);
}

.otmEatsCon{
	position:relative;
	margin: var(--bigMargin1) 0;
	display: grid;
    grid-template-columns: 40% 60%;
}

.otmEatsCol{
	position:relative;
}

#otmEatsCol-left{
	display: flex;
}

.otmEatsTitle01{
	font-size:3.22rem;
    letter-spacing: -0.2rem;
	margin: 0;
	min-width: max-content;
}

.digiArrow_wrpr{
    position: relative;
    width: 8vw;
    height: auto;
    margin: -5% 0 0 var(--uniMargin1);
}

.otmEatsTitle02{
	font-size:2.66rem;
	letter-spacing: -0.12rem;
	margin: 1.5% 0 var(--uniMargin3) 0;
}

.otmEatsText{
	color:var(--brkBlack);
}





/*--------------------------------GAME-CHANGER--------------------------------------*/

.gameChangerCon{
	position:relative;
	padding: var(--uniMargin1);
}

.gameChangerRow{
	position:relative;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fwDigi{
	font-size: 16vw;
    line-height: 12vw;
    text-align: justify;
    text-align-last: justify;
    letter-spacing: 0.22vw;
}

.gameChangerDigi{
	font-size:15.88vw;
	letter-spacing: 0;
    color: var(--brkTan);
}



#gameChangerRow01 .gameChangerDigi{
	width:100%;
}

.gcFunBlock{
	position: relative;
    height: auto;
    margin: -2% auto 0 auto;
    padding: 20px 15px;
    border-radius: 15px;
    display: flex;

}

#gcFunBlock01{
	width: 20vw;
}

#gcFunBlock02{
	width: 16vw;
}

#gcFunBlock03{
	width: 25vw;
	left: -1%;
}


.gcFunMed{
	font-size: 1.2rem;
    line-height: 1em;
}

.gcDigi01_wrpr{
	position:relative;
	width:50px;
	margin: 0 0 0 20px;
}

.gcDigi{
	font-size: 3.66rem;
    line-height: 0.66em;
    margin: 0 40px 0 0;
    color: var(--brkBlue);
}

.gcDigiBlock{
	position: relative;
	width: auto;
	height: auto;
	padding: 2.5%;
	margin: 0 0 2% 0;
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}

.gcDigi02_wrpr{
	position: relative;
	width: auto;
	height: auto;
	flex-grow: 1;
}


/*---------------------------------SCI-PRO---------------------------------------*/

.sciProTitle01{
	position:relative;
	margin: var(--uniMargin1);
	padding: var(--uniMargin1) 0 0 0;
	border-top: var(--blueLine);
}

.sciProTitle01 .infoTitle02{
	text-align:center;
	margin: 0;
}

#sciProSection .infoTitle01{
	text-align:center;
} 

.sciProIMG_wrpr{
	max-height: 96vh;
}

.prodBox-y:after{
	margin: 0 20px 0 20px;
	background-color:var(--brkNeonGreen);
}


.prodBox-z:after{
	margin: 0 20px 0 20px;
	background-color:var(--brkOrange);
}

.prodBox-x:after{
	margin: 0 20px 0 20px;
	background-color:var(--brkYellow02);
}


/*---------------DIAGRAM---------------------*/

.sciProDiaMain{
	position:relative;
	width:auto;
	margin: var(--uniMargin1);
/*	background-color:rgba(0,0,0,0.08);*/
}

.diagramCon{
	position:relative;
/*	height:40vw;*/
	display:flex;
	flex-direction:column;
}

.diagramRowCon{
	position:relative;
	margin:0 0 var(--uniMargin1) 0;
	padding: var(--uniMargin1);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-grow: 1;
}

.diaCornersCon{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.diaCorner{
	position:absolute;
	width:100px;
	height: 100px;
}

.diaCorner-topLeft{
	top: 0;
	left: 0;
	border-top: var(--blueLine);
	border-left: var(--blueLine);
	border-top-left-radius:var(--radius01);
}

.diaCorner-topRight{
	top: 0;
	right: 0;
	border-top: var(--blueLine);
	border-right: var(--blueLine);
	border-top-right-radius:var(--radius01);

}

.diaCorner-bottomLeft{
	bottom: 0;
	left: 0;
	border-bottom: var(--blueLine);
	border-left: var(--blueLine);
	border-bottom-left-radius:var(--radius01);
}

.diaCorner-bottomRight{
	bottom: 0;
	right: 0;
	border-bottom: var(--blueLine);
	border-right: var(--blueLine);
	border-bottom-right-radius:var(--radius01);
}


.diagramRow{
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
/*	flex-grow: 1;*/
}

.diaBlock{
	position:relative;
	display:flex;
	align-items:center;
}

.diaInnerRow{
	position:relative;
	width:100%;
	display:flex;
}

.diaBadge{
	position: relative;
	padding: 15px 15px;
	border-radius: 100px;
	min-width: max-content;
}

.diaLine{
	position:relative;
	width:20px;
}

.tanBadge,
.tanBox{
	border: var(--blueLine);
	background-color: var(--brkTan);
}

.blueBadge,
.blueBox{
	border: var(--blueLine);
	background-color: var(--brkBlue);
}

.orangeBadge,
.orangeBox{
	border: var(--blueLine);
	background-color: var(--brkOrange);
}

.yllwBadge,
.yllwBox{
	border: var(--blueLine);
	background-color: var(--brkYellow02);
}

.greenBadge,
.greenBox{
	border: var(--blueLine);
	background-color: var(--brkNeonGreen);
}

/*.diagramRow .btnText02 {
    font-size: 1.2rem;
}*/

.blueBadge .btnText02{
	color: var(--brkTan);
}

.linesRow{
	position:relative;
	margin: -1px 0;
}

.diaCurve{
	position:relative;
	height:10vw;
}

#diagramRow01 .diaBlock02{
	margin: 0 0 0 25%;
}

#diagramRow01{
	margin: 0 0 -28px 0;
	z-index: 1;
}

#diagramRow02{
	flex-direction:column;
}

.diaInnerRow01{
	justify-content: space-between;
    padding: 0 0 0 7%;
}

.linesRow01 .diaCurve01{
	width: 40px;
    margin: 0px 0 0 5%;
    bottom: -27px;
    border-bottom-left-radius: 30px;
    border-left: var(--blueLine);
    border-bottom: var(--blueLine);
}

.linesRow01 .diaCurve02{
	width: 10vw;
    margin: 0 0 0 22%;
    border-bottom-right-radius: 10vw;
    border-right: var(--blueLine);
    border-bottom: var(--blueLine);
}

.linesRow01 .diaCurve03{
	width: 10vw;
    margin: 0 0 0 30%;
    border-top-right-radius: 10vw;
    border-top: var(--blueLine);
    border-right: var(--blueLine);

}

.linesRow01 .diaCurve04{
	width: 10vw;
    margin: 0 0 0 14%;
    border-top-left-radius: 10vw;
    border-top: var(--blueLine);
    border-left: var(--blueLine);
}

#diagramRow03{
	margin: 0 12% 0 0;
	justify-content: flex-end;
}

.diagramStatsCon{
	position:relative;
	margin: 0 0 0 0;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--uniMargin3);
}

.diaStatsCol{
	position:relative;
	padding: var(--uniMargin1) 0 0 0;
	display:flex;
	flex-direction:column;
/*	justify-content:space-between;*/
	border-top: var(--blueLine);
}

.diaStatBlock{
	position:relative;
	width:80%;
	margin: 0 0 var(--uniMargin1) 30px;
	display:flex;
	flex-direction:column;
}

.diaStatBlock01{
/*	height: 50%;*/
}

/*#diaStatsCol01 .diaStatBlock02{
	margin: -10% 0 auto 0;
}*/

.statTitle01{
	font-size:1.2rem;
	margin: 0 0 20px 0;
	color: var(--brkBlue);
}


.diaStatBox {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    left: -30px;
}



/*-----------------------------------BENEFITS-----------------------------------------*/

#benefitsSection{
	padding: 0 var(--uniMargin1);
}

.benefitsAccrdnSect{
	margin: 0;
	border-top: var(--blueLine);
}

#benefitsSection .subHeaderCon{
	margin: var(--uniMargin3) 0;
}

.beneIMG01_wrpr{
	height: 44vw;
}