@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: brandon-light;
  src: url("/fonts/brandon/brandon-light-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/brandon/brandon-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon/brandon-light-webfont.woff") format("woff"), url("/fonts/brandon/brandon-light-webfont.ttf") format("truetype"), url("/fonts/brandon/brandon-light-webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: brandon-lightitalic;
  src: url("/fonts/brandon/brandon-lightitalic-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/brandon/brandon-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon/brandon-lightitalic-webfont.woff") format("woff"), url("/fonts/brandon/brandon-lightitalic-webfont.ttf") format("truetype"), url("/fonts/brandon/brandon-lightitalic-webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: brandon-bold;
  src: url("/fonts/brandon/brandon-bold-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/brandon/brandon-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon/brandon-bold-webfont.woff") format("woff"), url("/fonts/brandon/brandon-bold-webfont.ttf") format("truetype"), url("/fonts/brandon/brandon-bold-webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: brandon-bolditalic;
  src: url("/fonts/brandon/brandon-bolditalic-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/brandon/brandon-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon/brandon-bolditalic-webfont.woff") format("woff"), url("/fonts/brandon/brandon-bolditalic-webfont.ttf") format("truetype"), url("/fonts/brandon/brandon-bolditalic-webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: brandon-regular;
  src: url("/fonts/brandon/brandon-regular-webfont.eot"); /* IE9 Compat Modes */
  src: url("/fonts/brandon/brandon-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/brandon/brandon-regular-webfont.woff") format("woff"), url("/fonts/brandon/brandon-regular-webfont.ttf") format("truetype"), url("/fonts/brandon/brandon-regular-webfont.svg#svgFontName") format("svg"); /* Legacy iOS */
}
h1 {
  font: 2.3em brandon-bold;
  color: #5aaeb8;
  margin-bottom: 10px;
}

h2 {
  font: 1.3em brandon-bold;
  color: #5aaeb8;
  margin-bottom: 10px;
}

h4 {
  font: 1.4em brandon-bold;
}

p {
  font: 1.2em brandon-light;
  margin: 17px 0;
}

body, html {
  overflow-x: hidden !important;
}

body {
  font: 1rem brandon-light;
  color: #5a5a5a;
  text-align: center;
  overflow: hidden !important;
  overflow-y: auto !important;
}

.container {
  display: block;
}

.content_container {
  box-sizing: border-box;
  max-width: 1204px;
  padding: 0 30px;
  margin: 0 auto;
}

.column_container {
  box-sizing: border-box;
  padding: 50px 80px;
}

.column {
  flex: 1;
}

.column.full {
  clear: both;
  margin: 10px;
}

.column.full.smaller {
  width: 70%;
}

.column.video {
  position: relative;
  flex: 2;
  margin-right: 55px;
}
.column.video img {
  width: 100%;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header > .content_container {
  height: 95px;
  position: relative;
}

header .logo {
  /*float: left;*/
  /*margin: 20px 0 0;*/
  position: absolute;
  top: 10px;
}
header .logo img {
  width: 75px;
}
header .hamburger {
  display: none;
  float: right;
  width: 50px;
  height: 50px;
  background: url("/img/svg/hamburger.svg") center center no-repeat;
  background-size: 100% 100%;
}
header .questions_header {
  float: right;
  text-align: right;
  margin-top: 13px;
}

.header_image > .content_container > h1 {
  color: #fff;
  font-size: 3em;
}

nav {
  float: right;
  font-size: 0.9rem;
  position: relative;
}
nav ul {
  list-style: none;
}
nav li {
  display: inline-block;
  text-transform: uppercase;
}
nav li .home {
  min-width: 84px;
}
nav li .science {
  min-width: 100px;
}
nav li .programmes {
  min-width: 141px;
}
nav li .about {
  min-width: 89px;
}
nav li .contact {
  min-width: 107px;
}
nav li .blog {
  min-width: 89px;
}
nav li .login {
  color: #ff7637;
  font-family: brandon-bold;
  background: url("/img/svg/login.svg") left center no-repeat;
  background-position-x: 3px;
  background-size: 11px 15px;
  min-width: 90px;
}
nav li .dashboard {
  min-width: 130px;
}
nav li .faq {
  min-width: 70px;
}
nav li .accdetails {
  min-width: 169px;
}
nav li .logout {
  min-width: 100px;
}
nav li a {
  color: inherit;
  text-decoration: none;
  padding: 34px 20px;
  display: inline-block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  box-sizing: border-box;
}
nav li a.messages {
  padding-left: 0;
  padding-right: 0;
  width: 64px;
  background: url("/img/svg/email-icon-dkgrey.svg") center center/32px no-repeat;
  text-align: right;
}
nav ul.message_list:before {
  content: url("/img/svg/menu-arrow.svg");
  position: absolute;
  width: 24px;
  height: 12px;
  right: 20px;
  top: -12px;
}
nav li a.messages span {
  color: #FFF;
  background-color: #ff7637;
  font-family: brandon-bold;
  padding: 0 7px;
  position: relative;
  right: 8px;
  top: -8px;
  border-radius: 20px;
}
nav ul.message_list {
  position: absolute;
  right: 0;
  background-color: #ebebeb;
  border-radius: 5px;
  z-index: 1;
  text-align: left;
}
nav ul.message_list h2 {
  text-transform: uppercase;
  color: #5a5a5a;
  font-size: 1.1em;
  margin: 12px 20px;
  min-width: 180px;
}
nav ul.message_list h3 {
  background: url("/img/svg/arrow-right.svg") right center/0.4em no-repeat;
  padding-right: 30px;
}
nav ul.message_list li {
  display: block;
  text-transform: none;
  overflow: hidden;
}
nav ul.message_list a {
  padding: 12px 20px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  display: block;
}
nav ul.message_list a:hover, nav ul.message_list a:active {
  color: #FFF;
  background-color: #AAA;
  font-family: brandon-light;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
nav ul.message_list a:hover h3, nav ul.message_list a:active h3 {
  background: url("/img/svg/arrow-right-white.svg") right center/0.4em no-repeat;
}
nav ul.message_list li:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
nav ul.account_nav {
  position: absolute;
  right: -10px;
  top: 85px;
  background-color: #f2f2f2;
  border-top: 10px solid #fff;
}
nav ul.account_nav li {
  display: block;
  padding: 0;
}
nav ul.account_nav li a {
  padding: 20px;
  border-top-color: #f2f2f2;
  border-bottom: none;
  display: block;
  min-width: 168px;
  min-height: 63px;
}
nav ul.account_nav li a:hover {
  border-top-color: #5aaeb8;
}

nav li a:hover,
#home .home,
#science .science,
#programmes .programmes,
#about .about,
#blog .blog,
#contact .contact {
  color: #5aaeb8;
  font: 0.9rem brandon-bold;
  border-top-color: #5aaeb8;
}

#home .header_image {
  height: 630px;
}

.header_image {
  height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url("/img/jpg/header-overlay.jpg") center center no-repeat;
  background-size: cover;
  color: #fff;
}

main .content_container {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}

.content {
  position: relative;
}

.content.one {
  background-color: #fff;
}

.content.two {
  background-color: #eee;
}

.section_image {
  background-size: contain;
}

.icons {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
.icons li {
  display: inline-block;
  width: 120px;
  padding-top: 220px;
  font-size: 1.3em;
}
.icons li:nth-child(1) {
  background: url("/img/svg/brain-icon.svg") center center no-repeat;
  margin-right: 90px;
}
.icons li:nth-child(2) {
  background: url("/img/svg/performance-icon.svg") center center no-repeat;
  margin-right: 90px;
  margin-left: 90px;
}
.icons li:nth-child(3) {
  background: url("/img/svg/confidence-icon.svg") center center no-repeat;
  margin-left: 90px;
}

.testimonials {
  text-align: left;
}
.testimonials .testimonial_image {
  width: 187px;
  float: left;
  margin-right: 40px;
}
.testimonials h1 {
  font-size: 2.4em;
  font-family: brandon-bolditalic;
  text-align: left !important;
}

.slick-dots li button:before {
  font-size: 13px !important;
  text-shadow: -1px 0 #c0c0c0, 0 1px #c0c0c0, 1px 0 #c0c0c0, 0 -1px #c0c0c0;
  opacity: 1 !important;
  color: #fff !important;
}

.slick-dots li.slick-active button:before, .slick-dots li:hover button:before {
  color: #5aaeba !important;
  opacity: 1 !important;
  text-shadow: -1px 0 #5aaeba, 0 1px #5aaeba, 1px 0 #5aaeba, 0 -1px #5aaeba;
}

.products {
  text-align: left;
  min-height: 655px;
  position: relative;
}

.products .column {
  width: 40%;
  margin-top: 100px;
}

.products.right .column {
  right: -55%;
  position: relative;
}

.products .background_image {
  position: absolute;
  right: 0;
  width: 55%;
  height: 100%;
  text-align: right;
  overflow: hidden;
}
.products .background_image img {
  width: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

.products.right .background_image {
  left: 0;
}
.products.right .background_image img {
  right: 0;
  left: auto;
}

.products h1 {
  color: #5a5a5a;
  font: brandon-bold;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 0;
}

.products h2 {
  font: 2.6em brandon-bold;
  color: #5aaeb8;
}

.contact_form {
  color: #fff;
  background-color: #5aaeb9;
}

.contact_form h1 {
  color: #fff;
}

.contact_form form {
  text-align: left;
}

.contact_form .column {
  width: 49%;
  float: left;
}

.contact_form .column.two {
  width: 49%;
  float: right;
}

.form label {
  font-size: 0.9em;
  width: 100%;
}

.form input,
.form textarea,
.form select {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 15px;
  font-family: brandon-light;
  color: #5a5a5a;
  width: 100%;
  box-sizing: border-box;
  background-color: #fafafa;
  font-size: 1em;
}

.form select {
  background-image: url("/img/svg/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 1em;
}

.contact_form input,
.contact_form textarea,
.contact_form select {
  background-color: #95ccd3;
  border-color: #fff;
  color: #fff;
}

.contact_form .column textarea {
  height: 100%;
}

.contact_form .column #message {
  height: 315px;
}

select, option {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  min-width: 65px !important;
}

.form select {
  background-image: url("/img/svg/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 1em;
  padding-right: 45px;
}

.form select:hover, .form select:active, .form select:focus {
  background-image: url("/img/svg/arrow-down.svg");
}

.contact_form select {
  background-image: url("/img/svg/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 1em;
}

.contact_form select:hover, .form select:active, .form select:focus {
  background-image: url("/img/svg/arrow-down.svg");
}

.form input:focus,
.form input:hover,
.form textarea:focus,
.form textarea:hover,
.form select:focus,
.form select:hover {
  background-color: #fffaf7;
  border-color: #ff7637;
  color: #ff7637;
}

.contact_form .column input:focus,
.contact_form .column input:hover,
.contact_form .column textarea:focus,
.contact_form .column textarea:hover,
.contact_form .column select:focus,
.contact_form .column select:hover {
  background-color: #fff;
  color: #5aaeb8;
}

.form .column.column_left {
  padding-right: 10px;
}

.form .column.column_right {
  padding-left: 10px;
}

.contact_form .column div {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 10px;
}

.form div {
  margin-top: 3px;
  margin-bottom: 10px;
}

.contact_form .column.two div {
  height: 314px;
}

.form {
  text-align: left;
}
.form .submit {
  text-align: center;
  clear: both;
  margin-top: 20px;
}

.submit button, .button_action, .button_action_small {
  background-color: #ff7637;
  border-radius: 30px;
  padding: 15px 55px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  font-family: brandon-bold;
  font-size: 1.4em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

.submit button:hover, .button_action:hover, .button_action_small:hover {
  background-color: #ff6423;
  text-decoration: none;
}

.button_action {
  display: inline-block;
  margin: 15px 0;
}

.button_action_small {
  border-radius: 14px;
  padding: 5px 20px;
  font-size: 0.9em;
}

footer {
  background-color: #494949;
}
footer h1 {
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
}
footer .logo img {
  width: 100%;
}
footer .column {
  width: 25%;
  float: left;
  text-align: left;
  box-sizing: border-box;
  padding: 65px 3%;
}
footer .smaller {
  width: 20%;
}
footer .larger {
  width: 30%;
}
footer .bottom_footer {
  background-color: #313131;
  color: #adadad;
  padding: 20px 0;
}

.footer_list li, .footer_list li a {
  color: #fff;
  text-decoration: none;
  font-family: inherit;
}
.footer_list li {
  margin: 20px 0;
  padding: 0 0 0 30px;
  background: url("/img/svg/arrow.svg") center left no-repeat;
  background-size: 18px 15px;
}
.footer_list li a:hover {
  color: #ff7637;
}
.footer_list .telephone {
  background-image: url("/img/svg/phone-icon.svg");
  background-repeat: no-repeat;
}
.footer_list .address {
  background-image: url("/img/svg/address-icon.svg");
  background-repeat: no-repeat;
  background-position-y: top;
}
.footer_list .email {
  background-image: url("/img/svg/email-icon.svg");
  background-repeat: no-repeat;
}

/*TABLE*/
.table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.table_body {
  display: table-row-group;
}

.table_row {
  display: table-row;
}

.table_cell {
  display: table-cell;
}

/*MISC*/
.loader {
  background: #fff url("/img/png/spinner.png") center center no-repeat;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#template {
  display: none;
}

.clear_fix:after, .content_container:after {
  content: "";
  display: table;
  clear: both;
}

strong {
  font-family: brandon-bold;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

.flex {
  display: flex; /* primary flex container */
  flex-direction: row; /* horizontal alignment of flex items (default value; can be omitted) */
  align-items: stretch; /* will apply equal heights to flex items (default value; can be omitted) */
  height: 100%;
}

.flex-item {
  display: flex; /* nested flex container */
  flex-direction: column; /* vertical alignment of flex items */
  justify-content: center; /* center flex items vertically */
}

ol {
  margin-left: 60px;
}
ol li {
  list-style-type: circle;
  padding: 2px 0;
}

.align_left {
  text-align: left !important;
}

.align_right {
  text-align: right !important;
}

.align_centre {
  text-align: center !important;
}

.no_pad_bot {
  padding-bottom: 0 !important;
}

.pad_top_10 {
  padding-top: 10px;
}

.pad_top_20 {
  padding-top: 20px;
}

.pad_bot_20 {
  padding-bottom: 70px;
}

.pad_bot_30 {
  padding-bottom: 70px;
}

.pad_bot_70 {
  padding-bottom: 70px;
}

.notice, .alert, .message {
  padding: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: arial, sans-serif;
  color: #fff;
  font-size: 1em;
  margin: 10px 0 20px 0;
  background: #b4442a;
  text-align: center;
  box-sizing: border-box;
}

.success {
  background: #e64900;
  color: #fff;
}
.success a {
  color: #fff;
  font-weight: bold;
}

.alert-success {
  background: #4bb543;
  color: #fff;
}

.highlight {
  color: #ff7637;
}

.highlight_2 {
  color: #5aaeb8;
}

.warning {
  color: #e68a00;
}

.error, .errormessage, .alert-danger {
  color: #fff;
}

.mandatory_error, .parsley-error, .error {
  border-color: #ff0000 !important;
}

input, textarea {
  border-radius: 0;
}

input, textarea {
  -webkit-appearance: none;
}

a {
  color: #ff7637;
  cursor: pointer;
  cursor: hand;
}

textarea:focus, input:focus, a:focus, img:focus, div:focus {
  outline: none;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.disable_event {
  pointer-events: none;
}

.auto_width {
  width: auto !important;
}

.width_25 {
  width: 25% !important;
  box-sizing: border-box !important;
}

.width_50 {
  width: 50% !important;
  box-sizing: border-box !important;
}

.width_48 {
  width: 48% !important;
  box-sizing: border-box !important;
}

#science .header_image {
  background: url("/img/jpg/science-header-overlay.jpg") center center no-repeat;
}
#science .section_image.one {
  background: url("/img/gif/brain.gif") bottom center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 960px) {
  #science .section_image.one {
    height: 280px;
  }
}
#programmes .header_image {
  background: url("/img/jpg/programmes-header-overlay.jpg") center center no-repeat;
}
#programmes .kids_image_1 {
  width: 49%;
  display: inline-block;
}
#programmes .kids_image_2 {
  width: 49%;
  display: inline-block;
}

#about .header_image {
  background: url("/img/jpg/contact-header.jpg") center center no-repeat;
}
#about .section_image.one {
  background: url("/img/svg/cogs-grey.svg") bottom left no-repeat;
  background-size: 90%;
  background-position-y: 0;
}
#about .section_image.two {
  background: url("/img/svg/performance-icon-grey.svg") bottom left no-repeat;
  background-size: 90%;
  background-position-y: 0;
}

@media screen and (max-width: 960px) {
  #about .section_image.one {
    height: 280px;
    background-size: contain;
    background-position-x: center;
  }
  #about .section_image.two {
    height: 280px;
    background-size: contain;
    background-position-x: center;
  }
}
#contact .header_image {
  background: url("/img/jpg/contact-header.jpg") center center no-repeat;
}
#contact .content.one .footer_list ul {
  margin-bottom: 45px;
}
#contact .content.one .footer_list ul li {
  color: inherit;
}
#contact .footer_list dt {
  font-family: brandon-bold;
  margin-top: 20px;
}

