/*
True Potential
Version: 2015
*/

@font-face {
  font-family: 'Conv_Interstate-BoldCondensed';
  src: url('fonts/Interstate-BoldCondensed.eot');
  src: local('?'), url('fonts/Interstate-BoldCondensed.woff') format('woff'), url('fonts/Interstate-BoldCondensed.ttf') format('truetype'), url('fonts/Interstate-BoldCondensed.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.upsizing-title-wrap {
  max-width: 450px;
  margin: 0 auto;
}

.upsizing-title {
  font-family: "Conv_Interstate-BoldCondensed", sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 125px;
  text-align: left;
  line-height: 0.8;
}

.upsizing-title .top-line {
  display: block;
  font-size: 0.75em;
}


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

  .upsizing-title-wrap {
    max-width: none;
    margin: 0 auto;
  }

  .upsizing-title {
    font-size: 45px;
    line-height: 0.5;
  }

}

a img {
  border: none;
}



@font-face {
  font-family: "true-potential";
  src:url("fonts/true-potential.eot");
  src:url("fonts/true-potential.eot?#iefix") format("embedded-opentype"),
  url("fonts/true-potential.woff") format("woff"),
  url("fonts/true-potential.ttf") format("truetype"),
  url("fonts/true-potential.svg#true-potential") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "true-potential" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "true-potential" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "f";
}
.icon-linkedin:before {
  content: "l";
}
.icon-google-plus:before {
  content: "g";
}
.icon-twitter:before {
  content: "t";
}
.icon-play:before {
  content: "p";
}
.icon-arrow-down:before {
  content: "a";
}
.icon-arrow-left:before {
  content: "b";
}
.icon-arrow-right:before {
  content: "c";
}
.icon-arrow-up:before {
  content: "d";
}
.icon-search:before {
  content: "e";
}
.icon-share:before {
  content: "h";
}
.icon-video-icon:before {
  content: "v";
}
.icon-close-icon:before {
  content: "x";
}
.icon-external-link:before {
  content: "i";
}
.icon-rss:before {
  content: "r";
}
.icon-pin-map:before {
  content: "m";
}
.icon-bars:before {
  content: "n";
}


/*GLOBAL*/
*{list-style:none; margin: 0; padding: 0; outline: 0; text-decoration: none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; font-weight: normal; -webkit-appearance: none; -webkit-border-radius: 0; text-rendering: optimizeLegibility;}
select { -webkit-appearance: menulist; }
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.gform_body:before,.gform_body:after{content:"";display:table}.gform_body:after{clear:both}.gform_body{*zoom:1}
html, body {height: 100%;}
body { font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; overflow-x:hidden;}
h1 {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size:55px; line-height:55px; margin: 0 0 30px 0;}
h2 {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 35px; line-height: 45px; margin: 0 0 30px 0;}
h3 {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 22px; line-height: 32px; margin: 0 0 30px 0;}
h4 {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; margin: 0 0 20px 0;}
p {font-size:19px; line-height:32px; font-weight: normal; margin: 0 0 30px 0;}
p.larger { font-size: 24px; line-height: 35px; }
/*p.purple {color:#7f3f98;}*/
a {transition: color 0.3s linear, border 0.3s linear; -webkit-transition: color 0.3s linear, border 0.3s linear; -moz-transition: color 0.3s linear, border 0.3s linear; -ms-transition: color 0.3s linear, border 0.3s linear;}
strong {font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}
.small {font-size: 14px; line-height: 18px;}
.fixed {overflow: hidden !important;}
.show-on-mobile {display: none;}





@media all and (max-width: 1500px) {
  h1 {font-size:45px; line-height:45px;}
  p {font-size:18px; line-height:28px; margin: 0 0 20px 0;}
}
@media all and (max-width: 950px) {
  h1 {font-size:30px; line-height:35px; margin: 0 0 20px 0;}
  h2 {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 35px; margin: 0 0 20px 0;}
  p {font-size:16px; line-height:24px; margin: 0 0 20px 0;}
  p.larger {font-size: 19px; line-height: 32px;}
}
@media all and (max-width:700px) {
  .hide-on-mobile {display: none !important;}
  .show-on-mobile {display: block; width: 150px;}
  .show-on-mobile img {width: 100%;}
}
@media all and (max-width: 550px) {
  h1 {font-size:22px; line-height:22px; margin: 0 0 20px 0;}
  h2, h3 {font-size: 18px; line-height: 22px; margin: 0 0 20px 0;}
  p {font-size:14px; line-height:22px; margin: 0 0 20px 0;}
  p.larger {font-size: 16px; line-height: 24px;}
}

.no-animation {transition: all 0s linear !important; -moz-transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -ms-transition: all 0s linear !important;}
.adviser-btn,
.btn {font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; background: #7f3f98; padding: 10px 16px; color: #ffffff; display: inline-block; text-decoration: none;border-radius: 3px; font-size: 16px; line-height:16px;}
.adviser-btn:hover,
.btn:hover {text-decoration: none; background: #6c2b85;}
.btn.btn-grey {
  color: #888;
  background: #eee;
}

.btn.btn-grey:hover {
  color: #888;
  background: #e5e5e5;
}

.btn.green { background: #7bc14c; }
.btn.green:hover { background: #6ead44; }
.btn.clear { background: none; border: 1px solid #fff; padding: 9px 15px;
  transition: all 0s linear; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; }
  .btn.clear:hover { background: #fff; color: #7f3f98 !important; border: 1px solid #fff; }
  .btn i { font-size: 10px; display: inline-block; position: relative; left: 0px; }
  .section p a.btn {color: #fff;}
  .spacer {margin: 0 0 20px 0; width: 100%; float: left;}

  .multi-btns {}
  .multi-btns .btn { float: left; margin: 10px 10px 0 0; }

  .content_btn_link { border-bottom: 0 !important; }

  .btn.large { padding: 15px 20px; font-size: 20px; line-height: 20px; }



  /*GLOBAL*/
  /*HEADER*/
  .header {background: rgba(29,17,96,0.9); color: #ffffff; position: fixed; left: 0; height: 60px; width: 100%; z-index: 9999;
   transition: all 0.75s ease-in-out;
   -webkit-transition: all 0.75s ease-in-out;
 }
 .menuActive .header {margin: 0 0 0 260px; width: calc(100% - 260px);}

 .header .logo {float: left; display: block;}
 .header .logo img {display: block; width: 170px; padding: 10px 0 0 20px;}

 .header .logo .seminar-tpas-logo {width: 180px;}
 .header .logo .seminar-tpwm-logo {width: 220px;}

 .seminar-header .logo img { padding-top: 14px; }

 .header .menu-icon {color: #ffffff; background: #7f3f98; height: 60px; width: 60px; float: left; position: relative; display: block;}
 .header.investor .menu-icon {background: #7bc14c;}
 .header .menu-icon span {transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
 .header .menu-icon span:nth-child(1) {width: 20px; height: 2px; background: #ffffff; display: block; position: absolute; top: 20px; left: 20px; }
 .header .menu-icon span:nth-child(2) {width: 20px; height: 2px; background: #ffffff; display: block; position: absolute; top: 28px; left: 20px; }
 .header .menu-icon span:nth-child(3) {width: 20px; height: 2px; background: #ffffff; display: block; position: absolute; top: 36px; left: 20px; }

 .header .menu-icon:hover span:nth-child(1) {width: 10px; height: 2px; top: 31px; left: 24px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
 .header .menu-icon:hover span:nth-child(2) {width: 0px; height: 2px; background: #ffffff; display: block; position: absolute; top: 28px; left: 30px; opacity:0;}
 .header .menu-icon:hover span:nth-child(3) {width: 10px; height: 2px; top: 25px; left: 24px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}

 .menuActive .header .menu-icon span:nth-child(1) {width: 20px; height: 2px; background: #ffffff; display: block; position: absolute; top: 28px; left: 20px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}
 .menuActive .header .menu-icon span:nth-child(2) {width: 0px; height: 2px; background: #ffffff; display: block; position: absolute; top: 28px; left: 30px; opacity:0;}
 .menuActive .header .menu-icon span:nth-child(3) {width: 20px; height: 2px; background: #ffffff; display: block; position: absolute; top: 28px; left: 20px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

 .menuActive .header .menu-icon:hover span:nth-child(1) {width: 10px; height: 2px; top: 31px; left: 24px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);}
 .menuActive .header .menu-icon:hover span:nth-child(3) {width: 10px; height: 2px; top: 25px; left: 24px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

 .header .left {float: left;}
 .header .right {right: 0; position: absolute;}
 .header .right .header-dropdown span,
 .header .right a {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; float: left; border-left: 1px solid rgba(255,255,255,0.2); line-height:60px; display: inline-block; color: rgba(255,255,255,0.6); font-size:14px;padding: 0 20px;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
}
.header .right .header-dropdown span:hover,
.header .right a:hover {background: rgba(52,41,112,1); color: rgba(255,255,255,1);}
.search, .search:hover {background: #f5f5f5 !important; color: #222222 !important;}

.header-dropdown { float: left; position: relative; cursor: pointer; }
.header-dropdown ul { position: absolute; top: 60px; right: 0; width: 240px; background: #0e053a; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.header-dropdown ul li { width: 100%; float: none; display: block; border: 1px solid rgba(255, 255, 255, 0.2); border-width: 0 0 1px 0; }
.header-dropdown ul li:last-child { border-width: 0; }
.header .right .header-dropdown ul li a { float: none; display: block; line-height: 50px; border-left: 0; }

.header .right .header-dropdown.active span { background: #0e053a ; }
.header-dropdown.active ul { opacity: 1; visibility: visible; }

.header .right .adviser {border-left: 1px solid rgba(255,255,255,0.2); border-top: none;}
.search {background:#f5f5f5 !important; color: #222222 !important; height: 60px; width: 60px;}
.search i {position: relative; top: 4px; font-size: 18px;}
.search-form {float: left; height: 60px; width: 0px; overflow: hidden;
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
}
.search-form.active {width: 200px;}
.search-form input {font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; float: left; height: 60px; font-size: 16px; padding: 0 20px; border: none; outline: none; width: 200px; transition: width 0.5s ease-in-out; -webkit-transition: width 0.5s ease-in-out; background: #f5f5f5;}
.search-form input::-ms-clear {display: none;}

.search-form.mobile-search {width: 100%; position:absolute; top: 0px; left: 0; z-index: 50; transition:top 0.3s ease-in-out; -webkit-transition:top 0.3s ease-in-out;}
.search-form.active.mobile-search {top: 60px; width: 100%;}
.search-form.mobile-search input {width: 100%;}

@media all and (max-width: 1300px) {
  .menuActive .header {margin: 0; width: 100%; left: 260px;}
}


@media all and (max-width:800px) {
  .search-form input, .search-form.active {width: 150px;}
}

@media all and (min-width:751px) {
  .header .right a:nth-of-type(1), .header .right a:nth-of-type(2), .header .right a:nth-of-type(3), .search-form, .header-dropdown {display: block;}
  .search-form.mobile-search {display: none;}
}
@media all and (max-width:750px) {
  .header {background: rgba(29,17,96,1);}
  .header .right a:nth-of-type(1), .header .right a:nth-of-type(2), .header .right a:nth-of-type(3), .search-form, .header-dropdown {display: none;}
  .search-form.mobile-search {display: block;}
}

@media all and (max-width:700px) {
  .header {position: relative;}
}

/*HEADER*/


/*MENU*/
.menu {background: #0d053a; color: #ffffff; width: 260px; height: 100%; position: fixed; left: -260px; top: 0px; z-index: 500; overflow-y: auto; overflow-x:hidden;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
}
.menuActive .menu {left: 0;}
.menu img {margin: 20px; height: auto; max-width: 100%;}
.menu ul.nav {position: relative; border-top: 1px solid rgba(255,255,255,0.2);}
.menu ul.nav li { background: #0d053a; }
.menu ul.nav li a {background: #0d053a; color: rgba(255,255,255,0.8); padding: 15px 20px; width: 100%; display:block; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.2);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.menu ul.nav li.adviser-section a.adviser-link { background: #2e255f; }
.menu ul.nav li.mobile {display: none;}
.menu ul.nav li.hidden a {display: none;}
.menu ul.nav li.adviser-section a.adviser-link:hover,
.menu ul.nav li a:hover {color: rgba(255,255,255,1); background: rgba(255,255,255,0.1);}
.menu ul.nav li a.active {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: rgba(255,255,255,1);}
.menu ul.nav li a.pdf-link:before,
.menu ul.nav li a.adviser-link:before {font-family: "true-potential" !important; content: "i"; float: right; font-size: 13px; line-height: 21px;}
.menu ul.nav li a i.icon-arrow-right {float: right; font-size: 10px; line-height: 18px;}
.menu ul.nav li a i.icon-arrow-left {float: left; font-size: 10px; line-height: 18px; margin: 0 5px 0 0;}

.menu .disabled a {color: rgba(255,255,255,0.5) !important; cursor: default !important;}
.menu .disabled a:hover {color: rgba(255,255,255,0.5) !important; background: rgba(255,255,255,0) !important; cursor: default !important;}

.menu .bottom {position: absolute; bottom: 0; padding: 20px;}
.menu ul.social li {display: inline-block; margin: 0 10px 0 0; font-size: 18px;}
.menu ul.social li svg { width: 17px; height: 100%; fill: #ffffff;  }
.menu ul.social li a {opacity: 0.75;}
.menu ul.social li a:hover {opacity: 1;}

.menu .banner {margin: 0 0 30px 0; display: block;}
.menu .banner h3 {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; color: rgba(255,255,255,1);}
.menu .banner .tweet, .menu .banner .tweet a {font-size: 12px; line-height: 18px; margin: 0 0 10px 0; color: rgba(255,255,255,1);}
.menu .banner .tweet a:hover {text-decoration: underline;}

.menu .banner .tweet .date {font-size: 12px; line-height: 18px; color: rgba(255,255,255,0.5); margin: 10px 0 0 0;}

.menu ul.nav li ul {visibility: hidden; position: absolute; top: 0; background: #0d053a; width: 260px; height: 100%; left: 260px;
  transition: left 0.75s ease, visibility 0s ease 0.75s;
  -webkit-transition: left 0.75s ease, visibility 0s ease 0.75s;
  -moz-transition: left 0.75s ease, visibility 0s ease 0.75s;
  -ms-transition: left 0.75s ease, visibility 0s ease 0.75s;
}
.menu ul.nav li ul.active {visibility: visible; left: 0px;
  transition: left 0.75s ease, visibility 0s ease 0s;
  -webkit-transition: left 0.75s ease, visibility 0s ease 0s;
  -moz-transition: left 0.75s ease, visibility 0s ease 0s;
  -ms-transition: left 0.75s ease, visibility 0s ease 0s;
}
.menu ul.nav li a.back, .menu ul.nav li ul li a.back {color: rgba(255,255,255,0.6);}
.menu ul.nav li a.back:hover, .menu ul.nav li ul li a.back:hover {color: rgba(255,255,255,1);}

.tablet .menu img {display: none;}

@media all and (max-width: 750px) {
  .menu ul.nav li.mobile { display: block; }
}

@media all and (max-height: 700px) {
	.menu .banner {display: none;}
}
@media all and (max-height: 600px) {
	.menu .bottom {position: relative; bottom: auto; padding: 12px 20px;}
	.menu ul.nav li.hidden a {display: block;}
}
/*MENU*/


/*
TABLE BUILDER (Generic table styling)
*/
.content table {
  width: 100%;
  margin: 0 auto 20px;
  border-collapse: collapse;
  border-spacing: 0;
}

.content tr th,
.content thead tr td {
  font-size: 18px;
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  background-color:  rgba( 29, 17, 96,0.9);
  padding: 10px;
  color: #ffffff;
  border-left: 1px solid rgba(255,255,255,0.1);
}
.content thead tr td:first-child {
  border-left: 0;
}

.content tbody tr {
  background: #fff;
}
.content tbody tr:nth-child(2n) {
  background: #efefef;
}
.content tbody tr td {
  font-size: 16px;
  padding: 10px;
  border-left: 1px solid rgba(29, 17, 96,0.1);
}
.content tbody tr td:first-child {
  border-left: 0;
}
.content tbody tr td a {
  text-decoration: none;
  color: #555;
  position: relative;
  padding-left: 35px;
}
.content tbody tr td a:hover {
  text-decoration: underline;
}
.content tbody tr td {
  position: relative;
}

@media (max-width: 767px) {
  .content thead tr td { font-size: 16px; }
  .content tbody tr td { font-size: 14px; }
}

@media (max-width: 400px) {
  .content thead tr td { font-size: 14px; }
  .content tbody tr td { font-size: 12px; }
}


/*HOMEPAGE*/
video {position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transition:1s opacity;transition:1s opacity;}

.content {position: relative; z-index: 20; margin: 0; height: 100%; top:0px; left: 0; transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; -ms-transition: all 0.75s ease-in-out;}
.menuActive .content {margin: 0 0 0 260px;}
#tubular-container {margin: 0 0 0 260px !important;}

@media all and (max-width: 550px) {
  .menuActive .content { height: calc(100% - 60px); overflow: hidden; }
}
.mobile-hero {display: none;}
.ss-slides-wrap {height: 100% !important;}
.ss-pag-wrap {display: none !important;}
.ss-slides {height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index:1;}
.ss-slides .ss-slide {height: 100%; width: 100%;}
.ss-slides .ss-slide .image {height: 100%; width: 100%; display: block;}
.ss-slides .ss-slide .image1 {background-image: url(../img/hero.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.ss-slides .ss-slide .image2 {background-image: url(../img/hero6.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.ss-slides .ss-slide .image3 {background-image: url(../img/hero7.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.ss-slides .ss-slide .image4 {background-image: url(../img/hero2.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.ss-slides .ss-slide .image5 {background-image: url(../img/hero8.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}
.ss-slides .ss-slide .image6 {background-image: url(../img/hero9.jpg); background-position: center center; background-repeat: no-repeat; background-size:cover;}


.mouse-text {position: absolute; z-index: 20; margin: 0 auto; bottom: 0; left: 0; right: 0; text-align:center; width: 100%; display: table;}
.mouse-text p {position: absolute; left: 0; right: 0; bottom: 95px; text-align: center; font-size: 16px; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin: 0;}
.mouse-text:hover p {bottom: 105px; opacity: 1;}

.mouse-text.text-visible p {bottom: 105px; opacity: 1;}

.mouse-text .mouse {position: absolute; display: block; width: 30px; height: 48px; margin: 0 auto; border: 2px solid #fff; border-radius: 23px; bottom: 50px; left: 0; right: 0; text-align:center;}
.mouse-text .mouse span {position: absolute; top: 29%; left: 50%; display: block; width: 8px; height: 8px; margin: -4px 0 0 -4px; -webkit-animation: ani-mouse 4s linear infinite; -moz-animation: ani-mouse 4s linear infinite; animation: ani-mouse 4s linear infinite; border-radius: 50%; background: #fff;}
.mouse-text .mouse i {text-align: center; margin: 0 auto; color: #fff; font-size: 9px; top: 25%; left: 0; right: 0; position: absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
.mouse-text:hover .mouse i {top: 50%;}

@-webkit-keyframes ani-mouse {
  0% {top: 29%; opacity: 1;}
  60% {top: 29%; opacity: 1;}
  70% {top: 50%; opacity: 1;}
  80% {top: 50%; opacity: 0;}
  90% {top: 29%; opacity: 0;}
  100% {top: 29%; opacity: 1;}
}

@-moz-keyframes ani-mouse {
  0% {top: 29%; opacity: 1;}
  60% {top: 29%; opacity: 1;}
  70% {top: 50%; opacity: 1;}
  80% {top: 50%; opacity: 0;}
  90% {top: 29%; opacity: 0;}
  100% {top: 29%; opacity: 1;}
}

@keyframes ani-mouse {
  0% {top: 29%; opacity: 1;}
  60% {top: 29%; opacity: 1;}
  70% {top: 50%; opacity: 1;}
  80% {top: 50%; opacity: 0;}
  90% {top: 29%; opacity: 0;}
  100% {top: 29%; opacity: 1;}
}

.home-intro {text-align: center;}
.home-intro .btn {display: table; text-align: center; margin: 0 auto;}

.hero {color: #ffffff; height: 100%; min-height: 550px; position: relative; display:table; width: 100%;}
.inner-content .hero {height: 62%; min-height: 400px; -webkit-animation: innerHero 1s ease-in-out 2s; animation: innerHero 1s ease-in-out 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.inner-content .hero .inner-hero {height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index:1;}

.hero .overlay {background: rgba(0,0,0,0.3); top: 0; left: 0; position:absolute; z-index: 2; width: 100%; height: 100%; transition: background 0.8s ease-in-out; -moz-transition: background 0.8s ease-in-out; -webkit-transition: background 0.8s ease-in-out;}

.hero-text {top: 0; bottom: 0; position: relative; left: 0; right: 0; padding: 50px 100px; max-width:1200px; width: 100%; margin: 0 auto; text-align:center; display: table-cell; vertical-align:middle;}

.inner-content .hero .hero-text {padding: 60px 0 0; z-index: 10;}
.inner-content .hero .hero-text span > * {animation: none !important; -webkit-animation: none !important; top: 0 !important; opacity: 1 !important;}

.hero-text span:not(.gfield_required) {margin: 0 auto; max-width:1150px; width: 100%; display: block; padding: 0 50px; position: relative; z-index: 25;}
.inner-content .hero-text span:not(.gfield_required) {padding: 0 100px;}

.inner-content .hero-text .large-title { font-size: 90px; line-height: 1; max-width: 100%; margin: 0; padding: 0; }

.hero-text p {font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; margin: 0 0 40px 0; font-size: 20px; line-height: 32px;}
.inner-content .hero .hero-text p {margin: 0;}

.hero-text .line {height: 1px; width: 50px; margin: 0px auto 30px; background: #ffffff; display: inline-block; text-align:center;}

.hero-logos-desktop { width: 630px; margin-bottom: 50px; }
.hero-logos-mob { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 400px; z-index: 9999; padding: 0 20px; }
.hero-logos-mob img { max-width: 300px; width: 100%; margin: 0 auto; }

.hero-text span > :nth-child(1) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 1s; animation: heroText 0.5s ease-in-out 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.hero-text span > :nth-child(2) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 1.3s; animation: heroText 0.5s ease-in-out 1.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.hero-text span > :nth-child(3) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 1.6s; animation: heroText 0.5s ease-in-out 1.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.hero-text span > :nth-child(4) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 1.9s; animation: heroText 0.5s ease-in-out 1.9s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.hero-text span > :nth-child(5) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 2.2s; animation: heroText 0.5s ease-in-out 2.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
.hero-text span > :nth-child(6) {position: relative; top: 50px; opacity: 0; -webkit-animation: heroText 0.5s ease-in-out 2.5s; animation: heroText 0.5s ease-in-out 2.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}


.hero-text .btn {height: 50px; background: none; font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; border: 2px solid rgba(255,255,255,0.5); padding: 14px 24px; display: inline-block; color: rgba(255,255,255,1); font-size: 17px; margin: 0.5px 4px;  position: relative; border-radius:0px; cursor: pointer; transition: none; -webkit-transition: none; -moz-transition: none;}
.hero-text .btn:hover, .hero-text .btn.active {color: #ffffff; border: 2px solid #7f3f98; background: #7f3f98;}


.hero-text .btn i {font-size: 10px; margin: 0 0 0 10px; display: inline-block; position: relative; left: 0px;}

.inner-content .hero--large { display: table !important; height: 100vh !important; max-height: 1000px !important; min-height: 780px !important; }
.inner-content .hero--large .overlay { display: block !important;background: rgba(0,0,0,0.6); }
.inner-content .hero--large .hero-text { display: table-cell !important; vertical-align: middle !important; border-bottom: 0 !important; }
.inner-content .hero--large .hero-text h1, .inner-content .hero--large .hero-text h3, .inner-content .hero--large .hero-text p { color: #ffffff; }
.inner-content .hero--large .inner-hero { position: absolute !important; height: 100% !important; }
.inner-content .hero--large .gform_body { margin-bottom: 40px; }
.inner-content .hero--large .gform_wrapper { background: none; max-width: 640px; margin: 0 auto; }
.inner-content .hero--large .gform_wrapper p { font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 32px; margin: 0 0 40px 0; }
.inner-content .hero--large .gform_wrapper .gfield { margin-bottom: 20px; }
.inner-content .hero--large .gform_wrapper .gfield:last-child { margin-bottom: 0; }
.inner-content .hero--large .gform_wrapper .gfield_label { text-align: left; margin-bottom: 10px; }
.inner-content .hero--large .gform_wrapper input[type="submit"] { min-width: 150px; }

.tablet .content {margin: 0;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
}
.tablet.menuActive .content {margin: 0 0 0 260px;}

.tablet #tubular-container {margin: 0 !important; left: 0px !important;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
}
.menuActive .tablet #tubular-container {margin: 0 !important; left: 260px !important;}

.mobile-subnav {display: none;}

.main-content {z-index: 20; position: relative; background: #fff;}
.main-content.no-hero { padding: 60px 0 0 0; }
.blog-compliance { border: 2px solid rgba(0,0,0,0.1); padding: 20px 25px; margin: 0 0 30px; }
.blog-compliance p { margin: 0; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; }

.search-content {padding: 50px 0 0 0;}
.search-content .section {}

@media all and (max-width: 1550px) {
	.hero-text {padding: 30px;}
  .hero-text p {font-size: 18px;}
  .hero-text .btn {margin: 0; padding: 15px 20px; font-size:16px;}
}

@media all and (max-width:1500px) {
  .inner-content .hero .hero-text span img { width: 480px; }
}

@media all and (max-width:1300px) {
  .menuActive .content {margin: 0; left: 260px;}
  .tablet.menuActive .content {margin: 0; left: 260px;}
  .menuActive .tablet #tubular-container {margin: 0 !important; left: 260px !important;}
}

@media all and (max-width:1100px) {
  .search-content {padding: 80px 0 0 0;}
}

@media all and (max-width: 950px) {
	.hero-text .btn { margin: 0; padding: 15px 18px; font-size: 15px;}
	.hero-text .btn i {display: none;}
}

@media all and (max-width: 800px) {
  .hero-text {padding: 0px;}
  .home .hero-text h1 {font-size: 40px; line-height: 45px;}
  .hero-text span {padding: 0 30px;}
  .inner-content .hero {height: 450px; min-height: 0px;}
  .inner-content .hero--large { min-height: unset !important; }
  .hero-text p {font-size: 16px;}
}

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

  .main-content.no-hero { padding: 0; }

  .inner-content .hero-text .large-title { font-size: 70px; }

  .help-box:nth-child(1) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
  .help-box:nth-child(2) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
  .help-box:nth-child(3) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
  .help-box a {width: 100%; float: left; font-size: 14px; position: relative;}
  .help-box a p {padding: 20px; text-align: left; color: rgba(29,17,96,1);}
  .help-box a p i {float: right;}
  .help-box a .help-image {display: none;}

  .main-content {float: left; width: 100%;}
  .search-content {padding: 0;}

  .hero {height: auto !important; min-height: 0 !important; display: block;}
  .hero .overlay {display: none !important;}
  .hero-text span {margin: 0 auto; max-width: none; width: 100%; display: block; padding: 0 !important;}
  .inner-content .hero .hero-text {padding: 30px 20px; border-bottom: 1px solid #e5e5e5;}
  .hero-text {width: 100%; padding: 30px 20px 20px; position: relative; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; margin: 0; text-align:left; display: block;}

  .hero-text .btn {display: none;}

  .hero-logos-desktop { display: none; }
  .hero-logos-mob { display: block; }

  .home .hero-text h1 {font-size: 22px; line-height: 22px;}
  .hero-text h1, .hero-text h3 {line-height: 1.3; color: #000000; margin: 0 0 20px 0; opacity: 1 !important; animation: none !important; -webkit-animation: none !important;; -moz-animation: none !important; top: 0 !important;}
  .hero-text p {color: #000000; margin: 0; opacity: 1 !important; animation: none !important; -webkit-animation: none !important;; -moz-animation: none !important; top: 0 !important;}
  .mouse-text {display: none;}
  .mobile-subnav {display: block; border-top: 1px solid #e5e5e5;}
  .mobile-subnav span.mobile-parent,
  .mobile-subnav a {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; display: block; border-bottom: 1px solid #e5e5e5; background: #f9f9f9; padding: 18px 20px; width: 100%; color: #666666; font-size:14px; line-height:16px; cursor: pointer;}
  .mobile-subnav a i {float: right; font-size:9px; color: #999999;}
  .mobile-subnav span.mobile-parent:before {font-family: "true-potential" !important; content: "a"; float: right; font-size:9px; color: #999999;}
  .mobile-subnav span.mobile-parent.children-open:before {content: "d";}
  .mobile-subnav ul.mobile-subnav-dropdown {display: none;}
  ul.mobile-subnav-dropdown a {background: #e7e7e7; border-bottom: 1px solid #d0d0d0;}
  .mobile-subnav span.mobile-parent.children-open {border-bottom: 1px solid #d0d0d0;}

  .ss-slides {display: none;}
  video {display: none;}
  .mobile-hero {display: block; height: 400px; width: 100%; position: relative; top: 0; left: 0; z-index:1;}
  .inner-content .hero .inner-hero {height: 400px; position:relative;}
  .inner-content .hero {animation: none; -webkit-animation: none;}
  .breadcrumb {display: none;}

  .inner-content .hero .inner-hero {background-attachment: scroll !important;}
}

@media all and (max-width: 550px) {
  .mobile-hero {display: block; height: 250px; width: 100%; position: relative; top: 0; left: 0; z-index:1; background: url(../img/mobile-hero.jpg) center center no-repeat; background-size:cover;}
  .inner-content .hero .inner-hero {height: 250px; }
  .inner-content .hero-text .large-title { font-size: 60px; }
  .inner-content .hero {animation: none; -webkit-animation: none;}
  .hero-text p {font-size: 14px; line-height: 28px;}

  .hero-logos-mob { height: 250px; }
}


@media all and (max-height: 700px) {
	.help-box:nth-child(1) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
	.help-box:nth-child(2) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
	.help-box:nth-child(3) {float: left; width: 100%; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.10); border-right: none; border-top: none; position: relative; left: 0;}
	.help-box a {width: 100%; float: left; font-size: 14px; position: relative;}
	.help-box a p {padding: 20px; text-align: left; color: rgba(29,17,96,1);}
	.help-box a p i {float: right;}
	.help-box a .help-image {display: none;}
	.mobile-hero {display: block; height: 250px; width: 100%; position: relative; top: 0; left: 0; z-index:1; background: url(../img/mobile-hero.jpg) center center no-repeat; background-size:cover;}
	.inner-content .hero {animation: none; -webkit-animation: none;}
}

/*HOMEPAGE*/








/*ABOUT*/
.logo-grid { padding: 30px 0 0; }

.two .grid .column {width: calc(50% - 25px); float: left; padding: 0; margin: 0 50px 10px 0;}
.two .grid .column:nth-of-type(2n+2) {margin: 0;}
.two .grid .column:nth-of-type(2n+3) {clear: left;}

.three .grid .column {width: calc(33.333% - 33.333px); float: left; padding: 0; margin: 0 50px 10px 0;}
.three .grid .column:nth-of-type(3n+3) {margin: 0;}
.three .grid .column:nth-of-type(3n+4) {clear: left;}

.four .grid .column {width: calc(25% - 38px); float: left; padding: 0; margin: 0 50px 10px 0;}
.four .grid .column:nth-of-type(4n+4) {margin: 0;}
.four .grid .column:nth-of-type(4n+5) {clear: left;}

.five .grid .column {width: calc(20% - 20px); float: left; padding: 0; margin: 0 25px 10px 0;}
.five .grid .column:nth-of-type(5n+5) {margin: 0;}

.six .grid .column {width: calc(16.66% - 20px); float: left; padding: 0; margin: 0 20px 10px 0;}
.six .grid .column:nth-of-type(6n+6) {margin: 0;}

.grid .column h3, .history .column h3 {font-size: 16px; margin: 0 0 10px 0;}
.grid .column p, .history .column p, .grid .column ul li  {font-size: 16px; line-height: 24px;}

.grid .column.full-size-text p {font-size: 19px; line-height: 32px;}

.grid .column h5 { font-size: 19px; font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; line-height: 28px; margin: 0 0 30px; }
.six .grid .column p { font-size: 14px; line-height: 20px; }
.grid .column img {max-width: 100%; height: auto; width: auto; margin: 0 0 20px 0;}

.grid.top-columns .column h3 { font-size: 22px; margin: 0 0 30px; }
.grid.top-columns .column p { font-size: 19px; }

.grid .column {top: 100px; position: relative; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.grid .column.slideUp {top: 0px; opacity: 1;}

.grid .column.full-size-text { top: 0; opacity: 1;}

.column h4 {margin: 0;}

.history {position: relative; width: 100%; margin: 50px 0 0;}
.history .line {position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; border-left: 1px solid #e5e5e5;}

.history .column {top: 100px; position: relative; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.history .column.slideUp {top: 0px; opacity: 1;}

.history .column:nth-child(odd) {display: table; width: 50%; margin: 0 0 50px -30px; position: relative; left: 50%;}

.history .column:nth-child(odd) .date {float: left; vertical-align: middle; width: 60px;}
.history .date h4 {display: table-cell; width: 60px; text-align: center; vertical-align: middle; border-radius: 60px; background: #7f3f98; color: #ffffff; height: 60px; line-height: 16px; font-size: 14px;}
.history .column:nth-child(odd) .info {margin: 0 0 0 60px;}
.history .info div {display: block; vertical-align: middle; padding: 0 0 0 30px;}
.history .info div p:last-of-type {margin: 0;}

.history .column:nth-child(even) {display: table; width: 50%; margin: 0 0 50px 30px; position: relative; left: 0%;}
.history .column:nth-child(even) .date {float: right; vertical-align: middle; width: 60px;}
.history .column:nth-child(even) .info {margin: 0 60px 0 0; text-align: right;}
.history .column:nth-child(even) .info div {display: block; vertical-align: middle; padding: 0 30px 0 0;}

.history .column:nth-child(2n+1) .date h4 {background: #1d1160;}
.history .column:nth-child(3n+1) .date h4 {background: #7bc14c;}


@media all and (max-width: 1200px) {
  .six .grid .column {width: calc(33% - 20px); float: left; padding: 0; margin: 0 25px 10px 0;}
  .six .grid .column:nth-of-type(3n+3)  {margin: 0;}
  .six .grid .column:nth-of-type(3n+4) {clear: left;}
}

@media all and (max-width: 950px) {
  .four .grid .column {width: calc(50% - 25px); float: left; padding: 0; margin: 0 50px 10px 0;}
  .four .grid .column:nth-of-type(2n+2) {margin: 0;}
  .four .grid .column:nth-of-type(2n+3) {clear: left;}

  .three .grid .column {width: calc(33.333% - 20px); float: left; padding: 0; margin: 0 30px 10px 0;}
  .grid .column h3 {font-size: 16px; margin: 0 0 10px 0;}

  .history .column:nth-child(odd) {margin: 0 0 30px -30px;}
  .history .column:nth-child(even) {margin: 0 0 30px 30px;}
}

@media all and (max-width: 750px) {
  .three .grid .column {width: calc(50% - 15px); float: left; padding: 0; margin: 0 30px 10px 0;}
  .three .grid .column:nth-of-type(2n+2) {margin: 0;}
  .three .grid .column:nth-of-type(2n+3) {margin: 0 30px 10px 0; clear: left;}
  .three .grid .column:nth-of-type(2n+4) {clear: none;}

  .two .grid .column {width: calc(50% - 15px); float: left; padding: 0; margin: 0 30px 10px 0;}

  .six .grid .column,
  .five .grid .column,
  .six .grid .column:nth-of-type(3n+3),
  .five .grid .column:nth-of-type(3n+3) {width: calc(50% - 25px); float: left; padding: 0; margin: 0 25px 10px 0;}
  .six .grid .column:nth-of-type(3n+4),
  .five .grid .column:nth-of-type(3n+4) {clear: none;}
  .six .grid .column:nth-of-type(2n+2),
  .five .grid .column:nth-of-type(2n+2) {margin: 0;}
  .six .grid .column:nth-of-type(2n+3),
  .five .grid .column:nth-of-type(2n+3) {clear: left;}

  .grid .column h3 {font-size: 16px; margin: 0 0 10px 0;}
  .column h4 {margin: 0; font-size: 16px;}

  .history {margin: 20px 0 0;}
  .history .line {left: 25px;}
  .history .column:nth-child(even) {display: table; width: 100%; margin: 0 0 30px 0; position: relative; left: 0%;}
  .history .column:nth-child(odd) {display: table; width: 100%; margin: 0 0 30px 0; position: relative; left: 0%;}
  .history .column:nth-child(odd) .date, .history .column:nth-child(even) .date {float: left; vertical-align: middle; width: 50px;}
  .history .column:nth-child(odd) .info, .history .column:nth-child(even) .info {margin: 0; text-align: left;}
  .history .column:nth-child(odd) .info div, .history .column:nth-child(even) .info div {padding: 0 0 0 70px;}
  .history .date h4 {width: 50px; border-radius: 50px; height: 50px; line-height: 14px; font-size: 12px;}

  .our-story-image { display: none; }
}

@media all and (max-width: 550px) {
  .three .grid .column {width: 100%; float: left; padding: 0 0 5px 0; margin: 0;}
  .grid .column h3 {font-size: 14px; margin: 0 0 10px 0;}
  .grid .column p {font-size: 14px; line-height: 22px;}

  .four .grid .column:nth-of-type(2n+2),
  .two .grid .column:nth-of-type(2n+2),
  .two .grid .column,
  .four .grid .column {width: 100%; float: left; padding: 0; margin: 0 0 10px;}
  .column h4 {margin: 0; font-size: 14px;}

  .grid .column img {display: inline-block; margin: 0 auto 15px 0;}
}
/*ABOUT*/


/*STATS*/
.stat { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 35px; line-height: 1.25; letter-spacing: -0.05em; margin: 0 0 10px; }
.stat span.stat-number { font-size: 53px; }
/*STATS*/










/*INNER PAGE GLOBAL*/
.content-nav {border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }
.breadcrumb {padding: 20px 30px; float: left; line-height: 16px; height: 55px; position: absolute;}
.breadcrumb a, .breadcrumb span {font-size: 14px; display: inline-block; margin: 0 10px 0 0; color: #999999;}

.breadcrumb > :last-child {color: #000000;}
.breadcrumb a:hover {color: #000000;}
.breadcrumb i {font-size: 10px; margin: 0 10px 0 0; color: #999999;}


.rss-link,
.share {font-size: 14px; padding: 20px 30px 20px 50px; float:right; border-left: 1px solid rgba(0,0,0,0.1); color: #999999; line-height: 16px; position: relative; right: -181px; background: #ffffff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.rss-link i,
.share i {font-size: 18px; line-height: 18px; position: absolute; left: 22px; top: 18px;}
.rss-link i { top: 20px; }
.rss-link:hover,
.share:hover {color: #000000;}

.share-icons {float:right;  line-height: 16px; position: relative; right: -240px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.share-icons li {float: left; width: 60px;}
.share-icons li a {padding: 20px 20px 16px; display: block; border-left: 1px solid rgba(0,0,0,0.1); font-size: 18px; line-height: 16px; color: #999999;}
.share-icons li a:hover {color: #000000;}

.rss-link.active,
.share.active, .share-icons.active {right: 0;}

.section {width: 100%; position: relative;}
.section.grey:before {border-top: 1px solid #e5e5e5; content: ""; display: block; max-width: 1000px; width: calc(100% - 200px); height: 1px; margin: 0 auto;}


.section.purple {background: rgba(127,63,152,1); color: #ffffff;}
.section.green {background: rgba(123,193,76,1); color: #ffffff;}
.section .wrapper {max-width: 1200px; margin: 0 auto; padding: 80px 100px; width: 100%; overflow: hidden; position: relative;}
.section .wrapper--overflow { overflow: visible; }
.section .wrapper--large {max-width: 1800px;}
.section.bottom .wrapper { padding-bottom: 0; }

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

.section .section-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.section p a, .section ul li a {color: rgba(127,63,152,1); border-bottom: 1px solid rgba(127,63,152,0); font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}
.section.purple p a, .section.purple ul li a { color: #fff; }
.section p a:hover, .section ul li a:hover {border-bottom: 1px solid rgba(127,63,152,1);}
.section img.right {float: right; width: 100%; height: auto; max-width: 400px; margin: 0 0 50px 50px;}

.two-column .column {width: 47.5%; margin: 0 5% 0 0; float: left;}
.two-column .column:nth-child(2) {margin: 0;}

.two-column .column.news a h4 {margin: 0; color: #000000;}
.two-column .column.news a p {font-size: 16px; line-height: 24px; color: #000000; margin: 0;}
.two-column .column.news ul li {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e5e5e5;}
.two-column .column.news ul li:last-child {border: none;}

.three-column .column {width: 30%; margin: 0; float: left;}
.three-column .column:nth-child(3) {margin: 0;}
.three-column {margin: 0 -15px 30px;}
.three-column .column img {margin: 0 50px 20px 0; float: left; width: 100%; height: auto;}
.three-column .column span {font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; margin: 0; float: left; width: 100%; color: #000000; }
.three-column .column h4 {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: #7f3f98; font-size: 16px; line-height: 24px; margin: 0;}
.three-column a {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28px; color: #7f3f98; padding: 0 15px; display: block;}
.three-column a:hover {text-decoration: underline;}

.slick-prev, .slick-next {position: absolute; cursor: pointer; font-size: 12px; color: #ffffff; opacity: 1; background: #e5e5e5; width: 40px; height: 40px; display: block; top: 40%;}
.slick-prev:hover, .slick-next:hover {background: #7f3f98;}
.slick-prev i, .slick-next i {text-align: center; margin: 0 auto; display: block; line-height: 44px;}
.slick-next {right: 0px;}
.slick-prev {left: 0px;}

.logos-section {text-align:center;}

@media all and (max-width: 1100px) {
	.three-column .column img {width: 100%; margin: 0 0 20px 0 !important; float: left;}
  .section.grey:before {max-width: 1000px; width: calc(100% - 100px);}
}

@media all and (max-width: 950px) {
  .section h3 {font-size: 18px; line-height: 28px; margin: 0 0 20px 0;}
  .breadcrumb > :not(:nth-last-child(-n+3)) {display: none;}
}

@media all and (max-width: 700px) {
	.three-column .column {width: 100%; margin: 0 0 20px 0; float: left;}
	.section {text-align: left;}
  .section.grey:before {max-width: 1000px; width: calc(100% - 40px);}
  .section a.btn { margin: 0 0 5px; }
  .multi-btns a.btn { float: left; margin: 10px 10px 0 0; }
}

@media all and (max-width: 450px) {
  .section h3 {font-size: 16px; line-height: 26px; margin: 0 0 20px 0;}
}

.tweets ul li {float: left; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 16px;}
.tweets ul li:last-child {border: none;}
.tweets ul li a {color: #7f3f98; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}
.tweets-wrapper .btn {background: #7f3f98; padding: 10px 20px; color: #ffffff;}

.large-tweets .tweets ul li {line-height: 30px; font-size: 20px; text-align: center;}
.large-tweets .btn {background: #7f3f98; padding: 10px 20px; color: #ffffff; display: table; margin: 0 auto;}

.logos {margin: 10px auto 30px; display: inline-block;}
.section .logos li {float: left; margin: 0 20px 0 0 !important; padding: 0; list-style: none !important; border: none !important;}
.section .logos li:before {content: '';}
.logos li a {border: none !important;}
.logos li:last-child {margin: 0;}
.logos li:hover, .logos li a:hover {border: none !important;}
.logos li a img {height: 90px; width: auto;}

@media all and (max-width: 1500px) {
  .logos {text-align: center; margin: 0 auto 30px !important; display: table;}
  .section .logos li {margin: 0 15px 0 0 !important;}
  .logos li a img {height: 70px; width: auto;}
}
@media all and (max-width: 870px) {
	.section .logos li {margin: 0 10px 0 0 !important;}
	.logos li a img {height: 60px; width: auto;}
}
@media all and (max-width: 750px) {
	.section .logos li {margin: 0 15px 0 0 !important;}
	.logos li a img {height: 50px; width: auto;}
}
@media all and (max-width: 700px) {
	.logos-section {display: none;}
}


.footer {background: #333333; color: #ffffff; overflow: hidden; float: left; width: 100%;}
.footer .wrapper { padding: 50px 100px 30px; overflow: hidden; max-width: 1200px; margin: 0 auto; }
.copyright .wrapper { position: relative; padding: 20px 100px; }


.footer .column {float: left; width: 28%; margin: 0 5% 0 0;}
.footer .column:nth-child(3) {margin: 0;}
.footer .column ul li {margin: 0 0 5px 0;}
.footer .column ul ul li {display: inline-block; margin: 15px 10px 0 0;}
.footer .column ul ul li a i {font-size: 18px;}
.footer strong {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;}
.footer h4 {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 16px; margin: 0 0 20px 0;}
.footer p {font-size: 14px; line-height: 20px; margin: 0 0 20px 0;}
.footer a {color: rgba(255,255,255,1); font-size: 14px; line-height: 20px;}
.footer a:hover {text-decoration: underline;}

.footer .copyright {float: left; width: 100%; clear: left; padding: 20px 0px; border-top: 1px solid rgba(255,255,255,0.2);}
.footer .copyright p {float: left; display: inline-block; }
.footer .copyright p:last-of-type {margin: 0;}

.footer .copyright img { position: absolute; max-height: 60px; top: 0; right: 100px; display: inline-block; margin: 0; }

.footer-recruitment-portal .footer-logo { height: 35px; width: auto; margin-bottom: 20px; }
.footer-recruitment-portal .column { float: none; width: 75%; }



@media all and (max-width: 1100px) {
	.section .wrapper {padding: 50px; width: 100%;}
	.section img.right {max-width: 300px; margin: 0 0 30px 30px;}
}

@media all and (max-width: 900px) {
  .footer .wrapper {padding: 30px 20px 10px;}
  .copyright .wrapper { padding: 10px 20px; }
  .footer .column {float: left; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0;}
  .footer .column:nth-child(3), .footer .column:nth-child(4) {border-top:none; padding-top: 0; margin-bottom:20px;}
  .footer .column:nth-child(2) {margin: 0 0 20px 0;}
  .footer .column:nth-child(4) {border: none; padding: 0; margin: 0;}
  .footer .column ul { margin: 0 0 20px; }
  .footer .copyright p {margin: 0 0 10px 0;}
  .footer .copyright a {display: inline-block; margin: 0;}
  .footer .column:nth-child(3) {margin: 0; padding: 0; border: none;}
}

@media all and (max-width: 700px) {
  .section.video .wrapper,
  .section .wrapper {padding: 30px 20px; width: 100%;}
  .section img.right {float: left; width: 75px; height: auto; max-width: 100%; margin: 0 0 30px 0;}
  .content-nav {display: none;}

  .mobile .three-column .column {border-bottom: 1px solid #e5e5e5; padding: 0; margin: 0 0 15px 0;}
  .mobile .three-column .column:nth-child(3) {border: none; margin: 0;}
  .mobile .three-column .column:nth-child(4), .three-column .column:nth-child(5), .three-column .column:nth-child(6) {display: none;}
  .mobile .three-column .column h4 {font-size: 14px; line-height: 18px; margin: 0 0 0 100px; text-align: left;}
  .mobile .three-column .column span {margin: 0 0 0 100px; color: #666666; display: block; text-align:left; font-size:14px; float: none;}
  .mobile .three-column .column img {width: 80px;}
  .slick-prev, .slick-next {display: none !important;}
}


/*INNER PAGE GLOBAL*/





/*Our Story*/
ul.companies li {float: left; width:50%; padding: 50px 100px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
ul.companies li:nth-child(2) {border-right: none;}
ul.companies li:nth-child(3) {border-bottom: none}
ul.companies li:nth-child(4) {border-bottom: none; border-right: none;}

ul.companies li a img {max-width: 100%; max-height: 50px;}


@media all and (max-width: 1250px) {
	ul.companies li {padding: 50px;}
}
@media all and (max-width: 700px) {
	ul.companies li {padding: 30px;}
}
@media all and (max-width: 550px) {
	ul.companies li {float: left; width:100%; padding: 20px 0; border-right: none;}
	ul.companies li:nth-child(3) {border-bottom: 1px solid #e5e5e5;}
	ul.companies li a img {max-height: 35px;}
}






/*Blog*/
.post .wrapper {max-width: 1000px; text-align:left;}
.post h2 {font-size: 30px; line-height: 28px; margin: 0 0 20px 0;}
.post p a {font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; color: #7f3f98;}
.post strong {font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}

.post .accordion {
  margin: 2.5rem 0;
}

.post .accordion .accordion-text p {
  font-size: 19px;
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
}

.post .accordion .accordion-toggle {
  background: #36254D;
}

.post .accordion .accordion-title {
  position: relative;
}

.post .accordion .accordion-title:before {
  position: absolute;
  left: -60px;
  top: 0;
  bottom: 0;
  background: transparent;
  content: '';
  display: block;
  width: 60px;
}

.post h1,
.post h2,
.post h3,
.post h4 {
  margin: 1.75em 0 0.75em 0;
}

.post h1:first-child,
.post h2:first-child,
.post h3:first-child,
.post h4:first-child {
  margin-top: 0;
}

.header-section {float: left; width: 100%; clear: left; margin: 0 0 50px 0;}
h2.page-title {font-size: 35px; line-height: 40px; float: left; width: calc(100% - 400px);}
.filter {float: right;}
.filter #archive { border-left: 1px solid #e5e5e5; margin-left: 10px; }
.filter #cats, .filter #archive {float: left; position: relative;}
.filter #cats select, .filter #archive select {border: 1px solid #e5e5e5; background: #ffffff; padding: 10px 10px; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size:14px; line-height:14px; color: #666666; border-radius: 4px; margin: 0 0 0 10px; float: left; width: 180px; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.filter #cats:after, .filter #archive:after {position: absolute; top: 15px; right: 10px; font-family: "true-potential" !important; content: "a"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:9px; color: #999999;}
.filter #cats select::-ms-expand, .filter #archive select::-ms-expand {display: none;}

.mini-post {width: calc(33.333% - 33.333px); float: left; margin: 0 50px 50px 0; color: #000000;}
.mini-post:nth-of-type(3n+3) {margin-right: 0;}
.mini-post:nth-of-type(3n+4) {clear: left;}
.mini-post .image {display: block; width: 100%; height: auto; margin: 0 0 30px 0;}
.mini-post img {width: 100%; height: auto; display:block; transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.mini-post h4 {margin: 0;}
.mini-post span {margin: 0 0 10px 0; display: block; line-height: 24px; font-size: 14px; color: #666666;}
.mini-post p {font-size: 16px; line-height: 26px; margin: 0;}
.mini-post:hover h4 {color: #7f3f98;}
.mini-post:hover img {opacity: 0.75;}

.pagination {width: 100%; float: left; text-align: center;}
.pagination span, .pagination a {font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size:14px; line-height:14px; padding: 10px 15px; color: #666666; background: #f5f5f5; border-radius: 4px; margin: 0 2px;}
.pagination span, .pagination a:hover {background: #7f3f98; color: #ffffff;}

.mobile-title {display: none;}


@media all and (max-width: 900px) {
	.header-section {margin: 0 0 30px 0;}
	h2.page-title {font-size: 30px; line-height:30px; width: 100%;}
	.mini-post {width: calc(33.333% - 27px); margin: 0 40px 40px 0;}
	.mini-post .image {margin: 0 0 20px 0;}
	.filter {float: left; width: 100%;}
	.filter #cats, .filter #archive {float: left; width: calc(50% - 20px); margin: 0 20px 0 0;}
	.filter #cats select, .filter #archive select {width: 100%; margin: 0;}
  .filter #archive select {margin: 0 0 0 20px;}
}

@media all and (max-width: 700px) {
	.post h2 {font-size: 18px; line-height: 24px; }
	h2.page-title {font-size: 20px; line-height:20px;}
	.mini-post {width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5;}
	.mini-post:last-of-type {border: none;}
	.mini-post .image {margin: 0; width: 25%; float: left;}
	.mini-post h4 {margin: 0px 0 0 30%;}
	.mini-post span {margin: 0px 0 0 30%;}

	.mobile-title {display: block;}
	.mobile-title h1 {font-size: 20px; line-height: 28px; margin: 0;}
	.mobile-title p {font-size: 14px; line-height: 22px; margin: 0 0 20px 0; color: #666666;}
}


@media all and (max-width: 450px) {
	.post h2 {font-size: 16px; line-height: 22px; }
	.mini-post {width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5;}
	.mini-post:last-of-type {border: none;}
	.mini-post .image {margin: 0; width: 30%; float: left;}
	.mini-post h4 {margin: 0px 0 0 38%; font-size:14px; line-height:20px;}
	.mini-post span {margin: 0px 0 0 38%; line-height: 20px; font-size: 14px;}
	.filter #cats, .filter #archive {float: left; width: 100%; margin: 0;}
	.filter #cats {margin: 0 0 10px 0;}
	.pagination a:nth-of-type(4) {display: none;}

	.mobile-title h1 {font-size: 18px; line-height: 24px; margin: 0;}

  .filter #archive { border-left: 0; border-top: 1px solid #e5e5e5;}
  .filter #archive::after { top: 25px; }
  .filter #archive select {margin: 10px 0 0;}
}
/*Blog*/








/*Services*/
.ajax {width: 100%;}
.subnav-section .wrapper {padding: 80px 100px 0;}
.subnav-title {width: 100%; float: left; margin: 0 0 20px 0;}
.subnav-title h2 {float: left;}
.subnav-title span {float: right; font-size: 14px; color: #666666; margin: 7px 0 0;}
.subnav-title span img {vertical-align: middle; margin: 0 0 0 15px;}
.subnav {width: 100%; float: left; display:table; margin: 0 !important;}
.section .subnav li {width: 20%; text-align:center; font-size:14px !important; padding: 0; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #999999; transition: none; -webkit-transition: none; display: table-cell; vertical-align: middle; padding: 0 10px; list-style: none !important; line-height: 14px !important; margin: 0 !important;}
.section .subnav li:before {content: '';}
.subnav li:first-child {border-radius: 6px 0 0 6px; border-left: 1px solid #e5e5e5;}
.subnav li:last-child {border-radius: 0 6px 6px 0;}
.subnav li a, .subnav li span { cursor: pointer; color: #999999 !important; text-align:center; padding: 15px 0; display: block; border: none !important; transition: none; -webkit-transition: none;}
.subnav li.active, .subnav li.is-active, .subnav li.active:hover, .subnav li.is-active:hover  {background: #9f6fb2; border-color: #7f3f98; border-left: 1px solid #7f3f98;}
.subnav li.active a, .subnav li.is-active a, .subnav li.active:hover a, .subnav li.is-active:hover a,
.subnav li.active span, .subnav li.is-active span, .subnav li.active:hover span, .subnav li.is-active:hover span {color: #ffffff !important; border: none !important;}
.subnav li:hover a, .subnav li:hover span {color: #7f3f98 !important; border: none;}


.impulsesave h2, .impulsesave h3 {color: #7cc260;}

.section.image {text-align: center;}
.section.image.white {color: #ffffff;}
.section.image.white .text-wrapper a {color: #ffffff;}

.section.bleed_image {color: #ffffff;}

.section.video .video {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 30px 0;}
.section.video .video iframe, .section.video .video object, .section.video .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section.video .video video {position: absolute; width: 100%; height: 100%; display: block;}


.section.image .overlay, .section.video .overlay {background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.section.image .wrapper {padding: 0px !important; z-index: 5; min-height: 650px;}
.section.image.small .wrapper { max-height: 310px; min-height: 310px !important; }
.section.image.large .wrapper { min-height: 870px; }
.section.image .text-wrapper { padding: 0 100px; }
.section.image.small .text-wrapper h3 { margin: 0; }

.section.overlay:after {content:""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.25); top: 0; left: 0; z-index: 2;}

.section.image.left .text-wrapper {text-align: left; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


.section.image.right .text-wrapper {text-align: left; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}


.section.image.centre .text-wrapper {text-align: center; width: 100%; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.section.centre { text-align: center; }
.section.text-link.small {  }
.section.text-link.small h3 { margin: 0; }


.section.image .image-holder,
.section.bleed_image .image-holder {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section.image .video-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.section.image.text-block:after { display: none; }
.section.image.text-block .text-wrapper { padding: 45px 50px 20px; width: 400px; top: auto; bottom: 100px; left: 100px; transform: none; -webkit-transform: none; }
.section.image.text-block.right .text-wrapper { right: 0; }
.section.image.text-block.left .text-wrapper {}
.section.image.text-block .text-wrapper p { font-size: 16px; line-height: 26px; }
.section.image.text-block.purple .text-wrapper { background: #7f3f98; }
.section.image.text-block.green .text-wrapper { background: #81be41; }

.section.image .grid { padding: 20px 0; }
.section.image .centre { text-align: center; }

.no-subnav .section:first-of-type .wrapper {padding-top: 0px;}

.no-subnav .section .wrapper.padding-top {
  padding-top: 80px;
}

.section.left .images-wrapper {float: left; margin: 0 50px 35px 0;}
.section.right .images-wrapper {float: right; margin: 0 0 35px 50px;}

.section.left .images-wrapper.video-holder {width: 35%; margin-bottom: 0;}
.section.right .images-wrapper.video-holder {width: 35%; margin-bottom: 0;}

.images-wrapper img {max-width: 100%; height: auto;}
.centre .images-wrapper img {max-width: 100%; height: auto; width: auto; margin: 0 auto 50px; text-align: center; display: block;}

.section.bottom .images-wrapper { text-align: center; }
.section.bottom .images-wrapper img { display: block; width: auto; margin: 40px auto 0; }

/*.text-wrapper {display: table;}*/

.section .boxes {float: left; width: 100%; margin: 0 0 50px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5;}
.contact-boxes {margin: 0 -25px;}
.contact-boxes .box {float: left; width: 50%; padding: 0 25px; margin: 0 0 30px;}

/* one item */
.contact-boxes .box:nth-child(1):nth-last-child(1) {
  width: 100%;
}

/* two items */
.contact-boxes .box:nth-child(1):nth-last-child(2),
.contact-boxes .box:nth-child(2):nth-last-child(1) {
  width: 50%;
}

/* three items */
.contact-boxes .box:nth-child(1):nth-last-child(3),
.contact-boxes .box:nth-child(2):nth-last-child(2),
.contact-boxes .box:nth-child(3):nth-last-child(1) {
  width: 33.3333%;
}

.contact-boxes .box h3 {margin: 0 0 10px 0;}
.contact-boxes .box p {margin: 0;}

.contact-boxes .office h4 {margin: 0 0 10px 0;}
.contact-boxes .office p {font-size: 16px; line-height: 22px; margin: 0 0 25px;}
.contact-boxes .office .map {display: block; width: 100%; height: 300px; margin: 0 0 30px 0;}

.section ul,
.section ol {margin: 0 0 30px 20px; }
.section ul li,
.section ol li
{ list-style: none; font-size: 17px; line-height: 28px; margin: 0 0 10px 0; padding: 0 0 0 20px; position: relative;}
.section ul li:before {content: '\2022'; color: #7bc14c; position: absolute; top: 1px; left: 3px;}
.section ul li:last-of-type a {border: none !important;}

.section ol {
  margin-left: 40px;
}
.section ol li { list-style: decimal; }

.section ul.ticks {}
.section ul.ticks li {list-style: none; padding: 0 0 0 30px; background: url('img/green-tick.png') left top 7px no-repeat;}
.section ul.ticks li:before {content: '';}
.section ul.half li {float: left; width: 50%;}
.section ul.half li:nth-child(2n+1) { clear: left; }

@media all and (max-width: 750px) {
  .section ul.half li { float: none; width: 100%; }
}

.section .video-icon {font-size: 75px; color: #ffffff; display: inline-block; margin: 0 0 10px 0;}

@media all and (max-width: 1100px) {
  .section.image.text-block .text-wrapper { left: 50px; }
}
@media all and (max-width: 750px) {
  .section.image.text-block .text-wrapper { left: 0px; }
  .section.image.black {color: #fff;}
}

/*Savings gap stats*/
.savings-gap-stats {}

@media all and (max-width: 950px) {
  .savings-gap-stats { padding: 50px 0; }
  .savings-gap-stats.section.image.centre .text-wrapper { position: relative; top: auto; transform: none; }
}
@media all and (max-width: 750px) {
  .savings-gap-stats { padding: 0; }
}



/*Bleed sliders*/
.section.bleed-slider:after {content:""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.25); top: 0; left: 0; z-index: 2;}
.section.bleed-slider .wrapper {padding: 0px !important; z-index: 5; min-height: 720px; color: #fff;}
.bleed-slides .slide { width: 100%; height: 100%; }
.bleed-slides .slide .text-wrapper { max-width:400px; position: absolute; top: 150px; left: 100px; }
.bleed-slides .slide .text-wrapper h4 { font-size: 19px; margin: 0 0 10px; }
.bleed-slides .slide .text-wrapper p { font-size: 16px; line-height: 26px; }
.bleed-slides .slide .slide-image-holder { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-position: top center !important; }

.bleed-slides-controls { position: absolute; bottom: 100px; left: 100px; }
.bleed-slides-controls a { display: inline-block; color: #fff; text-decoration: none; text-align: center; width: 38px; height: 38px; line-height: 38px; margin: 0 5px 0 0; opacity: 1; border: 1px solid #fff;
  border-radius: 50%; -webkit-border-radius: 50%;
  transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; }
  .bleed-slides-controls a:hover { opacity: 0.5; }
  .bleed-slides-controls a.prev-bleed-slide i { position: relative; left: -1px; top: 1px; }
  .bleed-slides-controls a.next-bleed-slide i { position: relative; right: -1px; top: 1px; }

  @media all and (max-width: 1100px) {
    .bleed-slides .slide .text-wrapper,
    .bleed-slides-controls { left: 50px; }
  }

  @media all and (max-width: 700px) {
    .section.bleed-slider { background: #222; }
    .bleed-slides .slide .text-wrapper { left: 20px; }
    .bleed-slides-controls { left: 20px; bottom: auto; top: -55px; z-index: 999; }


    .section.bleed-slider .wrapper { min-height: 0px; overflow: visible; }
    .bleed-slides .slide .slide-image-holder { position: relative; width: 100%; height: 300px; }
    .bleed-slides .slide .text-wrapper { position: relative; top: auto; left: auto; max-width: 100%; padding: 30px 20px 10px; }
    .bleed-slides .slide .text-wrapper h3 { display: none; }
  }


  .legal-text {float: left; width: 100%; clear: both; padding: 0; font-size: 14px; line-height: 18px;}
  .legal-text .wrapper {padding: 0 100px 80px;}

  .related-resources .resource {width: 25%; float: left; padding: 0 50px 25px 0;}
  .related-resources .resource:nth-of-type(4n+5) {clear: left;}
  .related-resources .resource img {border: 1px solid rgba(0,0,0,0.1); /*float: left;*/ margin: 0 0 20px 0; max-width: 110px;}
  .related-resources .resource .title {  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0; display: inline-block;}
  .related-resources .resource .title a { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: #000; text-decoration: none; border: 0; }
  .related-resources .resource p {font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; color: #000;}
  .related-resources .resource a {font-family:'Avenir Next LT W01 Medium', Helvetica, Arial, sans-serif; font-size:14px; line-height:18px; margin: 0; color: #7f3f98; display: block;}
  .related-resources .resource a:hover {text-decoration: underline;}


  .related-resources.four-column .resource {width: calc(25% - 38px); float: left; margin: 0 50px 20px 0; padding: 0;}
  .related-resources.four-column .resource:nth-of-type(4) {margin: 0;}
  .related-resources.four-column .resource:nth-of-type(5) {clear: left;}
  .related-resources.four-column .resource .image {float: left; width: 100%; margin: 0 0 20px 0;}
  .related-resources.four-column.main .resource .image img {width: 100%; height: auto; display: block; border: none;}

  .related-resources.four-column.main .resource .title {margin: 0 0 10px 0;}


  .subnav-dropdown {float: left; position: relative; width:100%; display: none;}
  .subnav-dropdown select {border: 1px solid #e5e5e5; background: #ffffff; padding: 10px 10px; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; color: #666666; border-radius: 4px; margin: 0; float: left; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
  .subnav-dropdown:after {position: absolute; top: 15px; right: 10px; font-family: "true-potential" !important; content: "a"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 9px; color: #999999;}


  .tabbed {width: 100%; float: left; margin: 10px 0 0;}
  .tabbed .tab {width: 100%; float: left; display: block; margin: 0 0 20px 0;}
  .tabbed .tab .image {width: 17.5%; display: table-cell; padding: 0 50px 0 0; vertical-align: top;}
  .tabbed .tab .image img {width: 100%; height: auto;}
  .tabbed .tab .text {display: table-cell; width: 82.5%; vertical-align: top;}
  .tabbed .tab h4 {font-size: 18px;}
  .tabbed .tab p {font-size: 18px; line-height: 26px; margin: 0 0 10px 0;}

  .slick-dots {display:table; margin: 20px auto 0 auto !important;}
  .slick-dots li {width: 60px; text-align:center; font-size:14px !important; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #999999; transition: none; -webkit-transition: none; display: table-cell; vertical-align: middle; padding: 0 10px; list-style: none !important; line-height: 14px !important; margin: 0 !important;}
  .slick-dots li:first-child {border-radius: 6px 0 0 6px; border-left: 1px solid #e5e5e5;}
  .slick-dots li:last-child {border-radius: 0 6px 6px 0;}
  .slick-dots li button {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: inherit; text-align:center; padding: 15px 0; display: block; transition: none; -webkit-transition: none; width: 100%; border: none; background: none; cursor: pointer;}
  .slick-dots li.slick-active, .slick-dots li.slick-active:hover {background: #9f6fb2; border-color: #7f3f98; border-left: 1px solid #7f3f98; color: #ffffff;}
  .slick-dots li:hover {color: #000000;}

  .section .slick-dots li { padding: 0; }
  .section .slick-dots li:before { content: ''; }



  .dots .slick-dots {position: relative; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
  .dots .slick-dots li { position: static; display: inline-block; height: 10px; width: 10px; margin: 0 5px !important; padding: 0; cursor: pointer; border-radius: 6px; border: 1px solid #e5e5e5;}
  .dots .slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
  .dots .slick-dots li button:hover, .dots .slick-dots li button:focus { outline: none; border-color: #7f3f98;}
  .dots .slick-dots li button:hover:before, .dots .slick-dots li button:focus:before { opacity: 1; }
  .dots .slick-dots li button:before { position: absolute; top: 0; left: 0; width:6px; height: 6px; text-align: center; background: #ffffff; display: block; border-radius:100%; padding: 2px;}
  .dots .slick-dots li.slick-active {border-color: #7f3f98;}

  .bleed_image .slick-dots li { background: #fff; }
  .bleed_image .slick-dots li.slick-active { background: #9e71b0; }

  @media all and (max-width: 1100px) {
   .section.image .text-wrapper {padding: 0 50px; width: 100%;}
 }

 @media all and (max-width: 700px) {
   .section.image .text-wrapper {padding: 0 20px;}
 }





 /*.adviser-centre h3 {margin: 0 0 50px 0;}*/
 .adviser-centre .intro {float: left; width: 100%; margin: 0 0 80px 0; padding: 0 0 80px 0; border-bottom: 1px solid #e5e5e5;}
 .adviser-centre .mobile-menu {display: none;}

 .adviser-centre .left-menu {width: 25%; float: left; margin: 0 5% 0 0;}
 .adviser-centre .left-menu ul li {list-style: none; margin: 0; padding: 0; width: 100%; float: left;}
 .adviser-centre .left-menu ul li:before {content: '';}
 .adviser-centre .left-menu ul li a {font-family:'Avenir Next LT W01 Regular', Helvetica, Arial, sans-serif; padding: 14px 0; font-size: 14px; line-height: 18px; border-bottom: 1px solid #e5e5e5; display: block; color: inherit;}
 .adviser-centre .left-menu ul li a.active {font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;}
 .adviser-centre .left-menu ul li a:hover {color: #7f3f98;}
 .adviser-centre .right-content {width: 70%; float: right; }
 .adviser-centre .right-content.tabbed-nav {width: 100%; float: none; }

 .adviser-centre .right-content .resource {width: 25%; float: left; padding: 0 50px 20px 0;}
 .adviser-centre .right-content .resource:nth-of-type(4n+5) {clear: left;}
 .adviser-centre .right-content .resource img {border: 1px solid rgba(0,0,0,0.1); float: left; margin: 0 0 20px 0; max-width: 110px;}
 .adviser-centre .right-content .resource .title {  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0; display: inline-block;}
 .adviser-centre .right-content .resource .title a { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: #000; text-decoration: none; border: 0; }
 .adviser-centre .right-content .resource p {font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0 0 10px 0;}
 .adviser-centre .right-content .resource a {font-family:'Avenir Next LT W01 Medium', Helvetica, Arial, sans-serif; font-size:14px; line-height:18px; margin: 0; color: #7f3f98; display: block;}
 .adviser-centre .right-content .resource a:hover {text-decoration: underline;}

 .adviser-centre .right-content .resource-container {float: left; width: 100%; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 1px solid #e5e5e5;}
 .adviser-centre .right-content .resource-container:last-of-type {border: none; margin: 0; padding: 0;}
 .adviser-centre .right-content h4 {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; margin: 0 0 10px 0 !important;}

 .adviser-centre .right-content .resource.video-resource {width: 50%; float: left; padding: 0 50px 30px 0;}
 .adviser-centre .right-content .resource.video-resource :nth-of-type(4n+5) {clear: none;}
 .adviser-centre .right-content .resource.video-resource :nth-of-type(2n+3) {clear: float;}
 .video-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 0 20px 0;}
 .video-wrapper object, .video-wrapper embed, .video-wrapper iframe, .video-wrapper video {position: absolute; top: 0; left: 0; width: 100%;height: 100%; }
 .video-wrapper video { z-index: 1; }

 .adviser-centre .right-content .resource.link-resource {width: 100%; float: left; padding: 0; margin: 0 0 20px 0;}
 .adviser-centre .right-content .resource.link-resource :nth-of-type(4n+5) {clear: none;}

 .link-resource p.icon-title { background-position: left 1px; background-repeat: no-repeat; padding-left: 25px; }

 .adviser-centre .right-content .resource.microsite-resource {width: 33.33%; float: left; padding: 0 50px 20px 0;}
 .adviser-centre .right-content .resource.microsite-resource:nth-of-type(4n+5) {clear: none;}
 .adviser-centre .right-content .resource.microsite-resource:nth-of-type(3n+1) {clear: left;}
 .adviser-centre .right-content .resource.microsite-resource img { max-width: 100%; }

 .section-content h4 {margin: 0 0 20px 0 !important;}
 .section-content p {font-size: 17px; line-height: 30px; margin: 0 0 20px 0;}
 .section-content img {width: 100%; margin: 0 0 30px 0;}


 @media all and (max-width: 1500px) {
  .section.image .wrapper {padding: 0px 100px; z-index: 5; min-height: 600px;}
}

@media all and (max-width: 1200px) {
  .subnav-section .wrapper {padding: 80px 100px 0;}
  .section.image .wrapper {padding: 0px 50px; z-index: 5; min-height: 500px;}
  .no-subnav .section:first-of-type .wrapper {padding-top: 0px;}
  .legal-text .wrapper {padding: 0 50px 80px;}
  .section ul {margin: 0 0 30px 0;}
  .section ul li {font-size: 18px; line-height: 30px; margin: 0 0 10px 0;}

  .related-resources .wrapper {padding: 80px 50px;}

  .no-subnav .section .wrapper.padding-top { padding-top: 80px; }

}

@media all and (max-width: 1100px) {
  .adviser-centre .intro {margin: 0 0 50px 0; padding: 0 0 50px 0;}

  .subnav-section .wrapper {padding: 80px 50px 0;}

  .no-subnav .section .wrapper.padding-top { padding-top: 50px; }

}

@media all and (max-width: 1050px) {
  .related-resources .resource img {margin: 0 0 20px 0;}
  .related-resources .resource .title {float: left; margin: 0; font-size: 14px; line-height: 18px;}
  .related-resources .resource a {float: left;}
  .related-resources.four-column .resource .image {margin: 0;}

  .adviser-centre .right-content .resource {width: 33.333%; float: left; padding: 0 50px 20px 0;}
  .adviser-centre .right-content .resource:nth-of-type(3n+4) {clear: none;}
  .adviser-centre .right-content .resource:nth-of-type(4n+5) {clear: none;}
}

@media all and (max-width: 950px) {
  .section-content p {font-size: 16px; line-height: 24px; }

  .subnav-section .wrapper {padding: 30px 50px 0;}
  .section.video .wrapper {padding: 30px 20px;}


  .section.left .images-wrapper {float: left; margin: 0 30px 0 0;}
  .section.right .images-wrapper {float: right; margin: 0 0 0 30px;}

  .section.image .wrapper {padding: 0px 30px; z-index: 5; min-height: 500px;}

  .legal-text .wrapper {padding: 0 30px 50px;}

  .subnav-title span img {height: 25px;}

  .subnav li {font-size: 13px;}
  .subnav li a {padding: 10px 0;}
  .section ul {margin: 0 0 20px 0;}
  .section ul li {font-size: 16px; line-height: 28px;}

  .tabbed .tab .image {padding: 0 30px 0 0;}

  .adviser-centre .intro {padding: 0; border: none;}
  .adviser-centre .left-menu {display: none;}
  .adviser-centre .mobile-menu {display: block; width: 100%; float: left; position: relative; margin: 0 0 30px 0;}
  .adviser-centre .mobile-menu select {border: 1px solid #e5e5e5; background: #ffffff; padding: 10px 10px; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size:14px; line-height:14px; color: #666666; border-radius: 4px; margin: 0; float: left; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
  .adviser-centre .mobile-menu:after {position: absolute; top: 15px; right: 10px; font-family: "true-potential" !important; content: "a"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:9px; color: #999999;}

  .adviser-centre .right-content {width: 100%;}

  .adviser-centre .right-content .resource {width: 25%; float: left; padding: 0 50px 20px 0;}
  .adviser-centre .right-content .resource:nth-of-type(4n+5) {clear: left;}
  .adviser-centre .right-content .resource:nth-of-type(3n+4) {clear: none;}


  .related-resources .wrapper {padding: 50px 30px;}


}

@media all and (max-width: 800px) {
  .section .office .map {height: 250px;}
  .section .boxes {margin: 0 0 40px 0; padding: 0 0 20px 0;}

  .tabbed .tab h4 {margin: 0 0 10px 0;}
  .tabbed .tab p {font-size: 14px; line-height: 24px; margin: 0 0 10px 0;}
  .resource-container {margin: 0 0 30px 0; padding: 0 0 30px 0;}

  .adviser-centre .right-content .resource {width:33.333%; float: left; padding: 0 50px 20px 0;}
  .adviser-centre .right-content .resource:nth-of-type(4n+5) {clear: none;}
  .adviser-centre .right-content .resource:nth-of-type(3n+4) {clear: left;}
}

@media all and (max-width: 750px) {
  .subnav-section .wrapper {padding: 30px 50px 0;}
  .section.image .wrapper {padding: 0px 20px; z-index: 5; min-height: 500px; background: #222; text-align: left; min-height: 0;}
  .section.image.small .wrapper { min-height: 0 !important; }

  .section.left .wrapper .text-wrapper, .section.right .wrapper .text-wrapper, .section.centre .wrapper .text-wrapper {padding: 0;}

  .section .section-image {position: relative; top: 0; left: 0; width: 100%; height: 400px; display: block;}
  .section.image .overlay {display: none;}

  .section.image .image-holder {position: relative; height: 300px; background-attachment:scroll !important;}
  .section.image:after {display: none;}

  .section.image.left .text-wrapper, .section.image.right .text-wrapper, .section.image.centre .text-wrapper {padding: 30px 20px; width: 100% !important; transform: none; -webkit-transform: none; top: 0; position: relative;}


  .section.left .images-wrapper,
  .section.right .images-wrapper,
  .section.centre .images-wrapper {float: none; width: 85%; margin: 0 auto 20px; text-align: center;}
  .images-wrapper img {margin: 0 auto; width: auto;}

  .section.left .images-wrapper.video-holder,
  .section.right .images-wrapper.video-holder { width: 100%; max-width: none; }


  .legal-text .wrapper {padding: 0 20px 50px;}

  .subnav {display: none;}
  .subnav-dropdown {display: block;}
  .subnav-title span {display: none;}
  .subnav-title h2 {margin: 0; clear: left;}

  .section .video-icon {font-size: 60px; color: #ffffff; display: inline-block; margin: 0 0 10px 0; display: none;}
  .video-bleed .video-icon { display: inline-block; }
  .section .section-image .video-icon {display: block; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

  .section ul {margin: 0 0 20px 0;}
  .section ul li {font-size: 14px; line-height: 22px; margin: 0 0 10px 0;}

  .related-resources .wrapper {padding: 30px 20px;}

  .related-resources .resource img {margin: 0 0 20px 0;}
  .related-resources .resource .title {font-size: 14px; line-height: 18px;}
  .related-resources .resource a:nth-of-type(2) {font-size: 14px; line-height: 22px;}

  .impulsesave h1 img {width: 150px;}

  .related-resources.four-column .resource {width: 50%; float: left; padding: 0 30px 0 0; margin: 0 0 30px 0;}
  .related-resources.four-column .resource .image {float: left; width: 100%; margin: 0;}

  .resource-container {margin: 0 0 20px 0; padding: 0 0 20px 0; }
  .related-resources .resource {float: left; width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5;}
  .related-resources .resource:last-child {margin: 0; padding: 0; border-bottom: none;}

  .related-resources .resource img {margin: 0 15px 0 0; width: 50px;}
  .related-resources .resource .image {float: left; margin-right: -100%;}
  .related-resources .resource .title {float: right; width: 100%; padding-left: 65px; font-size: 14px; line-height: 18px; clear: none; display: block;}

  .related-resources .resource a:nth-of-type(2) {float: none; font-size: 14px; line-height: 22px; clear: none; margin: 0 0 0 70px; display: block;}
}

@media all and (max-width: 700px) {
  .subnav-section .wrapper { padding: 30px 20px 0; }

  .no-subnav .subnav-title h2 {display:none;}
  .section .boxes {margin: 0 0 10px 0; padding: 0; border-bottom: none;}
  .section .office:nth-of-type(1) {float: left; width: 100%; padding: 0; margin: 0 0 30px 0;}
  .section .office:nth-of-type(2) {float: left; width: 100%; padding: 0;}

  .adviser-centre .intro {margin: 0 0 30px 0;}
  .adviser-centre .left-menu {width: 100%; margin: 0 0 30px 0;}

  .no-subnav .section .wrapper.padding-top { padding-top: 30px; }

}

@media all and (max-width: 550px) {
  .section .section-image {height: 250px;}


  .section.video .close-btn {width: 30px; height: 30px; position: absolute; right: 20px; top: 20px; display: none; font-size: 30px; color: #ffffff;}
  .contact-boxes {margin: 0 0 10px}
  .contact-boxes .box {float: none; width: 100%; padding: 0;}
  .section .box .map {margin: 0 0 20px 0;}

  .section-content p {font-size: 16px; line-height: 26px; margin: 0 0 20px 0;}
  .section-content img {width: 100%; margin: 0 0 20px 0;}

  .tabbed .tab .image {display: none;}
  .tabbed .tab .image img {width: 100%; height: auto; min-width: 0;}
  .tabbed .tab .text {display: block; width: 100%; vertical-align: top;}

  .related-resources.four-column .resource {width: 100%; float: left; padding: 0 0 20px 0; margin: 0 0 20px 0;}
  .related-resources.four-column .resource:nth-of-type(4) {margin: 0 0 20px 0;}
  .related-resources.four-column .resource:last-of-type {margin: 0; padding: 0;}
  .related-resources.four-column .resource .image {float: left; width: 80px; margin: 0 0 20px 0;}
  .related-resources.four-column .resource .text {margin: 0 0 0 100px;}
  .related-resources.four-column .resource .text p {margin: 0;}

  .resource-container {margin: 0 0 30px 0; padding: 0; border: none; }

  .adviser-centre .right-content .resource {width: 100%; float: left; padding: 0 0 30px 0;}
  .adviser-centre .right-content .resource:nth-of-type(3n+4) {clear: none;}
  .adviser-centre .right-content .resource img {margin: 0 20px 0 0; width: 50px;}
  .adviser-centre .right-content .resource .title {display: block;}

  .adviser-centre .right-content .resource.video-resource {width: 100%; padding: 0; margin: 0 0 30px 0;}

}
/*Services*/


/*Video embeds*/
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  margin: 0 0 20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Video embeds*/

/*Fund Row*/
.fund-rows { padding: 30px 0 0; }
.fund-row { margin: 20px 0 0; }
.fund-row:first-child { margin: 0; }
.fund-logo { float: left; width: 200px; padding: 10px 0 0; margin-right: -100%; }
.fund-logo img { max-width: 100%; height: auto; }
.fund-text { float: left; width: 100%; padding-left: 250px; }
.fund-text p { font-size: 16px; line-height: 28px; }

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

@media all and (max-width: 700px) {
  .fund-logo { float: none; margin: 0 0 10px; }
  .fund-text { float: none; padding: 0; }
}
/*Fund Row*/

/*Awards*/
.awards {float: left; width: 100%; padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #e5e5e5;}
.awards:last-of-type {padding: 0; margin:0; border: none;}
.award-gallery {margin: 0 0 30px 0; float: none; width: 100%; background: url(img/line-tile.gif) repeat top left; cursor: pointer; cursor: hand; cursor: grab; cursor: -webkit-grab;}
.award-gallery .image {width: 100%; float: left; display: block;}
.award-gallery .image img {margin: 0 auto; max-width: 600px; }
.caption {font-size: 14px; padding: 12px 0; border-bottom: 1px solid #e5e5e5; line-height: 14px; color: #999999; float: left; width: 100%; margin: 0; background: #ffffff;}


@media all and (max-width: 1100px) {
  .awards {padding: 0 0 40px 0; margin: 0 0 40px 0;}
}

@media all and (max-width: 700px) {
  .awards {padding: 0 0 30px 0; margin: 0 0 30px 0;}
  .award-gallery .image img {margin: 0 auto; max-width: 100%; }
}

@media all and (max-width: 550px) {
  .awards {padding: 0 0 20px 0; margin: 0 0 20px 0;}
  .caption {font-size: 12px; line-height: 12px;}
}
/*Awards*/





/*Breakout Imagery*/
.breakout .wrapper {overflow: visible !important; display: table;}
.breakout .text-wrapper {width: 65%;}

.sub-nav-breakout,
.breakout .images-wrapper {position: absolute; right: -150px; width: 100% !important; margin: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

@media all and (max-width: 1200px) {
  .breakout .text-wrapper {width: 60%;}
}

@media all and (max-width: 950px) {
  .breakout .text-wrapper {width: 55%;}
  .sub-nav-breakout,
  .breakout .images-wrapper {transform: translateY(-50%) scale(0.8); -webkit-transform: translateY(-50%) scale(0.8); right: -200px;}
}
@media all and (max-width: 750px) {
  .breakout .text-wrapper {width: auto;}
  .sub-nav-breakout,
  .breakout .images-wrapper {position: relative !important; right: 0px !important; margin: 0 auto 20px !important; width: 100% !important; max-width: 200px !important; top: 0px !important; transform: none; -webkit-transform: none;}
}
/*Breakout Imagery*/


/*General Alignment*/
.alignnone { max-width: 100%; height: auto; margin: 0 0 25px; }
.alignleft { float: left; display: block; margin: 0 25px 20px 0; max-width: 100%; height: auto; }
.alignright { float: right; display: block; margin: 0 0 20px 25px; max-width: 100%; height: auto; }
.aligncenter { margin: 0 auto; display: block; max-width: 100%; height: auto; }

img.border { border: 1px solid rgba(0, 0, 0, 0.1); }
/*General Alignment*/




/*Form*/
.gforms_confirmation_message,
.gform_wrapper {width: 100%; padding: 45px 50px 50px; background: #f7f8f9;}
.gform_wrapper ul li {list-style: none; margin: 0; padding: 0;}
.gform_wrapper ul li:before {content: '';}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="number"] {width: 100%; padding: 10px 16px; border: none; font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid #e5e5e5;}

.section ul.gform_fields,
.gform_fields { margin-left: 0; }

.gform_wrapper .checkboxes ul { margin: 0; }
.gform_wrapper .checkboxes ul label { padding-left: 23px; }
.gform_wrapper input[type="checkbox"] { position: relative; top: 6px; float: left; background: #ffffff; width: 13px; height: 13px; padding: 0; -webkit-appearance: checkbox; z-index: 1; }

.gform_wrapper input[type="submit"] {width: auto;}
.gfield.form-half {width: 48.5%; margin: 0 0 20px 0;}
.gfield.form-full { margin: 0 0 20px 0; }
.gfield.form-full-title { margin: 40px 0 20px 0; }
.gfield.form-left {float: left; clear: left; width: 48.5%; clear: left; margin: 0 0 20px 0;}
.gfield.form-right {float: right; clear: right; width: 48.5%;}
.gfield { clear: both; }
.gforms_confirmation_message p,
.gform_wrapper p {font-size: 15px;}

.gfield label {display: block; font-size: 15px; margin: 0 0 5px;}

.gform_wrapper input[type="submit"] {font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; background: #7f3f98; padding: 10px 16px; color: #ffffff; display: inline-block; text-decoration: none;border-radius: 3px; font-size: 16px; line-height:16px; cursor: pointer; border: none;}
.gform_wrapper input[type="submit"]:hover {text-decoration: none; background: #6c2b85;}
.gfield_error input {border: 1px solid #d73d14;}
.validation_message { color: #d73d14; font-size: 15px; margin: 5px 0 0; }
.validation_error {color: #d73d14; font-size: 15px; line-height: 20px; margin: 0 0 10px 0;}

.gform_confirmation_message { font-size:19px; line-height:32px; font-weight: normal; margin: 0 0 30px 0; }
.gform_confirmation_message a {color: rgba(127,63,152,1); border-bottom: 1px solid rgba(127,63,152,0); font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}
.gform_confirmation_message a.btn {color: #fff; border-bottom: none; }

.gform_description { display: block; font-size: 16px; line-height: 20px; margin: 0 0 30px; }

.gform_ajax_spinner {display: none;}

@media all and (max-width: 800px) {
  .gfield.form-left {float: left; width: 100%; clear: left; margin: 0 0 20px 0;}
  .gfield.form-right {float: left; width: 100%; margin: 0 0 20px 0;}
  .gfield.form-half {width: 100%; margin: 0 0 20px 0;}
}

.signup-area { background: #f7f8f9; padding: 45px 50px 50px; margin: 0 0 30px; }
/* .signup-form { float: left; width: 100%; padding: 0 280px 0 0; } */
.signup-form { float: left; width: 100%; padding: 0 0 0 0; }
.signup-form .gforms_confirmation_message, .signup-form .gform_wrapper { padding: 0; width: auto; }
.signup-promo { float: right; margin-left: -100%; width: 233px; }

.signup-form span.gfield_required { display: none; }

@media all and (max-width: 750px) {
  .gforms_confirmation_message, .gform_wrapper { padding: 20px 25px 25px; }

  .signup-form { width: 100%; padding: 0; }
  .signup-promo { display: none; }
}
/*Form*/


/*Press list*/
.pressList {}
.section ul.pressList li.pressListIcon { background-position: left 7px; background-repeat: no-repeat; padding-left: 25px; }
.section ul.pressList li.pressListIcon:before { content: ''; }

.section ul.pressList li a { font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; color: #333; }
.section ul.pressList li a:hover { border-color: #333; }


/* Performance Table */
.performance-tables { }
.performance-table { margin: 0 0 40px; }
.table-name h4 { font-size: 20px;line-height: 1; padding: 0 0 15px; margin: 0; width: 100%; color: #1d1178; }

.performance-table table { width: 100%; }

.performance-table tr { background: #efefef; font-size: 14px; }
.performance-table tr.row-even { background: #fcfcfc; }
.performance-table tr.row-cpi { background: #d5c5db !important; }
.performance-table tr td { padding: 10px 20px; border-left: 1px solid #fff; }
.performance-table tr td:first-child { border-left: none; }


.performance-table tr.returns { background: #f6f6f6; color: #7f4197; font-size: 16px; font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }
.performance-table tr.returns td { padding: 15px 20px; }


.performance-table tr.percentage { background: #f6f6f6; color: #7f4197; font-size: 16px; font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; text-align: center; }

.performance-table tr.titles { background: #b899c5; color: #fff; font-size: 14px; font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }
.performance-table tr.titles td { padding: 10px 20px; }
.performance-table tr.titles td.fund { color: #000; }
.performance-table tr.titles td.date { width: 120px; color: #000; }

.performance-table tr.titles td.month-1 { width: 100px; }
.performance-table tr.titles td.months-3 { width: 105px; }
.performance-table tr.titles td.year-1 { width: 85px; }
.performance-table tr.titles td.years-3 { width: 90px; }
.performance-table tr.titles td.years-5 { width: 90px; }

.performance-table tr.titles td.factsheet-download { width: 130px; color: #000; }

.performance-table tr a.download-factsheet { position: relative; padding-left: 20px; color: #666; }
.performance-table tr a.download-factsheet:hover { color: #000; }
.performance-table tr a.download-factsheet:before { content: ''; width: 19px; height: 25px; background: url('img/pdf-icon.png') no-repeat; position: absolute; top: -2px; left: -5px; }

.second-tables { padding: 30px 0 0; }

.performance-disclaimer img { margin: 0; }

@media all and (max-width: 850px) {
  .performance-table tr td { padding: 10px 15px; }
  .performance-table tr.returns td { padding: 15px; }
  .performance-table tr.titles td { padding: 10px 15px; }

  .performance-table tr.titles td.month-1 { width: 90px; }
  .performance-table tr.titles td.months-3 { width: 95px; }
  .performance-table tr.titles td.year-1 { width: 75px; }
  .performance-table tr.titles td.years-3 { width: 80px; }
  .performance-table tr.titles td.years-5 { width: 80px; }
  .performance-table tr.titles td.factsheet-download { width: 120px; }
}

@media all and (max-width: 700px) {
  .performance-tables .performance-table tr.titles { display: none; }
  .performance-table tr td { display: block; width: 100%; padding: 5px 15px; border: 0; }
  .performance-table tr td:nth-child(1) { padding: 15px 15px 5px; font-size: 16px; font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;  }
  .performance-table tr td:nth-child(7) { padding: 5px 15px 15px 15px; }

  .performance-table tr a.download-factsheet:before { left: 0; }

  .performance-table tr.returns td { background: #dedede; padding: 15px; }

  .performance-table tr.row-cpi td:nth-child(6) { padding: 5px 15px 15px 15px; }
  .performance-table tr.row-cpi td:nth-child(7) { display: none; }

  .performance-table tr.percentage { text-align: left; }
  .performance-table tr.percentage td { padding: 10px 15px; }
  .performance-table tr.percentage td:before { display: none; }
  .performance-table tr.percentage td:nth-child(1),
  .performance-table tr.percentage td:nth-child(3) { display: none; }
}

/* Twenty Percent Financial Advisers */
.twenty-percent-financial-advisers {float:right; margin: 0 0 0 30px; width: 210px;}
.twenty-percent-financial-advisers p {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; text-align: center; font-size: 16px; line-height: 20px; color: #82368c;}
.twenty-percent-financial-advisers .progress {position: relative; padding: 0; text-align: center; margin: 0 0 20px 0;}
.twenty-percent-financial-advisers .progress svg {width: 100%;}
.twenty-percent-financial-advisers .progress svg:nth-child(2) {position: absolute; left: 0; top: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.twenty-percent-financial-advisers .progress svg:nth-child(2) path {fill: none; stroke-width: 25; stroke-dasharray: 0; stroke: #ffffff; opacity:0.9;}
.twenty-percent-financial-advisers .progress.active svg:nth-child(2) path {stroke-dasharray: 629; -webkit-animation: load 2s ease-in-out; animation: load 2s ease-in-out;}
.twenty-percent-financial-advisers .progress p {position: absolute; width: 100%; font-size: 60px; text-align: center; top: 50%; left: 0; color: #82368c; font-family:'AvenirNextLTW01-DemiCn'; letter-spacing: -2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0;}
.twenty-percent-financial-advisers .progress p span:nth-child(1) {font-size: 60px;}
.twenty-percent-financial-advisers .progress p span:nth-child(2) {font-size: 40px;}
p.our-story-text { padding: 40px 0 0; }

@media all and (max-width: 950px) {
  .twenty-percent-financial-advisers {width: 150px;}
  .twenty-percent-financial-advisers p {font-size: 14px; line-height: 18px;}
  .twenty-percent-financial-advisers .progress {margin: 0 0 10px 0;}
  .twenty-percent-financial-advisers .progress p span:nth-child(1){font-size: 50px;}
  .twenty-percent-financial-advisers .progress p span:nth-child(2) {font-size: 30px;}

}

@media all and (max-width: 750px) {
  p.our-story-text { padding: 0; }
}

@media all and (max-width: 550px) {
  .twenty-percent-financial-advisers {width: 100%; float:left; margin: 0 0 20px 0;}
  .twenty-percent-financial-advisers p {font-size: 14px; line-height: 18px;}
  .twenty-percent-financial-advisers .progress {margin: 0 auto 10px; width: 60%;}
  .twenty-percent-financial-advisers .progress p span:nth-child(1){font-size: 60px;}
  .twenty-percent-financial-advisers .progress p span:nth-child(2) {font-size: 40px;}

}

@-webkit-keyframes load{
  0% {stroke-dashoffset:0}
}
@keyframes load{
  0% {stroke-dashoffset:0}
}
/* Twenty Percent Financial Advisers */




/* Post tables */
table.postTable { width: 100%; border: 0; border-collapse: collapse; margin: 0 0 30px; }
.postTable thead { background: rgb(29, 17, 96); color: #fff; }
.postTable thead th { border-left: 1px solid #fff; padding: 10px 20px; font-size: 17px; font-family: "Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif; }
.postTable thead th:first-child { border-left: 0; }


.postTable tbody tr { background: #efefef; }
.postTable tbody tr:nth-child(even) { background: #fcfcfc; }

.postTable tbody td { border-left: 1px solid #fff; padding: 10px 20px; font-size: 17px; }
.postTable tbody td:first-child { border-left: 0; }

.postTable tbody tr.dividerRow { background: #c9c9c9; height: 35px; }
.postTable tbody tr.dividerRow td { border: 0; }

.postTable td img {
  display: block;
  margin: 0 auto;
}

@media all and (max-width: 950px) {
  .postTable thead th,
  .postTable tbody td { padding: 7px 10px; font-size: 15px; }
}

@media all and (max-width: 550px) {
  .postTable thead th,
  .postTable tbody td { padding: 5px; font-size: 13px; }

  .postTable thead th { font-family: "Avenir Next LT W01 Light",Helvetica,Arial,sans-serif; }

  .postTable tbody tr.dividerRow { height: 25px; }
}


/* Relative Full Bleed */
.section.relative .wrapper {padding: 80px 100px !important; min-height: 0  !important;}
.section.relative .text-wrapper {position: relative !important; top: 0 !important; transform: none !important; -webkit-transform: none !important; padding: 0 !important;}

@media all and (max-width: 1100px) {
  .section.relative .wrapper {padding: 50px !important;}
}

@media all and (max-width: 700px) {
  .section.relative .wrapper {padding: 30px 20px !important;}
}




/* Seventy Percent */
#pufin {width:250px; float: right; margin: 0 0 50px 50px;}
.progressbar-text {font-size: 40px; font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: #666666 !important;}

@media all and (max-width: 600px) {
  #pufin { float: none; margin: 0 auto 30px; }
}

/* Pies */

/* Fix for all browsers */
.chart-wrapper {width: 320px; display:table-cell; float:left; }

.pie {height: 0; width: 100%; max-width: 320px; padding-top: 100%; position: relative; display: block;}
.pie svg {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
/* Fix for all browsers */

.pie .title {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; color: #666666; position: absolute; width: 52%; top: 50%; text-align: center; margin: 0 auto; left: 0; right: 0; font-size: 18px; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 2;}

.pie svg path {transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.pie .info {font-size: 14px; text-align: center; margin: -10px 0 0 0;}

.pie.purple .title {color: #ffffff;}
.pie.purple svg path {opacity: 0.25; transition: all 0.2s linear; -webkit-transition: all 0.2s linear;}
.pie.purple svg path:hover {cursor: pointer; opacity: 1;}

.pie svg path:hover, .pie svg path.active {fill: #7bc14c; cursor: pointer; opacity: 1;}

.our-promise {color: #ffffff;}

.gaps {display: table-cell; vertical-align: middle;}
.gaps .gaps-cycle {display: table;}
.gaps p {font-size: 17px; line-height: 28px; margin: 0 0 20px 0;}
.gaps .gap {display: none;}

.gaps .gap:first-child,
.gaps .gap.show {display: block;}

.wealth_management .pie {margin: -30px 30px 0 -30px;}

@media all and (max-width: 600px) {
  .savings-gap-holder {}
  .our-promise-wrapper .chart-wrapper,
  .wm-wrapper .chart-wrapper,
  .savings-gap-holder .chart-wrapper { float: none; width: 100%; display: block; }
  .wm-wrapper .gaps,
  .savings-gap-holder .gaps { float: none; width: 100%; display: block; }

  .our-promise-wrapper .our-promise .pie,
  .fund-managers .pie,
  .our-philosophy .pie,
  .wm-wrapper .wealth_management .pie,
  .savings-gap-holder .savings-gap .pie { height: auto; padding: 0; margin: -30px auto 10px; }
  .our-promise-wrapper .our-promise .pie svg,
  .fund-managers .pie svg,
  .our-philosophy .pie svg,
  .wm-wrapper .wealth_management .pie svg,
  .savings-gap-holder .savings-gap .pie svg { position: relative; }
}

.our-philosophy {width: 320px; float: right; margin: -30px 0 0 50px;}

.our-philosophy .pie svg path:nth-of-type(1):hover, .our-philosophy .pie svg path:nth-of-type(1).active {fill: #7f3f98; cursor: pointer; opacity:1;}
.our-philosophy .pie svg path:nth-of-type(2):hover, .our-philosophy .pie svg path:nth-of-type(2).active {fill: #7bc14c; cursor: pointer; opacity:1;}
.our-philosophy .pie svg path:nth-of-type(3):hover, .our-philosophy .pie svg path:nth-of-type(3).active {fill: #1d1160; cursor: pointer; opacity:1;}

.our-philosophy .pie svg g path:hover, .our-philosophy .pie svg g path.active {fill: #ffffff !important; cursor: default !important; opacity:1;}
.our-philosophy .pie svg g:nth-of-type(1) path:hover, .our-philosophy .pie svg g:nth-of-type(1) path.active {fill: #666666 !important; cursor: default !important; opacity:1;}

@media all and (max-width: 600px) {
  .our-philosophy { max-width: 320px; width: auto; float: none; margin: 0 auto; }
  .our-philosophy .pie { margin: -30px auto -20px; }
}

.fund-managers {width: 320px; float: right; margin: 0 0 0 50px;}

.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(1) {transition: all 0.5s ease-in-out 1s; -webkit-transition: all 0.5s ease-in-out 1s;fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(2) {transition: all 0.5s ease-in-out 1.3s; -webkit-transition: all 0.5s ease-in-out 1.3s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(3) {transition: all 0.5s ease-in-out 1.6s; -webkit-transition: all 0.5s ease-in-out 1.6s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(4) {transition: all 0.5s ease-in-out 1.9s; -webkit-transition: all 0.5s ease-in-out 1.9s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(5) {transition: all 0.5s ease-in-out 2.2s; -webkit-transition: all 0.5s ease-in-out 2.2s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(6) {transition: all 0.5s ease-in-out 2.5s; -webkit-transition: all 0.5s ease-in-out 2.5s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(7) {transition: all 0.5s ease-in-out 2.8s; -webkit-transition: all 0.5s ease-in-out 2.8s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(8) {transition: all 0.5s ease-in-out 3.1s; -webkit-transition: all 0.5s ease-in-out 3.1s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(9) {transition: all 0.5s ease-in-out 3.4s; -webkit-transition: all 0.5s ease-in-out 3.4s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(10) {transition: all 0.5s ease-in-out 3.7s; -webkit-transition: all 0.5s ease-in-out 3.7s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(11) {transition: all 0.5s ease-in-out 4s; -webkit-transition: all 0.5s ease-in-out 4s; fill: #7bc14c;}
.fund-managers .cycle-slide-active svg .animate:nth-last-of-type(12) {transition: all 0.5s ease-in-out 4.3s; -webkit-transition: all 0.5s ease-in-out 4.3s; fill: #7bc14c;}

.fund-managers svg path:hover {cursor: default !important; opacity: inherit !important;}

@media all and (max-width: 600px) {
  .fund-managers { max-width: 320px; width: auto; margin: 0 auto; float: none; }
  .fund-managers .pie { margin: 0 auto 10px; }
}

.our-promise .pie {margin: -30px 30px 0 -30px;}
.our-promise .pie svg path:hover, .our-promise .pie svg path.active {fill: #7bc14c; cursor: pointer; opacity:1;}

.savings-gap .pie {margin: -30px 30px 0 -30px;}
.savings-gap .pie svg path:nth-of-type(1):hover, .savings-gap .pie svg path:nth-of-type(1).active {fill: #7f3f98; cursor: pointer; opacity:1;}
.savings-gap .pie svg path:nth-of-type(2):hover, .savings-gap .pie svg path:nth-of-type(2).active {fill: #7bc14c; cursor: pointer; opacity:1;}
.savings-gap .pie svg path:nth-of-type(3):hover, .savings-gap .pie svg path:nth-of-type(3).active {fill: #1d1160; cursor: pointer; opacity:1;}

.portfolio-details .pie {margin: -30px 30px 0 -30px;}



/* Tooltips */
#powerTip {position: absolute;display: none; background: rgba(0,0,0,0.8); border-radius: 4px; color: #ffffff; padding: 5px; font-size: 14px;}
#powerTip {z-index: 2147483647;}

/* Tabbed subnav with icons */
.tabbed-section-subnav { margin: 0 0 60px; }
.tabbed-subnav {width: 100%; float: none; display:table; margin: 0 !important;}
.section .tabbed-subnav li {width: 20%; text-align:center; font-size:16px !important; vertical-align: top; padding: 0; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #999999; transition: none; -webkit-transition: none; display: table-cell; padding: 0 10px; list-style: none !important; line-height: 14px !important; margin: 0 !important;}
.section .tabbed-subnav li:before {content: '';ay: none;}
.tabbed-subnav li:first-child {border-radius: 6px 0 0 6px; border-left: 1px solid #e5e5e5;}
.tabbed-subnav li:last-child {border-radius: 0 6px 6px 0;}
.tabbed-subnav li a {color: #999 !important; text-align:center; padding: 25px 40px; line-height: 1.5; display: block; border: none !important; transition: none; -webkit-transition: none;}
.tabbed-subnav li a img { display: block; margin: 0 auto 10px; }
.tabbed-subnav li:hover,
.tabbed-subnav li.current { background: #7f3f98; border-color: #7f3f98; position: relative; }
.tabbed-subnav li.current a,
.tabbed-subnav li:hover a { color: #fff !important; }
.tabbed-subnav li:before { bottom: 0; top: auto; }
.tabbed-subnav li.current:before { content: ''; background: #7f3f98; width: 24px; height: 24px; position: absolute; left: 50%; bottom: -12px; top: auto; margin-left: -12px;
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom 0.2s; transition: bottom 0.2s; }

.tabbed-subnav li a img.hover { display: none; }
.tabbed-subnav li.current a img.hover,
.tabbed-subnav li:hover a img.hover { display: block; }

.tabbed-subnav li.current a img.default,
.tabbed-subnav li:hover a img.default { display: none; }

@media all and (max-width: 1050px) {
  .tabbed-subnav li a { padding: 25px; }
}

@media all and (max-width: 950px) {
  .adviser-centre.tabbed-layout .mobile-menu { display: none; }

  .tabbed-subnav li a { padding: 25px 15px; }
}

@media all and (max-width: 850px) {
  .section .tabbed-subnav li { font-size: 14px !important; }
}

@media all and (max-width: 800px) {
  .tabbed-subnav li a { padding: 25px 5px; }
}

@media all and (max-width: 750px) {
  .tabbed-section-subnav { display: none; }

  .adviser-centre.tabbed-layout .mobile-menu { display: block; }
}

/* Bar Charts */
.impulsesave-barchart {max-width: 965px; width: 100%; margin: 0 auto 100px auto; padding: 0px 50px;}

.mobile-retirement-planner { display: none; }

.retirement-planner {max-width: 652px; width: 100%; margin: 0 auto 100px auto; padding: 0px 50px;}
.retirement-planner .chart {border: none; height: 0; width: 100%; padding-top: 51%; position: relative;}
.retirement-planner .chart .bottom-text {bottom: -10px !important; width: 100%; text-align: center;}
.retirement-planner .chart .bottom-text p {width: 50%; text-align: center; font-size: 16px;}

.retirement-planner svg .upward-line path {stroke-dasharray: 280; stroke-dashoffset: 280; animation: dash 6s linear forwards; -webkit-animation: dash 6s linear forwards;}
.retirement-planner svg .downward-line path {stroke-dasharray: 280; stroke-dashoffset: -280; animation: dash 6s linear forwards 6s; -webkit-animation: dash 6s linear forwards 6s;}

.retirement-planner svg .upward-line path:nth-child(1) {opacity: 0; animation: fadeIn 0.3s ease-in-out forwards; -webkit-animation: fadeIn 0.3s ease-in-out forwards;}
.retirement-planner svg .upward-line path:nth-child(3) {opacity: 0; animation: fadeIn 0.3s ease-in-out forwards 5s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 5s;}
.retirement-planner svg .downward-line path:nth-child(1) {opacity: 0; animation: fadeIn 0.3s ease-in-out forwards 6s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 6s;}
.retirement-planner svg .downward-line path:nth-child(3) {opacity: 0; animation: fadeIn 0.3s ease-in-out forwards 12s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 12s;}

.retirement-planner svg .upward-lines path {stroke-dasharray: 400; stroke-dashoffset: 400;}
.retirement-planner svg .downward-lines path {stroke-dasharray: 400; stroke-dashoffset: 400;}

@media all and (max-width: 600px) {
  .mobile-retirement-planner { display: block; }
  .mobile-retirement-planner img { max-width: 100%; height: auto; margin: 0 0 20px; }

  .retirement-planner { display: none; }
}

.continuum-of-choice {max-width: 965px; width: 100%; margin: 0 auto 100px auto; padding: 0px 50px;}
.continuum-of-choice .chart svg .line:nth-of-type(1) {stroke-dasharray: 1100; stroke-dashoffset: 1100; animation: dash 2s ease-in-out forwards; -webkit-animation: dash 2s ease-in-out forwards;}
.continuum-of-choice .chart .circle {width: 15px; height: 15px; background: red; display: block; position: absolute; border-radius: 15px; opacity: 0; transform: translateX(-50%); cursor: pointer;}

.continuum-of-choice .chart .circle:nth-of-type(1) {background: #c5c1d9; top: 85%; left: 9.5%; animation: fadeIn 0.3s ease-in-out forwards 2s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 2s;}
.continuum-of-choice .chart .circle:nth-of-type(2) {background: #948ab3; top: 59%; left: 30%; animation: fadeIn 0.3s ease-in-out forwards 3s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 3s;}
.continuum-of-choice .chart .circle:nth-of-type(3) {background: #685b8f; top: 39%; left: 50%; animation: fadeIn 0.3s ease-in-out forwards 4s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 4s;}
.continuum-of-choice .chart .circle:nth-of-type(4) {background: #433370; top: 25%; left: 70%; animation: fadeIn 0.3s ease-in-out forwards 5s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 5s;}
.continuum-of-choice .chart .circle:nth-of-type(5) {background: #271759; top: 16%; left: 90%; animation: fadeIn 0.3s ease-in-out forwards 6s; -webkit-animation: fadeIn 0.3s ease-in-out forwards 6s;}

.continuum-of-choice .chart .hover-info {font-size: 14px; position: absolute; bottom: 25%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center;}

.continuum-of-choice .three-btns {float: left; width: 100%; margin: 0 0 80px 0; cursor: pointer;}
.continuum-of-choice .three-btns li {list-style: none !important; float: left; width: 20%; text-align: center; padding: 15px 20px; margin: 20px 0 0 0; color: #ffffff; font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;}
.continuum-of-choice .three-btns li:nth-of-type(1), .continuum-of-choice .popups li:nth-of-type(1) {background: #c5c1d9;}
.continuum-of-choice .three-btns li:nth-of-type(2), .continuum-of-choice .popups li:nth-of-type(2) {background: #948ab3;}
.continuum-of-choice .three-btns li:nth-of-type(3), .continuum-of-choice .popups li:nth-of-type(3) {background: #685b8f;}
.continuum-of-choice .three-btns li:nth-of-type(4), .continuum-of-choice .popups li:nth-of-type(4) {background: #433370;}
.continuum-of-choice .three-btns li:nth-of-type(5), .continuum-of-choice .popups li:nth-of-type(5) {background: #271759;}

.continuum-of-choice .chart .block {width: 20%; height: 100%; display: block; position: absolute; cursor: pointer; top: 0; z-index: 10;}
.continuum-of-choice .chart .block:nth-of-type(1) {left: 0;}
.continuum-of-choice .chart .block:nth-of-type(2) {left: 20%;}
.continuum-of-choice .chart .block:nth-of-type(3) {left: 40%;}
.continuum-of-choice .chart .block:nth-of-type(4) {left: 60%;}
.continuum-of-choice .chart .block:nth-of-type(5) {left: 80%;}

.continuum-of-choice li:before {display: none !important;}
.continuum-of-choice .popups li {color: #ffffff; padding: 10px; width: 25%; text-align: center; position: absolute; opacity: 0; transition: all 0.3s ease-in-out; list-style: none !important;}
.continuum-of-choice .popups li.active {opacity: 1 !important;}
.continuum-of-choice .popups li:nth-of-type(1) {bottom: 18%; left: -3%; opacity: 0; animation: fadeInOut 1s ease-in-out forwards 2s; -webkit-animation: fadeInOut 1s ease-in-out 2s;}
.continuum-of-choice .popups li:nth-of-type(2) {bottom: 44%; left: 17.5%; opacity: 0; animation: fadeInOut 1s ease-in-out forwards 3s; -webkit-animation: fadeInOut 1s ease-in-out 3s;}
.continuum-of-choice .popups li:nth-of-type(3) {bottom: 64%; left:37.5%; opacity: 0; animation: fadeInOut 1s ease-in-out forwards 4s; -webkit-animation: fadeInOut 1s ease-in-out 4s;}
.continuum-of-choice .popups li:nth-of-type(4) {bottom: 78%; left: 57.5%; opacity: 0; animation: fadeInOut 1s ease-in-out forwards 5s; -webkit-animation: fadeInOut 1s ease-in-out 5s;}
.continuum-of-choice .popups li:nth-of-type(5) {bottom: 87%; left: 77.5%; opacity: 0; animation: fadeInOut 1s ease-in-out forwards 6s; -webkit-animation: fadeInOut 1s ease-in-out 6s;}

.continuum-of-choice .popups li:after {content: ""; bottom: -12px; left: 50%; display: block; position: absolute; margin: 0 0 0 -7px; border-style: solid; list-style: none !important;
border-width: 12px 7px 0 7px;}
.continuum-of-choice .popups li:nth-of-type(1):after {border-color: #c5c1d9 transparent transparent transparent;}
.continuum-of-choice .popups li:nth-of-type(2):after {border-color: #948ab3 transparent transparent transparent;}
.continuum-of-choice .popups li:nth-of-type(3):after {border-color: #685b8f transparent transparent transparent;}
.continuum-of-choice .popups li:nth-of-type(4):after {border-color: #433370 transparent transparent transparent;}
.continuum-of-choice .popups li:nth-of-type(5):after {border-color: #271759 transparent transparent transparent;}

.continuum-of-choice .popups li p {font-size: 12px; line-height: 18px; margin: 0 0 8px 0;}

.continuum-of-choice .chart .dotted-line {top: 0; position: absolute; height: 100%; width: 1px; border-right: 1px dotted #cccccc; margin: 0 0 0 -1px;}
.continuum-of-choice .chart .dotted-line:nth-of-type(1) {left: 20%;}
.continuum-of-choice .chart .dotted-line:nth-of-type(2) {left: 40%;}
.continuum-of-choice .chart .dotted-line:nth-of-type(3) {left: 60%;}
.continuum-of-choice .chart .dotted-line:nth-of-type(4) {left: 80%;}

.continuum-of-choice .chart .left-text {left: -85px !important;}
.continuum-of-choice .chart .bottom-text {bottom: -125px !important; width: 100%; text-align: center;}
.continuum-of-choice .chart .bottom-text p {width: 100%; text-align: center;}

.mobile-funds-info { display: none; }

@media all and (max-width:750px) {
  .continuum-of-choice { display: none; }

  .mobile-funds-info { display: block; }
}


/* Fix for all browsers */
.chart {border-left: 2px solid #999999; border-bottom: 2px solid #999999; height: 0; width: 100%; padding-top: 51%; position: relative;}
.chart svg {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* Fix for all browsers */


.chart svg .line:nth-of-type(1) {stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 2s ease-in-out forwards; -webkit-animation: dash 2s ease-in-out forwards;}
.chart svg .line:nth-of-type(2) {stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 2s ease-in-out forwards 3s; -webkit-animation: dash 2s ease-in-out forwards 3s;}
.chart svg .line:nth-of-type(3) {stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 2s ease-in-out forwards; -webkit-animation: dash 2s ease-in-out forwards;}

.chart svg .line-dot {
  animation: fadeIn 0.3s ease-in-out forwards 2s; opacity: 0;
  -webkit-animation: fadeIn 0.3s ease-in-out forwards 2s;
}

.chart svg .your-goal-text, .chart svg .current-savings-text {
  animation: fadeIn 0.5s ease-in-out forwards 2s; opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out forwards 2s;
}
.chart svg .impulse-save-logo {
  animation: fadeIn 0.5s ease-in-out forwards 5.5s; opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out forwards 5.5s;
}

.chart svg .circle {
  animation: fadeIn 0.5s ease-in-out forwards 3.9s; opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out forwards 3.9s;
}
.chart svg .stalk {
  animation: circle 1s linear forwards 4.5s; stroke-dasharray: 500; stroke-dashoffset: 500;
  -webkit-animation: circle 1s linear forwards 4.5s;
}
.chart svg .arrow {
  animation: fadeIn 0.5s ease-in-out forwards 5s; opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out forwards 5s;
}
.chart svg .circle-text {
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  animation: fadeIn 0.5s ease-in-out forwards 5.5s; opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in-out forwards 5.5s;
}

.chart .left-text {top: 50%; position: absolute; left: -50px; transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
}

.chart .left-text p {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 17px; margin: 0; color: #666666;}
.chart .bottom-text {bottom: -40px; position: absolute; left: 0; width: 100%;}
.chart .bottom-text p {font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; float: left; width: 100%; margin: 0; font-size: 17px; color: #666666; text-align: center;}



/* Target ie9/10/11 */
@media screen\0 {
  .chart svg * {animation: none !important; stroke-dashoffset: 0 !important; opacity: 1 !important;}
}


@media all and (max-width: 1100px) {
  .chart-wrapper {width: 250px; margin: 0;}
}

@media all and (max-width:950px) {
  .impulsesave-barchart {padding: 0px 20px; margin: 0 auto 60px auto;}
  .chart {border-left: 1px solid #999999; border-bottom: 1px solid #999999;}
  .chart .left-text {left: -40px;}
  .chart .bottom-text {bottom: -30px;}
  .chart .left-text p, .chart .bottom-text p {font-size: 14px; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;}
  .gaps p {font-size: 16px; line-height: 26px;}
}

@media all and (max-width:550px) {
  .gaps {width: 100%; display: block;}

  .chart .line {stroke-width: 5;}
  .chart .circle {stroke-width: 5;}
  .chart .stalk {stroke-width: 5;}
  .impulse-save-logo {width: 300px; height: auto;}

}







@keyframes dash {
  to {
    stroke-dashoffset: 0 ;
  }
}
@keyframes grow {
  100% {
    transform: scale(1);
  }
}
@keyframes circle {
  100% {
    stroke-dashoffset: 300;
  }
}
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
 25% {
  opacity: 1;
}
75% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}






@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes grow {
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes circle {
  100% {
    stroke-dashoffset: 300;
  }
}
@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
 50% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}





















/*/////////////////////////////////////////ANIMATION//////////////////////////////////////////////*/

@-webkit-keyframes heroText {
  from {opacity: 0; top: 50px; position: relative;}
  to {opacity: 1; top: 0;}
}
@-moz-keyframes heroText {
  from {opacity: 0; top: 50px; position: relative;}
  to {opacity: 1; top: 0;}
}
@-ms-keyframes heroText {
  from {opacity: 0; top: 50px; position: relative;}
  to {opacity: 1; top: 0;}
}
@keyframes heroText {
  from {opacity: 0; top: 50px; position: relative;}
  to {opacity: 1; top: 0;}
}








@-webkit-keyframes bounceIn {
  0% {opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) scale(.3);}
  50% {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1.05);}
  70% {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(.9);}
  100% {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1);}
}

@keyframes bounceIn {
  0% {opacity: 0; transform: translateX(-50%) translateY(-50%) scale(.3);}
  50% {opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1.05);}
  70% {opacity: 1; transform: translateX(-50%) translateY(-50%) scale(.9);}
  100% {opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1);}
}








/*/////////////////////////////////////////SLICK SLIDER//////////////////////////////////////////////*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/*Fancybox*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
	z-index: 10030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 10060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 10040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 10040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 10040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 10000;
	background: url('img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* Dropdowns */
.dropdown {opacity: 0; visibility: hidden; position: absolute; top: 48px; left: -2px; right: -2px; background: #0d053a; padding: 0; min-width: 100%;
  -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
  .popover.active .dropdown {opacity: 1; visibility: visible; }

  .dropdown a {text-align: left; color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.2); display: block; width: 100%; padding: 14px 24px; margin: 0; font-size: 14px; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;}
  .dropdown a:last-child {border: none; margin: 0;}
  .dropdown a:hover {color: rgba(255,255,255,1);}

  @media all and (max-width:1550px) {
    .dropdown a {padding: 14px 20px;}
  }

  /*Find an Adviser*/
  #region_select { border: 1px solid #e5e5e5; font-family: "Avenir Next W01 Light",Helvetica,Arial,sans-serif; font-size: 16px; padding: 10px 16px; width: 100%; }
  #adviser_list { padding-top: 60px; }
  .adviser { border-top: 1px solid #e5e5e5; padding-top: 20px; margin-bottom: 30px; }
  .adviser .adviser_name { margin-bottom: 5px; }
  .adviser .adviser_location { margin-bottom: 5px; }
  .adviser .adviser-btn { float: right; margin-left: 30px; }
  .adviser_left { float: left; padding-right: 200px; width: 100%; }
  .adviser_right { float: right; margin-left: -100%; width: 200px; }

  @media all and (max-width: 700px) {
    .adviser { margin-bottom: 25px; }
    .adviser_left { float: none; width: 100%; margin-top: 0px; padding: 0; }
    .adviser_right { width: 100%; text-align: left; float: none; margin-top: 10px; margin-left: 0;}
    .adviser .adviser-btn { float: none; margin-left: 0;}
  }

  /*Auto Enrolment*/
  .inner-content .hero.enrolment {height: 100%;}
  .hero.enrolment .hero-text span img { width: 100%; }

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

  .section.auto-enrolment { font-family: "Proxima N W01 Reg"; color: #666666; }
  .section.auto-enrolment h3 { font-family: "Conv_Interstate-BoldCondensed", sans-serif; font-size: 45px; line-height: 55px; color: #1D1060; text-transform: uppercase; }
  .section.auto-enrolment h4 { background: #1D1060; font-family: "Conv_Interstate-BoldCondensed", sans-serif; color: #ffffff; font-size: 20px; line-height: 20px; text-transform: uppercase; width: 96%; padding: 15px; position: relative; margin: 0 auto 20px; }
  .section.auto-enrolment h4:before,
  .section.auto-enrolment h4:after { content: ""; position: absolute; display: block; border: 25px solid #1D1060; top: 0; }
  .section.auto-enrolment h4:before { border-right-width: 2px; border-left-color: transparent; left: -20px; border-left-width: 20px; }
  .section.auto-enrolment h4:after { border-left-width: 2px; border-right-color: transparent; right: -20px; border-right-width: 20px; }
  .section.auto-enrolment strong { font-family:'Proxima N W01 Bold'; }
  .section.auto-enrolment .btn { background: #1D1060; font-family: "Conv_Interstate-BoldCondensed", sans-serif; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 15px 30px; border-radius: 0; }
  .section.auto-enrolment .btn:hover { background: #0F053E; }

  .chartWrapper { margin-bottom: 30px; }
  .chartWrapper .topTitles {margin-bottom: 20px; }
  .chartWrapper .bottomTitles {margin: 20px 0; }
  .chartWrapper .source { font-size: 10px; }
  .chartWrapper .column { float: left; }
  .chartWrapper .column:nth-child(1) { width: 43.75%; }
  .chartWrapper .column:nth-child(2) { width: 31.25%; }
  .chartWrapper .column:nth-child(3) { width: 25% }
  .chartWrapper .column h3 { font-size: 20px; line-height: 30px; margin: 0; }
  .chartWrapper .column h3.grey { color: #666666; }
  .chartWrapper .column h3.green { color: #7fbf56; }
  .chartWrapper .column h3.purple { color: #813a8b; }

  #chart { width: 100%; height: 460px; margin: 0 auto; display: block; background: url('img/graphBG.svg') no-repeat; background-size: 100% auto; }
  #chart #bars { display: inline-block; width: 100%; height: 432px ;padding: 0; margin: 0 -5px; }
  #chart #bars li { float: left; width: 6.25%; height: 432px; margin: 0; padding: 0 5px; text-align: center; }
  #chart #bars li .barWrapper { position: relative; height: 432px; }
  #chart #bars li:before { display: none; }
  #chart #bars li .barWrapper .bar { display: block; width: 100%; position: absolute; bottom: 0; height: 0; }
  #chart #bars li .barWrapper .bar span { content: ''; position: relative; bottom: 28px; font-family: "Conv_Interstate-BoldCondensed", sans-serif; font-size: 18px; color: #1d1060; opacity: 0; -webkit-animation: fadeIn 1s ease-in-out 1s; animation: fadeIn 1s ease-in-out 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; z-index: 1; }
  #chart #bars li .greyBar { background: #979493; }
#chart #bars li .greenBar { background: rgb(170,200,80); background: -moz-linear-gradient(top, rgba(170,200,80,1) 0%, rgba(118,155,50,1) 100%); background: -webkit-linear-gradient(top, rgba(170,200,80,1) 0%,rgba(118,155,50,1) 100%); background: linear-gradient(to bottom, rgba(170,200,80,1) 0%,rgba(118,155,50,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac850', endColorstr='#769b32',GradientType=0 ); /* IE6-9 */ }
#chart #bars li .purpleBar { background: rgb(143,101,163); background: -moz-linear-gradient(top, rgba(143,101,163,1) 0%, rgba(113,54,135,1) 100%); background: -webkit-linear-gradient(top, rgba(143,101,163,1) 0%,rgba(113,54,135,1) 100%); background: linear-gradient(to bottom, rgba(143,101,163,1) 0%,rgba(113,54,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f65a3', endColorstr='#713687',GradientType=0 ); }

#chart #bars .barWrapper span { content: ''; position: absolute; bottom: -28px; font-family: "Proxima N W01 Reg"; color: #666666; font-size: 10px; line-height: 12px; color: #666666; display: block; width: 100%; text-align: center; }

.lineGraphWrapper { max-width: 640px; width: 100%; margin: 26px auto 40px; padding: 0px; }
.lineGraphWrapper .lineGraph { height: 0px; width: 100%; position: relative; }
.lineGraphWrapper .lineGraph svg { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.lineGraphWrapper .lineGraph .blocks { position: relative; border-top: 1px solid #cccccc; }
.lineGraphWrapper .lineGraph .block:first-child { border-left: 1px solid #cccccc; }
.lineGraphWrapper .lineGraph .block { height: 10px; display: block; z-index: 10; float: left; border-right: 1px solid #cccccc; position: relative; top: -5px; }

.lineGraphWrapper .lineGraph.warmUp {padding-top: 52px;}
.lineGraphWrapper .lineGraph.warmUp .block { width: 14.285%; }
.lineGraphWrapper .lineGraph.highIntensity {padding-top: 96px;}
.lineGraphWrapper .lineGraph.highIntensity .block { width: 20%; }
.lineGraphWrapper .lineGraph.coolDown {padding-top: 89px;}
.lineGraphWrapper .lineGraph.coolDown .block { width: 25%; }
.lineGraphWrapper .lineGraph .block span { margin: 0; padding: 0; font-size: 10px; line-height: 12px; display: block; padding-top: 15px; }

.lineGraphWrapper .lineGraph .circle { width: 9px; height: 9px; display: block; position: absolute; border-radius: 50%; transform: translateX(-50%); }
.lineGraphWrapper .lineGraph.warmUp .circle { background: #666666; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(1) {  top: 36%; left: 7.1425%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(2) {  top: 44%; left: 21.4275%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(3) {  top: 63%; left: 35.7125%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(4) {  top: 53%; left: 49.9975%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(5) {  top: 33%; left: 64.2825%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(6) {  top: 49%; left: 78.5675%; }
.lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(7) {  top: 34%; left: 92.8525%; }

.lineGraphWrapper .lineGraph.highIntensity .circle { background: #7fbf56; }
.lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(1) {  top: 68%; left: 10%; }
.lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(2) {  top: 73%; left: 30%; }
.lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(3) {  top: 52%; left: 50%; }
.lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(4) {  top: 35%; left: 70%; }
.lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(5) {  top: 18%; left: 90%; }

.lineGraphWrapper .lineGraph.coolDown .circle { background: #813a8b; }
.lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(1) {  top: 19%; left: 12.5%; }
.lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(2) {  top: 41%; left: 37.5%; }
.lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(3) {  top: 49%; left: 62.5%; }
.lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(4) {  top: 70%; left: 87.5%; }

.lineGraphWrapper .lineGraph .circle span {font-family:'Proxima N W01 Bold'; font-size: 10px; color: #1D1060; position: relative; bottom: 25px; left: 50%; margin-left: -15px; white-space: nowrap; display: block; width: 30px; }


.tablesWrapper { display: none; margin-bottom: 30px; position: relative; }
.tableWrapper { padding-left: 37px; }
.tablesWrapper table { border: 1px solid #cccccc; font-size: 12px; text-transform: uppercase; }
.tablesWrapper table th,
.tablesWrapper table td { padding: 10px; width: 50%; }
.tablesWrapper table th { font-family:'Proxima N W01 Bold'; }
.tablesWrapper table td { border-top: 1px solid #cccccc; }
.tablesWrapper tr:nth-child(odd) td {background-color: #f0f0f0;}
.tablesWrapper tr:nth-child(even) td {background-color: #f9f9f9;}
.tablesWrapper table th:nth-child(odd),
.tablesWrapper table td:nth-child(odd) { border-right: 1px solid #cccccc; }
.tablesWrapper table td:nth-child(even) { font-family:'Proxima N W01 Bold'; color: #1D1060; }

.enrolmentTable { position: relative; }
.enrolmentTable.grey th { color: #666666; }
.enrolmentTable.purple th { color: #813a8b; }
.enrolmentTable.green th { color: #7fbf56; }

.enrolmentTable .tableTitle { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 37px;  }
.enrolmentTable.grey .tableTitle { background: #666666; }
.enrolmentTable.green .tableTitle { background: #7fbf56; }
.enrolmentTable.purple .tableTitle { background: #813a8b; }
.tableTitle h5 { margin: 0; padding: 0; transform: translateX(-50%) translateY(-50%) rotate(-90deg); position: absolute; top: 50%; left: 50%; text-align: center; font-family:'Proxima N W01 Bold'; font-size: 14px; text-transform: uppercase; color: #ffffff; white-space: nowrap; }

.section.greyBG .grid { margin: 0 -25px; }
.section.greyBG .grid .column { float: left; width: 25%; padding: 0px 25px 10px; }

.section.auto-enrolment.shape-up h3 { text-align: center; }

.section.greyBG {background: rgba(250,250,250,1);}
.section.auto-enrolment .greenWrapper { background: rgba(235,246,228,1); position: relative; padding: 0; margin: 0 auto 30px; text-align: center; }
.section.auto-enrolment .greenWrapper .ribbonWrapper { position: relative; width: 100%; height: 178px; }
.section.auto-enrolment .greenWrapper .ribbon { position: absolute; width:92%; height:124px; background: #7bc14c; content: ''; top: 0px; left: 50%; margin-left: -46%; }
.section.auto-enrolment .greenWrapper .ribbon:before,
.section.auto-enrolment .greenWrapper .ribbon:after { content: ""; position: absolute; display: block; border: 62px solid #7bc14c; z-index: 1; }
.section.auto-enrolment .greenWrapper .ribbon:before { border-right-width: 2px; border-left-color: transparent; left: -40px; border-left-width: 40px; }
.section.auto-enrolment .greenWrapper .ribbon:after { border-left-width: 2px; border-right-color: transparent; right: -40px; border-right-width: 40px; }
.section.auto-enrolment .greenWrapper img { position: absolute; top: 50%; margin-top: -118px; left: 50%; margin-left: -118px; }
.section.auto-enrolment .greenWrapper .text { padding: 60px; }
.section.auto-enrolment .greenWrapper .text p a { font-family:'Proxima N W01 Bold'; color: #7bc14c; text-decoration: none; }
.section.auto-enrolment .greenWrapper .text p a:hover { border-bottom: 1px solid #7bc14c; }
.section.auto-enrolment .greenWrapper .text .btn { font-family: "Conv_Interstate-BoldCondensed", sans-serif; color: #ffffff; margin-bottom:30px; }

@media all and (max-width: 1100px) {
  .section.auto-enrolment .greenWrapper .ribbonWrapper { height: 138px; }
  .section.auto-enrolment .greenWrapper .ribbon { height:94px; }
  .section.auto-enrolment .greenWrapper .ribbon:before,
  .section.auto-enrolment .greenWrapper .ribbon:after { border: 47px solid #7bc14c; }
  .section.auto-enrolment .greenWrapper .ribbon:before { border-right-width: 3px; border-left-color: transparent; left: -30px; border-left-width: 30px; }
  .section.auto-enrolment .greenWrapper .ribbon:after { border-left-width: 3px; border-right-color: transparent; right: -30px; border-right-width: 30px; }
  .section.auto-enrolment .greenWrapper img { width: 180px; margin-top: -90px;  margin-left: -90px; }
}

@media all and (max-width: 950px) {
  .section.auto-enrolment .btn { font-size: 18px; line-height: 28px; }
  .section.greyBG .grid .column { width: 50%; }
}

@media all and (max-width: 800px) {
  .chartWrapper .column h3 { font-size: 16px; line-height: 26px; margin: 0; }
  #chart #bars li .barWrapper .bar span { bottom: 28px; font-size: 12px; }
}

@media all and (max-width: 768px) {
  #chart #bars .barWrapper span { bottom: -38px; }
}

@media all and (max-width: 700px) {
  .section.auto-enrolment h3 { font-size: 25px; line-height: 35px; }
  .chartWrapper .column h3 { font-size: 16px; line-height: 26px; margin: 0; }
  .section.auto-enrolment .greenWrapper .text { padding: 30px; }
  .section.auto-enrolment .greenWrapper .ribbonWrapper { height: 93px; }
  .section.auto-enrolment .greenWrapper .ribbon { height:64px; }
  .section.auto-enrolment .greenWrapper .ribbon:before,
  .section.auto-enrolment .greenWrapper .ribbon:after { border: 32px solid #7bc14c; }
  .section.auto-enrolment .greenWrapper .ribbon:before { border-right-width: 2px; border-left-color: transparent; left: -20px; border-left-width: 20px; }
  .section.auto-enrolment .greenWrapper .ribbon:after { border-left-width: 2px; border-right-color: transparent; right: -20px; border-right-width: 20px; }
  .section.auto-enrolment .greenWrapper img { width: 120px; margin-top: -60px;  margin-left: -60px; }
  .section.auto-enrolment .greenWrapper .text { padding: 20px; }
}

@media all and (max-width: 640px) {
  .chartWrapper { display: none; }
  .tablesWrapper { display: block; }
}

@media all and (max-width: 550px) {
  .section.greyBG .grid .column { width: 100%; }
  .section.greyBG .grid .column img { width: 25%; }

  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(1) { top: 66%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(2) { top: 70%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(3) { top: 50%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(4) { top: 37%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(5) { top: 20%; }
}

@media all and (max-width: 480px) {
  .lineGraphWrapper .lineGraph .circle { width: 5px; height: 5px; }

  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(1) { top: 40%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(2) { top: 46%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(3) { top: 61%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(4) { top: 54%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(5) { top: 36%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(6) { top: 50%; }
  .lineGraphWrapper .lineGraph.warmUp .circle:nth-of-type(7) { top: 38%; }

  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(1) { top: 65%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(2) { top: 68%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(3) { top: 54%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(4) { top: 41%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(5) { top: 28%; }

  .lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(1) { top: 29%; }
  .lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(2) { top: 46%; }
  .lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(3) { top: 52%; }
  .lineGraphWrapper .lineGraph.coolDown .circle:nth-of-type(4) { top: 65%; }
}

@media all and (max-width: 400px) {
  .section.auto-enrolment h4 { font-size: 18px; }
  .lineGraphWrapper .lineGraph .block span { font-size: 9px; line-height: 11px; display: block; }

  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(1) { top: 62%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(2) { top: 65%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(3) { top: 52%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(4) { top: 41%; }
  .lineGraphWrapper .lineGraph.highIntensity .circle:nth-of-type(5) { top: 31%; }
}

/*Home temp overlay*/
.homeOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); z-index: 9999; }

.homeOverlayContent {  padding: 20px; text-align: center; max-width: 1000px; width: 100%; position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }
  .homeOverlayContentInner { background: #fff; padding: 30px; }
  .homeOverlayContentInner h1 { color: #1d1160; }
  .homeOverlayContentInner p { color: #333; }
  .homeOverlayContentInner a.btn { margin: 5px; }

  @media all and (max-width: 700px) {
    .homeOverlayContentInner { padding: 20px; }
  }

  @media all and (max-height: 500px) {
    .homeOverlay { overflow-y: scroll }
    .homeOverlayContent { position: static; top: 0; left: 0; transform: none; }
  }



/* #Lison #Landing Page
========================================= */

.conference-page { background: #f4f3f7; }

.menuActive.conference-page .header { margin: 0; width: 100%; }
.menuActive.conference-page .content { margin: 0;}

.landing-form .gfield_required,
.landing-page .header .right,
.landing-page .header .menu-icon,
.landing-page .footer,
.conference-page .footer {
  display: none;
}


.conference .btn.large { font-family:'AvenirNextLTW01-DemiCn'; padding: 18px 20px; font-size: 20px; }

.conference .section.white { background: #fff; }

.conference .section.white h2 { margin: 0; }

.header--landing {
  background: rgba(29,17,96,0.9);
  padding: 20px 30px;
  height: auto;
  z-index: 98;
  text-align: right;
}

.header--landing .logo img {
  height: 35px;
  width: auto;
  padding: 0;
}

.landing {
  width: 100%;
}

.landing,
.content--landing {
  height: auto;
  min-height: 768px;
}

.landing--full {
  height: calc(100vh);
  padding-top: 60px;
}

.landing--gdpr {
  background-size: cover;
  background-image: url("img/bg-gdpr.jpg");
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.landing--berlin {
  background-size: cover;
  background-image: url("img/landing-dubrovnik.jpg");
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.landing.conference,
.content--landing.conference {
  height: auto;
  min-height: 0;
}

.landing--berlin.conference {
  padding-top: 60px;
}

.landing.fixed--bg,
.landing--berlin.leaderboard--berlin {
  background-attachment: fixed;
}

.landing-inner {
  max-width: 850px;
  margin: 0 auto;
  padding: 8% 0 40px;
}

.landing-inner.larger {
  max-width: 1000px;
  padding: 80px;
}

.landing--berlin.post-conference .landing-inner.larger {
  padding: 160px 80px 260px;
}

.landing-title {
  font-size: 77px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 50px #000000;
}

.landing-title.smaller {
  font-family: "Conv_Interstate-BoldCondensed", sans-serif;
  font-size: 62px;
  text-transform: uppercase;
}

.landing--gdpr .landing-title { font-size: 50px; }

.landing-subtitle {
  display: block;
  padding: 40px 0 10px 0;
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 10px #000000;
}

.landing-subtitle a {
  color: inherit;
  text-decoration: underline;
}

.landing-subtitle.smaller {
  display: block;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  text-align: center;
}

.landing-form-title {
  color: #333;
}

.landing-form {
  padding: 40px;
  background-color: rgba(0,0,0,0.6);
}

.landing-form p,
.landing-form h2,
.landing-form a {
  color: #ffffff;
  border-bottom: 0;
}

.landing-form a {
  text-decoration: underline;
}

.landing-form a.btn { text-decoration: none; }

.landing-form .gform_wrapper {
  padding: 0;
  display: block !important;
  background: transparent;
}

.landing-form .gfield {
  margin-bottom: 15px;
}

.landing-form .gfield label,
.landing-form .gfield_description {
  color: #ffffff;
}

.landing-form select {
  width: 100%;
  padding: 10px 16px !important;
  border: none;
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
  background: #fff;
  border: 1px solid #e5e5e5;
}

.landing-form .email-field .ginput_container {
  width: 48.5%;
  display: inline-block;
}

.landing-form .email-field .gfield_description {
  display: inline-block;
  padding-left: 20px;
  color: #ffffff;
}

.landing-form .email-field .validation_message {
  padding-left: 0;
  color: #d73d14;
}

.landing-form .gform_footer {
  margin: 10px auto 0 auto;
  text-align: center;
}

.landing-form .gform_wrapper input[type="submit"] {
  font-family: 'AvenirNextLTW01-DemiCn';
  text-transform: uppercase;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 30px;
}

.landing-form .validation_error,
.landing-form .email-field .gfield_description.validation_message,
.landing-form .validation_message,
.landing-form .gform_confirmation_message {
  color: #ffffff;
  display: block;
}

.lisbon-faqs { color: #fff; }
.lisbon-faqs h4 { font-size: 20px; line-height: 26px; margin: 0; }

.landing-footer { background: #f4f3f7; color: #555555; width: 100%; }
.landing-footer .wrapper { padding: 50px 30px 30px 30px; }
.landing-footer .inner { max-width: 850px; margin: 0 auto; }
.landing-footer .bordered-box { border: 1px solid #555555; padding: 10px; margin-bottom: 30px; }
.landing-footer .bordered-box p:last-child { padding: 0; margin: 0; }

.landing-footer p { font-size: 14px; line-height: 20px; margin: 0 0 20px 0;}
.landing-footer p span { display: none; }
.landing-footer  a {color: #666666; font-size: 14px; line-height: 20px;}
.landing-footer  a:hover {opacity: 0.8;}

.landing-footer ul.social { float: left; }
.landing-footer ul.social li {display: inline-block; margin: 0 10px 0 0; font-size: 18px;}
.landing-footer ul.social li a {color: rgba(255,255,255,0.75);}
.landing-footer ul.social li a:hover {color: rgba(255,255,255,1); text-decoration: none;}

.landing-footer-logo { float: right; }


.leaderboard--berlin .landing-title { margin: 0 0 50px; font-size: 67px; line-height: 1; }
.departures--berlin .landing-title { font-size: 51px; }

.leaderboard--berlin .landing-form p,
.departures--berlin .landing-form p { text-align: center; }

.leaderboard-table { color: #fff; }
.leaderboard-table table { table-layout: fixed; width: 100%; text-align: left; border-collapse: collapse; font-size: 16px; }

.leaderboard-table table tr { border-bottom: 0; background: none; }
.leaderboard-table table tr:nth-child(2n) { background: rgba( 0,0,0,.5); }
.leaderboard-table table tr:first-child { border-bottom: 1px solid #fff; background: none; }

.leaderboard-table table tr .top-20 { width: 20px; height: auto; display: inline-block; position: relative; top: 2px; padding: 0 2px; }

.leaderboard-table table tr th,
.leaderboard-table table tr td { padding: 10px; border-left: 0; }

.leaderboard-table table tr th { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }

.leaderboard-table table tr th.name { width: 68%; }
.leaderboard-table table tr td.star { padding: 10px 0 10px 5px; text-align: center; }
.leaderboard-table table tr td.position { border: 0; padding: 10px 10px 10px 0; text-align: center; }

/* $Landing */

/* GDPR TPWM */
.content--landing .landing--gdpr .gform_fields { margin-top: 0; }
.content--landing .landing--gdpr .gfield { margin-bottom: 30px; }
.content--landing .landing--gdpr .gform_hidden { margin: 0; }

.content--landing .landing--gdpr .gform_wrapper ul li.gdpr-option { margin-bottom: 15px; }
.content--landing .landing--gdpr .gform_wrapper ul li.last-gdpr-option { margin-bottom: 30px; }
.gdpr-option .gfield_label { display: inline-block; width: 100px; }
.gdpr-option .gfield_radio { display: inline-block; }
.gdpr-option .gfield_radio li { display: inline-block; width: 75px; }

.landing--gdpr .gfield label { font-size: 19px; }
.landing--gdpr .gfield label.gfield_label { font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }

.content--landing .landing--gdpr .gfield_radio li input { margin: 0 5px 2px 0; }

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

  .landing-inner.larger {
    padding: 40px;
  }

}

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

  .landing--berlin.post-conference .landing-inner.larger { padding: 120px 40px; }

  .landing-inner {
    padding: 140px 25px 0;
  }

  .landing-title {font-size:70px; margin: 0 0 20px 0; text-align: center;}

  .landing-title.smaller { font-size: 30px; }

  .leaderboard-table table tr th.name { width: 65%; }

}

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

  .landing--berlin.conference {
    padding-top: 0;
  }

  .landing-inner.larger {
    padding: 20px;
  }

  .landing-inner {
    padding: 60px 25px 0;
  }

  .landing-subtitle {
    font-size: 18px;
    line-height: 18px;
  }

}

@media all and (max-width: 650px) {
  .landing--berlin.post-conference .landing-inner.larger { padding: 50px 30px 60px; }

  .landing-inner { padding-top: 30px; }
  .landing-title.smaller .landing-subtitle { padding-top: 20px; }
  .landing-title {font-size:30px; line-height: 40px; margin: 0 0 20px 0;}
  .leaderboard--berlin .landing-title { margin: 0 0 30px; }

  .leaderboard-table table tr th.name { width: 60%; }
  .leaderboard-table table { font-size: 12px; }
}

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

  .landing.landing--full,
  .content--landing.confirmation { height: calc(100vh - 60px); min-height: 0; }

  .landing,
  .content--landing {
    height: auto;
  }

  .landing-inner {
    padding: 40px 15px;
  }

  .landing-form {
    padding: 20px;
  }

  .landing-form .email-field .ginput_container {
    width: 60%;
  }

  .landing-form .email-field .gfield_description {
    padding-left: 10px;
  }

  .landing-footer p span { display: initial; }
  .landing-footer ul.social,
  .landing-footer-logo { float: none; display: block; }

  .landing-footer ul.social { padding-bottom: 20px; }

}

@media all and (max-width: 450px) {
  .landing-title {
    text-align: center;
  }
  .landing-subtitle  {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  .landing-subtitle.smaller {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 0;
    text-align: center;
  }
}





/* Berlin check-in */

.header--conference,
.header--check-in {
  background: rgba(61,43,90,0.9);
  padding: 20px 30px;
  height: auto;
  z-index: 98;
  text-align: right;
}

.header--conference .logo img,
.header--check-in .logo img {
  height: 35px;
  width: auto;
  padding: 0;
}

.header--conference .right {
  top: 0;
}

.header--conference .right a {
  line-height: 75px;
}

.header-right {
  padding-top: 5px;
  display: inline-block;
  width: 100px;
}

.header-right img { max-width: 100%; height: auto; }

.deco-purple-stripe::after {
  content: '';
  display: block;
  width: 100%;
  height: 15px;
  background: repeating-linear-gradient(
    50deg,
    #fff,
    #fff 5px,
    #786f9f 5px,
    #786f9f 10px
    );
}

.landing--check-in {
  background: #666 url("img/landing-dubrovnik.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.landing-inner--check-in {
  position: relative;
  z-index: 10;
}

.landing-title {
  font-family: "Conv_Interstate-BoldCondensed", sans-serif;
  text-transform: uppercase;
  margin: 0 0 50px;
}

.landing--check-in .gform_confirmation_message,
.landing--check-in .gform_description,
.landing--check-in .landing-subtitle {
  font-family: "Avenir Next W01 Light", sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  line-height: 1.6;
}

.landing--check-in .gform_confirmation_message {
  padding-bottom: 50px;
}

.landing--feedback { text-align: center; }

.content--landing-check-in,
.content--landing-check-in .landing {
  height: auto;
}

.landing-form--check-in label {
  color: #fff;
}

.landing-form--check-in label .gfield_required {
  color: #fff;
  display: inline;
}

.landing-form--check-in .gform_footer {
  padding-top: 10px;
}

.landing-form--check-in input[type="submit"] {
  width: 100%;
}

.landing-form .form-smallprint {
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding-top: 20px;
}

.landing--check-in .gform_confirmation_message a,
.landing-form .form-smallprint a {
  color: #fff;
}

.landing--check-in .gform_confirmation_message a:hover,
.landing-form .form-smallprint a:hover {
}



.landing-page-check-in .footer {
  display: none;
}

.footer--check-in {
  position: relative;
  z-index: 100;
  background-color: #fff;
  padding: 30px;
}

.footer-copyright {
  float: left;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.footer-link {
  float: right;
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 1;
}



/* Form confirmation messages */






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

  .landing-inner--check-in {
    padding-top: 80px;
    padding-bottom: 80px;
  }

}

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

  .landing-inner--check-in {
    padding-top: 40px;
    padding-bottom: 40px;
  }

}

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

  .header--check-in .header-right {
    width: 60px;
  }

}

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

  .leaderboard--berlin .landing-title { margin: 0 0 30px; }

  .landing--check-in .gform_confirmation_message,
  .landing--check-in .gform_description,
  .landing--check-in .landing-subtitle {
    font-size: 16px;
  }

}

/* #Find an adviser
========================================= */

.f--left { float: left; }
.f--right { float: right; }

/* Columns */

.col-wrapper {
  margin: 0 -25px;
}

.col-wrapper.half {
  margin: 0 -12.5px;
}

[class^="col--"],
[class*=" col--"] {
  float: left;
  min-height: 1px;
  padding: 0 25px;
}

.col--20 { width: 20%; }
.col--25 { width: 25%; }
.col--30 { width: 30%; }
.col--33 { width: 33.333%; }
.col--40 { width: 40%; }
.col--50 { width: 50%; }
.col--60 { width: 60%; }
.col--66 { width: 66.666%; }
.col--70 { width: 70%; }
.col--75 { width: 75%; }
.col--80 { width: 80%; }
.col--90 { width: 90%; }
.col--100 { width: 100%; float: none; clear: both; }

.col--33.half,
.col--50.half,
.col--66.half { padding: 0 12.5px; }

.col--no-pad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col--100-no-clear{width: 100%;}

/* Clear columns */
.col--25:nth-child(4n+1) {
  clear: left;
}

.col--33:nth-child(3n+1) {
  clear: left;
}

.col--50:nth-child(2n+1) {
  clear: left;
}

.col--25:nth-child(n+5),
.col--33:nth-child(n+4),
.col--50:nth-child(n+3) {
  padding-top: 50px;
}

.find-adviser-form { margin: 0 0 50px; }

.mapInfoHeader { background: #f7f7f7; font-family: "Avenir Next W01 Light",Helvetica,Arial,sans-serif; font-size: 16px; padding: 13px 20px; }
.mapInfoHeader span { font-family: "Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif; }
.infoBox { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); width: 550px !important; }
.infoBox:before { background: #fff; content: ""; display: block; height: 20px; left: -10px; margin-top: -10px; position: absolute; top: 50%; transform: rotate(45deg); width: 20px; }
.mapInfoAdviser { border-bottom: 1px solid #f1f1f1; padding: 20px 0; }
.mapInfoAdviser:last-child { border-bottom: none; }
.mapInfoAdviserContainer,
.mapInfoClusterAdviserContainer { max-height: 330px; overflow-x: hidden; padding: 0 20px; }
.adviserImage { float: left; width: 100px; }
.adviserImage img { width: 100%; height: auto; }
.adviserText { margin-left: 120px; }
.adviserText h4 { font-size: 16px; line-height: 22px; margin: 0 0 5px; }
.adviserText p { font-size: 14px; font-family: "Avenir Next W01 Light",Helvetica,Arial,sans-serif; line-height: 16px; margin-bottom: 15px; }
.adviserText .buttons { float: right; text-align: right; }
.adviserText .buttons a { font-size: 14px; margin-left: 10px; }

.search-results-title { margin: 0 0 20px; }
.section ul.search-toggle { float: right; list-style: none; position: relative; top: -2px; margin: 0; }
.search-toggle li { display: inline-block; margin-left: 10px; }
.search-toggle li:before { display: none; }
.search-results-title p { margin-right: 250px; }
.section ul.search-toggle li a { color: #999; border: 0; }
.section ul.search-toggle li a i { font-size: 1.25em; position: relative; bottom: -4px; }
.section ul.search-toggle li a i.icon-bars { left: -2px; }
.section ul.search-toggle li a.active { color: rgba(127, 63, 152, 1); }

.adviser-content .col--40 {
  float: right;
}

.adviser-content span {
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
}

.adviser-content span.purple {
  color: #7f3f98;
}

.adviser-content .search-results .profiles .profile {
  padding: 25px 0;
  border-top: 1px solid #e5e5e5;
  position: relative;
}

.adviser-content .search-results .profiles .profile:first-child {
  padding-top: 0;
  border-top: 0;
}

.adviser-content .search-results .profile .profile-image {
  width: 21%;
  float: left;
}
.adviser-content .search-results .profile .profile-image img { width: 100%; height: auto; }

.adviser-content .search-results .profile .profile-content {
  float: left;
  width: 79%;
  padding-left: 25px;
}

.adviser-content .search-results .profile .profile-content .profile-name h3 {
  padding-right: 160px;
}

.adviser-content .search-results .profile .profile-content .profile-name .profile-expertise { float: left; width: 100%; }
.adviser-content .search-results .profile .profile-content .profile-name .expertise-item { float: left; width: 90px; text-align: center; }
.adviser-content .search-results .profile .profile-content .profile-name .expertise-item img { max-width: 90%; height: auto; }
.adviser-content .search-results .profile .profile-content .profile-name .expertise-item p { font-size: 12px; line-height: 16px; color: #999; margin: 0 0 20px; position: relative; top: -5px; }
.adviser-content .search-results .profile .profile-content .profile-name .mobile-expertise { display: none; }

.adviser-content .search-results .profile .profile-content .profile-distance {
  float: right;
  text-align: right;
  position: relative;
  top: 7px;
}

.adviser-content .search-results .profile .profile-content .top-content h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.adviser-content .search-results .profile .profile-content .top-content .job-title,
.adviser-content .search-results .profile .profile-content .top-content .distance {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}

.adviser-content .search-results .profile .profile-content .top-content .job-title {
  padding-top: 5px;
  margin: 0 0 5px;
}

.adviser-content .search-results .profile .profile-logo {
  width: 100%;
}

.adviser-content .search-results .profile .profile-image .profile-logo img {
  width: auto;
  max-width: 100%;
  margin: 20px auto 0;
}

.adviser-content .search-results .profile .profile-content .profile-btns {
  float: right;
  margin-left: -100%;
  text-align: right;
  padding: 80px 0 0 25px;
}

.adviser-map {
  height: 600px;
  background: #f7f8f9;
  width: 100%;
}

.form_wrapper input.find-adviser-btn {font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; background: #7f3f98; padding: 11px 16px; color: #ffffff; display: inline-block; text-decoration: none;border-radius: 3px; font-size: 14px; line-height:14px; cursor: pointer; border: none; }
.form_wrapper input.find-adviser-btn:hover {text-decoration: none; background: #6c2b85;}

.pagi-adviser-btn { margin: 0 10px 0 0; }

.find-adviser-form p.error { color: #d73d14; }

/* General Forms */

.form_wrapper {width: 100%; padding: 45px 50px 50px; background: #e5e5e5;}
.form_wrapper ul { margin-left: 0; }
.form_wrapper ul li {list-style: none; margin: 0; padding: 0;}
.form_wrapper ul li:before {content: '';}
.form_wrapper fieldset { border: 0; }
.form_wrapper input {width: 100%; padding: 10px 16px; border: none; font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid #e5e5e5;}
.form_wrapper select { border: 1px solid #e5e5e5; font-family: "Avenir Next W01 Light",Helvetica,Arial,sans-serif; font-size: 16px; height: 42px; padding: 9px 16px; width: 100%; }

.form_wrapper input[type="submit"] {width: auto;}
.form_wrapper label {display: block; font-size: 15px; margin: 0 0 5px;}

.form_wrapper .checkboxes { position: relative; top: 2px; margin: 0 -12.5px; }
.form_wrapper .checkboxes .checkbox { padding: 0; margin: 0; }
.form_wrapper .checkboxes .checkbox li { position: relative; line-height: 16px; width: 50%; float: left; padding: 0 12.5px; }
.form_wrapper .checkboxes .checkbox label { position: relative; top: -1px; padding-left: 23px; }
.form_wrapper input[type="checkbox"] { float: left; background: #ffffff; width: 13px; height: 13px; padding: 0; -webkit-appearance: checkbox; z-index: 1; }

.form_wrapper .btn { margin-top: 10px; }

/* General Forms - Media Queries */

@media all and (max-width: 1450px) {
  .adviser-content .search-results .profile .profile-content .profile-name .profile-expertise { float: none; }
  .adviser-content .search-results .profile .profile-content .profile-btns { padding-top: 0; }
}

@media all and (max-width: 1024px) {
  .form_wrapper { padding: 20px 25px 25px; }
}

@media all and (max-width: 960px) {
  .adviser-content .col--60, .adviser-content .col--40 { float: none; width: 100%; }
  .adviser-content .col--60 { padding-top: 50px; }
  .adviser-content .adviser-map { padding-bottom: 0; height: 250px; }
  .adviser-content .search-results .profile .profile-image { width: 15%; }
  .adviser-content .search-results .profile .profile-content { width: 85%; }
}

@media all and (max-width: 900px) {
  .form_wrapper .col--50 { float: none; width: 100%; }
  .form_wrapper .col--50:nth-child(n+2) { padding-top: 25px; }
  .form_wrapper .col--50.half { float: left; width: 50%; }
  .form_wrapper .col--50.half:nth-child(n+2) { padding-top: 0; }
  .form_wrapper a.btn { margin-top: 25px; }
  .form_wrapper .checkboxes { padding: 0 0 20px; }

  .find-adviser-form { margin-bottom: 30px; }
}

@media all and (max-width: 500px) {
  .form_wrapper .col--50.half { float: none; width: 100%; }
  .form_wrapper .col--50.half:nth-child(n+2) { padding-top: 25px; }
  .form_wrapper .checkboxes { top: 0; margin: 0; }
  .form_wrapper .checkboxes .checkbox li { width: 100%; float: none; padding: 0; }
}

@media all and (max-width: 850px) {
  .profile-expertise { display: none; }
  .adviser-content .search-results .profile .profile-content .profile-name .mobile-expertise { display: block; margin: 0 0 15px; }
}

@media all and (max-width: 767px) {
  .search-results-title p { margin-right: 0; }
  .search-toggle { display: none; }
}

@media all and (max-width: 639px) {
  .adviser-content .search-results .profile .profile-content .profile-name h3,
  .adviser-content .search-results .profile .profile-content .profile-distance,
  .adviser-content .search-results .profile .profile-content .bottom-content .profile-logo,
  .adviser-content .search-results .profile .profile-content .bottom-content .profile-btns { float: none; text-align: left; padding: 0; margin: 0; }
  .adviser-content .search-results .profile .profile-content .profile-distance { position: static; padding-bottom: 5px; }
}

@media all and (max-width: 580px) {
  .adviser-content .search-results .profile .profile-image { width: 20% }
  .adviser-content .search-results .profile .profile-content { width: 80% }
}



/* #Print
========================================= */


@media print {

  @page {
    size: A4 portrait;
    margin-top: 3cm;
    margin-bottom: 3cm;
  }

  @page :right {
    @top-right {
      margin: 30pt 0 10pt 0;
    }
  }

  @page :left {
    @top-left {
      margin: 30pt 0 10pt 0;
    }
  }

  @page :right {
    @bottom-right {
      margin: 30pt 0 10pt 0;
    }
  }

  @page :left {
    @bottom-left {
      margin: 30pt 0 10pt 0;
    }
  }

  * {
    -webkit-transition: none !important;
    transition: none !important;
  }

  body, html {
    height: auto !important;
    margin: 0;
  }
  .tablet.menuActive .content { left: 0; }
  .content {
    width: 100%;
    margin: 0 0 0 0 !important;
  }

  .search-form.mobile-search,
  .inner-hero,
  .breadcrumb
  {display: none;}

  body {
    width: 100%;
    color: #000 !important;
    background: #fff !important;
    margin: 0;
  }

  .inner-content .hero {
    min-height: 10px;
    height: auto;
  }

  .menu,
  .header,
  .share,
  .share-icons,
  .post .signup-area,
  .post a.btn:last-child,
  .footer .wrapper .column:nth-child(2),
  .footer .wrapper .column:nth-child(3),
  .footer .wrapper .column:first-child {
    display: none;
  }

  .copyright {
    display: none;
  }



}

/*Seminar Page Styles*/
.seminar-page .menu,
.seminar-page .footer { display: none; }

.seminar-page .content { margin: 0 !important; }
.seminar-page .header { width: 100% !important; margin: 0 !important; }

.seminar-page .header .logo img { padding-top: 13px; }

.seminar-page .header .btn { margin: 10px 20px 0 0; padding: 10px 15px; line-height: 20px; color: #fff; text-transform: uppercase; border: 0; }
.seminar-page .header .btn:hover {text-decoration: none; background: #752e90;}

.seminar-page .section .grid .column:last-child {width: 100%; text-align: center; float: none;}


/*Title Styles*/
.seminar-page .hero-text h1 { font-family: "Conv_Interstate-BoldCondensed", sans-serif; text-transform: none; font-size: 50px; margin: 0; }
.seminar-page .inner-content .hero .hero-text p { max-width: 650px; margin: 0 auto; }
.seminar-page .inner-hero,
.seminar-page .skrollable { background-position: top center !important; }

.seminar-content .section .wrapper { padding: 80px 30px; }
.seminar-content .section.grey { background-color: rgba( 250, 250,250,1); }
.seminar-content .section.grey:before { border-top: 0; }
.seminar-content .wrapper.grid p, .seminar-content .text-wrapper p  { max-width: 940px; margin: 0 auto 30px auto; }
.seminar-content .section h3 { text-align: center;  font-family: "Conv_Interstate-BoldCondensed", sans-serif; font-size: 45px; line-height: 55px; color: #1D1060; text-transform: none; }
.seminar-content .section .column.slideUp p strong { font-family: "Conv_Interstate-BoldCondensed", sans-serif; color: #666666; font-size: 20px; line-height: 30px; }
.seminar-content .section .grid.logo-grid { text-align: center; }
.seminar-content .section.white.four { border-top: 1px solid #e5e5e5; }
.seminar-content .seminar-listings-container { margin: 0 -5px; }
.seminar-content .seminar-listings-container .seminar-single {position: relative; width:25%; float: left; margin-bottom: 20px; padding: 0px 5px; }
.seminar-content .seminar-listings-container .seminar-image .overlay:after { z-index: 0; content: ' '; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color:rgba( 0,0,0,.5); transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; }
.seminar-content .seminar-listings-container a:hover .seminar-image .overlay:after { opacity: 0; }
.seminar-content .seminar-listings-container .seminar-single .seminar-image p { z-index: 999; position:  relative;  text-align: center;  font-family: "Conv_Interstate-BoldCondensed", sans-serif; font-size: 28px; text-transform:  uppercase; color: #fff; padding: 50px 0; margin: 0; }
.seminar-content .seminar-listings-container .seminar-single .seminar-date p { margin: 0; text-align: center; }
.seminar-content .seminar-listings-container a .seminar-single .seminar-date p { color: #666666 ; }
.seminar-content .seminar-listings-container a .seminar-single .seminar-date p.venue { font-size: 14px; }
.seminar-content .seminar-listings-container .seminar-single .seminar-image { position: relative; transition: opacity 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out; }

.seminar-single.seminar-full { opacity: 0.2 !important; }

/*Form Styling for seminar page*/
.seminar-content .gforms_confirmation_message, .seminar-content .gform_wrapper { background-color: transparent; }
.seminar-content .gform_wrapper ul li { width: 50%; float: left; }
.seminar-content .gform_wrapper .gform_body { }
.seminar-content .section ul { width: 100%; overflow: auto; height: auto; }
.seminar-content .gfield.form-left { width: 45%; float: left; margin: 0 20px 20px 0; }
.seminar-content select { width: 100%; padding: 8px 13px; height: 42px; border: 1px solid #e5e5e5; font-family: "Avenir Next W01 Light",Helvetica,Arial,sans-serif; font-size: 16px;}
.seminar-content .gform_footer.top_label { text-align: center; }
.seminar-content .gform_footer input[type="submit"] { padding: 15px 50px; }
.seminar-content .seminar-single.slideUp { top: 0px; opacity: 1; }


.seminar-content .seminar-single { top: 100px; position: relative; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.seminar-content .seminar-single.slideUp { top: 0px; opacity: 1; }
.seminar-page h1 { text-transform: uppercase; }

.seminar-content .email-field .ginput_container { width: 48.5%; display: inline-block; }
.seminar-content .email-field .gfield_description { display: inline-block; padding-left: 20px; }

.seminar-content .gform_confirmation_message { font-size: 19px; line-height: 32px; text-align: center; }

.seminar-content .checkbox label,
.seminar-content .checkbox input { width: auto; display: inline-block; }
.seminar-content .checkbox input { -webkit-appearance: checkbox; }
.seminar-content .checkbox ul li label { margin-left: 3px; }
.seminar-content .checkbox ul { margin: 0 0 10px; }

.seminar-content ul li.checkboxes { width: 66.66%; }
.seminar-content .checkboxes ul { margin: 0 0 10px; padding: 0; }
.seminar-content .checkboxes label,
.seminar-content .checkboxes input { float: left; width: auto; }
.seminar-content .checkboxes label { margin: 0; }
.seminar-content .checkboxes input { margin-top: 7px; margin-right: 10px; cursor: pointer; -webkit-appearance: checkbox; }
.seminar-content textarea {width: 100%; padding: 10px 16px; border: none; font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid #e5e5e5;}


/*Footer for seminar page*/
.seminar-footer { background: #f5f3f5; }

.seminar-fund-logos { display: table; width: 100%; margin: 0 0 40px; }
.seminar-fund-logo { display: table-cell; padding: 0 0 0 40px; text-align: right; vertical-align: middle; }
.seminar-fund-logo:first-child { padding: 0; text-align: left; }
.seminar-fund-logo img { display: block; height: auto; width: 100%; }

.seminar-footer-bottom { padding: 20px 0 0; }

.seminar-footer-bottom .social-links { float: left; }
.seminar-footer-bottom .footer-logo { float: right; }
.seminar-footer-bottom .footer-logo img { max-height: 44px; }

.section ul.social-links { list-style: none; margin: 0; }
.section ul.social-links li { float: left; margin: 0 0 0 10px; padding: 0; text-align: center; }
.section ul.social-links li:before { content: ''; }
.section ul.social-links li:first-child { margin: 0; }
.section ul.social-links li a { color: #fff; text-decoration: none; font-size: 1.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; }
  .section ul.social-links li a:hover { border: 0; }
  .section ul.social-links li a.twitter { background: #78ccf0; }
  .section ul.social-links li a.twitter:hover { background: #60a3c0; }
  .section ul.social-links li a.facebook { background: #547bbe; }
  .section ul.social-links li a.facebook:hover { background: #436298; }
  .section ul.social-links li a.linkedin { background: #1285c8; }
  .section ul.social-links li a.linkedin:hover { background: #0e6aa0; }
  .section ul.social-links li a.google { background: #4b4b4b; }
  .section ul.social-links li a.google:hover { background: #3c3c3c; }
  .section ul.social-links li a.youtube { background: #bb0000; }
  .section ul.social-links li a.youtube:hover { background: #a10101; }
  .section ul.social-links li a.instagram img { width: 100%; }

  /*Confirmation Page*/
  .confirmation-holder { position: relative; min-height: 100%; width: 100%; background-image: url('img/seminar-hero.jpg'); background-size: cover; background-position: top center; }
  .confirmation-holder:before { z-index: 1; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); }

  .confirmation-container { position: relative; z-index: 2; padding: 150px 20px 50px; max-width: 600px; margin: 0 auto; color: #fff; text-align: center; }
  .confirmation-container h1 { font-family: "Conv_Interstate-BoldCondensed", sans-serif; }

  .confirmation-form {  }
  .confirm-text { margin: 0 0 15px; background: #fff; padding: 10px 15px; text-align: left; width: 100%; color: #000; font-size: 19px; }

  /*Media queries for Seminar Page*/
  @media all and (max-width: 1090px) {
    .seminar-content .seminar-listings-container .seminar-single { width: 25%; }
  }

  @media all and (max-width: 900px) {
    .seminar-fund-logos { display: none; }
    .seminar-content ul li.checkboxes { width: 100%; }
    .seminar-content ul li.other-topics { width: 100%; }
  }

  @media all and (max-width: 875px) {
    .seminar-content .seminar-listings-container .seminar-single { width: 33.333%; padding: 5px;}
  }

  @media all and (max-width: 750px) {
    .seminar-content .checkboxes input { margin-top: 5px; }
  }

  @media all and (max-width: 700px) {
    .seminar-content .section .wrapper { padding: 0 20px; width: 100%; }
    .confirmation-container { padding-top: 50px; }
    .seminar-content .section h3 { padding: 30px 0 0 0; }
  }

  @media all and (max-width: 650px) {
    .seminar-content .seminar-listings-container .seminar-single { width: 50%; padding: 0 5px; }
  }

  @media all and (max-width: 550px) {
    .seminar-footer-bottom .social-links,
    .seminar-footer-bottom .footer-logo { float: none; }

    .seminar-footer-bottom .footer-logo { margin: 0 0 20px; }

    .seminar-content .gfield.form-left { width: 100%; float: none; }
    .seminar-content .gfield.form-right { width: 100%; }
    .seminar-content .gform_wrapper { padding: 20px 10px; }
    .seminar-content .four .grid .column { width: 50%; float: left; }
    .seminar-content .section h3 { padding: 30px 0 0 0; }
    .seminar-content .section.white.four { border: none; padding: 0; }
    .seminar-content .grid.logo-grid { display: none; }
    .seminar-content .gform_wrapper ul li.checkboxes ul li { width: 100%; }
  }

  @media all and (max-width: 445px) {
    .seminar-content .seminar-listings-container .seminar-single { width: 100%; margin: 5px 0; }
    .seminar-content .four .grid .column { width: 50%; float: left; }
  }


  /*Performance Table Styling*/

  .tableOverflow { overflow-x: auto; }
  .tableOverflow .performance-table tr td a { padding-left: 0 !important; }
  .performanceTable { width: 100%; margin: 0 auto 20px; border-collapse: collapse;  border-spacing: 0; }
  .performanceTable tr th { background-color:  rgba( 29, 17, 96,0.9); padding: 10px; color: #ffffff;}
  .performanceTable tr th h3 { margin-bottom: 0; }
  .performanceTable tbody tr td { padding: 15px; text-align: center; border: 0; border-left: 0; }
  .performanceTable tbody tr:nth-child(2n),
  .performanceTable tbody tr { border-bottom: 1px solid #989493; background: #fff; }
  .performanceTable tbody tr:first-child { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;}
  .performanceTable tbody tr td a { text-decoration:  none; color: #555; position: relative; padding-left: 35px; }
  .performanceTable tbody tr td a:before { content: ''; position: absolute; left: 0; top: -5px; width: 30px;height: 30px; display: inline-block; background-image: url("img/pdf-icon-larger.png"); background-size: cover; margin-right: 10px; }
  .performanceTable tbody tr td a:hover { text-decoration: underline; }
  .performanceTable tbody tr td { position: relative; }

  @media (max-width: 767px) {
    .performanceTable tr td { font-size: 14px; }
  }

    @media (max-width: 700px) {
    .tableOverflow .performance-table tr td { display: table-cell !important; width: auto !important; }
  }

  @media (max-width: 400px) {
    .performanceTable tr td { font-size: 12px; }
  }

  /* Conference */

  .header--conference { background: rgba(61,43,90,0.9); z-index: 98; text-align: right; }

  .content--landing .form-icons > label { display: none; }
  .content--landing .form-icons .gfield_checkbox li { clear: none; float: left; padding: 0 8px; position: relative; width: 33.33%; text-align: center; }
  .content--landing .form-icons .gfield_checkbox li:last-child { float: right; }
  .content--landing .form-icons .gfield_checkbox li input { display: block; position: absolute; bottom: 0; margin: 0 0 0-7px; left: 50%; -webkit-appearance: checkbox; width: auto; }
  .content--landing .form-icons .gfield_checkbox li label { display: block; color: #ffffff; cursor: pointer; font-size: 16px; margin: 0; padding: 120px 0 25px; width: 100%; }
  .content--landing .form-icons .gfield_checkbox li:nth-child(1) label { background: url(img/icon-1.png) center top  no-repeat; }
  .content--landing .form-icons .gfield_checkbox li:nth-child(2) label { background: url(img/icon-2.png) center top  no-repeat; }
  .content--landing .form-icons .gfield_checkbox li:nth-child(3) label { background: url(img/icon-3.png) center top  no-repeat; }

  .content--landing .post-conf-columns { /*max-width: 750px;*/ margin: 0 auto; }
  .content--landing .post-conf-columns .wrapper { margin: 0 -20px; }
  .content--landing .post-conf-columns .col { float: left; width: 33.33%; /*margin: 0 auto;*/ padding: 0 20px; }
  .content--landing .post-conf-columns .col:nth-child(n+4) { padding-top: 40px; }

  .content--landing .post-conf-columns a { color: #666; text-decoration: none; }
  .content--landing .post-conf-columns a:hover { text-decoration: underline; }
  .content--landing .post-conf-columns img { margin-bottom: 20px; width: 100%; max-width: 300px; height: auto; }
  .content--landing .post-conf-columns span { display: block; text-align: left; }

  .content--landing .photos-wrapper { position:relative; overflow: hidden; background: #000000; }
  .content--landing .photos-wrapper .wrapper { overflow: visible !important; max-width: 1200px; margin: 0 auto; position: relative; }
  .content--landing .photos-wrapper .photos { padding: 0px; background:#000000; margin: 0 !important; max-height: 750px; height: 750px; width: 100%; }
  .content--landing .photos-wrapper .rsOverflow {overflow: visible !important;}
  .content--landing .photos img {width: 100% !important; height: auto !important; opacity: 0.5; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; margin: 0 !important;}
  .content--landing .photos .rsActiveSlide img {opacity: 1; transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;}

  .content--landing .photos-wrapper .prev-arrow {background: rgba(00,00,00,0.2); color: #ffffff; text-decoration: none; padding: 15px 15px; display: inline-block; position: absolute; top: 43%; left: 0px;  z-index: 9999;}
  .content--landing .photos-wrapper .next-arrow {background: rgba(00,00,00,0.2); color: #ffffff; text-decoration: none; padding: 15px 15px; display: inline-block; position: absolute; top: 43%; right: 0px; z-index: 9999;}
  .content--landing .photos-wrapper .arrow:hover {background: rgba(00,00,00,0.8);}

  .content--landing .gform_fields, .form ul {width: 100%; margin: 30px 0 0 0; float: left;}
  .content--landing .gfield {width: 100%; margin: 0 0 40px 0; float: left; clear: both;}
  .content--landing .gfield.half {clear:none;float:left;padding-right: 20px;width: 50%;}
  .content--landing .gfield.half.right {float:right;padding-right: 0;}
  .content--landing .gfield.third {clear:none;float:left;padding-right: 20px;width: 33.33%;}
  .content--landing .gfield.third.right {clear:none;float:right;padding-right: 0;width: 33.33%;}
  .content--landing .gf_left_half {width: 47.5%; margin: 0 5% 40px 0; float: left; clear: left;}
  .content--landing .gf_left_full {width: 100%; margin: 0 0 40px 0; float: left; clear: left;}
  .content--landing .gf_right_half {width: 47.5%; margin: 0 0 40px 0; float: right; clear: right;}
  .content--landing .clear {clear: left;}

  .content--landing .landing-form .small { margin: 0; }

  .content--landing .gfield_radio {margin: 5px 0 0 !important;}
  .content--landing .gfield_radio li {font-size: 14px; line-height: 14px; margin: 0 0 5px 0; text-align: left; vertical-align: middle;}
  .content--landing .gfield_radio li input {width: auto; float: none; clear: none; margin: 0 5px 0 0; line-height: 14px; padding: 0; vertical-align: middle; -webkit-appearance: radio;}
  .content--landing .gfield_radio li label { display: inline-block; color: #ffffff; position: relative; top: 2px; }
  .content--landing .inline .gfield_radio li {float: left; margin: 0 15px 0 0;}

  .content--landing .landing-form h2.gsection_title { font-size: 20px; line-height: 30px; margin: 0; }

  .content--landing .gform_wrapper textarea {width: 100%; padding: 10px 16px; border: none; font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 16px; border: 1px solid #e5e5e5;}

  .content--landing .checkbox-label label {
    display: none;
  }

  .gfield.third label.gfield_label { font-size: 14px; }

  @media all and (max-width: 767px) {
    .content--landing .post-conf-columns .col { width: 50%; }
    .content--landing .post-conf-columns .col:nth-child(n+4) { padding-top: 0; }
    .content--landing .post-conf-columns .col:nth-child(n+3) { padding-top: 40px; }
    .content--landing .post-conf-columns .col:nth-child(2n+1) { clear: left; }
  }

  @media all and (max-width: 700px) {
    .content--landing .landing-form h2.gsection_title { font-size: 18px; line-height: 28px; }
    .content--landing .gform_fields, .form ul {width: 100%; margin: 30px 0 0 0; float: none;}
    .content--landing .gfield {width: 100%; margin: 20px 0 0 0; float: none; clear: both;}
    .content--landing .gfield.half {float:none;padding-right: 0;width: 100%;}
    .content--landing .gfield.half.right {float:none;padding-right: 0;}
    .content--landing .gfield.third {float:none;padding-right: 0;width: 100%;}
    .content--landing .gfield.third.right {float:none;width: 100%;}
    .content--landing .gf_left_half {width: 47.5%; margin: 0 5% 40px 0; float: left; clear: left;}
    .content--landing .gf_left_full {margin: 20px 0 0 0; }
    .content--landing .gf_right_half {width: 100%; margin: 20px 0 0; float: none;}
    .content--landing .inline .gfield_radio li {float: none; margin: 0 0 5px 0;}
    .content--landing .post-conf-columns .wrapper { margin: 0 -10px; }
    .content--landing .post-conf-columns .col { padding: 0 10px; }
    .content--landing .post-conf-columns .col:nth-child(n+3) { padding-top: 20px; }
  }

  @media all and (max-width: 649px) {
    .content--landing .form-icons .gfield_checkbox li { width: 100%; float: none; text-align: left; margin-bottom: 20px; }
    .content--landing .form-icons .gfield_checkbox li label { padding: 0 0 20px 50px; }
    .content--landing .form-icons .gfield_checkbox li:nth-child(1) label,
    .content--landing .form-icons .gfield_checkbox li:nth-child(3) label { background-size: 30px; background-position: left; }
    .content--landing .form-icons .gfield_checkbox li:nth-child(2) label { background-size: 30px; background-position: left; }
    .content--landing .form-icons .gfield_checkbox li input { margin: 0; width: auto; margin-left: 50px; left: 10px; }
    .content--landing .post-conf-columns .wrapper { margin: 0; }
    .content--landing .post-conf-columns .col { width: 100%; padding: 20px 0 0 0; }
    .content--landing .post-conf-columns .col:first-child { padding: 0; }
  }

  /* Resources */

  .resource-grid h3 { float: left; width: 100%; }
  .resource-grid .col-wrapper { margin: 0 -20px; }
  .resource-grid .resource { float: left; width: 25%; padding: 0 20px; margin: 0 0 40px; }
  .resource-grid .resource:nth-child(4n+1) { clear: left; }
  .resource-grid .resource img { max-width: 120px; width: 100%; height: auto; margin: 0 0 15px; }
  .resource-grid .resource a { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 18px; color: #000; text-decoration: none; border: 0; }
  .resource-grid .resource a:hover {text-decoration: underline; border:  0;}

  @media all and (max-width: 649px) {
    .resource-grid .resource { width: 50%; margin: 0 0 20px; }
    .resource-grid .resource:nth-child(2n+1) { clear: left; }
    .resource-grid .resource img { max-width: 120px; width: 100%; height: auto; margin: 0 0 15px; }
    .resource-grid .resource a { font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; font-size: 18px; color: #000; text-decoration: none; border: 0; }
  }

/* #SVG
============================================= */

.svg {
  position: relative;
  display: inline-block;
  width: 100%;
}

.svg svg {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* #Social Mobility
============================================= */

.social-mobility-inner-hero { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index:1; background-position: 50% 60px; }
.social-mobility-logos { position: absolute; content: ''; bottom: 50px; left: 50%; transform: translateX(-50%); max-width: 980px; width: 100%; z-index: 100; padding: 0 50px; }
.social-mobility-logos img { width: 100%; }

/* Fair Opportunities */

.fair-opportunities .u-table-cell { width: 50%; }
.fair-opportunities .u-table-cell:first-child { padding-right: 50px; }
.fair-opportunities-image { max-width: 634px; min-width: 350px; padding-bottom: 77%; }
.fair-opportunities h2 { font-size: 46px; margin-bottom: 70px; }
.fair-opportunities p { font-size: 22px; }

@media all and (max-width: 1023px) {
  .fair-opportunities .u-table-cell:first-child { padding-right: 25px; }
  .fair-opportunities-image { padding-bottom: 92%; }
  .fair-opportunities h2 { font-size: 30px; margin-bottom: 35px; }
  .fair-opportunities p { font-size: 18px; }
}

@media all and (max-width: 900px) {
  .fair-opportunities .u-table-cell { vertical-align: top; }
}

@media all and (max-width: 767px) {
  .fair-opportunities .u-table-cell { width: 100%; display: block; }
  .fair-opportunities .u-table-cell:first-child { padding-right: 0; padding-bottom: 25px; }
  .fair-opportunities-image { max-width: 450px; padding-bottom: 68%; }
  .fair-opportunities h2 { font-size: 25px; }
}

@media all and (max-width: 700px) {
  .social-mobility-inner-hero {height: 400px; position:relative; margin-top: 0; background-position: 50% !important;}
}

@media all and (max-width: 639px) {
  .fair-opportunities-image { max-width: 100%; min-width: 100%; }
}

@media all and (max-width: 550px) {
  .social-mobility-inner-hero {height: 250px; }
}

/* Tabs */

.section .tab-nav { position: relative; width: 550px; padding-right: 50px; float: left; }

.section .tab-nav ul { margin: 0; padding: 0; border-top: 1px solid rgba(44,44,44,0.2); }
.section .tab-nav li { margin: 0; padding: 0; border-bottom: 1px solid rgba(44,44,44,0.2); }
.section .tab-nav li:before { display: none; }
.section .tab-nav li a { cursor: pointer; display: block; padding: 20px 0; font-size: 28px; color: #2C2C2C; text-decoration: none; border: 0; }
.section .tab-nav li a.is-active, .section .tab-nav li a:hover { color: #28BE2E; border: 0; }
.section .tab-select { position: relative; cursor: pointer; display: none; font-size: 18px; padding: 15px; border: 1px solid rgba(44,44,44,0.2); }
.section .tab-select p { margin: 0; padding: 0; }
.section .tab-select:after { position: absolute; top: 20px; right: 15px; font-family: "true-potential"; content: "a"; font-size: 9px; color: #999999; transition: all 0.3s; }
.section .tab-select.is-active:after { transform: rotate(180deg); }
.section .tab-contents { width: calc(100% - 550px); float: left; }
.section .tab-content { display: none; }
.section .tab-content.is-active { display: block; }
.section .tab-content .tab-image { max-width: 100%; margin-bottom: 80px; }
.section .tab-content h3 { font-size: 28px; }
.section .tab-content p { font-size: 22px; }
.section .tab-content ul li { font-size: 22px; line-height: 32px; margin: 0 0 30px 0; }
.section .tab-content ul { margin: 0; }
.section .tab-content ul li::before { color: #2c2c2c; font-size: 16px; }
.section .js-tab-content { display: none; }
.section .js-tab-content.is-active { display: block; }

.pdf-link { margin-top: 80px; }
.pdf-link a { position: relative; display: block; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size: 22px; color: rgba(127,63,152,1); padding-top: 25px; padding-left: 96px; }
.pdf-link a:before { position: absolute; content: ''; top: 0; left: 0; background-image: url(img/icon-pdf.svg); width: 56px; height: 70px; }

.nav .pdf-link { margin-top: 0; }

@media all and (min-width: 1024px) {
  .section .tab-nav { position: -webkit-sticky; position: sticky; top: 100px; left: 0; }
}

@media all and (max-width: 1200px) {
  .section .tab-nav { width: 400px; }
  .section .tab-contents { width: calc(100% - 400px); }
  .section .tab-nav li a { font-size: 22px; }
  .section .tab-content .tab-image { margin-bottom: 40px; }
  .pdf-link { margin-top: 40px; }
}

@media all and (max-width: 1023px) {
  .section .tab-nav { width: 100%; padding: 0; margin-bottom: 20px; }
  .section .tab-nav ul { display: none; position: absolute; content: ''; background: #ffffff; width: 100%; top: 100%; border: 1px solid rgba(44,44,44,0.2); z-index: 999; }
  .section .tab-nav li { display: block; width: 100%; border: 0; }
  .section .tab-nav li a { padding: 10px 15px; font-size: 18px; }
  .section .tab-select { display: block; }
  .section .tab-contents { width: 100%; }
  .section .tab-content .tab-image { margin-bottom: 40px; }
  .section .tab-content h3 { font-size: 22px; }
  .section .tab-content p { font-size: 18px; }
  .section .tab-content ul li { font-size: 18px; }
  .pdf-link { margin-top: 40px; }
  .pdf-link a { font-size: 18px; padding-top: 17px; padding-left: 50px; }
  .pdf-link a:before { width: 40px; height: 50px; }
}

@media all and (max-width: 950px) {
  .section .tab-content ul li { line-height: 24px; }
}

.social-documents,
.social-case-studies,
.social-grant-recipients { display: none; border-top: 1px solid rgba(44,44,44,0.2); }

.social-documents.is-active,
.social-case-studies.is-active,
.social-grant-recipients.is-active { display: block; }

.social-case-studies img { margin-bottom: 50px; max-width: 100%; }
.social-grant-recipients .u-table-cell { width: 25%; padding: 0 24px; }

.social-grant-recipients-logos { display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;height: 100%; margin: 0 -24px; }
.social-grant-recipients-logo { width: 33.333%; padding: 0 24px; }
.social-grant-recipients-logo a { display: block; color: rgba(44,44,44,0.5); height: 100%; border-radius: 4px; border: 1px solid rgba(44,44,44,0.2); padding: 40px; }
.social-grant-recipients-logo a:hover { border: 1px solid rgba(44,44,44,0.8); color: rgba(44,44,44,1); }
.social-grant-recipients-logo p { margin: 30px 0 0 0; padding: 0; }
.social-grant-recipients-logo img { max-width: 100%; }

@media all and (max-width: 1200px) {
  .social-case-studies img { margin-bottom: 25px; }
}

@media all and (max-width: 1023px) {
  .social-case-studies .col--25 { width: 50%; }
  .social-case-studies .col--25:nth-child(2n+1) { clear: left; }
  .social-case-studies .col--25:nth-child(n+3) { margin-top: 50px; }
}

@media all and (max-width: 639px) {
  .social-case-studies .col--25 { width: 100%; }
  .social-case-studies .col--25:nth-child(n+1) { margin-top: 20px; }

  .social-grant-recipients-logo { width: 100%; }
  .social-grant-recipients-logo:nth-child(n+1) { margin-top: 20px; }

}



/* #World Transplant Games
============================================= */

.flex-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  height: 100%;
  margin: 0 -25px;
}

.social-mobility .section .wrapper,
.world-transplant-games .section .wrapper {
  overflow: auto;
}

.world-transplant-games .hero {
  height: 80%;
}

.world-transplant-games .hero .hero-text h1 {
  font-size: 55px;
  line-height: 75px;
}

.world-transplant-games .hero .hero-text p {
  font-size: 24px;
  line-height: 36px;
}

.video-image {
  position: relative;
  max-width: 800px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: inherit;
}

.video-image img {
  width: 100%;
}

.video-image i {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 100px;
  color: #6C3A9E;
}

.block-tabs .flex-wrapper {
  align-items: stretch;
}

.block-tabs-nav {
  position: relative;
  margin-bottom: 100px;
}

.block-tabs-nav .tab-select {
  display: none;
}

.block-tabs-nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.block-tabs .tab {
  position: relative;
  background: #ffffff;
  padding: 40px 60px;
  color: rgba(112,112,112,0.5);
  border: 1px solid rgba(112,112,112,0.2);
  border-right: 0;
  cursor: pointer;
  transition: all 0.3s;
  transition-delay: 0.2s;
}

.block-tabs .tab:before {
  position: absolute;
  content: '';
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid transparent;
  transition: all 0.3s;
  transition-delay: 0;
}

.block-tabs .tab:hover,
.block-tabs .tab.is-active {
  background: #6C3A9E;
  /*font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;*/
  color: #ffffff;
}

.block-tabs .tab:hover:before,
.block-tabs .tab.is-active:before {
  bottom: -30px;
  border-top: 30px solid #6C3A9E;
  transition-delay: 0.4s;
}

.block-tabs .svg {
  max-width: 100px;
  height: 100px;
  margin-bottom: 25px;
}

.block-tabs .svg .icon-stroke,
.block-tabs .svg .icon-fill {
  transition: all 0.3s;
}

.block-tabs .tab:hover .svg .icon-stroke,
.block-tabs .tab.is-active .svg .icon-stroke {
  stroke: #ffffff;
}

.block-tabs .tab:hover .svg .icon-fill,
.block-tabs .tab.is-active .svg .icon-fill {
  fill: #ffffff;
}

.block-tabs .tab p {
  font-size: 24px;
  margin: 0;
}

.block-tabs .tab:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.block-tabs .tab:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 1px solid rgba(112,112,112,0.2);
}

.block-tabs .block-tab-content {
  display: none;
}

.block-tabs .block-tab-content.is-active {
  display: block;
}

.cards .card .img {
  position: relative;
  padding-bottom: 67%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}

.cards .card .img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.cards .card h3 {
  margin: 0;
}

.cards--border .flex-wrapper {
  align-items: flex-start;
}

.cards--border .card {
  position: relative;
  padding: 20px 85px 20px 20px;
  border: 1px solid rgba(112,112,112,0.2);
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
}

.cards--border .card:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background-image: url(img/icon-angle-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
}

.cards--border .card .img {
  position: relative;
  width: 120px;
  height: 120px;
  background-size: cover;
}

.cards--border .card .text {
  width: calc(100% - 120px);
  padding-left: 40px;
}

.cards--border .card h3 {
  margin: 0 0 5px 0;
}

.cards--border .card p {
  font-size: 22px;
  margin: 0 0 15px 0;
}

.cards--border .card span {
  position: relative;
  font-size: 15px;
  padding-left: 30px;
  color: rgba(112,112,112,0.3);
}

.cards--border .card span:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background-image: url(img/icon-clock.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.image-and-text .img {
  padding-bottom: 58%;
}

/* World Transplant Games - Media Queries */

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

  .block-tabs .tab {
    padding: 30px;
  }

  .block-tabs .tab p {
    font-size: 20px;
  }

}

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

  .world-transplant-games .hero .hero-text h1 {
    font-size: 55px;
    line-height: 55px;
  }

  .world-transplant-games .hero .hero-text p {
    font-size: 20px;
    line-height: 32px;
  }

}

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

  .block-tabs .svg {
    max-width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }

}


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

  .image-and-text .flex-wrapper {
    align-items: flex-start;
  }

}

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

  .block-tabs .svg {
    max-width: 60px;
    height: 60px;
  }

  .block-tabs .tab {
    padding: 20px;
  }

  .block-tabs .tab p {
    font-size: 18px;
  }

}

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

  .block-tabs-nav {
    display: none;
  }

  .block-tabs .block-tab-content {
    display: block;
  }

  .cards--border [class^="col--"],
  .cards--border [class*=" col--"] {
    width: 100%;
  }

  .cards--border [class^="col--"]:nth-child(n+2),
  .cards--border [class*=" col--"]:nth-child(n+2) {
    padding-top: 25px;
  }

  .cards--border .flex-wrapper {
    align-items: center;
  }

}

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

  .world-transplant-games .hero .hero-text h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 20px 0;
  }

  .world-transplant-games .hero .hero-text p {
    font-size: 18px;
    line-height: 30px;
  }

  .cards--border .card p {
    font-size: 18px;
  }

}

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

  .image-and-text [class^="col--"],
  .image-and-text [class*=" col--"] {
    width: 50%;
  }

}

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

  .world-transplant-games .hero {
    height: 450px;
    min-height: 0;
  }

  .world-transplant-games .hero .hero-text p {
    font-size: 16px;
    line-height: 28px;
  }

}

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

  .image-and-text .flex-wrapper {
    display: block;
  }

  .cards [class^="col--"],
  .cards [class*=" col--"],
  .image-and-text [class^="col--"],
  .image-and-text [class*=" col--"] {
    width: 100%;
  }

  .cards [class^="col--"]:nth-child(n+2),
  .cards [class*=" col--"]:nth-child(n+2) {
    padding-top: 25px;
  }

  .cards--border .card {
    padding: 20px;
  }

  .cards--border .card:after {
    display: none;
  }

  .cards--border .card .text {
    padding-left: 20px;
  }

  .image-and-text [class^="col--"]:first-child,
  .image-and-text [class*=" col--"]:first-child {
    margin-bottom: 25px;
  }

}

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

  .video-image i {
    font-size: 70px;
  }

}

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

  .cards--border .card .text {
    width: calc(100% - 80px);
  }

  .cards--border .card .img {
    width: 80px;
    height: 80px;
  }

}



/* #Inline Block
============================================= */

.section .inline-buttons {
  list-style: none;
  margin: 0 -10px;
}

.section .inline-buttons li {
  display: inline-block;
  padding: 0 10px;
}

.section .inline-buttons li:before {
  display: none;
}

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

  .section .inline-buttons {
    margin: 0;
  }

  .section .inline-buttons li {
    float: none;
    padding: 0;
  }

  .section .inline-buttons li:first-child {
    padding-bottom: 10px;
  }

}



/* #Refer
============================================= */

.refer-form ul {
  margin: 0;
}

.refer-form_wrapper { padding: 20px 0 35px; }



/* #Utility Classes
============================================= */

/* Background */

.u-bg-white { background-color: #ffffff; }
.u-bg-grey { background-color: #f6f6f6; }
.u-bg-green { background-color: #edf6ed; }
.u-bg-recruitment-pattern { position: relative; color: #ffffff; background: rgb(1,172,192); background: radial-gradient(circle, rgba(1,172,192,1) 0%, rgba(62,43,86,1) 100%); overflow: hidden; }
.u-bg-recruitment-pattern:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url(img/recruitment-portal/bg.png); }
.u-bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }

/* Alignment */

.u-align-left { text-align: left; }
.u-align-right { text-align: right; }
.u-align-centre { text-align: center; }

/* Table layouts */

.u-table { display: table; width: 100%; height: 100%; }
.u-table-cell { display: table-cell; vertical-align: middle; text-align: inherit; }

/* Margins */

.u-no-margin { margin: 0; }

/* Paddings */

.u-no-pad-top { padding-top: 0 !important; }
.u-no-pad-bottom { padding-bottom: 0 !important; }

/* Links */

.u-link-inherit { color: inherit; text-decoration: none; }
.u-link-block { display: block; text-decoration: none; color: inherit; width: 100%; height: 100%; }

/* #Webinars
============================================= */

.menuActive.webinar-page .header { margin: 0; width: 100%; }
.menuActive.webinar-page .content { margin: 0;}

.section--webinar {
  padding: 137px 0;
}

.section--webinar-gradient:before {
  position: absolute;
  content: '';
  background: #f8f8f8;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
}

.section--webinar .container {
  position: relative;
  margin: 0 auto;
  padding: 0 100px;
  max-width: 1490px;
}

.section--webinar .container--small {
  max-width: 1090px;
}

.section--webinar p {
  color: #707479;
}

.section--webinar h2 {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 60px;
  line-height: 60px;
  color: #707479;
  text-transform: uppercase;
  margin-bottom: 55px;
}

.section--webinar-landing .flex-wrapper,
.section--webinar-landing .col-wrapper {
  margin: 0 -65px;
}

.section--webinar-landing .flex-wrapper [class^="col--"],
.section--webinar-landing .flex-wrapper [class*=" col--"] {
  float: none;
}

.section--webinar-landing .flex-wrapper [class^="col--"],
.section--webinar-landing .flex-wrapper [class*=" col--"],
.section--webinar-landing .col-wrapper [class^="col--"],
.section--webinar-landing .col-wrapper [class*=" col--"] {
  padding: 0 65px;
}

.section--webinar-landing:not(.section--recruitment-form) h2 {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 40px;
  line-height: 55px;
  color: #38393c;
  text-transform: none;
  margin-bottom: 55px;
}

.section--webinar-landing img {
  max-width: 100%;
}

.section--webinar-landing p,
.section--webinar-landing ul li {
  font-size: 24px;
  line-height: 40px;
  color: #38393c;
}

.section--webinar-landing ul {
  margin: 0 0 30px 0;
  padding: 0;
}

.section--webinar-landing ul li {
  padding: 0 0 0 30px;
  margin: 0 0 30px 0;
}

.section--webinar-landing ul li:before {
  color: #38393c;
}

.section--webinar-landing strong {
  font-family:'Avenir Next LT W01 Bold';
}

.section--webinar-bold p {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
}

.section--webinar-landing-form p:not(.tooltip-body) {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 43px;
  line-height: 58px;
  color: #38393c;
  text-transform: none;
  margin-bottom: 55px;
}

.hero--webinar .btn,
.hero--webinar-landing .btn.green,
.section--webinar .btn {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 24px;
  text-transform: uppercase;
}

.hero--webinar .btn.green,
.hero--webinar-landing .btn.green,
.section--webinar .btn.green {
  background: #43A047;
  text-align: center;
  min-width: 400px;
  padding: 27px 40px;
}

.section--webinar-landing .btn.green {
  line-height: 27px;
  padding: 22px 40px;
}

.section--webinar .btn.btn--outline {
  background: transparent;
}

.section--webinar .btn.btn--outline.green {
  border: 1px solid #43A047;
  color: #43A047;
}

.btn-center {
  margin: 100px auto 0;
  text-align: center;
}

.section--two-buttons .btn {
  margin-top: 10px;
}

.section--two-buttons .btn:nth-child(2) {
  margin-left: 10px;
}

@media all and (max-width: 1450px) {
  .section--webinar-landing h2 { font-size: 30px; line-height: 45px; margin-bottom: 30px; }
  .section--webinar-landing p,
  .section--webinar-landing ul li { font-size: 20px; line-height: 36px; margin-bottom: 30px; }
}

@media all and (max-width: 1200px) {
  .section--webinar h2 { font-size: 40px; line-height: 40px; }
  .section--webinar-landing .flex-wrapper { margin: 0 -30px; }
  .section--webinar-landing .flex-wrapper [class^="col--"],
  .section--webinar-landing .flex-wrapper [class*=" col--"] { padding: 0 30px; }
  .section--webinar-landing h2 { font-size: 30px; line-height: 45px; margin-bottom: 30px; }
  .section--webinar-landing p,
  .section--webinar-landing ul li { font-size: 20px; line-height: 36px; margin-bottom: 30px; }
}

@media all and (max-width: 1023px) {
  .section--webinar { padding: 80px 0; }
  .section--webinar-gradient:before { height: 80%; }
  .btn-center { margin: 40px auto 0; }
  .section--webinar-landing .flex-wrapper { display: block; }
  .section--webinar-landing [class^="col--"],
  .section--webinar-landing [class*=" col--"] { float: none; width: 100%; }
  .section--webinar-landing [class^="col--"]:nth-child(n+2),
  .section--webinar-landing [class*=" col--"]:nth-child(n+2) { margin: 30px 0 0 0; }
}

@media all and (max-width: 1013px) {
  .section--two-buttons .btn:nth-child(2) {
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .section--webinar { padding: 40px 0; }
  .section--webinar .container { padding: 0 30px; }
  .section--webinar h2 { font-size: 30px; line-height: 30px; margin-bottom: 30px; }
  .hero--webinar .btn,
  .hero--webinar-landing .btn,
  .section--webinar .btn,
  .hero--webinar .btn.green,
  .hero--webinar-landing .btn.green,
  .section--webinar .btn.green { font-size: 18px; min-width: 100%; }
  .hero--webinar .btn { margin-bottom: 30px; }
}

@media all and (max-width: 640px) {
  .section--webinar-landing .flex-wrapper,
  .section--webinar-landing .col-wrapper { margin: 0 -15px; }
  .section--webinar-landing .flex-wrapper [class^="col--"],
  .section--webinar-landing .flex-wrapper [class*=" col--"],
  .section--webinar-landing .col-wrapper [class^="col--"],
  .section--webinar-landing .col-wrapper [class*=" col--"] {
    padding: 0 15px;
  }
}


/* #Hero - Webinar
============================================= */

.hero--webinar { display: flex; align-items: center; justify-content: center; padding: 110px 50px 60px; min-height: 90%; height: auto; }
.hero--webinar .hero-caption { display: flex; align-items: center; justify-content: center; max-width: 1290px; z-index: 2; }
.hero--webinar .hero-caption-text { width: 51%; padding-right: 130px; }
.hero--webinar .hero-caption-text h1 { text-transform: uppercase; color: #ffffff; }
.hero--webinar:not(.hero--recruitment) .hero-caption-text h1 span { display: inline-block; box-decoration-break: clone; white-space: nowrap; padding: 12px 19px;  }
.hero--webinar:not(.hero--recruitment) .hero-caption-text h1 span:nth-of-type(1) { background: #707479; }
.hero--webinar:not(.hero--recruitment) .hero-caption-text h1 span:nth-of-type(2) { background: #82368C; }
.hero--webinar:not(.hero--recruitment) .hero-caption-text h1 span:nth-of-type(3) { background: #01ACC0; }
.hero--webinar .hero-caption-text p { font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size: 28px; line-height: 38px; }
.hero--webinar .hero-caption-text p a { color: #fff; text-decoration: underline; }
.hero--webinar .hero-caption-text p a:hover { text-decoration: none; }
.hero--webinar .hero-caption-text p strong { font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif; }

.hero--recruitment { height: 100%; }
.hero--on-demand { height: auto !important; }
.hero--recruitment .overlay { background: rgba(62,43,86,0.7); }
.hero--recruitment .hero-caption-valid { display: block; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment { padding: 0; width: 100%;  }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 { font-size: 100px; line-height: 1.1; margin: 0 0 80px 0; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 span { border-left: 13px solid; padding-left: 30px; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 span:nth-of-type(1) { border-color: #707479; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 span:nth-of-type(2) { border-color: #82368C; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 span:nth-of-type(3) { border-color: #01ACC0; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment .btn { width: 100%; display: block; border: 0; }

.hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation.hero-caption-text--recruitment-confirmation-video {
  width: 60%;
}

.hero--webinar .hero-caption-text--recruitment-confirmation-video-text {
  width: 83%;
  margin: 0 auto;
}

.hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation .video--webinar { max-width: 774px; margin-bottom: 30px; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation input[type="text"] { background: #E3E8EE; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size: 20px; padding: 27px 26px; outline: 0; border: 0; width: 100%; margin-bottom: 30px; }
.hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation input[type="submit"] { cursor: pointer; }

.hero--webinar .hero-caption-form-wrapper { width: 49%; }
.hero--webinar .hero-caption-form { background: #ffffff; padding: 45px 50px; border-radius: 10px; }
.hero--webinar .hero-caption-form .gform_wrapper,
.section--webinar-landing-form .gform_wrapper { background: transparent; padding: 0; }
.hero--webinar .hero-caption-form .gform_body,
.section--webinar-landing-form .gform_body { margin: 0 -8px; }
.hero--webinar .hero-caption-form .gform_wrapper h2 { font-size: 28px; color: #707479; margin-bottom: 15px; }
.hero--webinar .hero-caption-form .gfield,
.section--webinar-landing-form .gfield { position: relative; float: left; width: 100%; padding: 0 8px; margin-bottom: 20px; clear: none; }
.hero--webinar .hero-caption-form .gfield:nth-of-type(3),
.hero--webinar .hero-caption-form .gfield:nth-of-type(4),
.section--webinar-landing-form .gfield:nth-of-type(3),
.section--webinar-landing-form .gfield:nth-of-type(4) { width: 50%; }
.ondemand-hero-form .gfield:nth-of-type(1),
.ondemand-hero-form .gfield:nth-of-type(2) { width: 50%; }
.hero--webinar .ondemand-hero-form .gfield:nth-of-type(3),
.hero--webinar .ondemand-hero-form .gfield:nth-of-type(4) { width: 100%; }
.hero--webinar .hero-caption-form .gform_wrapper label,
.section--webinar-landing-form .gform_wrapper label { display: none; }
.hero--webinar .hero-caption-form .gform_wrapper input[type="text"],
.hero--webinar .hero-caption-form .gform_wrapper input[type="email"],
.hero--webinar .hero-caption-form .gform_wrapper select,
.section--webinar-landing-form .gform_wrapper input[type="text"],
.section--webinar-landing-form .gform_wrapper input[type="email"],
.section--webinar-landing-form .gform_wrapper select { background: #E3E8EE; font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size: 20px; padding: 27px 26px; outline: 0; border: 0; width: 100%; }
.hero--webinar .hero-caption-form .gform_wrapper input[type="submit"],
.section--webinar-landing-form .gform_wrapper input[type="submit"] { background: #43A047; width: 100%; font-family:'Avenir Next LT W01 Bold'; font-size: 24px; text-transform: uppercase; padding: 32px 26px; }
.hero--webinar .hero-caption-form .validation_error,
.section--webinar-landing-form .validation_error { display: none; }
.hero--webinar .hero-caption-form .gform_confirmation_message,
.section--webinar-landing-form .gform_confirmation_message { font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif; font-size: 28px; color: #707479; line-height: 38px; }

.hero--webinar.next-steps-form .hero-caption-form .gform_body { margin: 0 -5px; }
.hero--webinar.next-steps-form .hero-caption-form input[type="text"],
.hero--webinar.next-steps-form .hero-caption-form .gform_wrapper input[type="email"],
.hero--webinar.next-steps-form .hero-caption-form .gform_wrapper select { padding: 15px 16px; }
.hero--webinar.next-steps-form .hero-caption-form .gfield { padding: 0 5px; margin-bottom: 10px; }
.hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(1),
.hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(2){ width: 50%; }
.hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(3),
.hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(4) { width: 100%; }

@media all and (max-width: 1280px) {
  .hero--webinar .hero-caption-text h1 { font-size: 30px; line-height: 30px; }
  .hero--webinar .hero-caption-text p { font-size: 20px; line-height: 30px; }
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 { font-size: 50px; margin: 0 0 40px 0; }
  .hero--webinar .hero-caption-form .gform_wrapper h2 { font-size: 20px; line-height: 30px; margin-bottom: 0; }
  .hero--webinar .hero-caption-form .gform_wrapper input[type="text"],
  .hero--webinar .hero-caption-form .gform_wrapper input[type="email"],
  .hero--webinar .hero-caption-form .gform_wrapper select { font-size: 20px; padding: 15px; }
  .section--webinar-landing-form .gform_wrapper input[type="text"],
  .section--webinar-landing-form .gform_wrapper input[type="email"],
  .section--webinar-landing-form .gform_wrapper input[type="submit"] { padding: 15px; font-size: 20px; }
}

@media all and (max-width: 1023px) {
  .hero--webinar .hero-caption-text { width: 50%; padding-right: 60px; }
  .hero--webinar .hero-caption-form-wrapper { width: 50%; }
  .hero--webinar .hero-caption-form { padding: 20px 30px; }
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation,
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation.hero-caption-text--recruitment-confirmation-video {
    width: 80%;
  }
}

@media all and (max-width: 767px) {
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation,
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment-confirmation.hero-caption-text--recruitment-confirmation-video {
    width: 100%;
  }

  .hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 { font-size: 30px; margin: 0 0 20px 0; }
  .hero--webinar .hero-caption-text.hero-caption-text--recruitment h1 span { border-left: 10px solid; padding-left: 20px; }
  .hero--webinar { height: auto; min-height: 100%; padding: 60px 30px; }
  .hero--webinar .hero-caption-text, .hero--webinar .hero-caption-form-wrapper { width: 100%; padding-right: 0; }
  .hero--webinar .hero-caption { display: block; }
  .hero--webinar .hero-caption-text h1 { font-size: 20px; line-height: 20px; }
  .hero--webinar .hero-caption-text p { font-size: 16px; line-height: 26px; }
  .hero--webinar .hero-caption-form { padding: 20px; }
  .hero--webinar .hero-caption-form .gform_wrapper h2 { font-size: 16px; line-height: 26px; margin-bottom: 0; }
  .hero--webinar .hero-caption-form .gfield:nth-of-type(3),
  .hero--webinar .hero-caption-form .gfield:nth-of-type(4),
  .section--webinar-landing-form .gfield:nth-of-type(3),
  .section--webinar-landing-form .gfield:nth-of-type(4) { width: 100%; }
  .hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(1),
  .hero--webinar.next-steps-form .hero-caption-form .gfield:nth-of-type(2),
  .section--webinar-landing-form .gfield:nth-of-type(1),
  .section--webinar-landing-form .gfield:nth-of-type(2) { width: 100%; }
  .hero--webinar .hero-caption-form .gform_wrapper input[type="text"],
  .hero--webinar .hero-caption-form .gform_wrapper input[type="email"],
  .hero--webinar .hero-caption-form .gform_wrapper select,
  .section--webinar-landing-form .gform_wrapper input[type="text"],
  .section--webinar-landing-form .gform_wrapper input[type="email"],
  .section--webinar-landing-form .gform_wrapper select { font-size: 14px; padding: 15px; }
  .hero--webinar .hero-caption-form .gform_wrapper input[type="submit"],
  .section--webinar-landing-form .gform_wrapper input[type="submit"] { font-size: 16px; }
}


/* #Hero - Webinar Confirmation
============================================= */

/*.hero--webinar-confirmation { padding: 60px 0 0 0; height: auto; }
.hero--webinar-confirmation .hero-imgs { padding: 40px; }
.hero--webinar-confirmation .hero-imgs .col-wrapper { margin: 0 -10px; }
.hero--webinar-confirmation .hero-imgs .hero-img { padding: 0 10px; }
.hero--webinar-confirmation .hero-imgs .hero-img img { width: 100%; }
.hero--webinar-confirmation .container { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%; margin: 0 auto; padding: 0 100px; width: 100%; max-width: 1490px; }
.hero--webinar-confirmation .hero-caption-text h1, .hero--webinar-confirmation .hero-caption-text p { font-family:'Avenir Next LT W01 Bold'; text-transform: uppercase; color: #ffffff; margin: 0; }
.hero--webinar-confirmation .hero-caption-text p span { background: #402855; }
.hero--webinar-confirmation .hero-caption-text span { display: inline-block; box-decoration-break: clone; padding: 12px 19px;  }
.hero--webinar-confirmation .hero-caption-text h1 span { background: #17abbf; }*/

.hero--webinar-confirmation .hero-caption { margin: 0 50px; }
.hero--webinar-confirmation .hero-caption-text { width: 100%; padding-right: 0; text-align: center; }
.hero--webinar-confirmation .hero-caption-text p:last-child { margin-top: 100px; }

/* #Hero - Webinar Confirmation - Media Queries */

@media all and (max-width: 767px) {
  .hero--webinar-confirmation { min-height: auto; }
  .hero--webinar-confirmation .hero-caption { padding-top: 30px; margin: 0 30px; }
  .hero--webinar-confirmation .hero-caption-text p:last-child { margin-top: 30px; }
}

@media all and (max-width: 700px) {
  .hero--webinar-confirmation .hero-caption { padding-top: 0; }
}


/*@media all and (max-width: 1023px) {
  .hero--webinar-confirmation .hero-imgs { padding: 20px; }
}

@media all and (max-width: 767px) {
  .hero--webinar-confirmation .container { padding: 0 30px; }
}

@media all and (max-width: 700px) {
  .hero--webinar-confirmation { padding: 0; }
}

@media all and (max-width: 639px) {
  .hero--webinar-confirmation .container { position: relative; bottom: auto; left: auto; transform: none; padding: 0 20px 20px 20px; }
  .hero--webinar-confirmation .hero-imgs .col-wrapper { margin: 0px; }
  .hero--webinar-confirmation .hero-imgs .hero-img { padding: 0px; }
  }*/


/* #Video - Webinar
============================================= */

.video--webinar {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video--webinar iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* #Hosts - Webinar
============================================= */

.section--webinar-hosts {
  position: relative;
  overflow: hidden;
}

.section--webinar-hosts:before {
  position: absolute;
  content: '';
  top: 400px;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f8f8f8;
}

.hosts {
  position: relative;
  z-index: 1;
}

.host {
  cursor: pointer;
}

.host .host-img:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid #01ACC0;
  opacity: 0;
  transition: all 0.4s;
}

.host.is-active .host-img:before {
  opacity: 1;
}

.host-img {
  position: relative;
  background-size: cover;
  background-position: center center;
  padding-bottom: 75%;
  margin-bottom: 32px;
}

.section .host-title,
.section .host-text,
.section .host-link {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 24px;
}

.host-title {
  margin-bottom: 0;
}

.host-link {
  display: inline-block;
  border: 1px solid #43A047;
  color: #43A047;
  border-radius: 5px;
  padding: 7px 14px;
}

.host.is-active .host-link {
  color: #AFB6BE;
  border: 1px solid #AAB0B7;
}

.host.is-inactive {
  pointer-events: none;
}

.host-content {
  margin-top: 80px;
  display: none;
}


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

  .section--webinar-hosts:before {
    display: none;
  }

  .host {
    width: 100%;
    margin-bottom: 30px;
  }

  .host:last-child {
    margin: 0;
  }

  .host-content {
    margin-top: 30px;
  }

}

@media all and (max-width: 767px) {
  .section .host-title,
  .section .host-text,
  .section .host-link {
    font-size: 18px;
  }
}


/* #Accordion - Webinar
============================================= */

.accordion {
  margin-bottom: 127px;
}

.accordion-item {
  position: relative;
  border-bottom: 2px solid #707479;
  padding-left: 55px;
}

.accordion-item.is-active .accordion-toggle-line:nth-child(2) {
  opacity: 0;
}

.accordion-toggle {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  background: #43A047;
  width: 30px;
  height: 30px;
}

.accordion-toggle-line {
  position: absolute;
  content: '';
  top: 13px;
  left: 7px;
  display: block;
  background: #ffffff;
  width: 18px;
  height: 3px;
  transition: all 0.4s;
}

.accordion-toggle-line:nth-child(2) {
  transform: rotate(90deg);
  top: 14px;
}

.section .accordion-title,
.section .accordion-text p {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 24px;
}

.section .accordion-title {
  color: #707479;
  cursor: pointer;
  margin: 35px 0 22px 0;
}

.intro-button {
  margin-top: 100px;
}

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

  .accordion {
    margin-bottom: 40px;
  }

  .accordion-item {
    padding-left: 35px;
  }

  .accordion-toggle {
    width: 20px;
    height: 20px;
  }

  .accordion-toggle-line {
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
  }

  .accordion-toggle-line:nth-child(2) {
    transform: rotate(90deg);
    top: 9px;
  }

  .section .accordion-title,
  .section .accordion-text p {
    font-size: 18px;
  }

  .intro-button {
    margin-top: 30px;
  }

}

.section--webinar-form {
  background: #707479;
}

.section--webinar-form h2,
.section--webinar-form p {
  color: #ffffff;
}

.section--webinar-form .webinar-form-title,
.section--webinar-landing-form .webinar-form-title {
  display: none;
}

@media all and (max-width: 1200px) {
  .section--webinar-form .col--50 { width: 100%; }
}


/* #Promo Annual Report - Webinar
============================================= */

.promo-annual-report {
  position: relative;
  background: #842e89;
  margin-bottom: 80px;
}

.promo-annual-report-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background-image: url(img/registration/promo-annual-report.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-annual-report-body {
  margin-left: 45%;
  padding: 50px;
}

.promo-annual-report h2,
.promo-annual-report p {
  color: #ffffff;
}

.promo-annual-report h2 {
  font-size: 50px;
  margin-bottom: 25px;
}

.promo-annual-report p  {
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
}

.promo-annual-report .btn {
  background: #ffffff;
  color: #402855;
  border-radius: 0;
  width: 100%;
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 21px;
  text-align: center;
  padding: 20px;
}

/* Promo Annual Report - Webinar - Media Queries */

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

  .promo-annual-report {
    margin-bottom: 40px;
  }

  .promo-annual-report-img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 300px;
  }

  .promo-annual-report-body {
    margin-left: 0;
    padding: 25px;
  }

}

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

  .promo-annual-report h2 {
    font-size: 30px;
  }

}

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

  .promo-annual-report .btn {
    font-size: 14px;
  }

}

/* #Business Items - Webinar
============================================= */

.business-items {
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 50px;
}

.business-items:last-child {
  margin-bottom: 0;
}

.business-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background: #ffffff;
  padding: 50px 25px;
  border: 10px solid;
  height: 100%;
}

.business-item-center {
  align-items: center;
  text-align: center;
}

.business-item-title {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 40px;
  text-transform: uppercase;
}

.business-item--dark-blue {
  border-color: #402855;
  color: #402855;
}

.business-item--light-blue {
  border-color: #17abbf;
  color: #17abbf;
}

.business-item--purple {
  border-color: #842e89;
  color: #842e89;
}

.business-item--grey {
  border-color: #707479;
  color: #707479;
}

.business-item-body {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  flex-grow: 1;
}

.business-item-btn {
  display: inline-block;
  font-size: 19px;
  line-height: 32px;
  border: 1px solid;
  border-radius: 10px;
  padding: 5px 15px;
}

.business-item--dark-blue .business-item-btn {
  border-color: #402855;
  color: #402855;
}

.business-item--light-blue .business-item-btn {
  border-color: #17abbf;
  color: #17abbf;
}

.business-item--purple .business-item-btn {
  border-color: #842e89;
  color: #842e89;
}

.business-item--grey .business-item-btn {
  border-color: #707479;
  color: #707479;
}

/* Business Items - Webinar - Media Queries */

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

  .business-item-title {
    font-size: 30px;
  }

}

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

  .business-items { margin-bottom: 20px; }
  .business-items .col--50,
  .business-items .col--33 { width: 100%; }
  .business-items .col--50:nth-child(n+2),
  .business-items .col--33 { padding-top: 20px; }
  .business-item-btn { font-size: 16px; line-height: 24px; }

}

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

  .business-item { padding: 25px 20px; }
  .business-item-btn { font-size: 14px; line-height: 22px; }

}


/* #Tooltips - Webinar
============================================= */

.tooltip {
  position: absolute;
  top: 23px;
  right: 28px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #82368C;
  cursor: pointer;
  z-index: 10;
}

.tooltip:before {
  position: absolute;
  content: 'i';
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.tooltip-body {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 10px;
  background: #ffffff;
  color: #707479;
  line-height: 1.3;
  padding: 8px 10px;
  border-radius: 5px;
  width: 250px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s;
}

.tooltip.is-active {
  z-index: 50;
}

/*.tooltip:hover .tooltip-body,*/
.tooltip.is-active .tooltip-body {
  opacity: 1;
  visibility: visible;
}

.tooltip-body:before {
  position: absolute;
  content: '';
  top: -7px;
  right: 7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  width: 0;
  height: 0;
}

/* Tooltips - Webinar - Media Queries */

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

  .tooltip {
    top: 15px;
    right: 20px;
    height: 25px;
    width: 25px;
  }

}

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

  .tooltip {
    top: 11px;
  }

}


/* #Hero - Webinar Landing
============================================= */

.hero--webinar-landing { background: linear-gradient(0deg, rgba(62,43,86,1) 0%, rgba(129,54,139,1) 75%); display: flex; align-items: center; justify-content: center; }
.hero--webinar-landing:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/registration/percentage.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.hero--webinar-landing .hero-caption { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 100px; max-width: 1490px; z-index: 2; }
.hero--webinar-landing .hero-caption-text h1 { font-family:'Avenir Next LT W01 Bold'; margin: 0 0 80px 0; font-size: 180px; line-height: 1; color: #ffffff; }
.hero--webinar-landing .hero-caption p { font-size: 24px; line-height: 44px; margin: 0 auto 70px auto; max-width: 90%; }
.hero--webinar-landing .hero-caption strong { font-family:'Avenir Next LT W01 Bold'; }

/* Hero - Webinar Landing - Media Queries */

@media all and (max-width: 1450px) {
  .hero--webinar-landing .hero-caption-text h1 { font-size: 120px; margin: 0 auto 50px auto; }
  .hero--webinar-landing .hero-caption p { font-size: 20px; line-height: 40px; margin: 0 auto 50px auto; }
}

@media all and (max-width: 1023px) {
  .hero--webinar-landing .hero-caption-text h1 { font-size: 80px; }
  .hero--webinar-landing .hero-caption p { font-size: 18px; line-height: 38px; }
}

@media all and (max-width: 767px) {
  .hero--webinar-landing .hero-caption { padding: 0 30px; }
}

@media all and (max-width: 700px) {
  .hero--webinar-landing .hero-caption { padding: 40px 30px; }
  .hero--webinar-landing .hero-caption-text h1 { font-size: 40px; }
  .hero--webinar-landing .hero-caption p { font-size: 16px; line-height: 35px; max-width: 100%; }
}


/* #Coins - Webinar Landing
============================================= */

.coin {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding-top: 94.88%;
  border-radius: 50%;
}

.coin:before {
  position: absolute;
  content: '';
  top: 5%;
  left: 5%;
  height: 90%;
  width: 90%;
  background-image: url(img/registration/coin-purple-border.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.coin-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.coin-body p {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 100px;
  line-height: 110px;
}

.coin-body span {
  font-size: 24px;
}

.coin--blue {
  border: 15px solid #3e2b56;
}

.coin--blue p {
  color: #3e2b56;
}

.coin--purple {
  border: 15px solid #82368c;
}

.coin--purple p {
  color: #82368c;
}

/* Coins - Webinar Landing - Media Queries */

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

  .coin-body p {
    font-size: 80px;
    line-height: 85px;
  }

  .coin-body span {
    font-size: 20px;
  }

}

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

  .coin-body p {
    font-size: 65px;
    line-height: 70px;
  }

  .coin-body span {
    font-size: 18px;
  }

}

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

  .coin--blue {
    border: 10px solid #3e2b56;
  }

  .coin--purple {
    border: 10px solid #82368c;
  }

  .coin-body p {
    font-size: 35px;
    line-height: 40px;
  }

  .coin-body span {
    font-size: 16px;
  }

}


/* #Newspaper - Webinar Landing
============================================= */

.newspaper {
  position: absolute;
  width: 70%;
  top: 50%;
  right: -18%;
  transform: translateY(-50%);
  z-index: 1;
}

/* Newspaper - Webinar Landing - Media Queries */

@media all and (max-width: 1023px) {
  .newspaper {
    right: -30%;
  }
}

@media all and (max-width: 940px) {
  .newspaper {
    width: 100%;
    opacity: 0.2;
  }
}


/* #Cards
============================================= */

.section--advisers h2 {
  color: #3E2B56;
}

.section--advisers .flex-wrapper {
  margin: 0 -23px;
  align-items: stretch;
}

.section--advisers [class^="col--"],
.section--advisers [class*=" col--"] {
  padding: 0 23px;
}

.section--webinar .card--adviser {
  padding: 30px 20px;
  height: 100%;
}

.section--webinar .card--adviser .adviser-img {
  width: 100%;
  margin-bottom: 32px;
}

.section--webinar .card--adviser .adviser-img img {
  width: 100%;
}

.section--webinar .card--adviser p {
  font-size: 24px;
}

.section--webinar .card--adviser a {
  display: inline-block;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 24px;
  color: #43A047;
  padding: 24px 30px;
  border: 2px solid #43A047;
  text-transform: uppercase;
}

/* Cards - Media Queries */

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

  .section--webinar .card--adviser .adviser-img {
    margin-bottom: 20px;
  }

  .section--webinar .card--adviser p,
  .section--webinar .card--adviser a {
    font-size: 20px;
  }

}

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

  .section--advisers .flex-wrapper {
    flex-wrap: wrap;
  }

  .section--advisers [class^="col--"],
  .section--advisers [class*=" col--"] {
    width: 100%;
    margin-top: 20px;
  }

  .section--advisers [class^="col--"]:first-child,
  .section--advisers [class*=" col--"]:first-child {
    margin-top: 0;
  }

}



/* #Recruitment Form
============================================= */

.section--recruitment-form:not(.section--webinar-landing) p {
  font-size: 24px;
  line-height: 1.5;
  margin: 0;
}

.section--recruitment-form form {
  position: relative;
}

.section--recruitment-form label {
  display: none;
}

.section--recruitment-form .gfield {
  float: left;
  padding: 0 8px;
  clear: none;
}

.section--recruitment-form .gfield:nth-of-type(1),
.section--recruitment-form .gfield:nth-of-type(2),
.section--recruitment-form .gfield:nth-of-type(3),
.section--recruitment-form .gfield:nth-of-type(4) {
  width: 100%;
}

.section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(1),
.section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(2) {
  width: 50%;
  float: left;
  padding: 0 8px;
}

.section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(4) {
  margin-bottom: 50px;
}

.section--recruitment-form-footer .gfield:nth-of-type(3),
.section--recruitment-form-footer .gfield:nth-of-type(4) { width: 50%; }

.section--recruitment-form-footer .gfield:nth-of-type(1),
.section--recruitment-form-footer .gfield:nth-of-type(5),
.section--recruitment-form-footer .gfield:nth-of-type(6) { width: 100%; }

.hero--webinar .ondemand-hero-form .gfield.radio-buttons,
.section--recruitment-form .gfield.radio-buttons {
  width: auto;
}

.hero--webinar .ondemand-hero-form .radio-buttons label,
.section--recruitment-form .radio-buttons label {
  display: inline-block;
  font-size: 20px;
}

.hero--webinar .ondemand-hero-form .radio-buttons label { color: #000; }

.hero--webinar .ondemand-hero-form .radio-buttons .ginput_container_radio,
.section--recruitment-form .radio-buttons .ginput_container_radio {
  display: inline-block;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_radio,
.section--recruitment-form .radio-buttons .gfield_radio {
  margin: 0;
  padding-left: 20px;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_radio li,
.section--recruitment-form .radio-buttons .gfield_radio li {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_radio li label,
.section--recruitment-form .radio-buttons .gfield_radio li label {
  padding-left: 5px;
  margin: 0;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_radio li:first-child,
.section--recruitment-form .radio-buttons .gfield_radio li:first-child {
  margin: 0;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_radio input,
.section--recruitment-form .radio-buttons .gfield_radio input {
  -webkit-appearance: radio;
}

.hero--webinar .ondemand-hero-form .radio-buttons .gfield_required,
.section--recruitment-form .radio-buttons .gfield_required {
  display: none;
}

.section--recruitment-form:not(.section--recruitment-form-footer) .gform_footer {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
}

.locate_button {
    padding: 10px 20px 10px 20px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin:20px 10px 10px 10;
}

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

  .section--recruitment-form:not(.section--recruitment-form-footer) .gform_footer {
    bottom: 15px;
  }

}

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

  .section--more-recruitment-form .flex-wrapper,
  .section--recruitment-form .flex-wrapper {
    flex-wrap: wrap;
  }

  .section--more-recruitment-form [class^="col--"],
  .section--more-recruitment-form [class*=" col--"],
  .section--recruitment-form [class^="col--"],
  .section--recruitment-form [class*=" col--"] {
    width: 100%;
    margin-top: 20px;
  }

  .section--more-recruitment-form [class^="col--"]:first-child,
  .section--more-recruitment-form [class*=" col--"]:first-child,
  .section--recruitment-form [class^="col--"]:first-child,
  .section--recruitment-form [class*=" col--"]:first-child {
    margin-top: 0;
  }

  .section--more-recruitment-form p,
  .section--recruitment-form p {
    font-size: 20px;
  }

  .section--more-recruitment-form p {
    margin-bottom: 10px;
    line-height: 25px;
  }

  .section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(4) {
    margin-bottom: 30px;
  }

  .section--recruitment-form .radio-buttons label {
    font-size: 18px;
  }

}

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

  .section--recruitment-form .radio-buttons label {
    font-size: 16px;
  }

  .section--more-recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(1),
  .section--more-recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(2),
  .section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(1),
  .section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(2) {
    width: 100%;
  }

}

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

  .section--recruitment-form:not(.section--recruitment-form-footer) .gform_footer {
    position: relative;
    bottom: auto;
  }

  .section--recruitment-form:not(.section--recruitment-form-footer) .gfield:nth-of-type(3) {
    margin-bottom: 20px;
  }

}


/* #Application
============================================= */

.hero--application { min-height: 100%; }
.hero--application .hero-caption-text { width: 100%; padding: 0; text-align: center; }
.hero--application .hero-caption-text h1 br { display: none; }
.hero--application .hero-caption-text h1,
.hero--application .hero-caption-text p { margin: 0 0 80px 0; }

.section--application .container--small {
  max-width: 1190px;
}

.section--application .gform_wrapper,
.section--conference .gform_wrapper {
  width: 100%;
  padding: 0;
  background: transparent;
}

.section--application .gsection_title {
  font-size: 40px;
  line-height: 40px;
  text-transform: none;
  margin-bottom: 40px;
}

.section--application .gfield_required {
  display: none;
}

.section--application .form-section,
.section--conference .form-section {
  width: 100%;
  padding: 80px 70px 40px 70px;
  background: #f7f8f9;
  margin-bottom: 100px;
}

.section--application .form-section ul,
.section--conference .form-section ul {
  padding: 0;
  margin: 0;
}

.section--application .form-section ul li,
.section--conference .form-section ul li {
  margin: 0 0 40px 0;
}

.section--application .gform_wrapper .gfield label,
.section--conference .gform_wrapper .gfield label {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #707070;
  margin: 0 0 10px;
}

.section--application .gform_wrapper input[type="text"],
.section--application .gform_wrapper input[type="email"],
.section--application .gform_wrapper select,
.section--conference .gform_wrapper input[type="text"],
.section--conference .gform_wrapper input[type="email"],
.section--conference .gform_wrapper select,
.section--conference .gform_wrapper textarea {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 26px;
  padding: 30px 17px;
  border-radius: 5px;
  border: 2px solid #9D9FA5;
  width: 100%;
  color: #707070;
}

.section--application .gform_wrapper .gfield_error input[type="text"],
.section--application .gform_wrapper .gfield_error input[type="email"],
.section--application .gform_wrapper .gfield_error select,
.section--conference .gform_wrapper .gfield_error input[type="text"],
.section--conference .gform_wrapper .gfield_error input[type="email"],
.section--conference .gform_wrapper .gfield_error select,
.section--conference .gform_wrapper .gfield_error textarea {
  border: 2px solid #DB5757;
}

.section--application .gform_wrapper select option,
.section--conference .gform_wrapper select option {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #707070;
}

.section--application .gform_wrapper .gfield_radio {
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #9D9FA5;
}

.section--application .gform_wrapper .gfield_radio li {
  float: left;
  margin: 0;
  border-right: 2px solid #9D9FA5;
}

.section--application .gform_wrapper .gfield_radio li:last-child {
  border: 0;
}

.section--application .gform_wrapper .gfield_radio label {
  margin: 0;
  padding: 26px 38px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.section--application .gform_wrapper .gfield_radio label.is-active {
  background: #43A047;
  color: #ffffff;
}

.section--application .gform_wrapper .gfield_radio input[type="radio"] {
  display: none;
}

.section--application .gform_wrapper input[type="submit"],
.section--conference .gform_wrapper input[type="submit"] {
  background: #43A047;
  font-family: 'Avenir Next LT W01 Bold';
  font-size: 24px;
  text-transform: uppercase;
  padding: 32px 75px;
}

.section--application .gform_footer {
  margin-left: 70px;
}

.section--application .validation_error {
  display: none;
}

.section--application .validation_message {
  font-size: 18px;
}

/* Application - Media Queries */

@media all and (max-width: 1024px) {
  .hero--application .hero-caption-text h1,
  .hero--application .hero-caption-text p { margin: 0 0 40px 0; }
  .section--application .gsection_title { font-size: 30px; line-height: 30px; margin-bottom: 25px; }
  .section--application .form-section { padding: 40px 30px 20px 30px; background: #f7f8f9; margin-bottom: 50px; }
  .section--application .form-section ul li,
  .section--conference .form-section ul li { margin: 0 0 20px 0; }
  .section--application .gform_wrapper .gfield label,
  .section--conference .gform_wrapper .gfield label { font-size: 20px; margin: 0 0 5px; }
  .section--application .gform_wrapper input[type="text"],
  .section--application .gform_wrapper input[type="email"],
  .section--application .gform_wrapper select,
  .section--conference .gform_wrapper input[type="text"],
  .section--conference .gform_wrapper input[type="email"],
  .section--conference .gform_wrapper select,
  .section--conference .gform_wrapper textarea { font-size: 20px; padding: 20px 10px; }
  .section--application .gform_wrapper .gfield_radio label { padding: 20px 30px; margin: 0; }
}

@media all and (max-width: 800px) {
  .hero--application .hero-caption-text h1 br { display: block; }
  .section--application .gform_footer { margin-left: 30px; }
}

@media all and (max-width: 767px) {
  .section--application .form-section { margin-bottom: 30px; }
  .section--application .gform_wrapper input[type="text"],
  .section--application .gform_wrapper input[type="email"],
  .section--application .gform_wrapper select,
  .section--conference .gform_wrapper input[type="text"],
  .section--conference .gform_wrapper input[type="email"],
  .section--conference .gform_wrapper select,
  .section--conference .gform_wrapper textarea, { font-size: 18px; }
  .section--application .gform_wrapper input[type="submit"],
  .section--conference .gform_wrapper input[type="submit"] { font-size: 18px; padding: 20px 50px; }
}

@media all and (max-width: 640px) {
  .hero--application .hero-caption-text h1,
  .hero--application .hero-caption-text p { margin: 0 0 20px 0; }
  .section--application .gform_footer { margin-left: 0; }
}


/* #Conference
============================================= */

.btn--conference {
  background: #43A047;
  font-family: 'Avenir Next LT W01 Bold';
  text-transform: uppercase;
}

.btn--conference:hover {
  background: #43A047;
}

.section--conference {
  padding-top: 75px;
  padding-bottom: 7.4vw;
  min-height: 100vh;
  background-image: url(img/conference/virtual-conference-bg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
}

.section--conference:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(62,41,86,0.7);
}

.section--conference:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, rgba(62,43,86,1) 0%, rgba(62,43,86,0) 100%);
}

.section--conference .container {
  position: relative;
  z-index: 5;
  margin: 0 auto;
  padding: 0 100px;
  max-width: 1363px;
}

.section--conference .logo {
  width: 100%;
  max-width: 41.6vw;
  padding-top: 14.3%;
  margin-top: 6vw;
  margin-bottom: 6vw;
}

.section--conference .time p {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 38px;
  color: #ffffff;
  line-height: 1.6;
  text-align: center;
  letter-spacing: -0.6px;
  margin-bottom: 8.3vw;
}

.section--conference .form-section {
  background: #ffffff;
  border-radius: 10px;
  text-align: left;
  margin: 0;
  padding: 4.1vw 5vw;
}

.section--conference .form-section p,
.section--conference .gform_confirmation_message {
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 38px;
  line-height: 1.6;
  color: #3E2B56;
  text-align: center;
  letter-spacing: -0.6px;
  margin: 0 0 40px;
}

.section--conference .gform_confirmation_message {
  margin: 0;
}

.section--conference .form-section ul li:last-child {
  margin: 0 0 70px 0;
}

.section--conference .form-section .radio-buttons .gfield_radio li {
  display: inline-block;
  margin: 0;
  margin-left: 20px;
}

.section--conference .form-section .radio-buttons .gfield_radio li:first-child {
  margin: 0;
}

.section--conference .gform_wrapper input[type="text"],
.section--conference .gform_wrapper input[type="email"],
.section--conference .gform_wrapper select,
.section--conference .gform_wrapper textarea {
  padding: 17px;
}

.section--conference .gform_wrapper .ginput_full,
.section--conference .gform_wrapper .address_city,
.section--conference .gform_wrapper .address_zip {
  display: block;
  margin: 0 0 30px;
}

.section--conference .gform_wrapper .address_zip {
  margin: 0;
}

.section--conference .gform_wrapper .address_city {
  margin: 0 0 40px;
}

.section--conference .gform_wrapper .address_zip {
  display: flex;
  flex-direction: column;
}

.section--conference .gform_wrapper .address_zip label {
  order: 1;
}

.section--conference .gform_wrapper .address_zip input {
  order: 2;
}

.section--conference .gform_wrapper .ginput_full label,
.section--conference .gform_wrapper .address_city label {
  display: none;
}

.section--conference .gform_wrapper .gfield_required {
  display: none;
}

.section--conference .gform_wrapper input[type="submit"] {
  padding: 27px 20.5%;
  min-width: 220px;
}

.section--conference .gform_footer {
  text-align: center;
}

.section--conference .gform_wrapper .validation_error {
  display: none;
}

/* #Conference - Media Queries */

@media all and (max-width: 1024px) {
  .section--conference .form-section p { font-size: 24px; margin: 0 0 20px; }
  .section--conference .time p { font-size: 24px; }
  .section--conference .gform_wrapper .ginput_full,
  .section--conference .gform_wrapper .address_city { margin: 0 0 20px 0; }
  .section--conference .gform_wrapper ul li:last-child { margin: 0 0 40px;  }
}

@media all and (max-width: 768px) {
  .section--conference .container { padding: 0 30px; }
  .section--conference .form-section p,
  .section--conference .time p { font-size: 20px; }

}

@media all and (max-width: 700px) {
  .section--conference { padding-top: 0; }
}

@media all and (max-width: 639px) {
  .section--conference .logo {
    max-width: 300px;
    height: 62px;
    padding-top: 0;
  }
}

.read-more-text {
  display: none;
}




/* #Recruitment Portal
============================================= */

.rp-pages .header .right {
  top: 0;
  height: 100%;
}

.rp-pages .header .right a {
  display: flex;
  height: 100%;
  align-items: center;
  text-transform: uppercase;
}

.content--recruitment-portal {
  padding-top: 75px;
  height: auto;
}

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

  .content--recruitment-portal {
    padding-top: 0;
  }

}

.recruitment-portal {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: calc(100vh - 75px);
  height: auto;
  padding: 150px 0;
  color: #ffffff;
  background: rgb(1,172,192);
  background: radial-gradient(circle, rgba(1,172,192,1) 0%, rgba(62,43,86,1) 100%);
  overflow: hidden;
}

.recruitment-portal:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(img/recruitment-portal/bg.png);
}

.recruitment-portal .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

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

  .recruitment-portal .wrapper {
    padding: 0 50px;
  }

}

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

  .recruitment-portal {
    padding: 90px 0 60px;
  }

}

/* Recruitment Portal - Valuation banner */

.recruitment-portal .recruitment-portal-banner {
  position: absolute;
  top: 62px;
  right: -137px;
  width: 543px;
  transform: rotate(45deg);
  background: #43A047;
  padding: 40px 150px 40px 160px;
  color: #ffffff;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 28px;
  text-align: left;
  letter-spacing: -0.29px;
  line-height: 28px;
  text-transform: uppercase;
}

.recruitment-portal .recruitment-portal-banner span {
  position: relative;
  display: block;
  padding-left: 75px;
}

.recruitment-portal .recruitment-portal-banner .icon {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 60.885px;
  height: 50.714px;
}

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

  .recruitment-portal .recruitment-portal-banner {
    right: -210px;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 100px 20px 160px;
  }

  .recruitment-portal .recruitment-portal-banner span {
    padding-left: 50px;
  }

  .recruitment-portal .recruitment-portal-banner .icon {
    width: 40px;
    height: 30px;
  }

}

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

  .recruitment-portal .recruitment-portal-banner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    transform: rotate(0deg);
    padding: 20px;
  }

  .recruitment-portal .recruitment-portal-banner br {
    display: none;
  }

  .recruitment-portal .recruitment-portal-banner .icon {
    top: -5px;
  }

}

/* Recruitment Portal - Text */

.recruitment-portal .text {
  margin-bottom: 48px;
}

.recruitment-portal .text--large {
  margin: 0 auto;
  max-width: 820px;
}

.recruitment-portal .text--left {
  max-width: 550px;
  width: calc(100% - 236px);
  text-align: left;
  margin-right: 40px;
  margin-bottom: 0;
}

.recruitment-portal .text h1,
.recruitment-portal .text h2 {
  font-family:'Avenir Next LT W01 Bold';
  text-transform: uppercase;
}

.recruitment-portal .text h1 {
  font-size: 80px;
  line-height: 100px;
  letter-spacing: -0.8px;
  margin: 0 0 43px 0;
  color: #ffffff;
}

.recruitment-portal .text h1.keep {
  font-size:  40px;
  line-height: 60px;
}

.recruitment-portal .text h1.keep-line1 {
  font-size:  60px;
  line-height: 60px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.join-portal .text h1.stat {
  font-size: 240px;
  line-height: 240px;
  margin-bottom: 20px;
}

.recruitment-portal .text h1 span {
  color: #3E2B56;
}

.recruitment-portal .text h2 {
  font-size: 40px;
  line-height: 55px;
  letter-spacing: -0.4px;
  margin: 0 0 35px 0;
  color: #3E2B56;
}

.recruitment-portal .earn-text h2 {
  color: #fff;
  margin: 0;
}

.recruitment-portal .text p,
.recruitment-portal .text ul:not([class]) {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.22px;
  margin: 0 auto 40px;
}

.recruitment-portal .text ul:not([class]) li {
  list-style: square !important;
}

.recruitment-portal .text strong {
  font-family:'Avenir Next LT W01 Bold';
}

.recruitment-portal .text p a:not(.btn) {
  color: #ffffff;
}

.recruitment-portal .portal-question-form .gform_wrapper li:nth-child(n+3), .recruitment-portal .portal-question-form .gform_footer {
  display: block;
}

.recruitment-portal .portal-question-form .gform_hidden {
  display: none !important;
}

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

  .recruitment-portal .text h1 {
    font-size: 60px;
    line-height: 80px;
    margin: 0 0 43px 0;
  }

  .join-portal .text h1.stat {
    font-size: 180px;
    line-height: 180px;
  }

}

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

  .recruitment-portal .text--left {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }

  .recruitment-portal .progress-bar {
    display: none !important;
  }

}

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

  .recruitment-portal .text h1 {
    font-size: 40px;
    line-height: 60px;
    margin: 0 0 20px 0;
  }

}

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

  .join-portal .text h1.stat {
    font-size: 100px;
    line-height: 100px;
  }

  .recruitment-portal .text h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .recruitment-portal .text h1.keep {
    font-size:  30px;
    line-height: 40px;
  }

}

/* Recruitment Portal - Forms */

.recruitment-portal .recruitment-portal-form,
.recruitment-portal .gform_wrapper {
  background: transparent;
  padding: 0;
  margin: 0 auto;
}

.recruitment-portal .gform_footer {
  margin-bottom: 113px;
}

.recruitment-portal .gform_wrapper ul {
  position: relative;
  padding-bottom: 56px;
}

.recruitment-portal .gform_wrapper li {
  position: relative;
  margin-bottom: 24px;
}

.recruitment-portal .gform_wrapper.pay-more-form_wrapper li:nth-child(n+3),
.recruitment-portal .gform_wrapper.pay-more-form_wrapper .gform_footer {
  display: none;
}

.recruitment-portal .gform_wrapper .gform_hidden {
  display: none !important;
}

.join-portal .gform_wrapper li:nth-child(n+3),
.join-portal .gform_footer {
  display: block;
}

.recruitment-portal .gform_wrapper.pay-more-form_wrapper li:first-child {
  width: calc(100% - 96px);
  transition: all 0.2s ease-in-out;
}

.recruitment-portal .gform_wrapper.recruitment-portal-landing-form_wrapper li:nth-child(n+5),
.recruitment-portal .gform_wrapper.recruitment-portal-landing-form_wrapper .gform_footer {
  display: none;
}

.join-portal .gform_wrapper li:first-child {
  width: 100%;
}

.recruitment-portal .gform_wrapper .gfield_btn {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
}

.recruitment-portal  .recruitment-portal-landing-form_wrapper .gfield_btn {
  top: 339px;
  margin: 0;
  padding: 0;
}

.recruitment-portal .gform_wrapper .btn {
  width: 96px;
  height: 94px;
  font-size: 28px;
  padding: 0;
  transition: all 0.2s ease-in-out;
}

.recruitment-portal .gform_wrapper .btn:disabled,
.recruitment-portal .gform_wrapper .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

.recruitment-portal .gform_wrapper .ginput_container {
  position: relative;
}

.recruitment-portal .gform_wrapper .gfield_error .ginput_container:after {
  position: absolute;
  content: '';
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  background: url('img/recruitment-portal/icon-close.svg');
}

.recruitment-portal .gform_wrapper .gfield_error.js-form-reveal .ginput_container:after {
  right: 121px;
}

.recruitment-portal .gform_wrapper label {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
  text-align: left;
  margin-bottom: 5px;
}

.recruitment-portal .gform_wrapper.recruitment-portal-landing-form_wrapper label {
    font-size: 17px;
    line-height: 22px;
}

.recruitment-portal .gform_wrapper .gfield_nolabel label {
  display: none;
}

.recruitment-portal .gform_wrapper label .gfield_required {
  display: none;
}

.recruitment-portal .recruitment-portal-form input,
.recruitment-portal .recruitment-portal-form textarea,
.recruitment-portal .gform_wrapper input[type="text"],
.recruitment-portal .gform_wrapper input[type="email"],
.recruitment-portal .gform_wrapper input[type="password"],
.recruitment-portal .gform_wrapper textarea {
  border: 0;
  outline: 0;
  width: 100%;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
}

.recruitment-portal .recruitment-portal-form input,
.recruitment-portal .gform_wrapper input[type="text"],
.recruitment-portal .gform_wrapper input[type="email"],
.recruitment-portal .gform_wrapper input[type="password"] {
  font-size: 28px;
  line-height: 38px;
  padding: 28px 40px 28px 40px;
  box-shadow: 0px 0px 10px #3E2B5680;
}

.recruitment-generic .gform_wrapper li {
  width: auto !important;
}

.recruitment-portal .gfield_radio {
  display: flex;
  align-items: flex-start;
  margin: 0 -20px;
  padding: 0;
}

.recruitment-portal .gform_wrapper .gfield_radio li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px;
  width: auto !important;
  height: 48px;
}

.recruitment-portal .gfield_radio input {
  display: none;
}

.recruitment-portal .gfield_radio label {
  position: relative;
  display: block;
  cursor: pointer;
  margin: 0;
  padding-left: 68px;
  padding-top: 15px;
}

.recruitment-portal .gfield_radio label:before,
.recruitment-portal .gfield_radio label:after {
  position: absolute;
  content: "";
  display: inline-block;
}

.recruitment-portal .gfield_radio label:before {
  top: 0;
  left: 0;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background: #fff;
}

.recruitment-portal .gfield_radio label:after {
  height: 38px;
  width: 38px;
  left: 5px;
  top: 5px;
  display: none;
  border-radius: 50%;
  background: #3E2B56;
}

.recruitment-portal .gfield_radio input[type="radio"]:checked ~ :after {
  display: block;
}

.recruitment-portal .gform_wrapper textarea {
  height: 100%;
  max-height: 250px;
  font-size: 28px;
  line-height: 38px;
  padding: 28px 40px;
  box-shadow: 0px 0px 10px #3E2B5680;
}

.recruitment-portal .input-has-icon .ginput_container {
  position: relative;
}

.recruitment-portal .input-has-icon .ginput_container:before {
  position: absolute;
  content: '';
  font-size: 28px;
  line-height: 38px;
  color: rgba(0,0,0, 0.5);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.2s;
}

.recruitment-portal .input-has-icon .ginput_container.is-active:before {
  opacity: 1;
}

.recruitment-portal .input-currency .ginput_container:before {
  content: '£';
  left: 20px;
}

.recruitment-portal .input-percentage .ginput_container:before {
  content: '%';
  right: 20px;
}

.recruitment-portal .recruitment-portal-landing-form.is-active .input-percentage .ginput_container:before {
  right: 20px;
}

.recruitment-portal .recruitment-portal-form textarea {
  font-size: 18px;
  line-height: 22px;
  height: 210px;
  padding: 20px;
}

.recruitment-portal .btn,
.recruitment-portal .recruitment-portal-form button,
.recruitment-portal .gform_wrapper input[type="submit"] {
  background: #43A047;
  border: 0;
  outline: 0;
  border-radius: 0;
  cursor: pointer;
  font-family:'Avenir Next LT W01 Bold';
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  box-shadow: 0px 0px 10px #3E2B5680;
}

.recruitment-portal .btn,
.recruitment-portal .recruitment-portal-form:not(.recruitment-portal-form--flex) button,
.recruitment-portal .gform_wrapper input[type="submit"] {
  font-size: 14px;
  letter-spacing: -0.14px;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
}

.recruitment-portal .btn,
.recruitment-portal .gform_wrapper input[type="submit"] {
  max-width: 360px;
}

.recruitment-portal .gform_label_hidden .gfield_label {
  display: none;
}

.recruitment-portal .gfield_checkbox {
  margin: 0 !important;
  padding: 0 !important;
}

.recruitment-portal .gfield_checkbox li {
  margin: 0;
  padding: 0;
}

.recruitment-portal .gfield_checkbox input {
  display: none;
}

.recruitment-portal .gfield_checkbox label {
  position: relative;
  display: block;
  cursor: pointer;
  margin: 0;
  padding-left: 68px;
  padding-top: 15px;
}

.recruitment-portal .gfield_checkbox label:before,
.recruitment-portal .gfield_checkbox label:after {
  position: absolute;
  content: "";
  display: inline-block;
}

.recruitment-portal .gfield_checkbox label:before {
  top: 0;
  left: 0;
  height: 48px;
  width: 48px;
  background: #fff;
}

.recruitment-portal .gfield_checkbox label:after {
  height: 10px;
  width: 24px;
  left: 10px;
  top: 14px;
  display: none;
  border-left: 4px solid #3E2B56;
  border-bottom: 4px solid #3E2B56;
  transform: rotate(-45deg);
}

.recruitment-portal .gfield_checkbox input[type="checkbox"]:checked ~ :after {
  display: block;
}

.recruitment-portal .recruitment-portal-form {
  position: relative;
  margin-bottom: 90px;
}

.recruitment-portal .recruitment-portal-form li {
  padding-bottom: 20px;
}

.recruitment-portal .recruitment-portal-form li:last-child {
  padding: 0;
}

.recruitment-portal .recruitment-portal-form--flex li:last-child {
  width: calc(100% - 96px);
}

.recruitment-portal .recruitment-portal-form--flex button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 96px;
  height: 94px;
  font-size: 28px;
}

.recruitment-portal .gform_wrapper .validation_error {
  display: none;
}

.recruitment-portal .gform_wrapper .validation_message {
  position: absolute;
  background: #E34C4C;
  color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  width: auto;
  max-width: 100%;
  min-width: 200px;
  padding: 15px 17px;
  font-size: 14px;
  line-height: 19px;
  border-radius: 12px;
  margin: 0 0 0 32px;
}

.recruitment-portal .gform_wrapper .validation_message:before {
  position: absolute;
  content: '';
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #E34C4C;
}

.recruitment-portal .gform_wrapper form.is-active li:first-child,
.recruitment-portal .gform_wrapper form.is-submitted li:first-child {
  width: 100%;
}

.recruitment-portal .gform_wrapper form.is-submitted li:first-child {
  transition: none;
}

.recruitment-portal .gform_wrapper form.is-active .gfield_btn {
  opacity: 0;
  visibility: hidden;
}

.recruitment-portal .gform_wrapper form.is-submitted .gfield_btn {
  display: none;
}

.recruitment-portal .gform_wrapper form.is-submitted li:nth-child(n+3),
.recruitment-portal form.is-submitted .gform_footer {
  display: block;
}

.recruitment-portal .gform_wrapper.recruitment-portal-landing-form_wrapper form.is-submitted .gform_footer,
.recruitment-portal .gform_wrapper.pay-more-form_wrapper form.is-submitted .gform_footer {
  display: block;
}

.recruitment-portal .gform_wrapper.recruitment-portal-landing-form_wrapper form.is-submitted li:nth-child(3) {
  display: none;
}

.recruitment-portal .portal-login-form {
  margin-bottom: 30px;
}

.portal-login-form-links {
  margin-bottom: 50px;
}

.portal-login-form-links a {
  color: #fff;
  text-decoration: none;
}

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

  .recruitment-portal .gform_wrapper .validation_message {
    top: auto;
    transform: none;
    left: auto;
    right: 0;
    margin: 0;
  }

  .recruitment-portal .gform_wrapper .validation_message:before {
    left: 15px;
    top: -7px;
    transform: rotate(90deg);
  }

}

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

  .recruitment-portal .gform_wrapper ul {
    padding-bottom: 25px;
  }

  .recruitment-portal .gform_wrapper .gfield_radio {
    padding-bottom: 0;
  }

  .recruitment-portal .gform_wrapper:not(.recruitment-portal-landing-form_wrapper) li:first-child,
  .recruitment-portal .recruitment-portal-landing-form_wrapper li:nth-child(3) {
    width: calc(100% - 70px);
  }

  .recruitment-portal .recruitment-portal-landing-form_wrapper .gfield_btn {
      top: 291px;
  }

  .recruitment-portal .input-currency .ginput_container:before {
    left: 7px;
  }

  .recruitment-portal .input-percentage .ginput_container:before {
    right: 7px;
  }

  .recruitment-portal .recruitment-portal-form input,
  .recruitment-portal .gform_wrapper input[type="text"],
  .recruitment-portal .gform_wrapper input[type="email"],
  .recruitment-portal .gform_wrapper input[type="password"] {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 20px 20px 20px;
  }

  .recruitment-portal .input-has-icon .ginput_container:before {
    font-size: 20px;
    line-height: 30px;
  }

  .recruitment-portal .gform_wrapper .asset-input input[type="text"] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .recruitment-portal .gform_wrapper .asset-input .is-active input[type="text"] {
    padding-left: 40px;
    padding-right: 20px;
  }

  .recruitment-portal .gform_wrapper .btn {
    font-size: 20px;
    width: 70px;
    height: 70px;
  }

  .recruitment-portal .portal-reset-password li:last-child {
    width: calc(100% - 70px);
  }

  .recruitment-portal .portal-reset-password button {
    width: 70px;
    height: 70px;
  }

}

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

  .recruitment-portal .gform_wrapper:not(.recruitment-portal-landing-form_wrapper) li:first-child,
  .recruitment-portal .recruitment-portal-landing-form_wrapper li:nth-child(2) {
    width: 100%;
  }

  .recruitment-portal .gform_wrapper .gfield_btn {
    position: relative;
  }

  .recruitment-portal .recruitment-portal-landing-form_wrapper .gfield_btn {
    top: auto;
    margin-bottom: 24px;
  }

  .recruitment-portal .gform_wrapper form.is-active .gfield_btn {
    display: none !important;
  }

  .recruitment-portal .gform_wrapper .btn {
    width: 100%;
    max-width: 100%;
  }

}

/* Recruitment Portal - Columns */

.recruitment-portal .recruitment-portal-cols {
  align-items: flex-start;
  justify-content: center;
}

.recruitment-portal .recruitment-portal-cols .col {
  padding: 0 30px;
}

.recruitment-portal .recruitment-portal-cols .icon {
  width: 108px;
  height: 108px;
}

.recruitment-portal .recruitment-portal-cols p {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 22px;
  line-height: 32px;
  margin: 16px 0 0 0;
}

.recruitment-portal-login {
  margin-top: 56px;
}

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

  .recruitment-portal .recruitment-portal-cols .icon {
    width: 80px;
    height: 80px;
  }

}

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

  .recruitment-portal .recruitment-portal-cols .col {
    padding: 0 10px;
  }

  .recruitment-portal .recruitment-portal-cols .icon {
    width: 50px;
    height: 50px;
  }

  .recruitment-portal .recruitment-portal-cols p {
    font-size: 16px;
    line-height: 26px;
  }

  .recruitment-portal .gfield_radio {
    flex-wrap: wrap;
  }

  .recruitment-portal .gform_wrapper .gfield_radio li {
    margin-bottom: 20px;
  }

  .recruitment-portal .gform_wrapper .gfield_radio li:last-child {
    margin-bottom: 0;
  }

}

/* Recruitment Portal - Progress */

.recruitment-portal .progress-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  width: 236px;
  height: 236px;
  border-radius: 50%;
  color: #3E2B56;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 54px;
  line-height: 67px;
  letter-spacing: -0.54px;
  transition: all 0.2s;
  opacity: 1;
}

@keyframes fade-out-in {
    0% {  opacity: 1; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}

.recruitment-portal .progress-bar.is-animate-in,
.recruitment-portal .progress-bar.is-animate-out {
    animation: fade-out-in 0.6s forwards;
}

.recruitment-portal .progress-bar.is-fixed {
  position: fixed;
  top: auto;
  bottom: 80px;
  right: 80px;
  width: 150px;
  height: 150px;
  z-index: 100;
}

.recruitment-portal .progress-bar .circle-progress {
  width: 87%;
  height: 87%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.recruitment-portal .progress-bar .circle-progress-value {
  stroke-width: 15px;
  stroke: #43A047;
}

.recruitment-portal .progress-bar .circle-progress-circle {
  stroke-width: 15px;
  stroke: #3E2B56;
}

.recruitment-portal .progress-bar .circle-progress-text {
  font-size: 44%;
  letter-spacing: -2px;
  fill: #3E2B56;
}

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

  .recruitment-portal .progress-bar {
    width: 150px;
    height: 150px;
  }

}

/* Recruitment Portal - Alert */

.recruitment-portal-alert {
  position: relative;
  display: inline-block;
  background: #3E2B56;
  color: #ffffff;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.22px;
  margin: 0;
  padding: 12px 20px;
}

.recruitment-portal-alert:before {
  position: absolute;
  content: '';
  bottom: -30px;
  left: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #3E2B56;
}

/* Recruitment Portal - Sign up Videos */

.recruitment-portal .signup_video h3 {
  margin: 0;
}

/* Recruitment Portal - Videos */

.recruitment-portal .recruitment-portal-videos-intro {
  margin-bottom: 80px;
}

.recruitment-portal .recruitment-portal-video-intro-header {
  margin-bottom: 35px;
}

.recruitment-portal .recruitment-portal-video-intro-header i {
  width: auto;
  padding-left: 46%;
  padding-bottom: 6.54%;
}

.recruitment-portal .recruitment-portal-video-intro-header-titles {
  margin: 15px 0;
}

.recruitment-portal .recruitment-portal-video-intro-header h2 {
  margin: 0;
}


.recruitment-portal .recruitment-portal-videos-intro h2 {
  color: #ffffff;
}

.recruitment-portal .recruitment-portal-videos-intro .earn {
  margin-bottom: 15px;
}

.recruitment-portal .recruitment-portal-videos-intro .amount {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 135px;
  line-height: 1;
  letter-spacing: -0.5vw;
  text-transform: uppercase;
}


.recruitment-portal .recruitment-portal-videos-intro p:last-child {
  margin-bottom: 0;
}

.recruitment-portal .recruitment-portal-videos .flex-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: 0 -21px 0px -21px;
}

.recruitment-portal .recruitment-portal-videos .more-videos {
  display: none;
}

.recruitment-portal .recruitment-portal-videos [class^="col--"],
.recruitment-portal .recruitment-portal-videos [class*=" col--"] {
  padding: 0 21px 74px;
}

.recruitment-portal .recruitment-portal-videos .video-wrapper {
  padding-bottom: 52%;
}

.recruitment-portal .recruitment-portal-videos .video-wrapper .plyr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recruitment-portal .recruitment-portal-videos .video-body {
  text-align: left;
}

.recruitment-portal .recruitment-portal-videos .video-title {
  line-height: 30px;
  margin: 0;
}

.recruitment-portal .recruitment-portal-videos .video-text,
.recruitment-portal .recruitment-portal-videos .video-length {
  font-size: 22px;
  line-height: 30px;
}

.recruitment-portal .recruitment-portal-videos .video-text {
  margin-bottom: 18px;
}

.recruitment-portal .recruitment-portal-videos .video-length {
  position: relative;
  display: inline-block;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  padding-right: 37px;
}

.recruitment-portal .recruitment-portal-videos .video-length .icon {
  position: absolute;
  content: '';
  top: 7px;
  right: 0;
  width: 26px;
  height: 15px;
}
.blocked-video{
    position: relative;
}
.video_blocker{
    opacity: 0.5;
    background-color: #3E2B56;
    z-index:1000;
    box-sizing: border-box;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.video_blocker h1{
    font-size: 1em;
}

.signup_video{
    margin: 0 auto;
    position: relative;
    float:none;
}

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

  .recruitment-portal .recruitment-portal-videos {
    margin: 0 -20px 0px -20px;
  }

  .recruitment-portal .recruitment-portal-videos [class^="col--"],
  .recruitment-portal .recruitment-portal-videos [class*=" col--"] {
    padding: 0 20px 40px;
  }

  .recruitment-portal .recruitment-portal-videos-intro .amount {
    font-size: 80px;
  }

}

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

  .recruitment-portal .recruitment-portal-videos-intro {
    flex-wrap: wrap;
  }

  .recruitment-portal .recruitment-portal-videos-intro .text {
    order: 2;
  }

}

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

  .recruitment-portal .recruitment-portal-videos-intro {
    margin-bottom: 70px;
  }

  .recruitment-portal .recruitment-portal-videos-intro h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .recruitment-portal .recruitment-portal-videos {
    margin: 0;
  }

  .recruitment-portal .recruitment-portal-videos [class^="col--"],
  .recruitment-portal .recruitment-portal-videos [class*=" col--"] {
    width: 100%;
    padding: 0 0 40px 0;
  }

  .recruitment-portal .recruitment-portal-videos-intro .amount {
    font-size: 40px;
  }

}

/* Recruitment Portal - Steps */

.recruitment-portal .recruitment-portal-steps {
  width: 100%;
  padding: 0 100px;
}

.recruitment-portal .step-container {
  position: relative;
  margin: 0 auto;
}

.recruitment-portal .step-container--x-large {
  max-width: 1340px;
}

.recruitment-portal .step-container--large {
  max-width: 1262px;
}

.recruitment-portal .step-container--medium {
  max-width: 1170px;
}

.recruitment-portal .step-container--small {
  max-width: 1070px;
}

.recruitment-portal .step-1 .text p {
  max-width: 700px;
}

.join-portal .step-1 .text p,
.join-portal .step-1 .text ul:not([class]) {
  max-width: 800px;
}

.join-portal .step-1 ul:not([class]) {
  display: inline-block;
  text-align: left;
}

.recruitment-portal .step-1 .recruitment-portal-form,
.recruitment-portal .step-1 .gform_wrapper {
  max-width: 565px;
}

.recruitment-portal .step-2 p:first-child {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 60px;
  line-height: 83px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.step-1-password-hide-button, .step-3-password-hide-button, .step-3-password-hide-button-failed {
    background-image: url(img/pass-hide.png); background-position: center center; background-repeat: no-repeat; background-size:cover;
    cursor:pointer;
    position:absolute;
    text-align:center;
    z-index:1000;
    height:30px;
    width:30px;
}

.step-1-password-hide-button:before,
.step-3-password-hide-button:before {
  position: absolute;
  content: '/';
  top: 50%;
  left: 50%;
  color: #686766;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%,-50%);
  font-size: 35px;
  transition: all 0.2s;
}

.step-1-password-hide-button.is-visible:before,
.step-3-password-hide-button.is-visible:before {
  opacity: 0;
  visibility: hidden;
}

.step-1-password-hide-button{
    right:15px;
    top:57px;
}

.step-3-password-hide-button{
     right:80px;
     top:112px;
}

.step-3-password-hide-button-failed{
    right:80px;
    top:185px;
}

.recruitment-portal .step-2 .amount {
  position: relative;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 10.25vw;
  line-height: 1.25;
  letter-spacing: -0.5vw;
  text-transform: uppercase;
}

.recruitment-portal .step-2 .amount span {
  position: absolute;
  top: 20px;
  font-size: 50px;
}

.recruitment-portal .step-2 p:nth-child(3) {
  max-width: 600px;
}

.recruitment-portal .step-3 .recruitment-portal-form {
  max-width: 423px;
}

.recruitment-portal .step-3 .recruitment-portal-form li {
  padding-bottom: 20px;
}

.recruitment-portal .step-3 .recruitment-portal-form li:last-child {
  padding-bottom: 0;
}

.recruitment-portal .step-3 .recruitment-portal-form--flex li:last-child {
  width: calc(100% - 74px);
}

.recruitment-portal .step-3 .recruitment-portal-form input {
  font-size: 22px;
  line-height: 30px;
  padding: 20px 30px;
}

.recruitment-portal .step-3 .recruitment-portal-form--flex button {
  width: 74px;
  height: 70px;
  font-size: 22px;
}

.recruitment-portal .step-4 .recruitment-portal-form {
  max-width: 862px;
}

.recruitment-portal .step-4 .recruitment-portal-form button {
  width: auto;
  float: right;
}

.recruitment-portal .recruitment-portal-form .form-error {
  background: #f00;
  padding: 5px;
}

.recruitment-portal .recruitment-portal-form .form-forgot-password, .recruitment-portal .recruitment-portal-form .form-sign-up  {
  position: absolute;
  top: 100%;
  text-align: center;
  width: 100%;
  margin: 20px 0 0 0;
}
.recruitment-portal .recruitment-portal-form .form-forgot-password{
    left:15%;
}

.recruitment-portal .recruitment-portal-form .form-sign-up{
    right:20%;
}
.recruitment-portal .recruitment-portal-form .form-forgot-password a, .recruitment-portal .recruitment-portal-form .form-sign-up a {
  color: inherit;
}

.recruitment-portal-steps .tab-holder{
    min-width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
.recruitment-portal-steps .tab-holder .recruit-tab{
    margin:0 0 0 0;
    width:30%;
    display:inline-block;
    background-color:rgba(29, 17, 96, 0.4);
}

.tab-holder .active{
    background-color:rgba(29, 17, 96, 0.6);
}

.tab-holder .recruit-tab a{
    font-family:'Avenir Next LT W01 Bold';
    font-size: 1.5vw;
    line-height: 1.25;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    display: block;
    padding:30px 60px 30px 60px;
}

.recruitment-portal-steps .tab-holder .recruit-tab:hover{
    background-color:rgba(29, 17, 96, 0.8);
}

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

  .recruitment-portal .step-2 p:first-child {
    font-size: 40px;
    line-height: 63px;
  }

}

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

  .recruitment-portal .step-2 p:first-child {
    font-size: 30px;
    line-height: 53px;
  }

}

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

  .recruitment-portal .recruitment-portal-steps {
    padding: 0 40px;
  }

  .recruitment-portal .step-3 .recruitment-portal-form input {
    font-size: 18px;
    padding: 20px;
  }

}

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

    .step-1-password-hide-button{
        right:15px;
        top:47px;
    }

}

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

    .step-1-password-hide-button, .step-3-password-hide-button, .step-3-password-hide-button-failed{
        height:25px;
        width:25px;
    }

    .step-1-password-hide-button{
        right:15px;
        top:57px;
    }

    .step-3-password-hide-button{
         right:80px;
         top:115px;
    }

    .step-3-password-hide-button-failed{
        right:80px;
        top:168px;
    }
}

/* Recruitment Portal - Event Banner */

.recruitment-portal-event-banners {
  display: flex;
  align-items: stretch;
}

.recruitment-portal-event-banners .recruitment-portal-event-banner {
  max-width: 50%;
}

.recruitment-portal-event-banner {
  background: url(img/recruitment-portal/bg-purple.png);
  background-size: cover;
  background-position: center center;
  padding: 70px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.recruitment-portal-event-banner:nth-child(2) {
  background: url(img/recruitment-portal/bg-green.png);
}

.portal-event-top-form .gfield_visibility_hidden,
.recruitment-portal-event-banner .gfield_visibility_hidden {
  display: none;
}

.portal-event-top-form .gform_wrapper label,
.recruitment-portal-event-banner .gform_wrapper label {
  text-align: center;
  font-family: 'Avenir Next LT W01 Bold';
  font-size: 22px;
  line-height: 32px;
  padding-bottom: 20px;
}


.portal-event-top-form .gform_wrapper ul,
.recruitment-portal-event-banner .gform_wrapper ul {
  padding-bottom: 20px;
}

.recruitment-portal-event-banner .gform_footer {
  display: block;
  margin: 0;
}

.recruitment-portal-event-banner .gform_wrapper li:first-child {
  width: 100%;
}

.portal-event-top-form .gform_wrapper .ginput_container_select select,
.recruitment-portal-event-banner .gform_wrapper .ginput_container_select select {
  font-size: 22px;
  line-height: 26px;
  padding: 20px;
  box-shadow: 0px 0px 10px #3E2B56;
}

.recruitment-portal-event-banner h3 {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 40px;
  color: #01acc0;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.recruitment-portal-event-banner:nth-child(2) h3 {
  color: #ffffff;
}

.recruitment-portal-event-banner p {
  font-size: 22px;
  line-height: 32px;
}

.recruitment-portal-event-banner .btn {
  background: transparent;
  border: 1px solid #ffffff;
  box-shadow: none;
  transition: all 0.2s;
  margin: 0 auto;
}

.recruitment-portal-event-banner .btn:hover {
  background: #ffffff;
  color: #3E2B56;
}

.recruitment-portal-event-banner:nth-child(2) .btn {
  background: #3E2B56;
  font-size: 19px;
  height: 73px;
  line-height: 73px;
  border: none;
  transition: all 0.2s;
}

.recruitment-portal-event-banner:nth-child(2) .btn:hover {
  background: #3E2B56;
  color: #ffffff;
}


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

  .recruitment-portal-event-banners {
    display: block;
  }

  .recruitment-portal-event-banners .recruitment-portal-event-banner {
    max-width: 100%;
  }

}

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

  .recruitment-portal-event-banner {
    padding: 30px;
    margin-top: 40px;
  }

}

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

  .recruitment-portal-event-banner h3 {
    font-size: 30px;
  }

  .recruitment-portal-event-banner p {
    font-size: 16px;
    line-height: 26px;
  }

.recruitment-portal-event-banner:nth-child(2) .btn {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
}

}

.complete-text {
    display: none;
}

.complete-text .btn {
  width: auto;
}

.qa_link{
     font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
     color: #01acc0;
     font-size: 1.2em;
     text-decoration: none;
 }


/* Recruitment Portal - Umbrella Text Block */

.recruitment-umbrella-text-block {
  padding: 70px 0;
}

.recruitment-umbrella-text-block a {
  color: #ffffff;
}

.recruitment-umbrella-text-block a:hover {
  color: rgba(255,255,255,0.75);
}

.recruitment-umbrella-text-block .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.recruitment-umbrella-text-block h2 {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 45px;
  line-height: 1.4;
  color: #3E2B56;
  margin: 0;
}

.recruitment-umbrella-text-block p {
  font-family:'Avenir Next LT W01 Bold';
  font-size: 30px;
  line-height: 1.4;
  text-transform: uppercase;
  margin: 0;
}

.recruitment-portal .umbrella-intro.text p {
  font-size: 24px;
}

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

  .recruitment-umbrella-text-block .wrapper {
    padding: 0 50px;
  }

  .recruitment-umbrella-text-block h2 {
    font-size: 35px;
  }

  .recruitment-umbrella-text-block p {
    font-size: 20px;
  }

}

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

  .recruitment-umbrella-text-block {
    padding: 30px 0;
  }

  .recruitment-umbrella-text-block .wrapper {
    padding: 0 30px;
  }

  .recruitment-umbrella-text-block h2 {
    font-size: 30px;
  }

}

/* Recruitment Portal - Umbrella Columns */

.recruitment-umbrella-columns {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.recruitment-umbrella-column {
  display: flex;
  flex-direction: column;
  width: 50%;
  background: #01ACC0;
  color: #ffffff;
}

.recruitment-umbrella-column:nth-child(2) {
  background: #1D91A8;
}

.recruitment-umbrella-column-titles {
  background: #43A047;
}

.recruitment-umbrella-column-titles h2,
.recruitment-umbrella-column-titles h3 {
  position: relative;
  font-family:'Avenir Next LT W01 Bold';
  line-height: 1.3;
  margin: 0;
  padding: 10% 70px 10px;
}

.recruitment-umbrella-column-titles h2 {
  background: rgba(255,255,255,0.9);
  color: #43A047;
  font-size: 45px;
}

.recruitment-umbrella-column-titles h2 span {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 488px;
}

.recruitment-umbrella-column-titles h2 > .icon,
.recruitment-umbrella-column-titles h3 > .icon {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 10.5%;
}

.recruitment-umbrella-column-titles h2 .icon .icon-fill {
  fill: rgba(255,255,255,0.9);
}

.recruitment-umbrella-column-titles h3 {
  padding-top: 20%;
  font-size: 35px;
  text-transform: uppercase;
}

.recruitment-umbrella-column-titles h3 > span {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 488px;
}

.recruitment-umbrella-column-titles h3 > span > span {
  display: inline;
  position: relative;
  padding-left: 70px;
}

.recruitment-umbrella-column-titles h3 > span > span .icon {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 60px;
  height: 50px;
}

.recruitment-umbrella-column:nth-child(2) .recruitment-umbrella-column-titles {
  background: #3E2B56;
}

.recruitment-umbrella-column:nth-child(2) .recruitment-umbrella-column-titles h2 {
  color: #3D2B5A;
}

.recruitment-umbrella-column:nth-child(2) .recruitment-umbrella-column-titles h3 .icon .icon-fill {
  fill: #3E2B56;
}

.recruitment-umbrella-column-body {
  height: 100%;
  padding: 20% 70px 70px 70px;
}

.recruitment-umbrella-column-text {
  margin: 0 auto;
  width: 100%;
  max-width: 488px;
}

.recruitment-umbrella-column-text p {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.22px;
  margin: 0 auto 40px;
}

.recruitment-umbrella-column-text p strong {
  font-family:'Avenir Next LT W01 Bold';
}

.recruitment-umbrella-column-text .icon {
  display: block;
  width: 65px;
  height: 94px;
  margin: 0 auto 40px auto;
}

.recruitment-umbrella-column-text .btn {
  background: #ffffff;
  border-radius: 10px;
  font-family:'Avenir Next LT W01 Bold';
  font-size: 22px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: -0.22px;
  padding: 30px;
  color: #43A047;
  width: 100%;
  transition: all 0.3s;
}

.recruitment-umbrella-column-text .btn:hover {
  background: rgba(255,255,255,0.75);
}

.recruitment-umbrella-column:nth-child(2) .recruitment-umbrella-column-text .btn  {
  color: #3E2B56;
}

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

  .recruitment-umbrella-column-titles h2,
  .recruitment-umbrella-column-titles h3 {
    padding: 10% 30px 10px;
  }

  .recruitment-umbrella-column-titles h3 {
    padding-top: 20%;
  }

 .recruitment-umbrella-column-titles h2 {
    font-size: 35px;
  }

  .recruitment-umbrella-column-titles h3 {
    font-size: 20px;
  }

  .recruitment-umbrella-column-titles h3 > span > span {
    padding-left: 50px;
  }

  .recruitment-umbrella-column-titles h3 > span > span .icon {
    width: 40px;
    height: 30px;
  }

  .recruitment-umbrella-column-body {
    height: 100%;
    padding: 20% 30px 30px 30px;
  }

}

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

 .recruitment-umbrella-column-titles h2 {
    font-size: 25px;
  }

  .recruitment-umbrella-column-titles h3 {
    font-size: 18px;
  }

}

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

  .recruitment-umbrella-columns {
    flex-wrap: wrap;
  }

  .recruitment-umbrella-column {
    width: 100%;
  }

  .recruitment-umbrella-column-text p {
    margin: 0 auto 20px;
  }

  .recruitment-umbrella-column-text p,
  .recruitment-umbrella-column-text .btn {
    font-size: 18px;
  }

  .recruitment-umbrella-column-text .icon {
    width: 40px;
    height: 58px;
    margin: 0 auto 20px auto;
  }

  .recruitment-umbrella-column-text .btn {
    font-size: 18px;
    padding: 10px 16px;
    width: auto;
  }

}


/* #Guides
============================================= */

.guides-page .hero h1 {
  font-size: 45px;
  margin-bottom: 180px;
}

.guides-page .section .wrapper {
  max-width: 1680px;
  overflow: visible;
  padding-top: 0;
}

.guides-page .guide-cards {
  position: relative;
  transform: translateY(-185px);
  z-index: 5;
  align-items: stretch;
}

.guides-page .guide-cards .card {
  position: relative;
  display: flex;
  align-items: flex-start;
  background: #ffffff;
  height: 100%;
  padding: 40px 30px;
  border-bottom: 5px solid #7f3f98;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}

.guides-page .guide-cards .card .card-meta {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 0;
  width: 100px;
  height: 100px;
  border-color: transparent;
  border-top: 50px solid #7f3f98;
  border-right: 50px solid #7f3f98;
  border-left: 50px solid transparent;
  border-bottom: 50px solid transparent;
}

.guides-page .guide-cards .card .card-meta > span {
  position: absolute;
  content: '';
  display: block;
  top: -25px;
  left: 0;
}

.guides-page .guide-cards .card .card-meta > span > span {
  display: block;
  transform: rotate(45deg);
  font-family:'Avenir Next LT W01 Bold';
  color: #ffffff;
}

.guides-page .guide-cards .card .card-body {
  width: 66.666%;
  padding-right: 65px;
}

.guides-page .guide-cards .card .card-body ul {
  margin: 0;
}

.guides-page .guide-cards .card .card-body ul li:before {
  content: '';
  height: 20px;
  width: 20px;
  background: url('img/guides/icon-tick.png');
  background-size: 20px 20px;
  left: 0;
  top: 4px;
}

.guides-page .guide-cards .card .card-body ul li {
  font-size: 19px;
  padding-left: 30px;
}

.guides-page .guide-cards .card .card-body ul li:last-child {
  margin: 0;
}

.guides-page .guide-cards .card .card-img {
  width: 33.333%;
  max-width: 210px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}

.guides-page .guide-cards .card .card-link {
  margin-top: 40px;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  border-radius: 30px;
  padding: 19px 60px;
  transition: all 0.2s;
}

.guides-page .gforms_confirmation_message,
.guides-page .gform_wrapper {
  background: transparent;
  padding: 0;
}

.guides-page .guides-form {
  display: flex;
  align-items: flex-end;
  background: #1b1160;
  color: #ffffff;
  text-align: left;
  padding: 50px;
  margin-top: -140px;
}

.guides-page .guides-form .text {
  flex-grow: 1;
  padding-right: 50px;
}

.guides-page .guides-form .text h2 {
  margin-bottom: 10px;
}

.guides-page .guides-form .text p {
  font-size: 14px;
  line-height: 27px;
  margin: 0;
}

.guides-page .guides-form .gform_wrapper {
  width: 600px;
}

.guides-page .section ul.gform_fields,
.guides-page .gform_fields {
  margin: 0;
}

.guides-page .guides-form .gform_body {
  width: 100%;
}

.guides-page .gform_wrapper input[type="email"] {
  height: 70px;
  font-size: 18px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.guides-page .gform_wrapper input[type="submit"] {
  height: 70px;
  padding: 0 40px;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 18px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.guides-page .validation_error,
.guides-page .validation_message {
  display: none;
}

.guides-page .gform_validation_error input[type="email"] {
  border: 1px solid #d73d14;
}

.guides-page form {
  display: flex;
}

.guides-page form label {
  display: none;
}

.guides-page .guides-form .social {
  display: flex;
  margin: 0;
}

.guides-page .guides-form .social li {
  margin: 0;
}

.guides-page .guides-form .social li:first-child {
  padding: 0;
}

.guides-page .guides-form .social li:before {
  display: none;
}

.guides-page .guides-form .social li .icon {
  width: 40px;
  height: 40px;
}

.guides-page .guides-form .social li a {
  transition: all 0.2s;
}

.guides-page .guides-form .social li a:hover {
  text-decoration: none;
  opacity: 0.5;
}

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

  .guides-page .guide-cards .card .card-body ul li {
    font-size: 18px;
  }

}

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

  .guides-page .hero h1 {
    margin-bottom: 0;
  }

  .guides-page .section .wrapper {
    padding-top: 80px;
  }

  .guides-page .guide-cards {
    display: block;
    transform: translateY(0);
  }

  .guides-page .guide-cards [class^="col--"],
  .guides-page .guide-cards [class*=" col--"] {
    width: 100%;
    padding-bottom: 30px;
  }

  .guides-page .guide-cards .card .card-body {
    width: 100%;
  }

  .guides-page .guide-cards .card .card-img {
    max-width: 210px;
  }

  .guides-page .guides-form {
    flex-wrap: wrap;
    padding: 30px;
  }

  .guides-page .guides-form .text {
    width: 100%;
    padding: 0 0 20px 0;
  }

  .guides-page .guides-form .gform_wrapper {
    width: 100%;
  }

}

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

  .guides-page .hero h1 {
    font-size: 30px;
  }

  .guides-page .guide-cards .card .card-body ul li {
    font-size: 16px;
  }

  .guides-page .guide-cards .card .card-link {
    font-size: 16px;
  }

}

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

  .guides-page .section .wrapper {
    padding-top: 30px;
  }

}

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

  .guides-page form {
    flex-wrap: wrap;
  }

  .guides-page .gform_wrapper input[type="email"] {
    margin-bottom: 10px;
  }

  .guides-page .gform_wrapper input[type="email"],
  .guides-page .gform_wrapper input[type="submit"] {
    border-radius: 8px;
  }

  .guides-page .guides-form .gform_footer {
    width: 100%;
  }

  .guides-page .guides-form .social li .icon {
    width: 25px;
    height: 25px;
  }

}

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

  .guides-page .hero h1 {
    font-size: 22px;
  }

  .guides-page .guide-cards .card {
    flex-wrap: wrap;
  }

  .guides-page .guide-cards .card .card-body {
    padding-bottom: 20px;
  }

  .guides-page .guide-cards .card .card-body ul li {
    font-size: 14px;
  }

  .guides-page .guide-cards .card .card-img {
    width: 100%;
  }

  .guides-page .guide-cards .card .card-link {
    padding: 19px 30px;
  }

}

/* #Recruitment Application
============================================= */

/* Recruitment Application - BG */

.recruitment--bg {
  position: relative;
  height: auto;
  min-height: 70vh;
  padding: 150px 0;
  color: #ffffff;
  background: rgb(1,172,192);
  background: radial-gradient(circle, rgba(1,172,192,1) 0%, rgba(62,43,86,1) 100%);
  overflow: hidden;
}

.recruitment--bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(img/recruitment-portal/bg.png);
}

/* Recruitment Application - Container */

.recruitment-application .container {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  max-width: 1245px;
}

/* Recruitment Application - Intro */

.recruitment-application-intro-content {
  margin-bottom: 60px;
}

.recruitment-application-intro-content h1 {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 36px;
}

.recruitment-application-intro-content p {
  font-size: 16px;
}

.recruitment-application-intro-content p:last-child {
  margin: 0;
}

/* Recruitment Application - Form */

.recruitment-application-form-content {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.recruitment-application-form_wrapper {
  padding: 0;
  background: transparent;
  width: calc(100% - 448px);
  margin-right: 52px;
}

.recruitment-application-form {
  position: relative;
}

/* Recruitment Application - Form Title */

.recruitment-application h2 {
  font-size: 22px;
}

.recruitment-application h3 {
  font-size: 20px;
}

.recruitment-application-form .gsection_title {
  margin-bottom: 0;
}

/* Recruitment Application - Form Fields */

.recruitment-application-form .gform_fields {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -10px;
}

.recruitment-application-form .gfield {
  position: relative;
  flex-grow: 1;
  margin-bottom: 45px;
  padding: 0 10px;
}

.recruitment-application-form .gfield_visibility_hidden {
  display: none;
}

.recruitment-application-form .gfield_margin_0 {
  margin-bottom: 0;
}

.recruitment-application-form .gfield_margin_small {
  margin-bottom: 15px;
}

.recruitment-application-form .gfield_margin_top {
  margin-top: 30px;
}

.recruitment-application-form p:last-child {
  margin: 0;
}

.recruitment-application-form .gfield a {
  color: #ffffff;
  text-decoration: underline;
}

/* Recruitment Application - Inputs */

.recruitment-application-form_wrapper input[type="text"],
.recruitment-application-form_wrapper input[type="email"],
.recruitment-application-form_wrapper input[type="password"],
.recruitment-application-form_wrapper input[type="number"],
.recruitment-application-form_wrapper .gfield_file_input_block input[type="file"],
.recruitment-application-form_wrapper textarea {
  background: #F6F6F6;
  border: 2px solid #D0D2D4;
  box-sizing: border-box;
  padding: 0 20px;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.recruitment-application-form_wrapper textarea {
  padding: 20px;
  height: auto;
  min-height: 200px;
}

.recruitment-application-form_wrapper select {
  background: #F6F6F6;
  border: 2px solid #D0D2D4;
  box-sizing: border-box;
  padding: 0 20px;
  height: 50px;
  border-radius: 4px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-image: url('img/recruitment-application/icon-arrow.svg');
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: right 20px center;
  cursor: pointer;
}

.recruitment-application-form_wrapper .gfield_icon .ginput_container {
  position: relative;
}

.recruitment-application-form_wrapper .gfield_icon .ginput_container:before {
  position: absolute;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
}

.recruitment-application-form_wrapper .gfield_icon_currency .ginput_container:before {
  content: '£';
  left: 12px;
}

.recruitment-application-form_wrapper .gfielf_icon_percentage .ginput_container:before {
  content: '%';
  right: 12px;
}

/* Recruitment Application - Radios */

.recruitment-application-form_wrapper .gfield_radio_toggle li {
  display: block;
}

.recruitment-application-form_wrapper .gfield_radio_toggle li.is-hidden {
  display: none;
}

.recruitment-application-form_wrapper .gfield_radio_toggle input {
  display: none;
}

.recruitment-application-form_wrapper .gfield_radio_toggle label {
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
}

/* Recruitment Application - Checkboxes */

.recruitment-application-form_wrapper .gfield_checkbox_field ul input {
  display: none;
}

.recruitment-application-form_wrapper .gfield_checkbox_field .gfield_label {
  margin-bottom: 30px;
}

.recruitment-application-form_wrapper .gfield_checkbox_field ul label  {
  position: relative;
  cursor: pointer;
}

.recruitment-application-form_wrapper .gfield_checkbox_left ul label:before,
.recruitment-application-form_wrapper .gfield_checkbox_right ul label:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 2px solid #D0D2D4;
  border-radius: 2px;
}

.recruitment-application-form_wrapper .gfield_checkbox_left ul label:after,
.recruitment-application-form_wrapper .gfield_checkbox_right ul label:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 8px;
  height: 6px;
  background: url('img/recruitment-application/icon-check.svg');
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.recruitment-application-form_wrapper .gfield_checkbox_left ul label:after {
  left: 5px;
  top: 6px;
}

.recruitment-application-form_wrapper .gfield_checkbox_right ul label:before {
  right: 5px;
  top: 6px;
}

.recruitment-application-form_wrapper .gfield_checkbox_left input:checked ~ :after,
.recruitment-application-form_wrapper .gfield_checkbox_right input:checked ~ :before {
  opacity: 1;
  visibility: visible;
}

.recruitment-application-form_wrapper .gfield_checkbox_right ul {
  width: 425px;
}

.recruitment-application-form_wrapper .gfield_checkbox_right ul label:after {
  right: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_right ul li {
  margin-bottom: 20px;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline ul {
  display: flex;
  align-items: flex-start;
}

.recruitment-application-form_wrapper .gfield_checkbox label {
  margin: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline ul li {
  padding-left: 25px;
  margin: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline ul li:first-child {
  padding-left: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline ul label {
  display: flex;
  align-items: center;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline_right ul label:after {
  position: relative;
  margin-left: 7px;
}

.recruitment-application-form_wrapper .gfield_checkbox_left ul label {
  padding-left: 40px;
}

.recruitment-application-form_wrapper .gfield_checkbox_left:not(.gfield_checkbox_inline) li {
  margin-bottom: 30px;
}

.recruitment-application-form_wrapper .gfield_checkbox_left:not(.gfield_checkbox_inline) li:last-child {
  margin-bottom: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_left ul label:before {
  position: absolute;
  left: 0;
  top: -1px;
}

.recruitment-application-form_wrapper .gfield_checkbox_label_left {
  display: flex;
  align-items: center;
}

.recruitment-application-form_wrapper .gfield_checkbox_label_left .gfield_label {
  flex-grow: 1;
  margin: 0;
}

.recruitment-application-form_wrapper .gfield_checkbox_label_left ul {
  width: auto;
  padding-left: 50px;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline_right.gfield_description_tooltip .gfield_description {
  position: relative;
  order: 2;
  margin: 0;
  padding-left: 50px;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline_right.gfield_description_tooltip .gfield_tooltip {
  position: relative;
  top: auto;
  right: auto;
}

.recruitment-application-form_wrapper .gfield_checkbox_inline_right.gfield_description_tooltip .ginput_container {
  order: 3;
}

/* Recruitment Application - Form Labels */

.recruitment-application-form .gfield_label {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 13px;
}

.recruitment-application-form .gfield_label_bold .gfield_label {
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
}

.recruitment-application-form .hidden_label .gfield_label {
  display: none;
}

/* Recruitment Application - Form Description */

.recruitment-application-form .gfield_description:not(.validation_message) {
  margin: 15px 0 0 0;
}

.recruitment-application-form .field_description_above .gfield_description {
  margin: 0 0 15px 0;
}

.recruitment-application-form .gfield_description_block {
  background: rgba(51, 42, 112, 0.7);
  padding: 14px 20px;
}

.recruitment-application-form .gfield_description_right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.recruitment-application-form .gfield_description_right label {
  width: 100%;
}

.recruitment-application-form .gfield_description_right .ginput_container,
.recruitment-application-form .gfield_description_right .gfield_description:not(.validation_message) {
  width: 50%;
}

.recruitment-application-form .gfield_description_right .gfield_description:not(.validation_message) {
  padding: 0 0 0 20px;
  margin: 0;
}

.recruitment-application-form .gfield_description_tooltip {
  position: relative;
}

.recruitment-application-form .gfield_description_tooltip .gfield_tooltip {
  position: absolute;
  top: 0;
  right: 10px;
  margin: 0;
}

.recruitment-application-form .gfield_description_tooltip .gfield_tooltip_hover {
  display: inline-block;
  background: #ffffff;
  border: 0;
  outline: 0;
  width: 18px;
  height: 18px;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

.recruitment-application-form .gfield_tooltip:hover .gfield_tooltip_content {
  display: block;
}

.recruitment-application-form .gfield_description_tooltip .gfield_tooltip_content {
  position: absolute;
  background: #332A70;
  color: #ffffff;
  bottom: 110%;
  left: -5px;
  padding: 12px 16px;
  border-radius: 15px;
  font-size: 16px;
  z-index: 10;
  display: none;
  min-width: 300px;
  max-width: 450px;
}

.recruitment-application-form .gfield_description_tooltip .gfield_tooltip_content:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #332A70;
  bottom: -5px;
  left: 10px;
}

.recruitment-application-form .gfield_description_tooltip .gfield_tooltip_content p {
  line-height: 1.3;
  margin: 0;
}

/* Recruitment Application - Title Field */

.recruitment-application-form .col--title {
  flex-grow: 0;
}

.recruitment-application-form .col--title select {
  width: 105px;
}

/* Recruitment Application - Date Field */

.recruitment-application-form .ginput_container {
  position: relative;
}

.recruitment-application-form .ginput_container .clear-multi {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -10px;
}

.recruitment-application-form .ginput_container .clear-multi > div {
  display: block;
  width: 33.333%;
  padding: 10px;
}

.recruitment-application-form .gfield_day_hidden .ginput_container .clear-multi > div {
  width: 50%;
}

.recruitment-application-form .gfield_day_hidden  .ginput_container .clear-multi > div.gfield_date_dropdown_day {
  display: none;
}

/* Recruitment Application - Address Field */

.recruitment-application-form .ginput_container_address {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: -10px;
}

.recruitment-application-form .ginput_container_address span {
  display: block;
  width: 50%;
  padding: 10px;
}

.recruitment-application-form .auto_locate_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recruitment-application-form .auto_locate_box .ginput_container_address {
  width: calc(50% + 10px);
}

.recruitment-application-form .auto_locate_box label {
  width: 100%;
}

.recruitment-application-form .auto_locate_box div > span {
  width: 100%;
}

.recruitment-application-form .auto_locate_box .postcode_results {
  margin-top: 45px;
}

/* Recruitment Application - File Field */

.recruitment-application-form_wrapper .gfield_file_input_block .ginput_container_fileupload {
  position: relative;
}

.recruitment-application-form_wrapper .ginput_container_fileupload .validation_message {
  display: none;
}

.recruitment-application-form_wrapper .gfield_file_input_block .gform_drop_instructions,
.recruitment-application-form_wrapper .gfield_file_input_inline .gform_drop_instructions {
  display: none;
}

.recruitment-application-form_wrapper .gfield_file_input_block .ginput_container_fileupload {
  background: #F6F6F6;
  border: 2px solid #D0D2D4;
  box-sizing: border-box;
  padding: 0 20px;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 16px;
  cursor: pointer;
}

.recruitment-application-form_wrapper .gfield_file_input_block .gform_fileupload_multifile,
.recruitment-application-form_wrapper .gfield_file_input_block .gform_drop_area,
.recruitment-application-form_wrapper .gfield_file_input_block .gform_fileupload_multifile div {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  text-indent: -99999999px;
}

.recruitment-application-form_wrapper .gfield_file_input_block .ginput_container_fileupload:before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: 17px;
  height: 17px;
  background: url('img/recruitment-application/icon-file.svg');
  background-size: 17px 17px;
}

.recruitment-application-form_wrapper .gfield_file_input_block .ginput_preview {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 14px;
  color: #000;
  left: 65px;
  white-space: nowrap;
  max-width: 100%;
}

.recruitment-application-form_wrapper .gfield_file_input_inline {
  display: flex;
  align-items: center;
}

.recruitment-application-form_wrapper .gfield_file_input_inline input[type="file"] {
  text-indent: -99999999px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.recruitment-application-form .gfield_file_input_inline .gfield_label {
  position: relative;
  margin: 0;
  padding: 0 40px;
  min-height: 35px;
  width: calc(100% - 168px);
  order: 1;
}

.recruitment-application-form .gfield_file_input_inline .gfield_label:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 2px solid #D0D2D4;
  border-radius: 2px;
  left: 0;
}

.recruitment-application-form .gfield_file_input_inline .gfield_label:after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 8px;
  height: 6px;
  left: 5px;
  top: 6px;
  background: url('img/recruitment-application/icon-check.svg');
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.visible_tick:after{
    opacity: 1 !important;
    visibility: visible !important;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .ginput_container_fileupload {
  position: static;
  order: 3;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .ginput_preview {
  display: flex;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 10px;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .ginput_preview img {
  filter: brightness(0) invert(1);
  margin-right: 5px;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .gfield_description {
  position: relative;
  display: flex;
  align-items: center;
  right: 0;
  margin: 0;
  order: 2;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .gfield_tooltip {
  position: relative;
  top: auto;
  right: auto;
  margin-right: 28px;
  z-index: 2;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .gform_button_select_files {
  display: inline-block;
  background-color: transparent;
  background-image: url('img/recruitment-application/icon-file-white.svg');
  background-repeat: no-repeat;
  background-size: 17px 17px;
  background-position: center left 22px;
  border: 0;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  padding: 4px 37px 4px 50px;
  min-height: 35px;
  border: 2px solid #D0D2D4;
  border-radius: 44px;
  color: #ffffff;
  cursor: pointer;
  white-space: nowrap;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .gform_drop_area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.recruitment-application-form_wrapper .gfield_file_input_inline .gform_fileupload_multifile {
  width: 100%;
  height: 100%;
}

.recruitment-application-form_wrapper .gform_fileupload_rules {
  display: none;
}

/* Signature */

.recruitment-application-form_wrapper .gfield_signature .ginput_container {
  position: relative;
}

.recruitment-application-form_wrapper .gfield_signature .ginput_container:before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  right: 15px;
  top: 15px;
  background: url('img/recruitment-application/icon-signature.svg');
  z-index: 1;
}

/* Repeater */

.recruitment-application-form_wrapper .gfield_repeater {
  border: 0;
}

.recruitment-application-form_wrapper .gfield_repeater legend {
  display: none;
}

.recruitment-application-form .gfield_repeater .gfield_repeater_cell {
  margin-bottom: 45px;
}

.recruitment-application-form .gfield_repeater .gfield_repeater_buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}

.recruitment-application-form .gfield_repeater .add_repeater_item,
.recruitment-application-form .gfield_repeater .remove_repeater_item {
  background: transparent;
  border: 0;
  outline: 0;
  font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
}

/* Steps */

.gf_page_steps {
  display: none;
}

.recruitment-application-form-steps {
  width: 448px;
  background: rgba(51, 42, 112, 0.7);
}

.recruitment-application-form-steps-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #332A70;
  padding: 30px 30px 40px 30px;
}

.recruitment-application-form-steps-header-info  {
  display: inline-block;
}

.recruitment-application-form-steps-counter {
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 5px;
}

.recruitment-application-form-steps-section {
  font-size: 16px;
  line-height: 1.4;
}

.recruitment-application .gform_save_link {
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
  text-decoration: underline;
}

.gform_page_footer .gform_save_link {
  display: block;
  margin-top: 20px;
}

.recruitment-application-form-steps .recruitment-application-form-steps-nav {
  padding: 33px 30px 60px 30px;
}

.recruitment-application-form-steps ol li {
  list-style: decimal;
  list-style-position: inside;
}

.recruitment-application-form-steps .recruitment-application-form-steps-item {
  color: rgba(255,255,255,0.6);
  padding-bottom: 25px;
}

.recruitment-application-form-steps .recruitment-application-form-steps-item button {
  display: inline-block;
  background: transparent;
  border: 0;
  outline: 0;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(255,255,255,0.6);
  cursor: pointer;
}

.recruitment-application-form-steps .recruitment-application-form-steps-item.is-active,
.recruitment-application-form-steps .recruitment-application-form-steps-item.is-active button {
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  color: #ffffff;
}

.recruitment-application-form-steps .recruitment-application-form-steps-item.is-completed,
.recruitment-application-form-steps .recruitment-application-form-steps-item.is-completed button {
  color: rgba(255,255,255,0.8);
}

/*.recruitment-application-form-steps .recruitment-application-form-steps-item.is-active button {
  margin-bottom: 18px;
}*/

.recruitment-application-form-steps-item-progress {
  position: relative;
  display: none;
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
}

.recruitment-application-form-steps-item-progress span {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 25%;
  background: #ffffff;
}

.recruitment-application-form-steps .recruitment-application-form-steps-item.is-active .recruitment-application-form-steps-item-progress {
  display: block;
}

/* Footer */

.recruitment-application-form .gform_page_footer {
  text-align: center;
  margin-top: 35px;
}

.recruitment-application-form .gform_page_footer .button,
.recruitment-application-form .locate_button {
  background: transparent;
  border: 0;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  padding: 12px 55px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  color: #ffffff;
  cursor: pointer;
  margin: 0 10px;
}

/* Validation */

.recruitment-application-form_wrapper .validation_error {
  color: #332A70;
}

.recruitment-application-form_wrapper .validation_message {
  position: absolute;
  background: #d73d14;
  color: #ffffff;
  top: 100%;
  left: 8px;
  padding: 4px 16px;
  border-radius: 15px;
  font-size: 16px;
  white-space: nowrap;
  z-index: 10;
}

.recruitment-application-form_wrapper .validation_message:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #d73d14;
  top: -5px;
  left: 12px;
}

.recruitment-application-form .screen-reader-text {
  display: none;
}




/* #Investor Relations
============================================= */

/*Subnav mobile menu */
.subnav-mobile-menu { display: none; width: 100%; float: left; position: relative; }
.subnav-mobile-menu select { border: 1px solid #e5e5e5; background: #ffffff; padding: 10px 10px; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 14px; color: #666666; border-radius: 4px; margin: 0; float: left; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.subnav-mobile-menu:after {position: absolute; top: 15px; right: 10px; font-family: "true-potential" !important; content: "a"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:9px; color: #999999;}

@media all and (max-width: 750px) {
  .subnav-mobile-menu { display: block; }
}
/*Subnav mobile menu */





/*Events*/
.events { display: flex; width: 100%; }
.event { background: #ffffff; font-family: 'Avenir Next W01 Light', Helvetica, Arial, sans-serif; width: calc(33.333% - 33.333px); margin: 0 50px 50px 0; padding: 30px 50px; color: #000000; border: 1px solid #e5e5e5; }
.event:nth-of-type(3n+3) { margin-right: 0; }
.event .event-body { height: 100%; display: flex; flex-direction: column; }
.event .event-header { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; }
.event h3 { color: #7f3f98; margin: 0; }
.event p {  margin: 0 0 20px 0; flex-grow: 1; }
.event .btn-calendar { display: block; }
.event .btn { position: relative; cursor: pointer; background: transparent; border: 1px solid #7f3f98; color: #7f3f98; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; font-size: 14px; min-width: 150px; display: block; }
.event .btn + .btn { margin-top: 20px; }
.event-tooltip { display: none; position: absolute; content: ''; z-index: 10; max-width: 350px; width: 100%; min-width: 250px; top: 100%; left: 50%; transform: translateX(-50%); background: #ffffff; color: #000; margin: 15px 0 0 0; padding: 10px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; border: 1px solid #e5e5e5; }
.event-tooltip:before { position: absolute; content: ''; bottom: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e5e5e5; }
.event-tooltip:after { position: absolute; content: ''; bottom: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; }
.event-tooltip ul { display: inline-flex; align-items: center; padding: 0; margin: 0 -5px; }
.event-tooltip ul li:before { display: none; }
.event-tooltip ul li { line-height: 1; padding: 0 5px; margin: 0; font-size: 11px; }
.event-tooltip ul li a { display: block; color: inherit; text-decoration: none !important; padding: 5px !important; border: 0 !important;transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.event-tooltip ul li a:hover { opacity: 0.8; }
.event-tooltip ul li img { position: relative; top: 0; display: block ;width: 30px; margin: 0 auto 8px auto; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.event-tooltip ul li a:hover img { top: 3px; }
.event-tooltip ul li span { white-space: nowrap; }
.js-event.is-active .event-tooltip { display: block; }

.calendar-toggle { display: none; }
.calendar-toggle-body { border-top: 1px solid #e5e5e5; padding: 50px 0; }
.btn-calendar-toggle { cursor: pointer; }

.table-events tr th, .table-events thead tr td { background-color: #ffffff; color: #000000; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.table-events tbody tr th { padding: 10px 20px; }
.table-events tbody tr td { border-left: 0; padding: 0; }
.table-events tbody tr, .table-events tbody tr:nth-child(2n) { background: #ffffff; }
.table-events tbody .event-tr, .table-events tbody .event-tr:nth-child(2n) { background: #ffffff; border-bottom: 1px solid rgba(29, 17, 96,0.1); }
.table-events tbody .event-tr td { padding: 20px; border-left: 0; }
.table-events tbody tr th:first-child, .table-events tbody tr td:first-child { padding-left: 28px; }
.table-events tbody .event-tr td:first-child:before { position: absolute; content: ''; display: block; height: 100%; width: 14px; top: 0; left: 0; background: #7F3F98; }
.table-events tbody .event-tr:nth-child(5n+2) td:first-child:before { opacity: 0.3; }
.table-events tbody .event-tr:nth-child(5n+3) td:first-child:before { opacity: 0.4; }
.table-events tbody .event-tr:nth-child(5n+4) td:first-child:before { opacity: 0.6; }
.table-events tbody .event-tr:nth-child(5n+5) td:first-child:before { opacity: 0.8; }
.table-events tbody .event-tr td .event-tr-info { display: flex; justify-content: space-between; align-items: center; }
.table-events tbody .event-tr td .event-tr-info-btns { display: flex; align-items: center; margin: 0 -5px; }
.table-events tbody .event-tr td .event-tr-info-btns .btn { margin: 0 5px; }
.table-events tbody .event-tr td .btn { cursor: pointer; position: relative; padding-left: 16px; background: transparent; border: 1px solid #7f3f98; color: #7f3f98;  transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; text-align: center;  }
.table-events tbody .event-tr td .btn:hover { text-decoration: none; background: #7f3f98; border: 1px solid #7f3f98; color: #ffffff; }
.event .btn:hover, .js-event.is-active, .table-events tbody .event-tr td .js-event.is-active { background: #7f3f98; border: 1px solid #7f3f98; color: #ffffff; }

@media all and (max-width: 1023px) {
  .event { padding: 30px; } 
  .event .btn { min-width: auto; }
}

@media all and (max-width: 850px) {
  .events { flex-wrap: wrap; }
  .event {width: 100%; margin: 0 0 30px 0; }
  .table-events tbody .event-tr td { vertical-align: top; }
  .table-events tbody .event-tr td .event-title { display: block; width: 100%; margin-bottom: 20px; }
  .table-events tbody .event-tr td .event-tr-info { display: block; margin: 0; }
}

@media all and (max-width: 500px) {
  .table-events tbody .event-tr td .event-tr-info-btns { display: block; margin: -5px 0; }
  .table-events tbody .event-tr td .event-tr-info-btns .btn { display: block; margin: 5px 0; }
}

/*Events*/





.section.investor-relations-image .grid {
  flex-wrap: wrap;
}

.section.investor-relations-image .swiper-buttons {
  display:  none;
}

@media (max-width: 750px) {

  .section.investor-relations-image .image-holder {
    position: absolute;
    height: 100%;
    background-attachment: fixed !important;
  }

  .section.investor-relations-image .wrapper {
    background: transparent;
  }

  .section.investor-relations-image .grid {
    flex-wrap: nowrap;
  }

  .section.investor-relations-image .grid .column {
    float: none;
    width: 100%;
    margin: 0;
  }

  .section.investor-relations-image .swiper-buttons {
    display:  block;
    margin: 30px 0 0 0;
  }

  .section.investor-relations-image .swiper-button {
    position: relative;
    display: inline-block !important;
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 5px;
    left: auto;
    right: auto;
    top: auto;
  }

  .section.investor-relations-image .swiper-button:after {
    content:  '';
    width: 8px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translate(-50%,-50%);
  }

  .section.investor-relations-image .swiper-button-prev:after {
    background-image: url(img/icon-arrow-left.png); 
  }

  .section.investor-relations-image .swiper-button-next:after {
    background-image: url(img/icon-arrow-right.png); 
  }

}









/* Hero Cards */

.cards-hero {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
  min-height: 590px;
}

.cards-hero .cards-hero-wrapper {
  width: 100%;
  flex-grow: 1;
}

.cards-hero .flex-wrapper {
  align-items: stretch;
  margin: 0;
}

.cards-hero .card--hero {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: #000;
}

.cards-hero .card--hero:before {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  background: rgba(0,0,0,.77);
  transition: all .4s cubic-bezier(.16,.43,0,1);
}

.cards-hero-wrapper:hover .card--hero.card--has-link:before {
  opacity: 1;
  visibility: visible;
}

.cards-hero-wrapper:hover .card--hero.card--has-link:hover:before {
  opacity: 0;
  visibility: hidden;
}

.cards-hero .card--hero .card-img,
.cards-hero .card--hero .card-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.cards-hero .card--hero .card-img:before {
  position:  absolute;
  display: block;
  content:  '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0,0,0,.77) 0%, rgba(0,0,0,0) 100%);
  transition: all .4s cubic-bezier(.16,.43,0,1);
}

.cards-hero .card--hero .card-body {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  padding: 30px 30px 80px 30px;
  text-align: center;
  font-family: 'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.cards-hero .card--hero .card-body * {
  color: #ffffff;
}

.cards-hero .card--hero .card-img + .card-body {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.cards-hero .card--hero .card-title {
  font-family:'Avenir Next LT W01 Bold', sans-serif;
  font-size: 25px;
  line-height: 1.3;
}

.cards-hero .card--hero .btn {
  background: #059CE5;
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 40px;
  padding: 12px 28px;
  min-width: 170px;
}

.cards-hero .u-link-cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.swiper-buttons {
  position: absolute;
  content: "";
  align-items: center;
  justify-content: center;
  margin: -5px;
}

.swiper--mobile.swiper-initialized .swiper-buttons {
  display: flex;
}

.swiper--mobile .swiper-buttons {
  bottom: 20px;
  right: 20px;
}

.swiper--mobile .swiper-button {
  margin: 5px;
}

.swiper--mobile .swiper-button-next,
.swiper--mobile .swiper-button-prev {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  transition: all .4s cubic-bezier(.16,.43,0,1);
}

.swiper--mobile .swiper-button-prev:after,
.swiper--mobile .swiper-button-next:after {
    display: none;
}

.icon-arrow {
  height: 15px;
  width: 9px;
}

.swiper--mobile .swiper-button-next .icon-arrow
.swiper--mobile .swiper-button-prev .icon-arrow {
  height: 15px;
  width: 9px;
}

.swiper--mobile .swiper-button-next .icon-arrow path,
.swiper--mobile .swiper-button-prev .icon-arrow path {
  stroke: #ffffff;
}

@media all and (min-width: 750px) {

  .cards-hero .swiper-slide {
    width:  50%;
  }

  .swiper-buttons {
    display: none;
  }

  .cards-hero .card--hero .card-title {
    font-size:  40px;
  }

  .cards-hero .card--hero .card-body {
    font-size: 18px;
  }

}

@media all and (min-width: 701px) {

  .cards-hero {
    height: 100vh;
    padding-top: 60px;
  }

  .cards-hero .card--hero .card-body {
    padding: 60px;
  }

  .swiper--mobile .swiper-buttons {
    bottom: 45px;
    right: 27px;
  }

}










/* Hero New */

.hero-new {
  background-color: #36254d;
  position: relative;
  display: flex;
  align-items: center;
  color: #ffffff;
  overflow: hidden;
}

.hero-new * {
  color: #ffffff;
}

/* Hero Large */

.hero-new--large {
  height: calc(100vh - 340px);
  min-height: 450px;
  max-height: 970px;
  padding-top: 60px;
}

/* Hero - Title */

.hero-new-title {
  font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.7px;
  margin-bottom: 42px;
}

/* Hero - Media */

.hero-new .hero-new-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .4s cubic-bezier(.16,.43,0,1);
}

.hero-new.hero-new--overlay .hero-new-media:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,rgba(0,0,0,.6),transparent);
  z-index: 1;
}

.hero-new .hero-new-media--desktop {
  background-position: right 20% center !important;
}

.hero-new .hero-new-media--mobile {
  background-position: top !important;
  display: none;
}

/* Hero - Container */

.hero-new .hero-new-container {
  position: relative;
  width: 100%;
  display: flex;
  height: 100%;
  margin: 0;
  margin: 0 auto;
  padding: 0 50px;
}

.hero-new .hero-new-container--large {
  max-width: 1260px;
}

.hero-new .hero-new-container--center {
  align-items: center;
}

.hero-new .hero-new-container--bottom {
  align-items: flex-end;
}


.hero-new .hero-new-container.u-align-left {
  justify-content: flex-start;
  text-align: left;
}

.hero-new .hero-new-container.u-align-center {
  justify-content: center;
  text-align: center;
}

.hero-new .hero-new-container.u-align-right {
  justify-content: flex-end;
  text-align: right;
}

/* Hero - Content */

.hero-new .hero-title-img {
  max-height: 15vh;
  max-width: 26vw;
  min-width: 200px,
  margin-bottom: 20px
}

@media all and (min-width: 641px) {
  .hero-new .hero-title-img {
     margin-bottom: 2.5vw;
  }
}

@media all and (min-width: 1600px) {
  .hero-new .hero-title-img {
    max-width: 494px,
    margin-bottom: 53px
  }
}

.hero-new .hero-new-content {
  position: relative;
  width: 100%;
  z-index: 2;
}

.hero-new .hero-new-content--small {
  max-width: 750px;
}

.hero-new .hero-new-content--large {
  max-width: 950px
}

.hero-new .hero-new-content p:last-child {
  margin: 0;
}

.hero-new .hero-new-content--large p,
.hero-new .hero-new-content-font--large p {
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.43;
  margin-bottom: 25px;
}

.hero-new .hero-new-content a:not([class]) {
  color: #000;
  text-decoration: none;
}

.hero-new .hero-new-content .btn--primary {
  position: relative;
  cursor: pointer;
  border: 0;
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  background-color: transparent;
  transition: all .4s cubic-bezier(.16,.43,0,1);
  font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  line-height: 1.28;
  border-radius: 40px;
  padding: 8px 32px;
  font-size: clamp(16px, 4vw, 18px);
  background-color: #048bcc;
}

.hero-new.hero-new--has-footer.hero-new--large {
  min-height: 350px;
}

.hero-new.hero-new--has-footer .hero-new-title {
    font-size: clamp(38px, 5vw, 60px);
    max-width: 390px;
}

.hero-new.hero-new--has-footer .hero-new-text {
  max-width: 338px;
}

.hero-new .hero-new-content .hero-new-text {
  margin-bottom: 46px;
}

/* Hero - Footer */

.hero-footer {
  background: #1C124E;
  padding: 27px;
  text-align: center;
}

.hero-footer .inline-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: -10px;
}

.hero-footer .inline-btns .btn {
  margin: 10px;
  font-size: clamp(16px, 4vw, 18px);
}

.hero-new-wrapper .hero-footer .inline-btns {
  margin: -5px;
}

.hero-new-wrapper .hero-footer .inline-btns .btn {
  margin: 5px;
}

.hero-footer .btn {
  height: 50px;
  background: none;
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
  border: 2px solid #059CE5;
  line-height: 1.33;
  padding: 12px 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,1);
  font-size: 18px;
  position: relative;
  border-radius: 40px;
  min-width: 274px;
  cursor: pointer;
  transition: all .4s cubic-bezier(.16,.43,0,1);
  -webkit-transition: all .4s cubic-bezier(.16,.43,0,1);
  -moz-transition: all .4s cubic-bezier(.16,.43,0,1);
}

.hero-footer .btn span {
  flex-grow: 1;
}

.hero-footer .btn:hover,
.hero-footer .btn.active {
  color: #ffffff;
  background: #059CE5;
}

.hero-footer .btn .dropdown {
  top: auto;
  left: 0;
  right: 0;
  bottom: calc(100% + 12px);
  z-index: 999;
}

.hero-footer .btn .dropdown a {
  text-align: left;
  color: rgba(255,255,255,0.5);
  border-bottom: 0;
  display: block;
  width: 100%;
  padding: 14px 24px;
  margin: 0;
  font-size: 18px;
  font-family: 'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
}

.hero-footer .btn .dropdown a:not(:last-child) {
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.hero-footer .btn .dropdown a:hover {
  color: rgba(255,255,255,1);
}

.hero-footer .btn i {
  font-size: 10px;
  margin: 0 0 0 10px;
  display: inline-block;
  position: relative;
  left: 0px;
}

.hero-new.hero-new--has-footer .hero-risk-warning {
  margin-top: 46px;
}

.hero-footer .hero-trustpilot {
  position: relative;
  width: 100%;
  max-width: 364px;
}

.hero-footer .hero-trustpilot:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 11.88119%;
}

@media all and (min-width: 641px) {

  .hero-new--large {
    height: calc(100vh - 164px);
  }

  .hero-new--has-footer.hero-new--overlay .hero-new-media:before {
    width: 50%;
    min-width: 700px;
    min-width: 43.75rem;
  }

  .hero-footer .inline-btns {
    flex-direction: row;
    margin: -24px;
  }

  .hero-footer .inline-btns .btn {
    margin: 24px;
  }

}

@media all and (min-width: 701px) {

  .hero-new--large {
    height: calc(100vh - 101px);
  }

}

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

  .hero-new .hero-new-container {
    padding: 0 32px;
  }

  /* Hero Has Footer */

  .hero-new.hero-new--has-footer:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    min-height: 383px;
    background: linear-gradient(0deg, rgba(28, 18, 78, 1) 20%, rgba(28, 18, 78, 0) 100%);
  }

  .hero-new.hero-new--has-footer .hero-new-container {
    align-items: flex-end;
  }

  .hero-new.hero-new--has-footer .hero-new-title,
  .hero-new.hero-new--has-footer .hero-new-content,
  .hero-new.hero-new--has-footer .hero-new-content p:not(:last-child),
  .hero-new.hero-new--has-footer .hero-new-content p {
    max-width: 100%;
  }

  .hero-new.hero-new--has-footer .hero-new-text {
    margin-bottom: 20px;
  }

  .hero-new-wrapper .hero-new-content {
    padding-bottom: 32px;
  }

  .hero-new.hero-new--has-footer .hero-new-content p:not(:last-child) {
    margin-bottom: 20px;
  }

  .hero-new-wrapper .hero-footer {
    display: none;
    padding: 10px 32px 90px;
  }

  .hero-new .hero-new-media--desktop {
    display: none;
  }

  .hero-new .hero-new-media--mobile {
    display: block;
  }

  .hero-new .hero-new-media--mobile:before {
    display: none;
  }
  
  .hero-new.hero-new--has-footer .hero-new-container.u-align-left,
  .hero-new.hero-new--has-footer .hero-new-container.u-align-right {
    justify-content: center;
    text-align: center;
  }

  .hero-new.hero-new--has-footer .inline-btns {
    margin: 0 !important;
    width: 100%;
  }

  .hero-new-wrapper .hero-footer .inline-btns{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .hero-new.hero-new--has-footer .inline-btns .btn,
  .hero-new-wrapper .hero-footer .inline-btns .btn {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .hero-new.hero-new--has-footer:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    min-height: 383px;
    background: linear-gradient(0deg,#1c124e 20%,rgba(28,18,78,0));
  }

}

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

  .hero-new .hero-new-content .hero-new-text {
    margin-bottom: 20px;
  }

}

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

  .hero-new-wrapper .hero-footer {
    padding: 10px 20px 90px;
  }

  /* Hero - Container */

  .hero-new .hero-new-container {
    padding: 0 20px;
  }

}

@media all and (max-height: 799px) and (min-width: 641px) {

  .hero-new.hero-new--has-footer .hero-new-title {
    font-size: 40px;
    max-width: 290px;
    margin-bottom: 30px
  }

  .hero-new.hero-new--has-footer .hero-new-content {
    max-width: 450px;
  }

  .hero-new.hero-new--has-footer .hero-new-text {
    margin-bottom: 30px;
  }

  .hero-new.hero-new--has-footer .hero-new-content p:not(:last-child) {    
    max-width: 310px;
    margin-bottom: 30px;
  }

  .hero-new.hero-new--has-footer .hero-new-content p:last-child { 
    font-size: 16px;
  }

}

.hero--campaign-home.hero--campaign-home.hero--campaign-home {
  min-height: 630px;
}

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


  .hero--campaign-home.hero--campaign-home.hero--campaign-home {
    min-height: 610px;
  }

}

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


  .hero--campaign-home .hero-new-text {
    margin-left: auto;
    margin-right: auto;
  }  

  .hero--campaign-home .hero-title-img {
    width: 200px;
    max-width: 200px;
    margin-bottom: 1.25em;
  }
  
}







/*! jQuery UI */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("img/ui/ui-icons_ffffff_256x240.png")}.ui-widget-header .ui-icon{background-image:url("img/ui/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("img/ui/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("img/ui/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("img/ui/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("img/ui/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("img/ui/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

.ui-widget {
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.ui-widget-content {
  color: #fff;
}

.ui-widget-content * {
  color: #fff;
}

.ui-widget.ui-widget-content {
  background: rgba(51, 42, 112, 0.7);
  border: 0;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-header {
  background: #332A70;
  border: 0;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-title select {
  margin: 5px;
  border: 0;
  font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
  color: #332A70;
  height: 40px;
  padding: 0 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 0;
  background: #332A70;
  color: #fff;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  border: 0;
  outline: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 50%;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 50%;
}

.ui-state-hover {
  border: 0;
  outline: 0;
  background: #ffffff;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0;
  outline: 0;
  background: #ffffff;
  color: #332A70;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  transition: none;
}

.col-flex {
    display: flex;
    flex-wrap: wrap;
    margin: clamp(-10px, 1.8vw, -25px);;
}

.col-flex [class^="col--"],
.col-flex [class*=" col--"] {
  float: none;
  min-height: 1px;
  padding: clamp(10px, 1.8vw, 25px);
}

.column--with-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.column--with-icon .column-icon {
    display: block;
    width: 100%;
    max-width: 85px;
    aspect-ratio: 1 / 1;
    margin: 0 auto 25px;
}

.column--with-icon .column-text {
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.column--with-icon .btn {
    position: relative;
    cursor: pointer;
    border: 0;
    outline: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    transition: all .4s cubic-bezier(.16,.43,0,1);
    min-height: 40px;
    border-radius: 40px;
    padding: 8px 32px;
    font-family:'Avenir Next LT W01 Bold';
    font-size: 16px;
    line-height: 1.28;
    border: 2px solid #059CE5;
    color: #059CE5;
    margin: 0 auto;
}

.column--with-icon .btn:hover {
    background: #059CE5;
    color: #ffffff;
}

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

    .col-flex [class^="col--"],
    .col-flex [class*=" col--"] {
        width: 50%;
    }

}

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

    .col-flex [class^="col--"],
    .col-flex [class*=" col--"] {
        width: 100%;
    }

    .column--with-icon .btn {
        width: auto;
    }

}