The Innoxa Difference

<div class="TheInnoxaDifference">
<h2>Real beauty for sensitive skin.</h2>
<section id="middle">
<div class="content-set set1">
<div class="side-image-right"><img src="https://cdn.shopify.com/s/files/1/0040/6179/0275/files/OurPromise.png?6159077158160189808" alt="Our Promise" /></div>
<div id="dermtest" class="side-text-left">
<h3>Our Promise</h3>
<p>Finally, a cosmetics range that works with your skin, not against it.</p>
<p>Innoxa products have been designed to enhance the beauty of sensitive or troublesome skin without compromising quality or performance. Used in conjunction with our range of specialised skincare, each cosmetic is created to care with Dermatologically Tested, gentle formulas that truly enrich the health of the skin.</p>
<p>With an extensive range of formulations, finishes and shades available, our products give you the confidence to look beautiful at any age.</p>
</div>
</div>
<div class="content-set set2">
<div class="side-image-left"><img src="https://cdn.shopify.com/s/files/1/0040/6179/0275/files/Derma.png?6159077158160189808" alt="100% Dermatologically Tested" /></div>
<div id="aboutus" class="side-text-right">
<h3>100% Dermatologically Tested</h3>
<p>At Innoxa, you can trust that our cosmetics, skincare, toiletries and fragrance are suitable for the most sensitive of skin. The entire range has been Dermatologically Tested through an independent authority to ensure that every product created is gentle on skin, never irritating.</p>
<p>We also offer a variety of eye cosmetics that have been Ophthalmologist Tested to ensure no sting, redness or irritation to sensitive eyes.</p>
</div>
</div>
<div class="content-set set3">
<div class="side-image-right"><img src="https://cdn.shopify.com/s/files/1/0040/6179/0275/files/Founded.png?6159077158160189808" alt="Founded in 1920" /></div>
<div class="side-text-left">
<h3>Founded in 1920</h3>
<p>Innoxa was created in France by dermatologist Dr Francois Debat, who believed in treating every being gently. From the beginning, the Innoxa philosophy has been 'First Do No Harm'.</p>
<p>In 1933, the brand expanded globally, with Innoxa products being exported for the first time to Australia, New Zealand and South Africa. Following growing demand for hypoallergenic beauty products and the proven effectiveness of our formulations, we began local manufacture of various Innoxa products in Australia the same year. The brand has now become a staple for many Australian women since.</p>
<p>With a century-long dermatological heritage of nurturing and regenerating sensitive skin, Innoxa constantly evolves to deliver a wide range of skincare, colour cosmetics and body products to address your skin's unique needs.</p>
</div>
</div>
<div id="crueltyfree" class="content-set set4">
<div class="side-image-left"><img src="https://cdn.shopify.com/s/files/1/0040/6179/0275/files/Cruelty_Free.png?6159077158160189808" alt="Cruelty Free" /></div>
<div class="side-text-right">
<h3>Cruelty Free</h3>
<p>To this day we uphold the philosophy of ’First Do No Harm' on which the Innoxa brand was founded. We do not test on animals and our range has been certified as being 100% cruelty free.</p>
</div>
</div>
</section>
</div>
<div style="clear: both;"></div>
<style xml="space"><!--
/* STRUCTURE */
nav.breadcrumb {
display: none;
}
div.side-image-left > img {
padding-left: 5%;
}
h1.section-header--title, h1.page-title {
color: black;
text-align: center;
font-family: Montserrat;
font-size: 48px !important;
line-height: 1;
font-weight: 600;
}
div.TheInnoxaDifference > h2 {
color: black;
text-align: center;
font-size: 20px;
font-weight: 500;
font-family: "DM Serif Display", serif;
}
div.content-set > div > h3 {
text-align: center;
color: black;
font-family: Montserrat;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
div.content-set > div > p {
text-align: center;
padding: 0 7%;
}
h1.page-title {
text-align: center;
font-size: 3.6rem;
}
section#content > ul {
background: lightgrey;
width: 60%;
padding: 20px 0px 30px 30px;
margin-top: 50px;
}
section#content > ul > li > a {
text-decoration: none;
}
section#content > ul > li > a > b {
text-decoration: underline;
}
.cusnav .cusnav-item:before {
font-family: 'icons';
display: inline-block;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
content:'\e90e';
font-size:9px;
margin-left:-3px;
left:0;
top:7px;
transform: translateY(-20%);
padding-right: 5px;
}
.cusnav .cusnav-item a:hover {
text-decoration: underline !important;
}

#content > ul > li {
list-style-type: none;
margin-bottom: 10px;
}


.content-set {
overflow: hidden;
}
#content {
display: none;
}
@media screen and (min-width: 768px) {
#middle {
width: 100%;
}
.side-image-right {
float:right;
width:50%;
height: 100%;
line-height: 1;
}
.side-image-left {
float:left;
width:50%;
height: 100%;
line-height: 1;
}
.side-text-left {
float:left;
width:50%;
}
.side-text-right {
float:right;
width:50%;
}
.panel1 {
padding: 1% 5% 1% 5%;
font-size: 1em;
}
.panel2 {
padding: 10% 5% 5% 5%;
font-size: 1em;
}
.panel3 {
padding: 20% 5% 5% 5%;
font-size: 1em;
}
}
@media screen and (min-width: 1200px) {
div.set1 > .side-text-left {
padding-top: 80px;
}
div.set2 > .side-text-right {
padding-top: 90px;
}
div.set3 > .side-text-left {
padding-top: 40px;
}
div.set4 > .side-text-right {
padding-top: 180px;
}
#content {
width: 25%;
float: left;
padding: 5px 15px;
display:block;
}
#middle {

padding: 5px 15px 5px 0px;
margin: 0px 5px 5px 5px;
}
#content, #middle {
margin-bottom: 5px;
}
.panel1 {
/*padding: 9% 5% 5% 5%;*/
text-align: center;
font-size: 1.2em;
}
.panel2 {
padding: 20% 5% 5% 5%;
font-size: 1.2em;
}
.panel3 {
padding: 25% 5% 5% 5%;
font-size: 1.2em;
}
}
--></style>