ul {
	padding-inline-start: 0px;
}

p {
	margin-block-start: 0.5em !important; 
	margin-block-end: 0.5em !important;
}

a.H11CTA:hover {
	color: #ffffff !important; 
	text-decoration: underline !important;
}

.stepsarrow {
    padding: 10px 0;
}
.stepsarrow img {
    height: 50px;
}

.HT0101, .HT0102, .HT0103 {
	margin: 0 !important;
}

.bannerimage {
	z-index: 0 !important;
}

.herostory01 {
	z-index: 1 !important;
}

/* Extra large devices (large laptops and desktops, 1080px and up) */

@media (min-width: 1038px),
print {

	.bannerimage {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-image: url(https://static.cionic.com/www/images/NS_Heroimage.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -150px;
		z-index: -1;
	}

	.herostory01 {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -80vh;
		z-index: -1;
	}

	.herocontent01 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		height: 85%;
	}

	.herotitle01 {
		vertical-align: top;
		display: inline-block;
		padding-top: 16vh;
		width: 100%;
	}



	.HT0101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		display: block;
		line-height: 28px;
		padding-bottom: 12px;
		white-space: nowrap;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0102 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 60px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 12px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0103 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HI0101 img {
		width: 236px;

	}



	.herostory02 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG02.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		margin-top: -60px;
	}

	.herocontent02 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
	}

	.herocontent02container {
		width: 70%;
		padding-right: 20%;
		padding-left: 20px;
		margin-left: auto;
	}

	.herotitle02 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0201 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
	}

	.HC0202 {
		background-image: url(https://static.cionic.com/www/images/NS_lens.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 52%;
		margin-left: auto;
	}

	.HC0203 {
		background-image: url(https://static.cionic.com/www/images/NS_bolt.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 52%;
		margin-left: auto;
	}

	.HC02Title {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #000000;
		font-size: 25px;
		text-align: right;
	}

	.HC02Paragraps {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		color: #000000;
		text-align: right;
	}

	.HC0204 {
		height: 130px;
	}

	.H02CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 195px;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 25px;
		margin-bottom: 90px;
		margin-left: auto;
	}


	.herostory03 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG03.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent03 {
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle03 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.HC0301 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.HC0302 {
		text-align: center;
		vertical-align: top;
		padding-bottom: 50px;
	}

	a.herotext03 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 20px;
		text-decoration: underline;
	}

	.results {
		display: inline-block;
		padding-bottom: 50px;
	}

	.resultsimg {
		height: 90px;
		width: 90px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.resultstxt {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000;
		text-align: center;
		display: block;
		margin: 0px;
		width: 220px;
	}

	.herostory04 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		max-width: 1200px;
	}

	.herocontent04 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.HC0401 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 45px;
		padding-bottom: 25px;
	}

	.herotitle04 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 65px;

	}

	.MuscleGrid {
		display: grid;
		grid-template-rows: 35px;
		grid-template-columns: 40px 100px 40px 00px;
		padding-top: 10px;
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
	}

	.HC0402 {
		width: 25px;
	}

	.herostory05,
	.herostory06,
	.herostory07 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent05,
	.herocontent06,
	.herocontent07 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.herostory05 {
		background-color: #e6f3fb;
	}

	.herostory06 {
		background-color: #d5edfc;
	}

	.herostory07 {
		background-color: #97caeb;
	}

	a.herotext05 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 20px;
		text-decoration: underline;
	}



	.NSCellsTitle {
		background-image: url(https://static.cionic.com/www/images/NS_strikingBG.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 36px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 45px;
	}


	.NSCell {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -45px;
	}

	.NSCellAlign {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.NSCellCircle {
		display: inline-block;
		width: 40%;
		z-index: 3;
	}

	.NSCellCircle img {
		width: 100%
	}

	.NSCellLeftGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 40px 20px 130px;
		height: 200px;
		width: 53%;
		text-align: left;
		margin-left: -11%;
		z-index: 2;
		min-height: 320px;
		margin-top: -30px;
	}

	.NSCellRightGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 130px 20px 40px;
		height: 200px;
		width: 53%;
		text-align: left;
		margin-right: -11%;
		z-index: 2;
		min-height: 320px;
		margin-top: -30px;
	}

	.NSCellIcon img {
		margin-bottom: 10px;
		width: 50px;
	}

	.NSCellSentence {

		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 22px;
		text-align: left;
	}

	.NSCellCopy {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 18px;
		text-align: left;
	}


	.herostory08 {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0px;
		padding-top: 200px;
		text-align: center;
	}

	.herocontent08 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 {
		display: inline-block;
		margin-right: 10%;
	}

	.heroimage08 img {
		height: 399px;
		width: 495px;

	}

	.herotitle08 {
		vertical-align: top;
		display: inline-block;
		text-align: right;
        width: 40%;
	}

	.herocontent08 {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0801 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
	}

	.HT0802 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0803 {
		font-family: forma-djr-deck, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 300px;
	}

	.HT0804 {
		font-family: forma-djr-deck, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 10px;
		width: 300px;
	}

    .HT0805 {
        font-family: new-spirit, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #000000;
        text-align: left;
        display: block;
        margin: 0px;
        padding-bottom: 30px;
        text-decoration: underline;
    }


	.H08nav {
		display: block;
		width: 100%;
		text-align: left;
		padding-bottom: 90px;
	}

	.H08nav img {
		height: 40px;
		width: 40px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.herostory09 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_GB04.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		height: 550px;
	}

	.heroimage09 {
		display: inline-block;
		margin-top: 8px;
		width: 514px;
		height: 281px;
	}


	.herotitle09 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent09 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.HT0901 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 30px;
	}

	.HT0902 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.HT0903 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0903 a {

		font-weight: 600;

	}


	.herostory10 {
		margin-right: auto;
		margin-left: auto;
		background: rgb(220, 236, 248);
		background: linear-gradient(180deg, rgba(220, 236, 248, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%);
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}



	.HC1003 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.HC1004 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 10px;

	}

	.H10CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 30%;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 20px;
		margin-bottom: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.herostory11 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_BG09.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.herotitle11 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 31px;
		color: #ffffff;
		text-align: left;
		margin: 0px;
	}

	.herocontent11 {
		margin-right: auto;
		margin-left: auto;
		max-width: 1200px;
	}

	.HC1102 {
		display: inline-block;
		width: 49%;
		padding-left: 10px;
	}

	.HC1103 {
		display: inline-block;
		width: 49%;
		text-align: center;
		vertical-align: top;
	}

	.HT1101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 21px;
		color: #ffffff;
		text-align: left;
		padding-bottom: 20px;
	}

	.H11CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		line-height: 76px;
		width: 278px;
		height: 76px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		border: #65b2e8;
		border-style: solid;
		border-width: 2px;
	}




}