nav li a:hover,
#portal.dashboard .dashboard,
#portal.faq .faq,
#portal.account .accdetails {
  color: #5aaeb8;
  font: 0.9rem brandon-bold;
  border-top-color: #5aaeb8;
}

#portal {
  /*.dropdn:after {
    content: url("/img/svg/menu-arrow.svg");
    position: absolute;
    width: 24px;
    height: 12px;
    right: 30px;
    bottom: 3px;
    display: none;
  }*/
  /*.column.video.flex-item { margin: 0 0 0 55px; }*/
}
#portal .header_image {
  background: url("/img/jpg/contact-header.jpg") center center no-repeat;
}
#portal .content.facebook {
  background-color: #3a579b;
}
#portal .content.facebook h1 {
  color: #fff;
  display: inline-block;
  background: url("/img/svg/facebook.svg") center left/50px no-repeat;
  padding-left: 80px;
}
#portal .content.support {
  background: url("/img/jpg/support-image.jpg") top center no-repeat;
  background-size: cover;
  color: #fff;
}
#portal .content.support h1 {
  color: #fff;
}
#portal .form.login {
  max-width: 650px;
  margin: 0 auto 25px auto;
}
#portal .form.login > a {
  text-align: center;
}
#portal .testimonials {
  text-align: left;
}
#portal .testimonials .testimonial_image {
  width: 187px;
  float: left;
  margin-right: 40px;
}
#portal .testimonials h1 {
  font-size: 2.4em;
  font-family: brandon-bolditalic;
  text-align: left !important;
}
#portal .slick-dots li button:before {
  font-size: 13px !important;
  text-shadow: -1px 0 #c0c0c0, 0 1px #c0c0c0, 1px 0 #c0c0c0, 0 -1px #c0c0c0;
  opacity: 1 !important;
  color: #fff !important;
}
#portal .slick-dots li.slick-active button:before, #portal .slick-dots li:hover button:before {
  color: #5aaeba !important;
  opacity: 1 !important;
  text-shadow: -1px 0 #5aaeba, 0 1px #5aaeba, 1px 0 #5aaeba, 0 -1px #5aaeba;
}
#portal .videos_container {
  margin-right: 30px;
  cursor: pointer;
  width: 320px;
}
#portal .videos_container h2 {
  margin: 20px 0 5px;
  color: #ff7637;
}
#portal .videos_container p {
  margin: 0;
}
#portal .user_content_container {
  min-height: 410px;
}
#portal .slick-track {
  margin: 40px 0;
}
#portal .slick-prev, #portal .slick-next {
  background: url("/img/svg/video-arrow.svg") center right no-repeat;
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
  z-index: 100;
  top: 145px;
}
#portal .slick-next {
  right: -100px;
}
#portal .slick-prev {
  background: url("/img/svg/video-arrow-back.svg") center left no-repeat;
  background-size: 80px 80px;
  left: -100px;
}
#portal .slick-prev:before, #portal .slick-next:before {
  content: none;
}
#portal .downloads .flex img {
  margin: 10px auto;
  max-width: 100%;
}
#portal .downloads h3 {
  font-size: 1.2em;
  text-transform: uppercase;
}
#portal .downloads .flex-item {
  margin: 0 5%;
  justify-content: initial;
  position: relative;
  padding-bottom: 90px;
}
#portal .downloads .platform-icons img {
  margin: 5px;
}
#portal .downloads .platform-icons {
  margin-bottom: 10px;
}
#portal .downloads button {
  color: #ff7637;
  font-family: brandon-bold;
  font-size: 1.2em;
  padding: 8px 60px 8px 40px;
  margin-bottom: 10px;
  background: #FFF url("/img/svg/arrow-down.svg") 85% center/1em no-repeat;
  border: #ff7637 3px solid;
  border-radius: 25px;
  text-transform: uppercase;
}
#portal .downloads button:hover, #portal .downloads button:active {
  color: #FFF;
  background: #ff7637 url("/img/svg/arrow-down-white.svg") 85% center/1em no-repeat;
  cursor: pointer;
}
#portal .dropdn {
  /*position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;*/
  margin: 20px auto 0 auto; /*
max-width: 220px;*/
}
#portal .dropdn ul {
  position: absolute;
  display: none;
  width: auto;
  overflow: auto;
  border-radius: 5px;
  font-family: brandon-light;
  text-align: left;
  z-index: 1;
  background: #ebebeb;
}
#portal .dropdn li {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
#portal .dropdn li:last-child {
  border-bottom: none;
}
#portal .dropdn li a {
  padding: 10px 40px;
  color: #5a5a5a;
  text-decoration: none;
  display: block;
  background: url("/img/svg/arrow-right.svg") 20px center/0.4em no-repeat;
}
#portal .dropdn li a:hover, #portal .dropdn li a:active {
  color: #FFF;
  background: #AAA url("/img/svg/arrow-right-white.svg") 20px center/0.4em no-repeat;
}
#portal .dropdn:hover ul, #portal .dropdn:active ul, #portal .dropdn:hover:after, #portal .dropdn:active:after {
  display: block;
}
#portal .form {
  padding: 30px 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 50px;
}
#portal .form .column.two div {
  height: auto;
}
#portal .form textarea {
  margin-bottom: 20px;
  resize: none;
}
#portal .form .submit a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  padding: 1px 20px 0 0;
  background: url("/img/svg/arrow-right-white.svg") right center/0.4em no-repeat;
  font-size: 0.9em;
}
#portal .form .submit a:hover, #portal .form .submit a:active {
  border-bottom: solid 1px #FFF;
}
#portal .get_access {
  background: none;
  border: 3px solid #fff;
  font-size: 115%;
  padding: 10px 35px;
  margin-left: 20px;
}
#portal .get_access:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
#portal .form.table {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 70px;
}
#portal .form.table .table_cell {
  width: 50%;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
}
#portal .form.table .table_cell.join_bottom {
  border-bottom: none;
  padding-bottom: 0;
}
#portal .form.table .table_cell.join_top {
  padding-top: 0;
}
#portal .account_details .cell_details {
  /*label.gender {
    background-image: url("/img/svg/gender-grey.svg");
  }*/
}
#portal .account_details .cell_details label {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding: 5px 0 5px 40px;
}
#portal .account_details .cell_details label.email {
  background-image: url("/img/svg/email-icon-grey.svg");
}
#portal .account_details .cell_details label.telephone {
  background-image: url("/img/svg/phone-icon-grey.svg");
}
#portal .account_details .cell_details label.name {
  background-image: url("/img/svg/login-grey.svg");
}
#portal .account_details .cell_details label.gender {
  background-image: url("/img/svg/login-grey.svg");
}
#portal .account_details .cell_details label.dob {
  background-image: url("/img/svg/dob-grey.svg");
}
#portal .account_details .cell_details label.country {
  background-image: url("/img/svg/country-grey.svg");
}
#portal .account_details .cell_details label.parent_name {
  background-image: url("/img/svg/parent-name-grey.svg");
}
#portal .account_details .cell_details label.username {
  background-image: url("/img/svg/login-grey.svg");
}
#portal .account_details .cell_details label.password {
  background-image: url("/img/svg/padlock-grey.svg");
}
#portal .account_details .button_action {
  border-radius: 5px;
  font-size: 100%;
  padding: 15px;
  width: 100%;
}
#portal .account_details input {
  width: 100%;
}
#portal .account_details a {
  text-decoration: none;
  font-size: 80%;
}
#portal .account_details a:hover {
  text-decoration: underline;
}
#portal .disable_event {
  opacity: 0.5;
}
#portal .activation_list {
  text-align: left;
  position: relative;
}
#portal .activation_list div {
  position: relative;
  width: 70%;
  padding: 0 0 0 130px;
  background: url("/img/svg/activation-login.svg") top left no-repeat;
  background-size: 100px 100px;
  box-sizing: border-box;
  margin: 80px 0;
}
#portal .activation_list div:nth-of-type(even) {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  background-position: top right;
  padding: 0 130px 0 0;
}
#portal .activation_list .login-area {
  background-image: url("/img/svg/activation-login.svg");
}
#portal .activation_list .insight-assessment {
  background-image: url("/img/svg/activation-insight-assessment.svg");
}
#portal .activation_list .withzing-sessions {
  background-image: url("/img/svg/activation-sessions.svg");
}
#portal .activation_list .wihzing-education {
  background-image: url("/img/svg/activation-educational-videos.svg");
}
#portal .activation_list .facebook-mentors {
  background-image: url("/img/svg/activation-join-facebook-group.svg");
}
#portal .activation_list .graduation {
  background-image: url("/img/svg/activation-graduation.svg");
}
#portal .activation_list .introduce {
  background-image: url("/img/svg/activation-refer-a-friend.svg");
}

