/* Reset
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:16px;}body,h1,h2,h3,h4,h5,h6,p,blockquote{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:3% 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:0;padding:0}dd{margin:0}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"],[role="button"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.nocallout{-webkit-touch-callout:none}textarea[contenteditable]{-webkit-appearance:none}.gifhidden{position:absolute;left:-100%}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}a:active,a:focus{outline: none;}
*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
h1, h2 { font-weight: normal; font-family: "Interstate-BoldCondensed", Helvetica, Arial; }
h3, h4, h5, h6 { font-weight: normal; font-family:'AvenirNext-DemiBold', Helvetica, Arial, sans-serif; }
svg { width: 100% !important; height: auto !important; }
a[href^="tel"]{ color:inherit; text-decoration:none; }

::selection { background: #7cc14c; color: #fff; }
::-moz-selection { background: #7cc14c; color: #fff; }

html, body { height: 100%; }
body { background: #fff; color: #555; font-size: 62.5%; font-family: 'AvenirNext-Regular', Helvetica, Arial, sans-serif; }

strong {
  font-family: 'AvenirNext-Medium', Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.container { max-width: 1300px; width: 100%; margin: 0 auto; padding: 0 30px; }
.container.small { max-width: 960px; }

@media all and (max-width: 600px) {
    .container { padding: 0 20px; }
}









           
/* Fonts
-------------------------------------------------------------- */