/* Medium devices (landscape tablets, 641px and up) */

@media (min-width: 826px) and (max-width: 1037px) {


	.bannerimage {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-image: url(https://static.cionic.com/www/images/NS_Heroimage.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -150px;
		z-index: -1;
	}

	.herostory01 {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -80vh;
		z-index: -1;
	}

	.herocontent01 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		height: 85%;
	}

	.herotitle01 {
		vertical-align: top;
		display: inline-block;
		padding-top: 16vh;
		width: 100%;
	}



	.HT0101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		display: block;
		line-height: 28px;
		padding-bottom: 12px;
		white-space: nowrap;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0102 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 60px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 12px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0103 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HI0101 img {
		width: 236px;

	}



	.herostory02 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG02.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		margin-top: -60px;
	}

	.herocontent02 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		text-align: right;
	}

	.herocontent02container {
		width: 80%;
		padding-right: 20%;
		padding-left: 20px;
		margin-left: auto;
	}

	.herotitle02 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0201 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
	}

	.HC0202 {
		background-image: url(https://static.cionic.com/www/images/NS_lens.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 52%;
		margin-left: auto;
	}

	.HC0203 {
		background-image: url(https://static.cionic.com/www/images/NS_bolt.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 52%;
		margin-left: auto;
	}

	.HC02Title {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #000000;
		font-size: 25px;
		text-align: right;
	}

	.HC02Paragraps {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		color: #000000;
		text-align: right;
	}

	.HC0204 {
		height: 130px;
	}

	.H02CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 195px;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 25px;
		margin-bottom: 90px;
		margin-left: auto;
	}


	.herostory03 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG03.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent03 {
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle03 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.HC0301 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.HC0302 {
		text-align: center;
		vertical-align: top;
		padding-bottom: 50px;
	}

	a.herotext03 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 20px;
		text-decoration: underline;
	}

	.results {
		display: inline-block;
		padding-bottom: 50px;
	}

	.resultsimg {
		height: 90px;
		width: 90px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.resultstxt {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000;
		text-align: center;
		display: block;
		margin: 0px;
		width: 220px;
	}

	.herostory04 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		max-width: 1200px;
	}

	.herocontent04 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.HC0401 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 45px;
		padding-bottom: 25px;
	}

	.herotitle04 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 65px;

	}


	.MuscleGrid {
		display: grid;
		grid-template-rows: 35px;
		grid-template-columns: 40px 100px 40px 00px;
		padding-top: 10px;
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
	}

	.HC0402 {
		width: 25px;
	}

	.herostory05,
	.herostory06,
	.herostory07 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent05,
	.herocontent06,
	.herocontent07 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.herostory05 {
		background-color: #e6f3fb;
	}

	.herostory06 {
		background-color: #d5edfc;
	}

	.herostory07 {
		background-color: #97caeb;
	}

	a.herotext05 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 20px;
		text-decoration: underline;
	}



	.NSCellsTitle {
		background-image: url(https://static.cionic.com/www/images/NS_strikingBG.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 36px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 45px;
	}


	.NSCell {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -45px;
	}

	.NSCellAlign {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.NSCellCircle {
		display: inline-block;
		width: 40%;
		z-index: 3;
	}

	.NSCellCircle img {
		width: 100%
	}

	.NSCellLeftGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 40px 20px 130px;
		height: 200px;
		width: 53%;
		text-align: left;
		margin-left: -11%;
		z-index: 2;
		min-height: 250px;
		margin-top: -30px;
	}

	.NSCellRightGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 130px 20px 40px;
		height: 200px;
		width: 53%;
		text-align: left;
		margin-right: -11%;
		z-index: 2;
		min-height: 250px;
		margin-top: -30px;
	}

	.NSCellIcon img {
		margin-bottom: 10px;
		width: 35px;
	}

	.NSCellSentence {

		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		text-align: left;
	}

	.NSCellCopy {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 16px;
		text-align: left;
	}


	.herostory08 {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.herocontent08 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 {
		display: inline-block;
		margin-right: 10%;
		padding-top: 50px;
	}

	.heroimage08 img {

		width: 400px;

	}

	.herotitle08 {
		vertical-align: top;
		display: inline-block;
		text-align: right;
        width: 40%;
	}

	.herocontent08 {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0801 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
	}

	.HT0802 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0803 {
		font-family: forma-djr-deck, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 300px;
	}

	.HT0804 {
		font-family: forma-djr-deck, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 10px;
		width: 300px;
	}

    .HT0805 {
        font-family: new-spirit, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #000000;
        text-align: left;
        display: block;
        margin: 0px;
        padding-bottom: 30px;
        text-decoration: underline;
    }


	.H08nav {
		display: block;
		width: 100%;
		text-align: left;
		padding-bottom: 90px;
	}

	.H08nav img {
		height: 40px;
		width: 40px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.herostory09 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_GB04.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.heroimage09 {
		display: block;
		margin-top: 8px;
		width: 514px;
		height: 281px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 45px;
	}


	.herotitle09 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent09 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.HT0901 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 30px;
	}

	.HT0902 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.HT0903 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0903 a {

		font-weight: 600;

	}


	.herostory10 {
		margin-right: auto;
		margin-left: auto;
		background: rgb(220, 236, 248);
		background: linear-gradient(180deg, rgba(220, 236, 248, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%);
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}



	.HC1003 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.HC1004 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 10px;

	}

	.H10CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 45%;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 20px;
		margin-bottom: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.herostory11 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_BG09.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 70px;
		padding-top: 100px;
		text-align: center;
		height: 250px;
	}

	.herotitle11 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		margin: 0px;
	}

	.herocontent11 {
		margin-right: auto;
		margin-left: auto;
		max-width: 1200px;
	}

	.HC1102 {
		display: inline-block;
		width: 49%;
		padding-left: 15px;
	}

	.HC1103 {
		display: inline-block;
		width: 49%;
		text-align: center;
		vertical-align: top;
	}

	.HT1101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		padding-bottom: 20px;
	}

	.H11CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		line-height: 68px;
		width: 236px;
		height: 68px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		border: #65b2e8;
		border-style: solid;
		border-width: 2px;
	}





}