#portal.portal_authorised .header_image {
  background: url("/img/jpg/portal-header.jpg") center center no-repeat;
}

@media screen and (max-width: 960px) {
  #portal .column.video {
    display: block;
    height: 300px;
  }
}
@media screen and (max-width: 750px) {
  #portal .form.table {
    width: 80%;
  }
  .table_row {
    display: block;
  }
  #portal .form.table .table_cell {
    display: block;
    width: auto;
    padding: 12px 0;
    text-align: center;
  }
  #portal .form.table .cell_details {
    border-bottom: none;
  }
  .form div {
    margin: 0;
  }
  #portal .account_details .cell_details label {
    padding-left: 30px;
    font-weight: bold;
  }
  #portal .form.table {
    margin-bottom: 30px;
  }
  .user_details_bottom {
    margin: 10px 0 0 0 !important;
    padding-top: 10px;
  }
  .join_top.join_bottom {
    margin-bottom: 10px;
  }
  .details_message {
    margin-top: 5px !important;
  }
  #portal .activation_list div {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  #portal .form.table {
    width: 100%;
  }
  #portal .activation_list div {
    padding: 120px 0 0 0 !important;
    background-position: top center !important;
    text-align: center !important;
    margin: 50px 0 !important;
  }
}
.form.registration .dob .width_25 {
  width: 24% !important;
  margin-right: 1%;
}

#faqhome.cereskills .faqhome li a {
  background: url(/img/svg/arrow-right-cereskills.svg) calc(100% - 15px) center/0.4em no-repeat;
}
#faqhome.ceremind .faqhome li a {
  background: url(/img/svg/arrow-right-ceremind.svg) calc(100% - 15px) center/0.4em no-repeat;
}
#faqhome .header_image {
  background: url("/img/jpg/support-image.jpg") center center no-repeat;
}
#faqhome .hamburger {
  display: none !important;
}
#faqhome .form {
  padding: 30px 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 50px;
}
#faqhome .form .column.two div {
  height: auto;
}
#faqhome .form select, #faqhome .form option {
  -webkit-appearance: none;
  -moz-appearance: none;
}
#faqhome .form select {
  background-image: url("/img/svg/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 1em;
}
#faqhome .form select:hover, #faqhome .form select:active, #faqhome .form select:focus {
  background-image: url("/img/svg/arrow-down.svg");
}
#faqhome .form textarea {
  margin-bottom: 20px;
  resize: none;
}
#faqhome .form .submit a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  padding: 1px 20px 0 0;
  background: url("/img/svg/arrow-right-white.svg") right center/0.4em no-repeat;
  font-size: 0.9em;
}
#faqhome .form .submit a:hover, #faqhome .form .submit a:active {
  border-bottom: solid 1px #FFF;
}
#faqhome .search input[type=text] {
  font-family: brandon-light;
  font-size: 1em;
  width: 320px;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  background-color: #F7F7F7;
  background-image: url("/img/svg/search-icon-bg.svg");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 14px 45px 14px 16px;
  margin: 20px 0;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