@font-face {
  font-family: 'Interstate-BoldCondensed';
  src: url('fonts/Interstate-BoldCondensed.eot'); 
  src: url('fonts/Interstate-BoldCondensed.eot?#iefix') format('embedded-opentype'),
       url('fonts/Interstate-BoldCondensed.woff') format('woff'),
       url('fonts/Interstate-BoldCondensed.ttf')  format('truetype'),
       url('fonts/Interstate-BoldCondensed.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'AvenirNext-Regular';
  src: url('fonts/AvenirNext-Regular.eot'); 
  src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirNext-Regular.woff') format('woff'),
       url('fonts/AvenirNext-Regular.ttf')  format('truetype'),
       url('fonts/AvenirNext-Regular.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('fonts/AvenirNext-Medium.eot'); 
  src: url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirNext-Medium.woff') format('woff'),
       url('fonts/AvenirNext-Medium.ttf')  format('truetype'),
       url('fonts/AvenirNext-Medium.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'AvenirNext-DemiBold';
  src: url('fonts/AvenirNext-DemiBold.eot'); 
  src: url('fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirNext-DemiBold.woff') format('woff'),
       url('fonts/AvenirNext-DemiBold.ttf')  format('truetype'),
       url('fonts/AvenirNext-DemiBold.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'AvenirNext-Bold';
  src: url('fonts/AvenirNext-Bold.eot'); 
  src: url('fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/AvenirNext-Bold.woff') format('woff'),
       url('fonts/AvenirNext-Bold.ttf')  format('truetype'),
       url('fonts/AvenirNext-Bold.svg#svgFontName') format('svg');
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}










/* Buttons
-------------------------------------------------------------- */
.button { display: inline-block; text-align: center; min-width: 150px; font-size: 20px; line-height: 1; text-decoration: none; padding: 15px 25px; color: #fff; cursor: pointer;
    font-family: 'AvenirNext-DemiBold', Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out; transition: background 0.25s ease-in-out, border 0.25s ease-in-out; }
.button:hover { border: 0 !important; }
.button.small { min-width: 100px; }
.btn-medium { font-size: 2.2em; padding: 15px;}
.button.big { min-width: 250px; padding: 20px; font-size: 2.25em; }
.button.multiple { margin: 0 0 0 20px; }

.button.green { background: #7cc14c; color: #fff; }
.button.green:hover { background: #6aa441; }
.button.purple {background-color: #7f3f98; color: #FFF;}
.button.purple:hover {background-color: #944ab1; color: #FFF;}

/*.button.purple { background: #1d1060; color: #fff; }
.button.purple:hover { background: #170d4d; }*/

.button.outlined { border: 2px solid rgba(255, 255, 255, 0.4); padding: 8px; }
.button.outlined:hover { border: 2px solid rgba(255, 255, 255, 0.8); }
.button.outlined.big { padding: 18px; }

@media all and (max-width: 767px) {
    .button { font-size: 1.6em; }
    .button.outlined.big { padding: 8px; }
    .button.big { font-size: 1.8em; padding: 10px; min-width: 150px; }
}

@media all and (max-width: 650px) {
    .section .button { margin-bottom: 15px; }
}

@media all and (max-width: 400px) {
    .button.multiple { margin-left: 0; }
}










/* Header
-------------------------------------------------------------- */
.header { background: rgba(29,17,96,0.9); color: #ffffff; padding: 20px 0 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }

.logo { float: left; margin: 0px 30px 18px 0; }
.logo img { max-width: 175px; height: auto; }

.buttons { float: right; }
.buttons .button { text-transform: uppercase; font-size: 1.6em; font-family: "Interstate-BoldCondensed", Helvetica, Arial; padding: 10px 10px 12px; margin: 0 0 0 20px; }
.buttons .button.outlined { padding: 9px 10px 11px; }
.buttons span.tel { font-size: 1.6em; line-height: 38px; font-family: "Interstate-BoldCondensed", Helvetica, Arial; }

@media all and (max-width: 1200px) {
    .header, .header .container { padding: 0; }
    .logo { padding: 20px 0 0 20px; }
    .buttons { padding: 20px 20px 10px 0; }
}

@media all and (max-width: 760px) {
    .logo { padding: 15px 0 0 20px; }
    .buttons { padding: 10px 20px 10px 0; }
    .logo img { height: 28px; width: auto; }
    .header { padding: 0; position: static; background: rgba(29, 17, 96, 1); }
    .header .container { padding: 0; }
    .buttons .button { margin: 0; }
    .buttons .button:first-child { margin: 0 10px 0 0; }
}

@media all and (max-width: 650px) {
  .buttons { padding: 10px 20px 10px 0; }
  .buttons a { display: none; }
}

@media all and (max-width: 500px) {
    .buttons { display: none; }
}

@media all and (max-width: 310px) {
    .logo { padding: 17px 0 0 20px; }
}










/* Sections
-------------------------------------------------------------- */
.section { padding: 80px 0; position: relative; }
.section--vh { background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.section--vh h1 { font-size: 6em; line-height: 1; text-transform: uppercase; margin: 70px auto 25px; color: #1d1060; }
.section--vh .button + .button { margin-left: 20px; }
.section.small { padding: 50px 0; }

.bg-white { background: #fff; }
.bg-grey { background: #f6f6f6; }
.bg-green { background: #7cc14c; color: #fff; }
.bg-purple { background: #1D1060; color: #fff; }
.bg-purple-2 { background: #4a407f; color: #fff; }
.bg-purple-3 { background: #7870a1; color: #fff; }
.bg-purple-4 { background: #918ab5; color: #fff; }
.bg-purple-5 { background: #a49fbf; color: #fff; }
.bg-purple-6 { background: #b3aecb; color: #fff; }
.white-text { color: #fff; }
span.green { color: #7cc14c; }
.bg-img { background-size: cover; }
.section-intro { margin-bottom: 50px; }
.section.text-centre { text-align: center; }
.section.text-left { text-align: left; }
.section.topBorder { border-top: 1px solid #e1e1e1; }
.section.topContentBorder:before { content: ''; display: block; height: 1px; max-width: 1240px; margin: 0 auto; border-top: 1px solid #e1e1e1; position: absolute; top: 0; left: 30px; right: 30px; }

.section h2 { font-size: 4em; text-transform: uppercase; color: #1D1060; margin: 0 0 40px; }
.section.white-text h2 { color: #fff; margin: 0 0 20px; }
.section h3 { font-size: 2.25em; margin: 0 0 25px; }
.section h4 { color: #333; font-size: 2em; margin: 0 0 20px; }
.section h4.accordion-title { color: #fff; }
.section p { font-size: 2em; line-height: 1.5; margin: 0 0 25px; }
.section p.small { font-size: 1.6em; }
p a { color: #7cc14c; text-decoration: none; padding: 0 0 2px; }
.section p a:hover { border-bottom: 1px solid #7cc14c; }

.accordion-content > ul,
.section .container > ul { list-style: outside; margin: 0 0 25px 21px; }
.section .container > ul li { padding: 0 0 5px 5px; font-size: 2em; line-height: 1.5em; }

.section .container > ol { list-style: numbered; margin: 0 0 25px 21px; }
.section .container > ol li { padding: 0 0 5px 5px; font-size: 2em; line-height: 1.5em; }
 
.section img { max-width: 100%; height: auto; }

.section .alignnone { margin: 0 0 50px; }
.section .alignleft { margin: 0 30px 30px 0; float: left; }
.section .alignright { margin: 0 0 30px 30px; float: right; }

@media all and (max-width: 1023px) {
    .section { padding: 50px 0; }
    .section.small { padding: 30px 0; }
}

@media all and (max-width: 1020px) {
  .section--vh h1 { font-size: 4.5em; }
}

@media all and (max-width: 767px) {
    .section { padding: 20px 0; }
    .section.small { padding: 15px 0; }
    .section h2 { font-size: 3em; margin: 0 0 20px; }
    .section h3 { font-size: 1.8em; margin: 0 0 20px; }
    .section .container > ul { margin: 0 0 20px 18px; }
    .section .container > ul li { font-size: 1.6em; padding: 0 0 5px 0; }
    .section p { font-size: 1.6em; margin: 0 0 20px; }
    .section p.small { font-size: 1.3em; }
}

@media all and (max-width: 700px) {

  .section--vh h1 {
    font-size: 3em;
    margin: 0 0 0.5em;
    color: #1D1060;
  }
  
}

@media all and (max-width: 480px) {
  .section--vh .button { display: block; width: 100%; }
  .section--vh .button + .button { margin: 20px 0 0 0; }
}










/* Footer
-------------------------------------------------------------- */
.footer { padding: 60px 0 30px; background: #3F3478; color: #fff; }

.footerNavs { padding: 0 0 70px; margin: 0 0 70px; border-bottom: 1px solid #665C9B; position: relative; }
.footerLogos { padding: 0 0 70px; margin: 0 0 70px; border-bottom: 1px solid #665C9B; }

.footerNavHolder { float: left; width: 82%; }
.footerAwards { float: left; width: 18%; padding-left: 20px; }
.footerNav { float: left; width: 33.33%; }
.footer_logo { position: relative;}
.footer_logo img { height: 45px; }

.footerNav ul { list-style: none; padding: 0 10px 20px 0; }
.footerNav ul li { font-size: 1.7em; margin: 0 0 15px; }
.footerNav ul li.parent { font-family: "Interstate-BoldCondensed", Helvetica, Arial; font-size: 1.7em; text-transform: uppercase; }
.footerNav ul li a { color: #fff; text-decoration: none; padding: 0 0 1px; }
.footerNav ul li a:hover { border-bottom: 1px solid #fff; }

.socialIcons { position: absolute; bottom: 65px; right: 0; }
.socialIcons ul { list-style: none; }
.socialIcons ul li { display: inline-block; margin: 0 0 0 10px; text-align: center; }
.socialIcons ul li:first-child { margin: 0; }
.socialIcons ul li a { color: #fff; text-decoration: none; font-size: 2.25em; display: block; width: 44px; height: 44px; line-height: 53px;
    -webkit-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out; }
.socialIcons ul li a.twitter { background: #78ccf0; }
.socialIcons ul li a.twitter:hover { background: #60a3c0; }
.socialIcons ul li a.facebook { background: #547bbe; }
.socialIcons ul li a.facebook:hover { background: #436298; }
.socialIcons ul li a.linkedin { background: #1285c8; }
.socialIcons ul li a.linkedin:hover { background: #0e6aa0; }
.socialIcons ul li a.google { background: #DF5644; }
.socialIcons ul li a.google:hover { background: #db3b26; }
.socialIcons ul li a.youtube { background: #bb0000; }
.socialIcons ul li a.youtube:hover { background: #a10101; }

.footerNavBlock { margin: 0 0 30px; }
.footerNavBlock p { font-size: 1.7em; margin: 0 0 10px; }
.footerNavBlock img { max-width: 100%; height: auto; margin: 0 0 10px; display: inline-block; }

.footerNavBlock.ourAwards { margin: 0; }
.footerNavBlock.ourAwards img { margin: 0; }

.fundLogos { display: table; width: 100%; }
.fundLogo { display: table-cell; padding: 0 0 0 40px; text-align: right; }
.fundLogo:first-child { padding: 0; text-align: left; }

.fundLogo img { width: 100%; height: auto; display: block; }

.footerTerms {}
.footerTerms p { font-size: 1.4em; line-height: 1.25; margin: 0 0 25px; }
p.footer-box { font-size: 2em; line-height: 1.5; margin: 0 0 35px; padding: 15px; border: 1px solid #fff; }
.footerTerms p a { font-family: 'AvenirNext-Medium', Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; padding: 0 0 2px; }
.footerTerms p a:hover { border-bottom: 1px solid #fff; }

@media all and (max-width: 1023px) {
    .footer { padding: 40px 0 20px; }
    .footerNavs { padding: 0 0 20px; margin: 0 0 40px; }
    .footerLogos { padding: 0 0 40px; margin: 0 0 40px; }
    
    .socialIcons { bottom: 5px; left: auto; right: 0; }
    
    .footerNavHolder { width: 100%; padding: 0 0 10px; position: relative; }
    .footerAwards { width: 100%; padding: 0; margin: 0 0 15px; }
    
    .footerNavBlock { float: left; margin: 0; }
    .footerNavBlock.downloadApp { padding: 0 20px 0 0; }
    
    .downloadApp a { padding: 0 20px 0 0; }
    
    .fundLogo { padding: 0 0 0 20px; }
}

@media all and (max-width: 767px) {
    p.footer-box { font-size: 1.6em; }
    
    .footerNavBlock.downloadApp { width: 66%; }
    .footerNavBlock.ourAwards { width: 34%; }
    
    .downloadApp a { float: left; width: 50%; }
    
    .footerNav,
    .footerNav.smaller { width: 50%; float: left; }
    .footerNav:nth-child(2n+1) { clear: left; }
    
    .footerNav ul li { margin: 0 0 5px; }
    
    .socialIcons { position: static; margin: 20px 0; }
    
    .footerLogos { display: none; }
}

@media all and (max-width: 600px) {
    .footer { padding: 20px 0 10px; }
    .footerNavs { padding: 0; margin: 0 0 20px; }
    .footerLogos { margin: 0 0 20px; }
    .footerNavHolder { margin: 0 0 20px; padding: 0; }
    
    .footerNav,
    .footerNav.smaller { width: 100%; float: none; }
    
    .footerNav ul { padding: 0 0 10px; }
    
    .footerNavBlock.downloadApp,
    .footerNavBlock.ourAwards { width: 100%; padding: 0; }
    
    .footerNavBlock.downloadApp { margin: 0 0 20px; }
    .downloadApp a {  }
}











/* #Bootom Footer
===============================- */

.bottom-footer { padding: 30px 0; }
.bottom-footer p { margin: 0; font-size: 1.4em; width: 100%; }
.bottom-footer p span.right { float: right; }
.bottom-footer p a { color: #fff; }
.bottom-footer p a:hover { border-bottom: 1px solid #fff; }

@media all and (max-width: 750px) {
  .bottom-footer p span.right { float: none; display: block; padding: 10px 0 0 0; }
}











/* Utility Classes
-------------------------------------------------------------- */

/* Alignment */

.u-align-left {
  text-align: left;
}

.u-align-center {
  text-align: center;
}

.u-align-right {
  text-align: right;
}