
:root {
  --teal: #56bddc;
  
  --teal25: rgba(86,189,220, 0.25);
  --teal50: rgba(86,189,220, 0.5);
  --teal75: rgba(86,189,220, 0.75);
  
  --navy: #0f3353;
  --navy25: rgba(15,51,83, 0.25);
  --navy50: rgba(15,51,83, 0.5);
  --navy75: rgba(15,51,83, 0.75);
  
  --middlegray: #9a9a9a;
  --lightgray: #f2f2f2;
    
  /*R:0 G:39 B:66*/
    
  --turq: #6cc7e2;
  --deskLimit: 1001px;
  --mobiLimit: 1000px;
 }

.debug { border: 1px dotted red !important; }
.debug .debug { border-color: green !important; }
.debug .debug .debug { border-color: blue !important; }
.debug .debug .debug .debug { border-color: orange !important; }

table.debug td,
table.debug th { border: 1px dotted gray !important; }

.mInline,
.Inline,
.inline  { display: inline-block; }


.inlineI  { display: inline-block !important; }



.mRelative, .mRel { position: relative; }
.mAbsolute, .mAbs { position: absolute; }
.mStatic { position: static; }

.mHidden { visibility: hidden; }

.mWMin, .mWmin { width: 1px; }

table.mWMin td,
table.mWMin th,
td.mWMin, td.mWmin,
th.mWMin, th.mWmin { width: 1px; white-space: nowrap; }

.mW25pc { width: 25%; }

.mW9vwI { width: 9vw !important; }

.mW80vw { width: 80vw; }
.mW90vw { width: 90vw; }
.mW20vw { width: 20vw; }
.mW20vwI { width: 20vw !important; }
.mW25vw { width: 25vw; }
.mW25vwI { width: 25vw !important; }
.mW100vw { width: 100vw; }
.mW100pc { width: 100%; }


.maxW50pc { max-width: 50%; }
.maxW450 { max-width: 450px; }



a.mAM,
span.mAM,
img.mAM,
input.mAM { display: flex; align-items: center; }

tr.mAM td,
tr.mAM th,
td.mAM,
th.mAM { vertical-align: middle; }

.mT3px { top: 3px; }
.mT4px { top: 4px; }
.mT5px { top: 5px; }
.mT6px { top: 6px; }
.mT7px { top: 7px; }
.mT10px { top: 10px; }

.mOp0 { opacity:0; }

.mDnone, .mNoDisplay { display: none; }

div.mAC { margin: 0 auto; text-align: center; }

div.mAL,
td.mAL,
th.mAL { text-align: left; }

td.mAC,
th.mAC,
p.mAC,
table.mAC td,
table.mAC th,
span.mAC { text-align: center !important; }

.mAR { text-align: right; }

.mZero { margin: 0; padding: 0; }

.mNoWrap,
.mNoWrapAll, .mNoWrapAll * { white-space: nowrap; }

/*
.mNoBorder { border: 0; }



td.mAM { vertical-align: middle; }
.mP0 { padding: 0; }
.mPR10px { padding-right: 10px; }
.mPR5px { padding-right: 5px; }


.mWmin { width: 1px; }


.m table { border-spacing: 0; white-space: nowrap; }



.mP0 { padding: 0; }
.mPR10px { padding-right: 10px; }
.mPR5px { padding-right: 5px; }

*/

.mUnselectable, .mUnselectable * {
	-webkit-user-select: none; 
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}