#faqhome .search input[type=text]:focus {
  width: calc(320px + 25%);
}
#faqhome .search input[type=text]:focus, #faqhome .search input[type=text]:hover, #faqhome .search input[type=text]:active {
  background-color: #FFF;
  color: #5aaeb8;
  border: 1px solid #ff7637;
}
#faqhome .faqhome {
  text-align: left;
}
#faqhome .faqhome .flex {
  align-items: flex-start;
}
#faqhome .faqhome .flex-item:first-of-type {
  margin-right: 80px;
}
#faqhome .faqhome h2 {
  color: #5a5a5a;
}
#faqhome .faqhome li {
  border-bottom: solid 1px #ddd;
}
#faqhome .faqhome li:first-of-type {
  border-top: solid 1px #ddd;
}
#faqhome .faqhome li a:hover, #faqhome .faqhome li a:active {
  background-color: #FEFEFE;
}
#faqhome .faqhome li a {
  padding: 12px 70px 12px 15px;
  background: url("/img/svg/arrow-right.svg") calc(100% - 15px) center/0.4em no-repeat;
  display: block;
  color: #5a5a5a;
  text-decoration: none;
}
#faqhome .faqhome .flex {
  margin-bottom: 50px;
}
#faqhome .faqhome .flex:last-of-type {
  margin-bottom: 10px;
}
#faqhome .faqhome a.viewmore {
  color: #5aaeb8;
  text-align: right;
  margin-top: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: brandon-bold;
  display: inline-block;
}
#faqhome .faqhome .viewmore:hover, #faqhome .faqhome .viewmore:active {
  text-decoration: underline;
}
#faqhome .support_hours .flex {
  width: 65%;
  margin: 0 auto;
}
#faqhome .loader {
  background: #fff url("/img/png/spinner.png") center center no-repeat;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1000px) {
  #faqhome .faqhome .flex-item:first-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  #faq .column.video {
    display: block;
    height: 300px;
  }
}
@media screen and (max-width: 750px) {
  #faq .form.table {
    width: 80%;
  }
  .table_row {
    display: block;
  }
  #faq .form.table .table_cell {
    display: block;
    width: auto;
    padding: 12px 0;
    text-align: center;
  }
  #faq .form.table .cell_details {
    border-bottom: none;
  }
  .form div {
    margin: 0;
  }
  #faq .account_details .cell_details label {
    padding-left: 30px;
    font-weight: bold;
  }
  #faq .form.table {
    margin-bottom: 30px;
  }
  .user_details_bottom {
    margin: 10px 0 0 0 !important;
    padding-top: 10px;
  }
  .join_top.join_bottom {
    margin-bottom: 10px;
  }
  .details_message {
    margin-top: 5px !important;
  }
  #faq .activation_list div {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  #faq .form.table {
    width: 100%;
  }
  #faq .activation_list div {
    padding: 120px 0 0 0 !important;
    background-position: top center !important;
    text-align: center !important;
    margin: 50px 0 !important;
  }
}
#faq .content ul, #faq .content ol {
  margin-left: 30px;
}
#faq .content ul li, #faq .content ol li {
  list-style: disc;
}
#faq .header_image {
  background: url("/img/jpg/support-image.jpg") center center no-repeat;
}
#faq .form.login {
  max-width: 650px;
  margin: 0 auto 25px auto;
}
#faq .form.login > a {
  text-align: center;
}
#faq .form {
  padding: 30px 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 50px;
}
#faq .form .column.two div {
  height: auto;
}
#faq .form select, #faq .form option {
  -webkit-appearance: none;
  -moz-appearance: none;
}
#faq .form select {
  background-image: url("/img/svg/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 1em;
}
#faq .form select:hover, #faq .form select:active, #faq .form select:focus {
  background-image: url("/img/svg/arrow-down.svg");
}
#faq .form textarea {
  margin-bottom: 20px;
  resize: none;
}
#faq .form .submit a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  padding: 1px 20px 0 0;
  background: url("/img/svg/arrow-right-white.svg") right center/0.4em no-repeat;
  font-size: 0.9em;
}
#faq .form .submit a:hover, #faq .form .submit a:active {
  border-bottom: solid 1px #FFF;
}
#faq .content_container.search {
  padding-bottom: 0;
}
#faq .content_container.faqs {
  min-height: 500px;
}
#faq .search input[type=text] {
  font-family: brandon-light;
  font-size: 1em;
  width: 320px;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  background-color: #F7F7F7;
  background-image: url("/img/svg/search-icon-bg.svg");
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 14px 45px 14px 16px;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
#faq .search input[type=text]:focus {
  width: calc(320px + 25%);
}
#faq .search input[type=text]:focus, #faq .search input[type=text]:hover, #faq .search input[type=text]:active {
  background-color: #FFF;
  color: #5aaeb8;
  border: 1px solid #ff7637;
}
#faq .search form {
  text-align: right;
  z-index: 1000;
  position: relative;
}
#faq .search a {
  float: left;
  font-family: brandon-bold;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none;
  color: #8b8b8b;
  background: url("/img/svg/arrow-left-grey.svg") left center/0.4em no-repeat;
  padding: 0 0 0 16px;
  margin: 0 20px 20px 0;
}
#faq .search a:hover, #faq .search a:active {
  border-bottom: solid 1px #8b8b8b;
}
#faq .search .search_results {
  width: calc(320px + 25%);
  background-color: #F7F7F7;
  font-family: brandon-light;
  font-size: 1em;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  right: 0;
  top: -5px;
  z-index: 0;
  float: right;
  padding: 5px 0 0 0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  display: none;
}
#faq .search .search_results li {
  display: block;
}
#faq .search .search_results a {
  float: none;
  display: block;
  text-transform: none;
  font-size: inherit;
  font-weight: normal;
  font-family: inherit;
  background: none;
  padding: 10px 0;
  border-bottom: 1px dashed #e0e0e0;
  margin: 0;
  cursor: hand;
  cursor: pointer;
}
#faq .search .search_results li:last-child a {
  border-bottom: none;
}
#faq .search .search_results a:hover {
  background-color: #f1f1f1;
  border-bottom: 1px dashed #e0e0e0;
}
#faq .search .search_results #template {
  display: none;
}
#faq .faqs {
  text-align: left;
  /*
  h2:first-of-type {
    margin-top: 0;
  }*/
  /* button.accordion:first-of-type { border-top: solid 1px #ddd; } */
}
#faq .faqs .panel {
  padding: 0 20% 0 20px;
  background-color: #F7F7F7;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
}
#faq .faqs h2 {
  margin-top: 50px;
}
#faq .faqs button.accordion {
  font-family: brandon-light;
  font-size: 1.2em;
  color: #5a5a5a;
  border: none;
  background-color: #FFF;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.2s;
}
#faq .faqs button.accordion.active {
  color: #5aaeb8;
}
#faq .faqs button.accordion:hover {
  color: #ff7637;
}
#faq .faqs button.accordion:after {
  content: "VIEW ✚"; /* Unicode character for plus sign */
  color: #ff7637;
  font-size: 0.9em;
  font-family: brandon-bold;
  float: right;
  margin-left: 5px;
}
#faq .faqs button.accordion.active:after {
  content: "HIDE ⚊"; /* Unicode character for minus sign */
  color: #5aaeb8;
}
#faq .support_hours .flex {
  width: 65%;
  margin: 0 auto;
}
#faq .loader {
  background: #fff url("/img/png/spinner.png") center center no-repeat;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#faq .form.table {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 70px;
}
#faq .form.table .table_cell {
  width: 50%;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
}
#faq .form.table .table_cell.join_bottom {
  border-bottom: none;
  padding-bottom: 0;
}
#faq .form.table .table_cell.join_top {
  padding-top: 0;
}
#faq .account_details a {
  text-decoration: none;
  font-size: 80%;
}
#faq .account_details a:hover {
  text-decoration: underline;
}
#faq .disable_event {
  opacity: 0.5;
}
#faq .activation_list {
  text-align: left;
  position: relative;
}
#faq .activation_list div {
  position: relative;
  width: 70%;
  padding: 0 0 0 130px;
  background: url("/img/svg/activation-login.svg") top left no-repeat;
  background-size: 100px 100px;
  box-sizing: border-box;
  margin: 80px 0;
}
#faq .activation_list div:nth-of-type(even) {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  background-position: top right;
  padding: 0 130px 0 0;
}
#faq .activation_list .login-area {
  background-image: url("/img/svg/activation-login.svg");
}
#faq .activation_list .insight-assessment {
  background-image: url("/img/svg/activation-insight-assessment.svg");
}
#faq .activation_list .withzing-sessions {
  background-image: url("/img/svg/activation-sessions.svg");
}
#faq .activation_list .wihzing-education {
  background-image: url("/img/svg/activation-educational-videos.svg");
}
#faq .activation_list .facebook-mentors {
  background-image: url("/img/svg/activation-join-facebook-group.svg");
}
#faq .activation_list .graduation {
  background-image: url("/img/svg/activation-graduation.svg");
}
#faq .activation_list .introduce {
  background-image: url("/img/svg/activation-refer-a-friend.svg");
}

.content_container.faqs #template, .content_container.faqs #content_template {
  display: none;
}

#faq.portal_authorised .header_image {
  background: url("/img/jpg/portal-header.jpg") center center no-repeat;
}