/* Small devices (portrait tablets and large phones, 680px and up) */

@media screen and (min-width: 706px) and (max-width: 825px) {


	.bannerimage {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-image: url(https://static.cionic.com/www/images/NS_Heroimage.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -150px;
		z-index: -1;
	}

	.herostory01 {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -80vh;
		z-index: -1;
	}

	.herocontent01 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		height: 85%;
	}

	.herotitle01 {
		vertical-align: top;
		display: inline-block;
		padding-top: 16vh;
		width: 100%;
	}



	.HT0101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		display: block;
		line-height: 28px;
		padding-bottom: 12px;
		white-space: nowrap;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0102 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 60px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 12px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0103 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HI0101 img {
		width: 236px;

	}



	.herostory02 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG02.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		margin-top: -60px;
	}

	.herocontent02 {
		width: 100%;
		text-align: right;
	}

	.herocontent02container {
		width: 80%;
		padding-right: 20%;
		padding-left: 20px;
		margin-left: auto;
	}

	.herotitle02 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0201 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
	}

	.HC0202 {
		background-image: url(https://static.cionic.com/www/images/NS_lens.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC0203 {
		background-image: url(https://static.cionic.com/www/images/NS_bolt.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC02Title {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #000000;
		font-size: 25px;
		text-align: right;
	}

	.HC02Paragraps {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		color: #000000;
		text-align: right;
	}

	.HC0204 {
		height: 130px;
	}

	.H02CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 195px;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 25px;
		margin-bottom: 90px;
		margin-left: auto;
	}


	.herostory03 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG03.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent03 {
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle03 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.HC0301 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.HC0302 {
		text-align: center;
		vertical-align: top;
		padding-bottom: 50px;
	}

	a.herotext03 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 20px;
		text-decoration: underline;
	}

	.results {
		display: inline-block;
		padding-bottom: 50px;
	}

	.resultsimg {
		height: 90px;
		width: 90px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.resultstxt {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000;
		text-align: center;
		display: block;
		margin: 0px;
		width: 220px;
	}

	.herostory04 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		max-width: 1200px;
	}

	.herocontent04 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.HC0401 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 45px;
		padding-bottom: 25px;
	}

	.herotitle04 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 65px;

	}


	.MuscleGrid {
		display: grid;
		grid-template-rows: 35px;
		grid-template-columns: 40px 100px 40px 00px;
		padding-top: 10px;
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
	}

	.HC0402 {
		width: 25px;
	}

	.herostory05,
	.herostory06,
	.herostory07 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent05,
	.herocontent06,
	.herocontent07 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.herostory05 {
		background-color: #e6f3fb;
	}

	.herostory06 {
		background-color: #d5edfc;
	}

	.herostory07 {
		background-color: #97caeb;
	}

	a.herotext05 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 20px;
		text-decoration: underline;
	}



	.NSCellsTitle {
		background-image: url(https://static.cionic.com/www/images/NS_strikingBG.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 36px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 45px;
	}


	.NSCell {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -45px;
	}

	.NSCellAlign {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.NSCellCircle {
		display: inline-block;
		width: 40%;
		z-index: 3;
	}

	.NSCellCircle img {
		width: 100%
	}

	.NSCellLeftGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 40px 20px 130px;
		height: 200px;
		width: 60%;
		text-align: left;
		margin-left: -16%;
		z-index: 2;
		min-height: 250px;
		margin-top: -32px;
	}

	.NSCellRightGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 130px 20px 40px;
		height: 200px;
		width: 60%;
		text-align: left;
		margin-right: -11%;
		z-index: 2;
		min-height: 250px;
		margin-top: -1px;
	}

	.NSCellIcon img {
		margin-bottom: 10px;
		width: 35px;
	}

	.NSCellSentence {

		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		text-align: left;
	}

	.NSCellCopy {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 16px;
		text-align: left;
	}


	.herostory08 {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.herocontent08 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 {
		display: block;
		padding-top: 50px;
	}

	.heroimage08 img {

		width: 400px;

	}

	.herotitle08 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent08 {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0801 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
	}

	.HT0802 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0803 {
		font-family: forma-djr-deck, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 300px;
	}

	.HT0804 {
		font-family: forma-djr-deck, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 10px;
		width: 300px;
	}

    .HT0805 {
        font-family: new-spirit, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #000000;
        text-align: center;
        display: block;
        margin: 0px;
        padding-bottom: 30px;
        text-decoration: underline;
    }


	.H08nav {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 90px;
	}

	.H08nav img {
		height: 40px;
		width: 40px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.herostory09 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_GB04.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.heroimage09 {
		display: block;
		margin-top: 8px;
		width: 514px;
		height: 281px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 45px;
	}


	.herotitle09 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent09 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.HT0901 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 30px;
	}

	.HT0902 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.HT0903 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0903 a {

		font-weight: 600;

	}


	.herostory10 {
		margin-right: auto;
		margin-left: auto;
		background: rgb(220, 236, 248);
		background: linear-gradient(180deg, rgba(220, 236, 248, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%);
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}



	.HC1003 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.HC1004 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 10px;

	}

	.H10CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 45%;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 20px;
		margin-bottom: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.herostory11 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_BG09.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		height: 250px;
	}

	.herotitle11 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 26px;
		color: #ffffff;
		text-align: left;
		margin: 0px;
	}

	.herocontent11 {
		margin-right: auto;
		margin-left: auto;
		max-width: 1200px;
	}

	.HC1102 {
		display: inline-block;
		width: 56%;

	}

	.HC1103 {
		display: inline-block;
		width: 30%;
		text-align: center;
		vertical-align: top;
	}

	.HT1101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 17px;
		color: #ffffff;
		text-align: left;
		padding-bottom: 20px;
	}

	.H11CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		line-height: 68px;
		width: 236px;
		height: 68px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		border: #65b2e8;
		border-style: solid;
		border-width: 2px;
	}



}

