html {
    box-sizing: border-box;
    height: 100%;
}
body {
    text-rendering: optimizeLegibility;
    margin: 0;
    padding: 0;
    min-height: 100%; /* expands body to height of html,
       but allows it to expand further
       if content is taller than viewport */
    overflow-x: hidden;
    font-family:  'Raleway', sans-serif;
}
.landing-div {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    font-family:  'Raleway', sans-serif;
}
.landing-top {
    width: 100%;
    height: 500px;
  background: transparent url(woman78-laptop.jpg) no-repeat scroll center center / cover; 
    color: #f4f4ed;
    font-family:  'Raleway', sans-serif;
}
.logo-nav-container {
    width: 100%;
    height: 68px;
    display: inline-flex;
    background-color: white;
}
.logo {
    width: 285px;
    padding-left: 0.5em;
}
.nav {
   background-color: white; 
    width: 85%;
    float: right;
}
.nav_wrapper{
    width: 100%;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 auto;
    text-align: right;
    height: 50px;
}
.navigation {
    display: inline !important;
    width: 100%;
}
ul#menu.dropdown {
    display: inline-flex; /*this plus navigation overrides uas display-block*/
}
.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}
.nav ul li {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1%;
    height: 88%;
}
.nav ul li:hover {
    background-color: #f4f4ed; 
}
.nav ul li a, visited {
    color: #5645ee;
    display: block; /* link covers the whole li area*/
    padding: 1em;
    text-decoration: none;
}
.nav ul li a:hover {
    color: #5645ee;
    text-decoration: none;
}
.nav ul li:hover ul{
    display: block;
}
.nav ul ul {
    display: none;
    position: absolute;
    background-color: #f4f4ed; /* can add border */
    min-width: 275px; /* as wide as IA*/
}
.nav ul ul li {
    display: block; /*indiv tabs vertical*/
    height: 60%;
}
.nav ul ul li a, visited {
    color: #5645ee;
}
.nav ul ul li a:hover {
    color:plum; /*link text in each vertical tab*/
}
.centre-quote {
    width: 60%;
    height: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    margin-top: 3em;
    line-height: 1.8em;
}
.centre-quote p {
    padding: 0.5em;
}
.ia-main {
    text-align: center;
}
.ia-main p {
    padding: 1.5%;
}
.ia-main hr {
    width: 30%; 
}
.grey {
    color: #3e3e3e;   
}
.ia-what {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    color: #3e3e3e;
    padding-bottom: 1em;
}
.ia-what h2 {
    margin-top: -1%;
}
.iceberg {width: 90%; margin: 0 auto;}
.iceberg img {max-width: 100%;}
.breadcrumbs {
    width: 40%;}
.breadcrumbs h4 {
    text-transform: uppercase;
    text-align: left;
    padding: 1em;
}
.breadcrumbs a {
    text-decoration: none;
    color: #3e3e3e;
}
.breadcrumbs a:hover {
    color: #533dac;
}
.ia-what p {
    width: 80%;
    font-size: 22px;
    margin: 0 auto;
    line-height: 1.4em;
}
.process {
    width: 60%;
    margin: 0 auto;
}
.ia-what img {
    max-width: 100%;
    margin: 0 auto;
      margin-bottom: 1em;
}
.ia-who {
    width: 100%;
    margin: 0 auto;
    padding-top: 0.5em;
    background-color: #ededed; 
}
.ia-who p{
    width: 80%;
    margin: 0 auto;
    font-size: 22px;
     line-height: 1.4em;color: #3e3e3e;
}
.ia-what h3 {
    margin-top: 1.2em;   
}
.ia-who-tiles {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 90%;
    justify-content: flex-end;
    /*padding: 2%;*/
    margin: 0 auto;
}
.ia-who-wrapper {
    display: inline-flex;
    width: 100%;
    padding-bottom: 3%;
    padding-top: 1.5%;
}
.ia-who-tile {
    width: 350px;
    height: 450px;
    background-color: #533dac;
    border-radius: 5px;
    text-align: center;
    line-height: 2em;
    color: #ededed;
    margin: 1% 2% 2% 2%;
    box-shadow: 3px 3px 5px #888888;
}
.ia-who-tile p {
    width: 90%;
    font-size: 18px;
    padding-top: 10%;
    line-height: 1.8em;color: white;
}
.tile2-wrapper { display: inline-flex;
    width: 50%;}