@media screen and (max-width: 960px) {
  #faq .column.video {
    display: block;
    height: 300px;
  }
}
@media screen and (max-width: 750px) {
  #faq .form.table {
    width: 80%;
  }
  .table_row {
    display: block;
  }
  #faq .form.table .table_cell {
    display: block;
    width: auto;
    padding: 12px 0;
    text-align: center;
  }
  #faq .form.table .cell_details {
    border-bottom: none;
  }
  .form div {
    margin: 0;
  }
  #faq .account_details .cell_details label {
    padding-left: 30px;
    font-weight: bold;
  }
  #faq .form.table {
    margin-bottom: 30px;
  }
  .user_details_bottom {
    margin: 10px 0 0 0 !important;
    padding-top: 10px;
  }
  .join_top.join_bottom {
    margin-bottom: 10px;
  }
  .details_message {
    margin-top: 5px !important;
  }
  #faq .activation_list div {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  #faq .form.table {
    width: 100%;
  }
  #faq .activation_list div {
    padding: 120px 0 0 0 !important;
    background-position: top center !important;
    text-align: center !important;
    margin: 50px 0 !important;
  }
}
#tickethistory .header_image {
  background: url("/img/jpg/portal-header.jpg") center center no-repeat;
}
#tickethistory .form {
  padding: 30px 40px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 50px;
}
#tickethistory .form .column.two div {
  height: auto;
}
#tickethistory .form select, #tickethistory .form option {
  -webkit-appearance: none;
  -moz-appearance: none;
}
#tickethistory .form select {
  background-image: url("/img/svg/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 1em;
}
#tickethistory .form select:hover, #tickethistory .form select:active, #tickethistory .form select:focus {
  background-image: url("/img/svg/arrow-down.svg");
}
#tickethistory .form textarea {
  margin-bottom: 20px;
  resize: none;
}
#tickethistory .form .submit a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  padding: 1px 20px 0 0;
  background: url("/img/svg/arrow-right-white.svg") right center/0.4em no-repeat;
  font-size: 0.9em;
}
#tickethistory .form .submit a:hover, #tickethistory .form .submit a:active {
  border-bottom: solid 1px #FFF;
}
#tickethistory .tickethistory {
  text-align: left;
  margin-top: 70px;
}
#tickethistory .tickethistory .labels {
  padding: 0 20px;
  border-left: 3px solid rgba(255, 255, 255, 0);
}
#tickethistory .tickethistory label {
  text-transform: uppercase;
  font-family: brandon-bold;
  margin-bottom: 20px;
}
#tickethistory .tickethistory .tcol1, #tickethistory .tickethistory .tcol2, #tickethistory .tickethistory .tcol3 {
  display: inline-block;
  margin-right: 10px;
}
#tickethistory .tickethistory .tcol1 {
  width: 15%;
  min-width: 100px;
  font-family: brandon-bold;
}
#tickethistory .tickethistory .tcol2 {
  min-width: calc(80% - 240px);
}
#tickethistory .tickethistory .tcol3 {
  min-width: 10%;
}
#tickethistory .tickethistory p {
  font-size: 1em;
}
#tickethistory .tickethistory .panel {
  padding: 0;
  background-color: #F7F7F7;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out;
}
#tickethistory .tickethistory .panel p {
  padding: 10px 15px;
  margin: 40px 15px 0 15px;
  width: 700px;
  max-width: calc(100% - 70px);
  display: inline-block;
  clear: both;
  position: relative;
}
#tickethistory .tickethistory .panel p:last-of-type {
  margin-bottom: 15px;
}
#tickethistory .tickethistory .panel p.you {
  color: #FFF;
  background-color: #5aaeb8;
  border: solid 1px #5aaeb8;
  border-radius: 8px 8px 0 8px;
  float: right;
}
#tickethistory .tickethistory .panel p.them {
  background-color: #FFF;
  border: solid 1px #ddd;
  margin-right: 20px;
  border-radius: 8px 8px 8px 0;
  float: left;
}
#tickethistory .tickethistory .panel.closed p.you {
  background-color: #9d9d9d;
  border-color: #9d9d9d;
}
#tickethistory .tickethistory .panel p span {
  position: absolute;
  top: -25px;
  font-size: 0.9em;
  color: #9d9d9d;
}
#tickethistory .tickethistory .panel p span.sender {
  left: 0;
}
#tickethistory .tickethistory .panel p span.time {
  right: 0;
}
#tickethistory .tickethistory button.accordion {
  font-family: brandon-light;
  font-size: 1em;
  color: #5a5a5a;
  border: none;
  background-color: #FFF;
  border-top: solid 1px #ddd;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.2s;
}
#tickethistory .tickethistory button.accordion:hover, #tickethistory .tickethistory button.accordion:active {
  background-color: #FFF;
}
#tickethistory .tickethistory button.accordion:after {
  content: "VIEW DETAILS ✚"; /* Unicode character for plus sign */
  color: #ff7637;
  font-size: 1em;
  font-family: brandon-bold;
  float: right;
  margin-left: 5px;
}
#tickethistory .tickethistory button.accordion.active:after {
  content: "HIDE DETAILS ⚊"; /* Unicode character for minus sign */
  color: #ff7637;
  font-size: 1em;
}
#tickethistory .tickethistory button.accordion.closed:after, #tickethistory .tickethistory button.accordion.closed.active:after {
  color: #818181;
}
#tickethistory .tickethistory button.accordion:last-of-type {
  border-bottom: solid 1px #ddd;
}
#tickethistory .tickethistory button.open {
  border-left: 3px solid #ff7637;
}
#tickethistory .tickethistory button.open .tcol1 {
  color: #ff7637;
}
#tickethistory .tickethistory button.closed {
  border-left: 3px solid #818181;
  background-color: #f3f3f3;
  color: #818181;
}
#tickethistory .tickethistory button.unread {
  background-color: #fff8f5;
}
#tickethistory .tickethistory .icon {
  visibility: hidden;
  padding-left: 20px;
  padding-right: 20px;
  background: url("/img/svg/email-icon-dkgrey.svg") center center/30px no-repeat;
  text-align: right;
  display: inline-block;
}
#tickethistory .tickethistory .unread .icon {
  visibility: visible;
}
#tickethistory .tickethistory .unread .icon .number {
  font-size: 0.8em;
  color: #FFF;
  background-color: #ff7637;
  padding: 0 6px;
  position: relative;
  right: -14px;
  top: -10px;
  border-radius: 20px;
}
#tickethistory .tickethistory .msgbox {
  clear: both;
}
#tickethistory .tickethistory .msgbox input {
  border: 1px solid #FFF;
  font-family: brandon-light;
  font-size: 1em;
  display: inline-block;
  padding: 13px;
  vertical-align: bottom;
  width: calc(100% - 162px);
  margin-left: 3px;
}
#tickethistory .tickethistory .msgbox input:focus, #tickethistory .tickethistory .msgbox input:active, #tickethistory .tickethistory .msgbox input:hover {
  border: 1px solid #5aaeb8;
}
#tickethistory .tickethistory .msgbox input:focus {
  color: #5aaeb8;
}
#tickethistory .tickethistory .msgbox button {
  font-family: brandon-bold;
  text-transform: uppercase;
  font-size: 1.15em;
  padding: 12px 40px;
  border: none;
  cursor: pointer;
  color: #FFF;
  background-color: #ff7637;
  display: inline-block;
  vertical-align: bottom;
  float: right;
}
#tickethistory .tickethistory .msgbox button:hover, #tickethistory .tickethistory .msgbox button:active {
  background-color: #FF6423;
}
#tickethistory .tickethistory .panel.closed button {
  background-color: #ddd;
  cursor: text;
}
#tickethistory .tickethistory .panel.closed input:focus, #tickethistory .tickethistory .panel.closed input:active, #tickethistory .tickethistory .panel.closed input:hover {
  border-color: #ddd;
  color: #ddd;
}
#tickethistory .loader {
  background: #fff url("/img/png/spinner.png") center center no-repeat;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#tickethistory .form.table {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 70px;
}
#tickethistory .form.table .table_cell {
  width: 50%;
  box-sizing: border-box;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
}
#tickethistory .form.table .table_cell.join_bottom {
  border-bottom: none;
  padding-bottom: 0;
}
#tickethistory .form.table .table_cell.join_top {
  padding-top: 0;
}
#tickethistory .account_details a {
  text-decoration: none;
  font-size: 80%;
}
#tickethistory .account_details a:hover {
  text-decoration: underline;
}
#tickethistory .disable_event {
  opacity: 0.5;
}
#tickethistory .activation_list {
  text-align: left;
  position: relative;
}
#tickethistory .activation_list div {
  position: relative;
  width: 70%;
  padding: 0 0 0 130px;
  background: url("/img/svg/activation-login.svg") top left no-repeat;
  background-size: 100px 100px;
  box-sizing: border-box;
  margin: 80px 0;
}
#tickethistory .activation_list div:nth-of-type(even) {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  background-position: top right;
  padding: 0 130px 0 0;
}
#tickethistory .activation_list .login-area {
  background-image: url("/img/svg/activation-login.svg");
}
#tickethistory .activation_list .insight-assessment {
  background-image: url("/img/svg/activation-insight-assessment.svg");
}
#tickethistory .activation_list .withzing-sessions {
  background-image: url("/img/svg/activation-sessions.svg");
}
#tickethistory .activation_list .wihzing-education {
  background-image: url("/img/svg/activation-educational-videos.svg");
}
#tickethistory .activation_list .facebook-mentors {
  background-image: url("/img/svg/activation-join-facebook-group.svg");
}
#tickethistory .activation_list .graduation {
  background-image: url("/img/svg/activation-graduation.svg");
}
#tickethistory .activation_list .introduce {
  background-image: url("/img/svg/activation-refer-a-friend.svg");
}