/* Extra small devices (phones, 600px and down) */

@media (min-width: 300px) and (max-width: 705px) {


	.bannerimage {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-image: url(https://static.cionic.com/www/images/NS_Heroimage.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -150px;
		z-index: -1;
	}

	.herostory01 {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -80vh;
	}

	.herocontent01 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		height: 85%;
	}

	.herotitle01 {
		vertical-align: top;
		display: inline-block;
		padding-top: 20vh;
		width: 100%;
	}



	.HT0101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		display: block;
		line-height: 28px;
		padding-bottom: 12px;
		white-space: nowrap;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0102 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 50px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 12px;
		text-shadow: 1px 1px 2px #000000;
		line-height: 50px;
	}

	.HT0103 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HI0101 img {
		width: 236px;

	}



	.herostory02 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG02.png);
		background-position: 45%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		margin-top: -60px;
	}

	.herocontent02 {
		width: 100%;
		text-align: right;
	}

	.herocontent02container {
		display: block;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle02 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0201 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
	}

	.HC0202 {
		background-image: url(https://static.cionic.com/www/images/NS_lens.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC0203 {
		background-image: url(https://static.cionic.com/www/images/NS_bolt.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC02Title {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #000000;
		font-size: 25px;
		text-align: right;
	}

	.HC02Paragraps {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		color: #000000;
		text-align: right;
	}
    
	.HC0204 {
		height: 130px;
	}

	.H02CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 195px;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 25px;
		margin-bottom: 90px;
		margin-left: auto;
	}


	.herostory03 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG03.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent03 {
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle03 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.HC0301 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.HC0302 {
		text-align: center;
		vertical-align: top;
		padding-bottom: 50px;
	}

	a.herotext03 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 20px;
		text-decoration: underline;
	}

	.results {
		display: inline-block;
		padding-bottom: 50px;
	}

	.resultsimg {
		height: 90px;
		width: 90px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.resultstxt {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000;
		text-align: center;
		display: block;
		margin: 0px;
		width: 220px;
	}

	.herostory04 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		max-width: 1200px;
	}

	.herocontent04 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.HC0401 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 45px;
		padding-bottom: 25px;
	}

	.herotitle04 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 65px;

	}


	.MuscleGrid {
		display: grid;
		grid-template-rows: 35px;
		grid-template-columns: 40px 100px 40px 00px;
		padding-top: 10px;
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
	}

	.HC0402 {
		width: 25px;
	}

	.herostory05,
	.herostory06,
	.herostory07 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent05,
	.herocontent06,
	.herocontent07 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.herostory05 {
		background-color: #e6f3fb;
	}

	.herostory06 {
		background-color: #d5edfc;
	}

	.herostory07 {
		background-color: #97caeb;
	}

	a.herotext05 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 20px;
		text-decoration: underline;
	}



	.NSCellsTitle {
		background-image: none;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 36px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 45px;
	}


	.NSCell {
		display: flex;
    flex-direction: column;
		margin-left: auto;
		margin-right: auto;
	}

	.NSCellAlign {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.NSCellCircle {
		display: block;
		width: 76%;
		margin-left: auto;
		margin-right: auto;
		z-index: 3;
	}

	.NSCellCircle img {
		width: 100%
	}

	.NSCellLeftGrid {
		display: block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px;
		height: 200px;
		width: 90%;
		text-align: left;
		min-height: 250px;
		margin-top: -32px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		z-index: 2;
	}

	.NSCellRightGrid {
		order: 1;
		display: block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px;
		height: 200px;
		width: 90%;
		text-align: left;
		min-height: 250px;
		margin-top: -32px;
		margin-left: auto;
		margin-right: auto;
		z-index: 2;
	}

	.NSCellIcon img {
		margin-bottom: 10px;
		width: 35px;
	}

	.NSCellSentence {

		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		text-align: left;
	}

	.NSCellCopy {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 16px;
		text-align: left;
	}


	.herostory08 {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0px;
		padding-top: 45px;
		text-align: center;
        height: 720px;
	}

	.herocontent08 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 {
		display: block;
		padding-top: 50px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 img {
		height: 200px;
	}

	.herotitle08 {
		vertical-align: top;
		display: block;
		text-align: right;
	}

	.herocontent08 {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0801 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
	}

	.HT0802 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0803 {
		font-family: forma-djr-deck, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 300px;
	}

	.HT0804 {
		font-family: forma-djr-deck, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 10px;
		width: 300px;
	}

    .HT0805 {
        font-family: new-spirit, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #000000;
        text-align: center;
        display: block;
        margin: 0px;
        padding-bottom: 30px;
        text-decoration: underline;
    }


	.H08nav {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 90px;
	}

	.H08nav img {
		height: 40px;
		width: 40px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.herostory09 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_GB04.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.heroimage09 {
		display: block;
		margin-top: 8px;
		width: 100%;
		height: 210px;
		margin-right: auto;
		margin-left: auto;
	}


	.herotitle09 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent09 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.HT0901 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.HT0902 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.HT0903 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		padding-left: 10px;
		padding-right: 10px;
	}

	.HT0903 a {

		font-weight: 600;

	}


	.herostory10 {
		margin-right: auto;
		margin-left: auto;
		background: rgb(220, 236, 248);
		background: linear-gradient(180deg, rgba(220, 236, 248, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%);
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}



	.HC1003 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.HC1004 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 10px;

	}

	.H10CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 90%;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 20px;
		margin-bottom: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.herostory11 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_BG09.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 45px;
		text-align: center;
		height: 300px;
	}

	.herotitle11 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 26px;
		color: #ffffff;
		text-align: center;
		margin: 0px;
	}

	.herocontent11 {
		margin-right: auto;
		margin-left: auto;
		max-width: 1200px;
	}

	.HC1102 {
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;

	}

	.HC1103 {
		display: inline-block;
		text-align: center;
		vertical-align: top;
	}

	.HT1101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 17px;
		color: #ffffff;
		text-align: center;
		padding-bottom: 20px;
	}

	.H11CTA {
		font-family: forma-djr-deck, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    line-height: 50px;
    width: 195px;
    height: 50px;
    align-content: center;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    border: #65b2e8;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 75px;
	}


}