.mBlack { color: black; fill: black; }
.mTurq { color: #6cc7e2; fill: #6cc7e2; stroke: #6cc7e2;}
img.mTurq { filter: invert(72%) sepia(10%) saturate(2682%) hue-rotate(167deg) brightness(109%) contrast(77%); }

.mLink { cursor: pointer; }

.mHoverText { 
	transition: opacity 0.4s ease-in-out;
}

.mHoverText:hover {
	opacity: 0.6;
}

.mFadeIn { animation: mFadeInAnim 0.4s ease-in-out forwards; }

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

.mFadeOut { animation: mFadeOutAnim 0.4s ease-in-out forwards; }

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

/* -------------------------------------------------------------------- */

@media (min-width: 1001px){
	.mDesk { }
	.mMobi { display: none !important; }
	
	.mDeskFloatLeft { float: left; }
	.mDeskFloatRight { float: right; }
	
	.mDesk-h600 { height: 600px; }
	.mDesk-h800 { height: 800px; }
	
}

@media (max-width: 1000px){
	.mDesk { display: none !important; }
	.mMobi { }
	
	.mMobi-h600 { height: 600px; }
	.mMobi-h800 { height: 800px; }
}

/* -------------------------------------------------------------------- */

.mFlexI {
	display: flex !important;
}

.mFlexRow {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 15px;
}

.mFlexCol {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 15px;
}

.mFlexRow.mFlexInline,
.mFlexCol.mFlexInline { display: inline-flex; }

.mFlexRow.mFlexLeft { justify-content: flex-start; }
.mFlexRow.mFlexCenter { justify-content: center; }
.mFlexRow.mFlexSpread { justify-content: space-between; }
.mFlexRow.mFlexSpreadEven { justify-content: space-around; }
.mFlexRow.mFlexBaseline { align-items: baseline; }
.mFlexRow.mFlexTop { align-items: flex-start; }
.mFlexRow.mFlexStretch { align-items: stretch; }

.mFlexRow.mFlexWrap,
.mFlexCol.mFlexWrap { flex-wrap: wrap; }

.mFlexRow.mFlexNoWrap,
.mFlexCol.mFlexNoWrap { flex-wrap: nowrap; }


.mFlexCol.mFlexTop { justify-content: flex-start; }
.mFlexCol.mFlexMiddle { justify-content: center; }
.mFlexCol.mFlexBottom { justify-content: flex-end; }

.mFlexCol.mFlexCenter { align-items: center; }




@media (max-width: 1000px){
	.mFlexRow.mFlexMobiLeft { justify-content: space-between; }
}
	


.mFlexRow > .mFlexShrink { flex-shrink: 1; }
.mFlexRow > .mFlexGrow { flex-grow: 1; }



.gap0 { gap: 0 !important; }
.gap5 { gap: 5px !important; }
.gap10 { gap: 10px !important; }
.gap15 { gap: 15px !important; }
.gap20 { gap: 20px !important; }
.gap25 { gap: 25px !important; }
.gap30 { gap: 30px !important; }
.gap35 { gap: 35px !important; }
.gap40 { gap: 40px !important; }
.gap50 { gap: 50px !important; }
.gap60 { gap: 60px !important; }
.gap70 { gap: 70px !important; }
.gap80 { gap: 80px !important; }
.gap90 { gap: 90px !important; }
.gap100 { gap: 100px !important; }

/* -------------------------------------------------------------------- */

.mH12vw { height: 12vw !important; }

.mAnimUp {
	position: relative;
	top: 0;
	transition: top 0.7s ease-in-out;
}

.mAnimUp.mAnim30px { top: -30px; }
.mAnimUp.mAnim45px { top: -45px; }
.mAnimUp.mAnimMobi { top: calc(-12vw - 10px); }

/* -------------------------------------------------------------------- */

.mParallax {
	position: relative;
	overflow: hidden;
}

.mParallax > .mParallaxBkg {
	position: absolute;
	width: calc(100% + 20px);
	height: calc(100% + 400px);
	top: -50px;
	left: -10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}

.mRotateLeft {
	transform: rotate(-90deg);
}

img.mBlackToWhite {
	filter: invert(100%) brightness(100%) contrast(100%);
}

.mImgGlow >img:first-child {
	position:absolute;
	max-height: 90%;
	top:50%;
	left:50%;
	
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
	
	z-index: 2;
}

.mImgGlow >img:last-child {
	position:absolute;
	max-height: 90%;
	top:50%;
	left:50%;
	
	-webkit-transform: scale(1.1) translate(-50%, -50%);
			transform: scale(1.1) translate(-50%, -50%);
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
	
	-webkit-filter: brightness(0) invert(1) blur(5px);
			filter: brightness(0) invert(1) blur(5px);
	
	z-index: 1;
}
	

	

	
div.mCenterMiddle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
	
	
	
	
	
	
.marg0 { margin: 0; }
	
	
	
	
.pad0, .padNone { padding: 0; }
	
	
.padT5  { padding-top: 5px; }
.padT10 { padding-top: 10px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padT25 { padding-top: 25px; }
.padT30 { padding-top: 30px; }
.padT35 { padding-top: 35px; }
.padT40 { padding-top: 40px; }
.padT45 { padding-top: 45px; }
.padT50 { padding-top: 50px; }
.padT55 { padding-top: 55px; }
.padT60 { padding-top: 60px; }
.padT65 { padding-top: 65px; }
.padT70 { padding-top: 70px; }
.padT75 { padding-top: 75px; }
.padT80 { padding-top: 80px; }
.padT90 { padding-top: 90px; }
.padT100 { padding-top: 100px; }
.padT125 { padding-top: 125px; }
.padT150 { padding-top: 150px; }
.padT200 { padding-top: 200px; }
.padT250 { padding-top: 250px; }
.padT300 { padding-top: 300px; }
.padT350 { padding-top: 350px; }
.padT400 { padding-top: 400px; }
.padT450 { padding-top: 450px; }


@media (max-width: 1000px) { /* for mobile */
	.mobiPadT20 { padding-top: 20px; }
}

.padB5  { padding-bottom: 5px; }
.padB10 { padding-bottom: 10px; }
.padB15 { padding-bottom: 15px; }
.padB20 { padding-bottom: 20px; }
.padB25 { padding-bottom: 25px; }
.padB30 { padding-bottom: 30px; }
.padB35 { padding-bottom: 35px; }
.padB40 { padding-bottom: 40px; }
.padB45 { padding-bottom: 45px; }
.padB50 { padding-bottom: 50px; }
.padB55 { padding-bottom: 55px; }
.padB60 { padding-bottom: 60px; }
.padB65 { padding-bottom: 65px; }
.padB70 { padding-bottom: 70px; }
.padB75 { padding-bottom: 75px; }
.padB80 { padding-bottom: 80px; }
.padB90 { padding-bottom: 90px; }
.padB100 { padding-bottom: 100px; }
.padB150 { padding-bottom: 150px; }
.padB200 { padding-bottom: 200px; }
.padB250 { padding-bottom: 250px; }
.padB300 { padding-bottom: 300px; }
.padB350 { padding-bottom: 350px; }
.padB400 { padding-bottom: 400px; }
.padB450 { padding-bottom: 450px; }


.padLR20 { padding-left: 20px; padding-right: 20px; }











.minw100 { min-width: 100px; }
.minw150 { min-width: 150px; }
.minw175 { min-width: 175px; }
.minw200 { min-width: 200px; }

.minw, .minw { width: 1px; }

td.minw, th.minw { white-space: nowrap; }

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }

tr.middle td,
tr.middle th,
td.middle,
th.middle { vertical-align: middle; }

.textWhite, .textWhite *	{ color: white; }
.textBlack, .textBlack *	{ color: black; }
.textNavy, .textNavy *		{ color: var(--navy); }
.textTeal, .textTeal *		{ color: var(--teal); }
.textGray, .textGray *		{ color: #d6d6d6; }
.textRed, .textRed *		{ color: red; }
.textYellow, .textYellow *	{ color: yellow; }

.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

.borderWhite	{ border: 1px solid white !important; }
.borderBlack	{ border: 1px solid black !important; }
.borderNavy		{ border: 1px solid var(--navy) !important; }
.borderGray		{ border: 1px solid #d6d6d6 !important; }
.borderTransp	{ border: 1px solid transparent !important; }

.backTransp	{ background: transparent; }
.backWhite	{ background: white; }
.backTeal	{ background: var(--teal); }
.backNavy	{ background: var(--navy); }
.backGray	{ background: #d6d6d6; }

.z10 { z-index: 10; } /* requires .rel or .abs */
.z20 { z-index: 20; }
.z30 { z-index: 30; }
.z40 { z-index: 40; }
.z50 { z-index: 50; }
.z60 { z-index: 60; }
.z70 { z-index: 70; }
.z80 { z-index: 80; }
.z90 { z-index: 90; }
.z100 { z-index: 100; }

.rel { position: relative; }
.abs { position: absolute; }

.unselect, .unselect * {
	-webkit-user-select: none; 
	   -moz-user-select: none;
		  -ms-user-select: none;
			 user-select: none;
}


.noWrap,
.noWrapAll, .noWrapAll * { white-space: nowrap; }

.wrap,
.wrapAll, .wrapAll * { white-space: normal; }

/* ----------------------------- */

.responsiveParagraph { 
	width: 94vw;
	max-width: 1400px;
	margin: 0 auto;
}

/* ----------------------------- */

.collapsible {
	display: block;
	align-items: center;
}

.collapsible .collapsibleTitle {
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.collapsible .collapsibleIcon {
	transition: transform 0.4s;
	transform-origin: center;
	-webkit-user-select: none; 
	   -moz-user-select: none;
		  -ms-user-select: none;
			 user-select: none;
}

.collapsible .collapsibleToggle {
	display: none;
}

.collapsible .collapsibleContent {
	width: 100%;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.3s ease-out;
}


.collapsible .collapsibleToggle:checked ~ .collapsibleContent {
	 max-height:  500vh;
}

.collapsible .collapsibleToggle:checked ~ .collapsibleTitle .collapsibleIcon {
	transform: rotate(-180deg);
}














	
	
	@media (min-width: 1001px) {  
		
	}
	
	@media (max-width: 1002px) { 
	
	}






/*div.mAC { margin: 0 auto; text-align: center; }*/