#faq.portal_authorised .header_image {
  background: url("/img/jpg/portal-header.jpg") center center no-repeat;
}

@media screen and (max-width: 960px) {
  #faq .column.video {
    display: block;
    height: 300px;
  }
}
@media screen and (max-width: 750px) {
  #faq .form.table {
    width: 80%;
  }
  .table_row {
    display: block;
  }
  #faq .form.table .table_cell {
    display: block;
    width: auto;
    padding: 12px 0;
    text-align: center;
  }
  #faq .form.table .cell_details {
    border-bottom: none;
  }
  .form div {
    margin: 0;
  }
  #faq .account_details .cell_details label {
    padding-left: 30px;
    font-weight: bold;
  }
  #faq .form.table {
    margin-bottom: 30px;
  }
  .user_details_bottom {
    margin: 10px 0 0 0 !important;
    padding-top: 10px;
  }
  .join_top.join_bottom {
    margin-bottom: 10px;
  }
  .details_message {
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 560px) {
  #tickethistory .tickethistory span.tcol2 {
    display: block;
    margin: 10px 0;
  }
  #tickethistory div.labels {
    display: none;
  }
  #tickethistory .tickethistory {
    margin: 40px 0;
  }
}
#ebook header h1, #ebook main h1 {
  font-size: 3em;
  line-height: 1.1;
  width: 90%;
}
#ebook main h2 {
  font-size: 1.6rem;
  line-height: 1.25;
}
#ebook .headercontainer {
  max-width: 1204px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#ebook .prehead {
  color: #ff7637;
}
#ebook .subhead {
  color: #CCC;
  font-size: 1.5em;
  width: 80%;
}
#ebook img {
  display: inline-block;
  vertical-align: bottom;
}
#ebook .topbar {
  background-color: #FFF;
}
#ebook .topbar img {
  padding: 5px;
}
#ebook .pdfimg {
  max-width: 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 auto;
}
#ebook .pdfimg img {
  width: 100%;
  height: auto;
  max-width: 480px;
  max-height: 480px;
}
#ebook .column2 {
  flex: 2.5;
}
#ebook .headerbg {
  background-color: #494949;
}
#ebook .headerbg h1 {
  color: #FFF;
}
#ebook .laptopbg {
  background: #5aaeb8 url("/img/jpg/laptop-screen.jpg") center/cover no-repeat;
  min-height: 320px;
}
#ebook .formsmall {
  padding: 40px;
  background-color: #5aaeb8;
  min-width: 280px;
}
#ebook .formsmall h2, #ebook .formsmall label {
  color: #FFF;
}
#ebook .formsmall form {
  margin: 20px 0;
}
#ebook .formsmall form label {
  font-size: 1.2em;
  margin-bottom: 5px;
}
#ebook .formsmall form input {
  font-size: 1.2em;
  padding: 12px;
}
#ebook .formsmall .form .submit {
  margin-top: 40px;
}
#ebook .ywl h2 {
  color: #5a5a5a;
}
#ebook .ywl ul {
  font-size: 1.5em;
  margin: 10px 0;
  width: 75%;
}
#ebook .ywl li {
  padding-left: 60px;
  margin: 20px 0;
  background: url("/img/svg/tick.svg") left/40px no-repeat;
}
#ebook .ltoffer {
  margin: 10px auto;
  max-width: 360px;
  max-height: 360px;
  width: 100%;
  height: auto;
}
#ebook .wntext {
  margin-right: 40px;
}
#ebook .wnbg {
  background: #5aaeb8 url("/img/jpg/wynford-ninka800px.jpg") center/cover no-repeat;
  min-height: 280px;
}
#ebook .lastformtext h2 {
  color: #5a5a5a;
  font-size: 2rem;
  width: 80%;
}
#ebook #livechat-compact-container, #ebook #livechat-full {
  display: none;
}

@media screen and (max-width: 1000px) {
  #ebook .flex {
    display: flex;
  }
  #ebook header h1, #ebook .subhead {
    width: 100%;
  }
  #ebook .column {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  #ebook .flex {
    flex-direction: column;
  }
  #ebook .pdfimg {
    max-width: 100%;
  }
  #ebook .ywl ul {
    width: 100%;
  }
  #ebook .lastformtext h2 {
    width: 100%;
  }
  #ebook .wntext {
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #ebook .form div {
    margin-top: 3px;
    margin-bottom: 10px;
  }
  #ebook .formsmall {
    min-width: auto;
  }
}
#freebook header h1, #freebook main h1 {
  font-family: "Oswald", sans-serif;
  letter-spacing: -1px;
  color: #5a5a5a;
}
#freebook header h1, #freebook main h1 {
  font-size: 4em;
  line-height: 1.2;
  width: 90%;
}
#freebook main p {
  font-family: brandon-light;
}
#freebook main h2 {
  font-size: 2rem;
  line-height: 1.25;
}
#freebook .headercontainer {
  max-width: 1204px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#freebook .prehead {
  color: #ff7637;
  font-family: brandon-bold;
  font-size: 1.6em;
  margin-top: 2em;
}
#freebook .subhead {
  font-size: 2.4em;
  text-align: center;
  margin: 0;
}
#freebook img {
  display: inline-block;
  vertical-align: bottom;
}
#freebook .topbar {
  background-color: #FFF;
}
#freebook .topbar img {
  padding: 5px;
}
#freebook .pdfimg {
  max-width: 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 auto;
}
#freebook .pdfimg img {
  width: 100%;
  height: auto;
  max-width: 480px;
  max-height: 480px;
}
#freebook .column2 {
  flex: 2.4;
}
#freebook .headerbg {
  background-color: #494949;
}
#freebook .headerbg h1 {
  color: #FFF;
}
#freebook .laptopbg {
  background: #5aaeb8 url("/img/jpg/laptop-screen1260.jpg") center/cover no-repeat;
  min-height: 360px;
}
#freebook .formsmall {
  padding: 80px 60px;
  background-color: #5aaeb8;
  min-width: 280px;
}
#freebook .formsmall h2 {
  margin-bottom: 20px;
}
#freebook .formsmall h2:last-of-type {
  margin-bottom: 40px;
}
#freebook .formsmall h2, #freebook .formsmall label {
  color: #FFF;
}
#freebook .formsmall form {
  margin: 0;
}
#freebook .formsmall form label {
  font-size: 1.2em;
  margin-bottom: 5px;
}
#freebook .formsmall form input {
  font-size: 1.2em;
  padding: 12px;
}
#freebook .formsmall .form .submit {
  margin-top: 40px;
}
#freebook .ywl {
  /*h2 {
    color: $primary-font-color;
  }*/
}
#freebook .ywl ul {
  font-family: brandon-bold;
  font-size: 1.6em;
  margin: 10px 0;
  width: 75%;
}
#freebook .ywl li {
  padding-left: 60px;
  margin: 20px 0;
  background: url("/img/svg/tick.svg") left/40px no-repeat;
}
#freebook .ltoffer {
  margin: 0 auto 20px auto;
}
#freebook .wntext {
  margin: 80px 60px;
  font-size: 1.2em;
}
#freebook .wnbg {
  background: #5aaeb8 url("/img/jpg/wynford-ninka800px.jpg") center/cover no-repeat;
  min-height: 360px;
}
#freebook .lastformtext h2 {
  color: #5a5a5a;
  font-size: 2rem;
  width: 80%;
}
#freebook .lastformtext h2:last-of-type {
  margin-bottom: 40px;
}
#freebook #livechat-compact-container, #freebook #livechat-full {
  display: none;
}

@media screen and (max-width: 1000px) {
  #freebook .flex {
    display: flex;
    flex-direction: column;
  }
  #freebook .wnsection {
    flex-direction: column-reverse;
  }
  #freebook header h1, #freebook .ywl ul, #freebook .lastformtext h2 {
    width: 100%;
  }
  #freebook .pdfimg {
    max-width: 100%;
  }
  #freebook .wntext {
    margin: 40px;
  }
  #freebook .formsmall {
    padding: 40px;
  }
  #freebook .column.formsmall {
    margin-top: 0;
  }
  #freebook .ltoffer {
    max-width: 360px;
    max-height: 360px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 750px) {
  #freebook .form div {
    margin-top: 3px;
    margin-bottom: 10px;
  }
  #freebook .formsmall {
    min-width: auto;
    padding: 20px;
  }
  #freebook .ywl li {
    background: url("/img/svg/tick.svg") top left/40px no-repeat;
  }
  #freebook .wntext {
    margin: 20px;
  }
}
#freeinsight .content.two {
  background-color: #65AEB8;
  color: #fff;
}
#freeinsight header .content.two {
  background: url("/img/png/blue-header.png") center center no-repeat;
  background-size: cover;
}
#freeinsight header h1, #freeinsight main h1 {
  letter-spacing: -1px;
  color: #fff;
  font-size: 2.4em;
  line-height: 1.2;
  width: 90%;
  font-weight: normal;
}
#freeinsight main p {
  font-family: brandon-regular;
}
#freeinsight main h2 {
  font-size: 2rem;
  line-height: 1.25;
}
#freeinsight .headercontainer {
  max-width: 1204px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#freeinsight .prehead {
  color: #ff7637;
  font-family: brandon-bold;
  font-size: 1.6em;
  margin-top: 2em;
}
#freeinsight img {
  display: inline-block;
  vertical-align: bottom;
}
#freeinsight .pdfimg {
  max-width: 35%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 auto;
  position: relative;
  bottom: -55px;
  z-index: 100;
  margin-left: 70px;
}
#freeinsight .pdfimg img {
  width: 100%;
  height: auto;
  max-width: 480px;
  max-height: 480px;
}
#freeinsight .column2 {
  flex: 1;
}
#freeinsight .laptopbg {
  background: #5aaeb8 url("/img/jpg/laptop-screen1260.jpg") center/cover no-repeat;
  min-height: 360px;
}
#freeinsight .formsmall {
  padding: 80px 60px;
  background-color: #fff;
  min-width: 280px;
}
#freeinsight .formsmall h2 {
  margin-bottom: 20px;
}
#freeinsight .formsmall h2:last-of-type {
  margin-bottom: 40px;
}
#freeinsight .formsmall h2 {
  color: #ff7637;
}
#freeinsight .formsmall form {
  margin: 0;
}
#freeinsight .formsmall form label {
  font-family: brandon-bold;
  font-size: 1.2em;
  margin-bottom: 7px;
  color: #5a5a5a;
  display: block;
}
#freeinsight .formsmall form input {
  font-size: 1.2em;
  padding: 12px;
}
#freeinsight .formsmall form .form_container {
  overflow: auto;
}
#freeinsight .formsmall form .form_container div {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
}
#freeinsight .formsmall .form .submit {
  margin-top: 40px;
  width: auto;
  float: none;
  clear: both;
}