@media (hover: none) and (min-width: 600px) and (max-width: 1000px) {


	.bannerimage {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		background-image: url(https://static.cionic.com/www/images/NS_Heroimage.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: -150px;
		z-index: -1;
	}

	.herostory01 {
		height: 80vh;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: -96vh;
		z-index: -1;
	}

	.herocontent01 {
		width: 100%;
		max-width: 1200px;
		padding-right: 20px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		height: 85%;
	}

	.herotitle01 {
		vertical-align: top;
		display: inline-block;
		padding-top: 16vh;
		width: 100%;
	}



	.HT0101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 28px;
		color: #ffffff;
		text-align: left;
		display: block;
		line-height: 28px;
		padding-bottom: 12px;
		white-space: nowrap;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0102 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 60px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		padding-bottom: 12px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HT0103 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 18px;
		color: #ffffff;
		text-align: left;
		display: block;
		margin: 0px;
		text-shadow: 1px 1px 2px #000000;
	}

	.HI0101 img {
		width: 236px;

	}



	.herostory02 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG02.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		margin-top: -60px;
	}

	.herocontent02 {
		width: 100%;
		text-align: right;
	}

	.herocontent02container {
		width: 80%;
		padding-right: 20%;
		padding-left: 20px;
		margin-left: auto;
	}

	.herotitle02 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0201 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: right;
		display: block;
		margin: 0px;
	}

	.HC0202 {
		background-image: url(https://static.cionic.com/www/images/NS_lens.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC0203 {
		background-image: url(https://static.cionic.com/www/images/NS_bolt.svg);
		background-position: bottom left;
		background-repeat: no-repeat;
		background-size: 110px 110px;
		width: 66%;
		margin-left: auto;
	}

	.HC02Title {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #000000;
		font-size: 25px;
		text-align: right;
	}

	.HC02Paragraps {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 15px;
		color: #000000;
		text-align: right;
	}

	.HC0204 {
		height: 130px;
	}

	.H02CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 195px;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 25px;
		margin-bottom: 90px;
		margin-left: auto;
	}


	.herostory03 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/NS_BG03.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent03 {
		margin-right: auto;
		margin-left: auto;
	}

	.herotitle03 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.HC0301 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 80px;
		padding-bottom: 20px;
	}

	.HC0302 {
		text-align: center;
		vertical-align: top;
		padding-bottom: 50px;
	}

	a.herotext03 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 20px;
		text-decoration: underline;
	}

	.results {
		display: inline-block;
		padding-bottom: 50px;
	}

	.resultsimg {
		height: 90px;
		width: 90px;
		margin-left: 40px;
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.resultstxt {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000;
		text-align: center;
		display: block;
		margin: 0px;
		width: 220px;
	}

	.herostory04 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
		max-width: 1200px;
	}

	.herocontent04 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.HC0401 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		padding-top: 45px;
		padding-bottom: 25px;
	}

	.herotitle04 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 65px;

	}


	.MuscleGrid {
		display: grid;
		grid-template-rows: 35px;
		grid-template-columns: 40px 100px 40px 00px;
		padding-top: 10px;
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
	}

	.HC0402 {
		width: 25px;
	}

	.herostory05,
	.herostory06,
	.herostory07 {
		margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.herocontent05,
	.herocontent06,
	.herocontent07 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.herostory05 {
		background-color: #e6f3fb;
	}

	.herostory06 {
		background-color: #d5edfc;
	}

	.herostory07 {
		background-color: #97caeb;
	}

	a.herotext05 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 20px;
		text-decoration: underline;
	}



	.NSCellsTitle {
		background-image: url(https://static.cionic.com/www/images/NS_strikingBG.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 36px;
		color: #000000;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		padding: 25px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 45px;
	}


	.NSCell {
		display: flex;
		align-items: center;
		justify-content: center;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -45px;
	}

	.NSCellAlign {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}

	.NSCellCircle {
		display: inline-block;
		width: 40%;
		z-index: 3;
	}

	.NSCellCircle img {
		width: 100%
	}

	.NSCellLeftGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 40px 20px 130px;
		height: 200px;
		width: 60%;
		text-align: left;
		margin-left: -16%;
		z-index: 2;
		min-height: 250px;
		margin-top: -32px;
	}

	.NSCellRightGrid {
		display: inline-block;
		border: #000000;
		border-style: solid;
		border-width: 1px;
		padding: 20px 130px 20px 40px;
		height: 200px;
		width: 60%;
		text-align: left;
		margin-right: -11%;
		z-index: 2;
		min-height: 250px;
		margin-top: -1px;
	}

	.NSCellIcon img {
		margin-bottom: 10px;
		width: 35px;
	}

	.NSCellSentence {

		font-family: forma-djr-deck, sans-serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		text-align: left;
	}

	.NSCellCopy {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 16px;
		text-align: left;
	}


	.herostory08 {
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.herocontent08 {
		max-width: 900px;
		margin-right: auto;
		margin-left: auto;
	}

	.heroimage08 {
		display: block;
		margin-right: 10%;
		padding-top: 50px;
	}

	.heroimage08 img {

		width: 400px;

	}

	.herotitle08 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent08 {
		width: 100%;
		max-width: 1200px;
		padding-left: 20px;
		padding-right: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0801 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
	}

	.HT0802 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 18px;
		padding-bottom: 20px;
	}

	.HT0803 {
		font-family: forma-djr-deck, serif;
		font-weight: 500;
		font-style: normal;
		font-size: 13px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 300px;
	}

	.HT0804 {
		font-family: forma-djr-deck, serif;
		font-weight: 600;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 10px;
		width: 300px;
	}

    .HT0805 {
        font-family: new-spirit, serif;
        font-weight: 400;
        font-style: normal;
        font-size: 20px;
        color: #000000;
        text-align: center;
        display: block;
        margin: 0px;
        padding-bottom: 30px;
        text-decoration: underline;
    }


	.H08nav {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 90px;
	}

	.H08nav img {
		height: 40px;
		width: 40px;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	.herostory09 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_GB04.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
	}

	.heroimage09 {
		display: block;
		margin-top: 8px;
		width: 514px;
		height: 281px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 45px;
	}


	.herotitle09 {
		vertical-align: top;
		display: block;
		text-align: center;
	}

	.herocontent09 {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	.HT0901 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 30px;
	}

	.HT0902 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 48px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.HT0903 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-bottom: 30px;
		width: 50%;
		margin-right: auto;
		margin-left: auto;
	}

	.HT0903 a {

		font-weight: 600;

	}


	.herostory10 {
		margin-right: auto;
		margin-left: auto;
		background: rgb(220, 236, 248);
		background: linear-gradient(180deg, rgba(220, 236, 248, 1) 0%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 1) 100%);
		position: relative;
		padding-bottom: 0px;
		padding-top: 0px;
	}



	.HC1003 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 23px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.HC1004 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 42px;
		color: #000000;
		text-align: center;
		display: block;
		margin: 0px;
		padding-top: 70px;
		padding-bottom: 10px;

	}

	.H10CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 16px;
		line-height: 50px;
		background-color: #C7E017;
		width: 45%;
		height: 50px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #000000;
		display: block;
		margin-top: 20px;
		margin-bottom: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.herostory11 {
		margin-right: auto;
		margin-left: auto;
		background-image: url(https://static.cionic.com/www/images/HP_BG09.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding-bottom: 0px;
		padding-top: 100px;
		text-align: center;
		height: 250px;
	}

	.herotitle11 {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 26px;
		color: #ffffff;
		text-align: left;
		margin: 0px;
	}

	.herocontent11 {
		margin-right: auto;
		margin-left: auto;
		max-width: 1200px;
	}

	.HC1102 {
		display: inline-block;
		width: 56%;

	}

	.HC1103 {
		display: inline-block;
		width: 30%;
		text-align: center;
		vertical-align: top;
	}

	.HT1101 {
		font-family: new-spirit, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 17px;
		color: #ffffff;
		text-align: left;
		padding-bottom: 20px;
	}

	.H11CTA {
		font-family: forma-djr-deck, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 17px;
		line-height: 68px;
		width: 236px;
		height: 68px;
		align-content: center;
		letter-spacing: 1px;
		text-align: center;
		color: #ffffff;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		border: #65b2e8;
		border-style: solid;
		border-width: 2px;
	}

}