.ia-who-tile2 {
    width: 350px;
    height: 450px;
    background-color: #533dac;
    border-radius: 5px;
    text-align: center;
    line-height: 2em;
    color: #ededed;
    margin: 1% 2% 2% 2%;
    box-shadow: 3px 3px 5px #888888;
}
.ia-who-tile2 p {
    width: 90%;
    font-size: 18px;
    padding-top: 8%;
     line-height: 1.8em;color: white;
}
.ia-benefits {
     width: 100%;
    margin: 0 auto;
}
.ia-benefits p {
    width: 80%;
    margin: 0 auto;
    font-size: 22px;
    padding-bottom: 3%;
    line-height: 1.4em;
}
.ia-benefits-lg {display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: inline-flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%; background-color: #f9f9f9;}
.ia-benefits-tiles {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.ia-benefits-tile {
     width: 45%;
    height: 400px;
    background-color: #ededed;

    text-align: center;
    line-height: 2em;
    color: #533dac;  padding-bottom: 2em; padding-top: 2em;padding-right: 1em;}
#scal, #scal-2 {width: 45%;background-color: /*#e1deeb*/ #f9f9f9;}
.ia-benefits-tile:hover {background-color: #e1deeb;}
#scal:hover {background-color: #e1deeb;}
#scal-2:hover {background-color: #e1deeb;}
.ia-benefits-tiles2 {  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;}
.ia-benefits-tile p {
    width: 90%;
    font-size: 18px;line-height: 1.8em;
}
.ia-benefits-tile h3 {margin-top: 0;}
.ia-benefits-tile img {padding: 1em; padding-bottom: 0;}
.button {
    width: 15%;
    height: 10%;
    margin: 0 auto;
    margin-bottom: 2.5%;
    margin-top: 2.5%;
    text-align: center;
     -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px; 
    background-color: #533dac;
    color: #f2f2f2;
    border-bottom: 2px solid #888888;
}
.button h3 {
    padding-top: 6%;
}
.button p {
    color: #ededed; 
    padding: 1em;
}
.button a {
    text-decoration: none;
     color: #ededed; 
}
.button:hover {
   background-color: #7863d0;
}
.landing-footer {
    width: 100%;
    height: auto;
    background-color: #3e3e3e;  
    padding: 0.5em;
}
.footer-nav {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
    flex-direction: row;
    text-align: left;
}
.footer-nav a{position: relative;}
.footer-nav a:link {color: #ededed;}
.footer-nav a:visited {color: beige;}
a.hover-effect:hover {
    color: #bfbfae;
    transition: all 150ms ease 0s;
    /*opacity: 0.6;*/
}
.footer-nav a:active {top: 2px;}
a.hover-effect2 {color:#ededed;!important}
a.hover-effect2:visited {color: beige;}
a.hover-effect2:hover {
    color: #bfbfae;
    transition: all 150ms ease 0s;}
.footer-nav ul {
    list-style-type: none;
    color: #ededed;
    font-family:  'Raleway', sans-serif;
    font-weight: 600;
    line-height: 1.3em;
    color: #ededce !important; /* embossed font http://cssdeck.com/labs/embossed-text-effect/ */
  text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
	color: #333;
    letter-spacing: 0.12em;
}
.footer-nav ul li {
    padding: 0.5em;
    font-size: 16px;
}
.footer-nav ul li a {
    text-decoration: none;
    color: #f4f4ed;
}
.copyright {
    line-height: 1.8em;
    font-weight: 300;
    color: #ededed;
    font-family:  'Raleway', sans-serif;
    text-align: center;  
}
.show-menu {
    display: none;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/* STYLES.css */

ul.dropdown                       { position: relative; text-transform: uppercase; text-align: center;}
ul.dropdown li                      { font-weight: 600; zoom: 1; background: white; padding: 0.2em /*distance between ul tag and vertical border*/}
ul.dropdown a:hover		            { color: #5645ee; }
/*ul.dropdown a:active                { color: red; }*/
ul.dropdown li a                    { display: block; padding: 0.2em 0.6em 0.2em 0.2em; color:#5645ee; }

ul.dropdown li:first-child a:after {content: ''; /*http://bradsknutson.com/blog/css-sliding-underline/*/
display: block;
height: 0.1rem;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown li:first-child a:hover:after {width: 100%;
background: #4a32ce;}
ul.dropdown li:nth-child(2) a:after {content: ''; 
display: block;
height: 0.1rem;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown li:nth-child(2) a:hover:after {width: 100%;
background: #4a32ce;}

ul.dropdown li:nth-child(3) a:after {content: ''; 
display: block;
height: 0.1rem;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown li:nth-child(3) a:hover:after {width: 100%;
background: #4a32ce;}

ul.dropdown li:nth-child(4) a:after {content: ''; 
display: block;
height: 0.1rem;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown li:nth-child(4) a:hover:after {width: 100%;
background: #4a32ce;}

ul.dropdown li:last-child a         { border-right: none; display: inline-block; } /* Doesn't work in IE */

ul.dropdown li:last-child a:after {content: ''; 
display: block;
height: 0.1rem;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown li:last-child a:hover:after {width: 100%;
background: #4a32ce;}



ul.dropdown li.hover,
ul.dropdown li:hover                { background: #f4f4ed; position: relative;}
ul.dropdown li.hover a              { color: #5645ee; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 20%; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: 600; text-transform: capitalize; background: #f6f6f6; border-bottom: 1px solid #ccc; float: none; padding: 0.7em; padding-right: 0.8em}
								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ height: 2em; border-right: none; width: 100%; display: inline-block;} 

ul.dropdown ul li a:hover {color: #b462e6;}

ul.dropdown ul li:first-child a         { border-right: none; display: inline-block; } /* Doesn't work in IE */

/*below removes underline for all three li's*/
ul.dropdown ul li:first-child a:after {content: ''; 
display: none;
height: 0;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown ul li:first-child a:hover:after {width: 0;}
ul.dropdown ul li:nth-child(2) a         { border-right: none; display: inline-block; } /* Doesn't work in IE */

ul.dropdown ul li:nth-child(2) a:after {content: ''; 
display: none;
height: 0;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown ul li:nth-child(2) a:hover:after {width: 0;}
ul.dropdown ul li:nth-child(3) a         { border-right: none; display: inline-block; } 
ul.dropdown ul li:nth-child(3) a:after {content: ''; 
display: none;
height: 0;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;}
ul.dropdown ul li:nth-child(3) a:hover:after {width: 0;}