@media screen and (max-width: 1000px) {
  #freeinsight .pdfimg {
    position: initial;
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 750px) {
  #freeinsight .form div {
    margin-top: 3px;
    margin-bottom: 10px;
  }
  #freeinsight .formsmall {
    min-width: auto;
    padding: 20px;
  }
  #freeinsight .ywl li {
    background: url("/img/svg/tick.svg") top left/40px no-repeat;
  }
  #freeinsight .wntext {
    margin: 20px;
  }
  #freeinsight .formsmall form .form_container div {
    float: none;
    width: 100%;
  }
  #freeinsight .pdfimg {
    position: initial;
    margin: 20px 0 0 0;
    width: 100%;
    max-width: 100%;
  }
}
#zingkids {
  /* Responsive Video - keep ratio
  .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
  }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  */
}
#zingkids header h1, #zingkids main h2 {
  font-family: "Oswald", sans-serif;
  letter-spacing: -1px;
}
#zingkids header h1 {
  font-size: 4.2rem;
  line-height: 1.2;
  width: 90%;
  color: #ff7637;
  text-transform: uppercase;
}
#zingkids main p {
  font-size: 150%;
  font-family: brandon-regular;
}
#zingkids main h2 {
  font-size: 3.2rem;
  line-height: 1.25;
  text-transform: capitalize;
}
#zingkids .headercontainer {
  max-width: 1204px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
#zingkids .prehead {
  color: #ff7637;
  font-family: brandon-bold;
  font-size: 1.6em;
  margin-top: 2em;
}
#zingkids .slick-prev:before, #zingkids .slick-next:before {
  color: #ff7637;
}
#zingkids .testimonials_slider {
  margin-top: 30px;
  margin-bottom: 50px;
}
#zingkids .testimonials h2 {
  color: #5a5a5a;
  margin-bottom: 50px;
}
#zingkids .testimonial_image {
  width: 200px;
  margin-right: 50px;
  margin-bottom: 40px;
}
#zingkids .testimonial_image img {
  border-radius: 50%;
  border: solid 6px #5aaeb8;
}
#zingkids blockquote {
  font-family: brandon-bolditalic;
  font-size: 2.4em;
  color: #5aaeb8;
}
#zingkids blockquote:before {
  content: "“";
  font-size: 150%;
  vertical-align: -0.1em;
  line-height: 0.8em;
  opacity: 0.4;
}
#zingkids blockquote:after {
  content: "”";
  font-size: 150%;
  vertical-align: -0.1em;
  line-height: 0.8em;
  opacity: 0.4;
}
#zingkids .fullquote {
  max-width: 720px;
  background-color: #FFF;
  padding: 40px 60px;
  border-radius: 8px;
  /*overflow: auto;*/
}
#zingkids .fullquote p {
  font-family: brandon-regular;
  font-size: 150%;
}
#zingkids .jquery-modal.blocker {
  background-color: rgba(0, 0, 0, 0.5);
}
#zingkids .modal {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.75);
}
#zingkids .tml-notice {
  font-size: 110%;
}
#zingkids .video {
  min-height: 360px;
  margin-top: 10px;
}
#zingkids img {
  display: inline-block;
  vertical-align: bottom;
}
#zingkids .topbar {
  background-color: #FFF;
}
#zingkids .topbar img {
  padding: 5px;
}
#zingkids .topimg {
  max-width: 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 auto;
}
#zingkids .topimg img {
  width: 100%;
  height: auto;
  max-width: 480px;
  max-height: 480px;
}
#zingkids .text-highlight {
  color: #5aaeb8;
  font-family: brandon-bold;
}
#zingkids .text-large {
  font-size: 250%;
}
#zingkids .highlight-color2 {
  color: #5aaeb8;
}
#zingkids .column2 {
  flex: 2.4;
}
#zingkids .howsection ul {
  font-family: brandon-regular;
  font-size: 1.6em;
  margin: 40px 0;
}
#zingkids .howsection li {
  padding: 22px 0 22px 80px;
  margin: 0;
  border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
}
#zingkids .howsection .brn {
  background: url("/img/svg/icon_brain.svg") left/50px no-repeat;
}
#zingkids .howsection .exc {
  background: url("/img/svg/icon_running.svg") left/50px no-repeat;
}
#zingkids .howsection .vid {
  background: url("/img/svg/icon_video.svg") left/50px no-repeat;
}
#zingkids .howsection .fbk {
  background: url("/img/svg/icon_facebook.svg") left/50px no-repeat;
}
#zingkids .howsection .web {
  background: url("/img/svg/icon_caution.svg") left/50px no-repeat;
}
#zingkids .howsection li:first-of-type {
  border-top: solid rgba(0, 0, 0, 0.1) 1px;
}
#zingkids .child-laptop-bg {
  background: #5aaeb8 url("/img/jpg/child_laptop.jpg") center/cover no-repeat;
  min-height: 600px;
}
#zingkids .child-laptop-bg div {
  width: 30%;
  padding: 60px 0;
  margin: 0 60px;
}
#zingkids .content.three {
  background-color: #5aaeb8;
  color: #FFF;
}
#zingkids .content.three h2 {
  color: #FFF;
}
#zingkids .mumchildpc {
  width: 100%;
  height: auto;
}
#zingkids .textright {
  padding: 60px 0;
  margin: 0 60px;
}
#zingkids p ~ h2 {
  margin-top: 30px;
}
#zingkids #livechat-compact-container, #zingkids #livechat-full {
  display: none;
}

/*______Global Styles______*/
.strikethrough {
  text-decoration: line-through;
}

/*______Responsive______*/
@media screen and (max-width: 1000px) {
  #zingkids .flex {
    display: flex;
    flex-direction: column;
  }
  #zingkids header h1 {
    width: 100%;
    font-size: 3rem;
    margin-top: 10px;
  }
  #zingkids .topimg {
    max-width: 100%;
  }
  #zingkids main h2 {
    font-size: 2.4rem;
  }
  #zingkids .child-laptop-bg div {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  #zingkids .headercontainer {
    padding: 0 20px;
  }
  #zingkids .button_action {
    font-size: 150%;
  }
  #zingkids .child-laptop-bg div {
    width: auto;
    padding: 20px 0;
    margin: 0 20px;
  }
  #zingkids .child-laptop-bg {
    min-height: auto;
  }
  #zingkids .textright {
    padding: 20px 0;
    margin: 0 20px;
  }
  #zingkids .testimonial_image {
    width: 100%;
    max-width: 240px;
    height: auto;
    margin: 0 auto 20px auto;
  }
  #zingkids .fullquote {
    padding: 20px;
    margin-top: 25px;
  }
  #zingkids .video {
    min-height: 200px;
  }
}
.header_image.billing {
  background-image: url("/img/png/billing-header-image.png");
}
.header_image.billing h1 {
  font-size: 2.3em;
}
.header_image.billing p {
  padding: 2px;
  margin: 0;
}
.header_image.billing .counter {
  padding: 15px 0;
}
.header_image.billing .disclaimer {
  font-size: 0.8em;
}

.billing.header_image {
  position: relative;
  height: 220px;
}
.billing.header_image .content_container {
  position: relative;
}
.billing.header_image .guarantee {
  position: absolute;
  right: -200px;
  bottom: 10px;
}
.billing.header_image .guarantee img {
  width: 200px;
  height: 200px;
}

.billing_details #cart_items .table_header {
  text-transform: uppercase;
  font-family: brandon-bold;
  border-bottom: 1px solid #b4b4b4 !important;
}
.billing_details #cart_items .table_cell {
  padding: 15px 5px;
}
.billing_details #cart_items .row_products {
  color: #5aaeba;
  font-family: brandon-bold;
  font-size: 1.1em;
}
.billing_details #cart_items .table_row {
  border-bottom: 1px solid #e1e1e1;
}
.billing_details #cart_items .total {
  font-family: brandon-bold;
  background-color: #f3f3f3;
}
.billing_details #cart_items .total .total_price {
  color: #ff7b3e;
}
.billing_details #cart_items .payment_cycle_message {
  font-size: 0.9em;
}
.billing_details #cart_items del {
  font-size: 85%;
}
.billing_details .payment_type {
  font-family: brandon-bold;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.5em;
  padding: 30px 50px 30px 0;
  display: inline-block;
  background: url("/img/svg/arrow-full-right.svg") center right no-repeat;
  background-size: 35px;
}
.billing_details .billing_address h1 {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 2px solid #5aaeb8;
}
.billing_details .billing_address .column.full {
  margin: 0;
}

/*AFFILIATES / RESOURCES*/
.affiliate_container {
  display: block;
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  overflow: auto;
  font-family: brandon-regular !important;
  text-align: left;
}
.affiliate_container .column_headers {
  font-weight: 300;
  color: #59ADB8;
  overflow: auto;
}
.affiliate_container .column_headers h2 {
  float: left;
  box-sizing: border-box;
  font-family: brandon-light !important;
  font-size: 1em !important;
  font-weight: normal !important;
  padding: 1em;
  margin-bottom: 0 !important;
}
.affiliate_container .column_headers h2:nth-of-type(1) {
  width: 50%;
}
.affiliate_container .column_headers h2:nth-of-type(2) {
  width: 50%;
}
.affiliate_container .group_header {
  padding: 1em;
  clear: both;
  color: #59ADB8;
}
.affiliate_container .group_header h3 {
  font-size: 1.5em;
  font-weight: 500;
  font-family: brandon-regular;
  text-transform: uppercase;
}
.affiliate_container .rows {
  display: block;
  border-top: 1px solid #eaeaea;
  overflow: auto;
}
.affiliate_container .rows a {
  color: #ffa745;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1em;
  padding-right: 25px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px 20px;
  text-decoration: none;
}
.affiliate_container .rows a.info {
  background-image: url("/assets/www/img/icons/info-icon.svg");
}
.affiliate_container .rows a.view {
  background-image: url("/assets/www/img/icons/search.svg");
}
.affiliate_container .rows div {
  float: left;
  box-sizing: border-box;
  padding: 1em;
  color: #8e8e8e;
}
.affiliate_container .rows div:nth-of-type(1) {
  width: 50%;
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 20px;
  padding-left: 60px;
}
.affiliate_container .rows div:nth-of-type(2) {
  width: 30%;
  font-weight: 500;
}
.affiliate_container .rows div:nth-of-type(3), .affiliate_container .rows div:nth-of-type(4) {
  width: 10%;
  text-align: center;
}
.affiliate_container .rows div.full_row {
  width: 100%;
  text-align: center;
  padding-left: 0;
}
.affiliate_container .rows:hover {
  background-color: #DCF0F2;
}
.affiliate_container .certificate_icon {
  background-image: url("/assets/www/img/icons/certificate.svg");
}
.affiliate_container .link_icon {
  background-image: url("/assets/www/img/icons/website-link.svg");
}
.affiliate_container .presentation_icon {
  background-image: url("/assets/www/img/icons/presentation.svg");
}
.affiliate_container .video_icon {
  background-image: url("/assets/www/img/icons/video.svg");
}
.affiliate_container .search_icon {
  background-image: url("/assets/www/img/icons/search.svg");
}
.affiliate_container .insight_report_icon {
  background-image: url("/assets/www/img/icons/insight.svg");
}
.affiliate_container .information_icon {
  background-image: url("/assets/www/img/icons/information.svg");
}

#partners .container header .content_container {
  height: initial;
  text-align: left;
  padding: 20px;
}
#partners .container header .content_container .logo {
  float: none;
  position: initial;
}
#partners .container header .content_container .logo img {
  width: 300px;
}
#partners .container .content .content_container h1, #partners .container .content .content_container h2 {
  color: #2a628f;
  font-size: 2em;
}
#partners .container .content .content_container h2 {
  font-size: 1.3em;
}
#partners .container .content .content_container hr {
  width: 60px;
  border: 1px solid #F7941F;
  display: inline-block;
}
#partners .container .content .content_container ul {
  padding: 10px 0 10px 15px;
}
#partners .container .content .content_container ul li {
  list-style: initial;
}
#partners .container .content .content_container .button_action {
  border-radius: 0;
  background-color: #f7941f;
  font-size: 1rem;
  text-transform: none;
}
#partners .container .content .content_container svg {
  fill: #e84591;
  width: 44px;
}
#partners .container .content .content_container .flex .column.flex-item {
  justify-content: normal;
}
#partners .container .content .content_container .flex .column .content_area {
  padding: 0 15px;
}
#partners .container .content .content_container .pad_top_20 {
  padding-top: 20px;
}
#partners .container .content .content_container .slider_container {
  width: 600px;
  margin: 0 auto;
}
#partners .container .partner_logo {
  width: 50%;
}
@media screen and (max-width: 360px) {
  #partners .container header .content_container .logo img {
    width: 100%;
  }
  #partners .container .content .content_container h1 {
    font-size: 1.6em;
  }
  #partners .container .partner_logo {
    width: 100% !important;
  }
}
@media screen and (max-width: 750px) {
  #partners .container header .content_container .logo img {
    height: initial;
  }
  #partners .container .content .content_container .slider_container {
    width: initial;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1000px) {
  #partners .container .content .content_container .flex .column {
    text-align: center !important;
  }
  #partners .container .content .content_container .flex .column .content_area ul {
    list-style: none;
  }
  #partners .container .content .content_container .flex .column .content_area ul li {
    list-style: none;
  }
  #partners .container .partner_logo {
    width: 300px;
  }
}

@media screen and (max-width: 1000px) {
  .flex {
    display: block;
  }
  .flex .column {
    margin-top: 30px;
  }
  .flex .column:nth-child(1) {
    margin-top: 0;
  }
  .flex .flex-item {
    margin-left: 0;
    margin-right: 0;
  }
  .testimonials h1 {
    font-size: 1.8em;
  }
  header > .content_container {
    height: auto;
  }
  header .logo, header nav {
    float: none;
  }
  nav li a:hover, nav #home .home {
    border-bottom-color: #5badb9;
    border-top-color: #fff;
  }
  main .content_container h1 {
    text-align: center;
  }
  footer .column.logo {
    display: none;
  }
  footer .column {
    width: 33.33%;
  }
  footer .column.smaller {
    width: 25%;
  }
  footer .column.larger {
    width: 38.33%;
  }
  #map {
    height: 600px;
  }
  .column.pad_bot_70 {
    padding-bottom: 0;
  }
  .affiliate_container {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
  }
  .affiliate_container .column_headers {
    display: none;
  }
  .affiliate_container .rows {
    overflow: hidden;
  }
  .affiliate_container .rows div:nth-of-type(1), .affiliate_container .rows div:nth-of-type(3) {
    display: none;
  }
  .affiliate_container .rows div:nth-of-type(2) {
    width: 75%;
    font-size: 0.9em;
  }
  .affiliate_container .rows div:nth-of-type(4) {
    width: 25%;
    text-align: right;
    font-size: 0.9em;
  }
  .affiliate_container .rows div:nth-of-type(4) a {
    background-image: none;
    padding-right: 0;
  }
  .affiliate_container .group_header {
    margin-top: 0;
  }
  .affiliate_container .group_header h3 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 830px) {
  .icons li {
    display: block;
    margin: 20px 0 50px 0 !important;
    width: auto;
    background-position: top !important;
    padding-top: 120px;
  }
  .icons li:last-child {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 750px) {
  body {
    font-size: 90%;
  }
  nav {
    font-size: 0.8rem;
  }
  nav li a {
    padding: 30px 10px;
  }
  header > .content_container {
    height: auto;
    text-align: left;
  }
  .content_container {
    padding: 20px;
  }
  main .content_container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header_image {
    height: 490px !important;
  }
  .header_image > .content_container > h1 {
    font-size: 2.5em;
  }
  .testimonials blockquote h1 {
    font-size: 1.8em;
  }
  .products {
    height: auto;
    min-height: 0;
  }
  .products h2 {
    font-size: 2.3em;
  }
  .products .column {
    width: 100%;
    margin-top: 0;
  }
  .products .background_image {
    width: 100%;
    position: relative;
  }
  .products .background_image img {
    position: relative;
    width: 100%;
    margin-top: 30px;
  }
  .products.right .column {
    right: 0;
  }
  .contact_form .column, .contact_form .column.two {
    float: none;
    width: 100%;
  }
  footer .column {
    width: 100% !important;
    float: none;
    text-align: center;
    padding: 20px;
  }
  footer li {
    background: none !important;
    padding: 0 !important;
  }
  footer li a {
    background: none;
    padding-left: 0;
  }
  footer .logo img {
    width: auto;
  }
  .footer_list li {
    margin: 10px 0;
  }
  .testimonial_container {
    text-align: center;
  }
  .testimonial_container .testimonial_image {
    max-width: 187px;
    float: none;
    margin: 0 auto;
  }
  .testimonial_container h1 {
    text-align: center !important;
    margin-top: 10px;
    font-size: 1.6em !important;
  }
  .contact_form .submit button, .button_action {
    font-size: 1em;
  }
  nav {
    display: block;
    background-color: #333;
    position: absolute;
    width: 100%;
    right: -100%;
    padding: 15px 30px;
    margin-top: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(126, 126, 126);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  nav li {
    display: block;
  }
  nav li a {
    color: #fff;
  }
  nav li a, nav li a:hover {
    border: none !important;
    padding: 10px 0;
  }
  nav li a.login {
    background: none;
  }
  nav ul.account_nav {
    position: static;
    background: none;
    border-top: none;
  }
  nav ul.account_nav li a {
    min-width: inherit;
    min-height: inherit;
    padding: 10px 0;
  }
  nav ul.account_nav.hidden {
    display: block;
  }
  nav.slide {
    right: 0;
  }
  header .logo {
    margin: 0;
    display: inline-block;
    position: initial;
    top: 0;
  }
  header .logo img {
    height: 50px;
    width: auto;
  }
  header .hamburger {
    display: inline-block;
  }
}

/*# sourceMappingURL=styles.css.map */