/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
/* Base files. */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "Calibri";
  src: url('../fonts/Calibribdfa.ttf?1493248944') format('truetype');
}
@font-face {
  font-family: "MinionPro";
  src: url('../fonts/MinionPro-Regularbdfa.otf?1493248944') format('opentype');
}
@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Lightbdfa.otf?1493248944') format('opentype');
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-Regularbdfa.otf?1493248944') format('opentype');
  font-weight: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url('../fonts/Montserrat-SemiBoldbdfa.otf?1493248944') format('opentype');
  font-weight: bold;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-light-webfont.woff2") format("woff2"), url("../fonts/montserrat-light-webfont.woff") format("woff"), url("../fonts/Montserrat-Light.otf") format("otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/Montserrat-Regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("../fonts/montserrat-semibold-webfont.woff") format("woff"), url("../fonts/Montserrat-SemiBold.otf") format("otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "AVT-Icons";
  src: url('../fonts/icons/avt-iconsc6a1.eot?1512003165');
  src: url('../fonts/icons/avt-icons7b92.eot?&1512003165#iefix') format('embedded-opentype'), url('../fonts/icons/avt-iconsc6a1.ttf?1512003165') format('truetype'), url('../fonts/icons/avt-iconsc6a1.woff?1512003165') format('woff');
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: "Microsoft JhengHei";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: "Microsoft JhengHei";
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
html {
  font-size: 62.5%;
}

body {
  font-size: 1.5em;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Microsoft JhengHei";
  color: #222;
}

a {
  color: #1eaedb;
}
a:hover {
  color: #1b9cc5;
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #e1e1e1;
}

.screen-reader-text {
  display: none;
}

.icons a {
  text-decoration: none;
}

[class^="icon-"] {
  font-style: normal;
}

.u-full-width {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

.aligncenter {
  width: auto;
  height: auto;
  max-width: 100%;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
  margin-top: 1.5em;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem;
  }

  h2 {
    font-size: 4.2rem;
  }

  h3 {
    font-size: 3.6rem;
  }

  h4 {
    font-size: 3.0rem;
  }

  h5 {
    font-size: 2.4rem;
  }

  h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-top: 0;
}

/* Modules */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
[hidden] {
  display: none;
}

.container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.column, .inline,
.columns,
.fifth,
.fifths {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.table {
  display: table;
  white-space: normal;
  height: 100%;
  width: 100%;
}

.table-cell {
  vertical-align: middle;
  display: table-cell;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inline {
  display: inline-block;
  float: none;
}

.one.fifth.contain,
.one.fifths.contain {
  width: 20%;
}

.two.fifths.contain {
  width: 40%;
}

.three.fifths.contain {
  width: 60%;
}

.four.fifths.contain {
  width: 80%;
}

.fixed-width.one-half.columns, .fixed-width.one-half.column, .fixed-width.one-half.inline {
  width: 50%;
}

@media (min-width: 420px) {
  .container {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 550px) {
  .container {
    width: 100%;
  }

  .column, .inline,
  .columns {
    width: 100%;
    margin-left: 0%;
  }

  .column.no-margin, .no-margin.inline,
  .columns.no-margin {
    margin-left: 0;
  }

  .column:first-child, .inline:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  .one.column, .one.inline,
  .one.columns {
    width: 8.33333%;
  }

  .two.columns {
    width: 16.66667%;
  }

  .three.columns {
    width: 25%;
  }

  .four.columns {
    width: 33.33333%;
  }

  .five.columns {
    width: 41.66667%;
  }

  .six.columns {
    width: 50%;
  }

  .seven.columns {
    width: 58.33333%;
  }

  .eight.columns {
    width: 66.66667%;
  }

  .nine.columns {
    width: 75%;
  }

  .ten.columns {
    width: 83.33333%;
  }

  .eleven.columns {
    width: 91.66667%;
  }

  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  .one-third.column, .one-third.inline {
    width: 33.33333%;
  }

  .two-thirds.column, .two-thirds.inline {
    width: 66.66667%;
  }

  .one-half.column, .one-half.inline {
    width: 50%;
  }

  .one.column.no-margin, .one.no-margin.inline,
  .two.columns.no-margin {
    width: 16.66667%;
  }

  .three.columns.no-margin {
    width: 25%;
  }

  .four.columns.no-margin {
    width: 33.33333%;
  }

  .five.columns.no-margin {
    width: 41.66667%;
  }

  .six.columns.no-margin {
    width: 50%;
  }

  .seven.columns.no-margin {
    width: 58.33333%;
  }

  .eight.columns.no-margin {
    width: 66.66667%;
  }

  .nine.columns.no-margin {
    width: 75%;
  }

  .ten.columns.no-margin {
    width: 83.33333%;
  }

  .eleven.columns.no-margin {
    width: 91.66667%;
  }

  .one-third.column.no-margin, .one-third.no-margin.inline {
    width: 33.33333%;
  }

  .two-thirds.column.no-margin, .two-thirds.no-margin.inline {
    width: 66.66667%;
  }

  .one-half.column.no-margin, .one-half.no-margin.inline {
    width: 50%;
  }

  .one.fifth,
  .one.fifths {
    width: 50%;
  }

  .two.fifths {
    width: 100%;
  }

  .three.fifths {
    width: 100%;
  }

  .four.fifths {
    width: 100%;
  }

  .one.sixth,
  .one.sixths {
    width: 16.6%;
  }

  .offset-by-one.column, .offset-by-one.inline,
  .offset-by-one.columns {
    margin-left: 8.33333%;
  }

  .offset-by-two.column, .offset-by-two.inline,
  .offset-by-two.columns {
    margin-left: 16.66667%;
  }

  .offset-by-three.column, .offset-by-three.inline,
  .offset-by-three.columns {
    margin-left: 25%;
  }

  .offset-by-four.column, .offset-by-four.inline,
  .offset-by-four.columns {
    margin-left: 33.33333%;
  }

  .offset-by-five.column, .offset-by-five.inline,
  .offset-by-five.columns {
    margin-left: 41.66667%;
  }

  .offset-by-six.column, .offset-by-six.inline,
  .offset-by-six.columns {
    margin-left: 50%;
  }

  .offset-by-seven.column, .offset-by-seven.inline,
  .offset-by-seven.columns {
    margin-left: 58.33333%;
  }

  .offset-by-eight.column, .offset-by-eight.inline,
  .offset-by-eight.columns {
    margin-left: 66.66667%;
  }

  .offset-by-nine.column, .offset-by-nine.inline,
  .offset-by-nine.columns {
    margin-left: 75%;
  }

  .offset-by-ten.column, .offset-by-ten.inline,
  .offset-by-ten.columns {
    margin-left: 83.33333%;
  }

  .offset-by-eleven.column, .offset-by-eleven.inline,
  .offset-by-eleven.columns {
    margin-left: 91.66667%;
  }

  .offset-by-one-third.column, .offset-by-one-third.inline,
  .offset-by-one-third.columns {
    margin-left: 33.33333%;
  }

  .offset-by-two-thirds.column, .offset-by-two-thirds.inline,
  .offset-by-two-thirds.columns {
    margin-left: 66.66667%;
  }

  .offset-by-one-half.column, .offset-by-one-half.inline,
  .offset-by-one-half.column,
  .offset-by-one-half.inline {
    margin-left: 50%;
  }
}
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

.button,
button {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #444e51;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #bbb;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subscribe-button {
  background: #00ADEF;
  border: none;
  color: white;
  width: 100%;
  border-radius: 2px;
  margin: 10px 0;
  background: rgba(0, 173, 239, 0.75);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}
.subscribe-button i {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  background: #005170;
  color: #FFF;
  font-style: normal;
}
.subscribe-button:hover {
  background: rgba(0, 173, 239, 0.5);
  color: white;
}
.subscribe-button:hover i {
  opacity: 1;
}

input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #00AEEF;
  border: 0px;
  cursor: pointer;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.button:hover,
button:hover {
  outline: 0;
}

.button:focus,
button:focus {
  color: #252A2C;
  border-color: #738288;
  outline: 0;
}

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  outline: 0;
  background-color: #23c3ff;
}

.button.button-primary,
button.button-primary {
  color: #fff;
  background-color: #33c3f0;
  border-color: #33c3f0;
}

input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #fff;
  background-color: #33c3f0;
  border-color: #33c3f0;
}

input[type="submit"].arrow, input[type="reset"].arrow, input[type="button"].arrow {
  min-width: 40px;
  padding: 0;
  height: 40px;
  padding: 0 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  min-height: 44px;
}

.button.button-primary:hover,
button.button-primary:hover {
  color: #fff;
  background-color: #1eaedb;
  border-color: #1eaedb;
}

input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover {
  color: #fff;
  background-color: #1eaedb;
  border-color: #1eaedb;
}

.button.button-primary:focus,
button.button-primary:focus {
  color: #fff;
  background-color: #1eaedb;
  border-color: #1eaedb;
}

input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #1eaedb;
  border-color: #1eaedb;
}

textarea,
select {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], select[type="email"], select[type="number"], select[type="search"], select[type="text"], select[type="tel"], select[type="url"], select[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 11px;
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0px;
  min-height: 44px;
  font-size: 14px;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  color: #252A2C;
}
input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]:placeholder-shown, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]:placeholder-shown, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="search"]:placeholder-shown, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]:placeholder-shown, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]:placeholder-shown, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="url"]:placeholder-shown, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:placeholder-shown, select[type="email"]:-moz-placeholder, select[type="email"]:-ms-input-placeholder, select[type="email"]::-webkit-input-placeholder, select[type="email"]:placeholder-shown, select[type="number"]:-moz-placeholder, select[type="number"]:-ms-input-placeholder, select[type="number"]::-webkit-input-placeholder, select[type="number"]:placeholder-shown, select[type="search"]:-moz-placeholder, select[type="search"]:-ms-input-placeholder, select[type="search"]::-webkit-input-placeholder, select[type="search"]:placeholder-shown, select[type="text"]:-moz-placeholder, select[type="text"]:-ms-input-placeholder, select[type="text"]::-webkit-input-placeholder, select[type="text"]:placeholder-shown, select[type="tel"]:-moz-placeholder, select[type="tel"]:-ms-input-placeholder, select[type="tel"]::-webkit-input-placeholder, select[type="tel"]:placeholder-shown, select[type="url"]:-moz-placeholder, select[type="url"]:-ms-input-placeholder, select[type="url"]::-webkit-input-placeholder, select[type="url"]:placeholder-shown, select[type="password"]:-moz-placeholder, select[type="password"]:-ms-input-placeholder, select[type="password"]::-webkit-input-placeholder, select[type="password"]:placeholder-shown {
  color: white;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type="checkbox"], input[type="radio"] {
  display: inline;
}

.form-messages {
  padding: 10px 30px;
  margin: 10px 0 10px;
  border-radius: 15px;
  text-align: center;
  color: #00AEEF;
  border: thin #00AEEF solid;
  display: none;
}

.form-messages.success {
  color: #00BF83;
  border-color: #00BF83;
  background: rgba(0, 191, 131, 0.05);
}

.form-messages.fail {
  color: red;
  border-color: red;
  background: rgba(255, 0, 0, 0.05);
}

.form-messages.show {
  display: block;
}

.hidden.field {
  display: none;
}

.field:after {
  content: '';
  display: none;
  height: 0;
  width: 0;
  clear: both;
}

#contact-form .column, #contact-form .inline, .standard-form-styling .column, .standard-form-styling .inline {
  padding-right: 20px;
}
#contact-form :nth-child(2n+1), .standard-form-styling :nth-child(2n+1) {
  clear: left;
}
#contact-form input[type="text"], #contact-form input[type="email"], .standard-form-styling input[type="text"], .standard-form-styling input[type="email"] {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
}
#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, .standard-form-styling input[type="text"]:focus, .standard-form-styling input[type="email"]:focus {
  border: 2px solid #00AEEF !important;
}
#contact-form input[type="text"]:-webkit-autofill, #contact-form input[type="email"]:-webkit-autofill, .standard-form-styling input[type="text"]:-webkit-autofill, .standard-form-styling input[type="email"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#contact-form select, #contact-form textarea, .standard-form-styling select, .standard-form-styling textarea {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
  max-width: 100%;
}
#contact-form select:focus, #contact-form textarea:focus, .standard-form-styling select:focus, .standard-form-styling textarea:focus {
  border: 2px solid #00AEEF !important;
}
#contact-form select:-webkit-autofill, #contact-form textarea:-webkit-autofill, .standard-form-styling select:-webkit-autofill, .standard-form-styling textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#contact-form .valid input, #contact-form .valid label, #contact-form .valid select, #contact-form .valid textarea, .standard-form-styling .valid input, .standard-form-styling .valid label, .standard-form-styling .valid select, .standard-form-styling .valid textarea {
  color: #00BF83;
  border-color: #00BF83;
  -webkit-text-fill-color: #00BF83 !important;
}
#contact-form .invalid input, #contact-form .invalid label, #contact-form .invalid select, #contact-form .invalid textarea, .standard-form-styling .invalid input, .standard-form-styling .invalid label, .standard-form-styling .invalid select, .standard-form-styling .invalid textarea {
  color: red;
  border-color: red;
  -webkit-text-fill-color: red !important;
}
#contact-form label, .standard-form-styling label {
  font-size: 13px;
  color: #9EA1A1;
  font-weight: 300;
}

label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

.select-field select {
  border-radius: 15px;
  border: 1px solid #00AEEF;
  color: #00AEEF;
  margin-bottom: .2rem;
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
}
.select-field select:placeholder-shown {
  color: #9EA1A1;
  border: 1px #9EA1A1 solid;
}
.select-field select:focus {
  border: 2px solid #00AEEF;
}

.pretty-input {
  margin-bottom: 20px;
}

.pretty-input-label,
.pretty-toggle {
  clear: both;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 11px;
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: 0px;
  display: block;
  font-size: 14px;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  color: #252A2C;
  position: relative;
}
.pretty-input-label:-moz-placeholder, .pretty-input-label:-ms-input-placeholder, .pretty-input-label::-webkit-input-placeholder, .pretty-input-label:placeholder-shown,
.pretty-toggle:-moz-placeholder,
.pretty-toggle:-ms-input-placeholder,
.pretty-toggle::-webkit-input-placeholder,
.pretty-toggle:placeholder-shown {
  color: white;
}

.pretty-toggles {
  background: white;
  display: none;
  max-height: 100px;
  height: auto;
  overflow-y: scroll;
}

.pretty-toggle {
  padding-left: 50px;
  width: 100%;
  -webkit-transition: background 0.6s;
  transition: background 0.6s;
}
.pretty-toggle:nth-child(2n+1) {
  background: #effbff;
}
.pretty-toggle:hover {
  background: #bcedff;
}
.pretty-toggle .toggle {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  background: transparent;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  border: solid thin #9EA1A1;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.pretty-toggle .toggle:before {
  content: '';
  height: 10px;
  width: 10px;
  position: absolute;
  border-radius: 50%;
  background: #00BF83;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pretty-toggle.checked .toggle {
  border: solid thin #00BF83;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pretty-toggle.checked .toggle:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/*  ======================
    Footer Subscribe Forms
    ====================== */
.clickdform * {
  font-family: "Microsoft JhengHei" !important;
  font-weight: 300;
}
.clickdform.mainDiv {
  padding: 0 !important;
}
.clickdform .minSize2,
.clickdform .responsiveCellSize2 {
  min-width: 0px !important;
  width: 100% !important;
}
.clickdform .minSize2,
.clickdform .minSize1,
.clickdform .maxSize2,
.clickdform .responsiveCell,
.clickdform .responsiveCell2 {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 800px !important;
  display: block !important;
  margin: 0 auto;
}
.clickdform input[type=text],
.clickdform input[type=textarea],
.clickdform input[type=email] {
  margin-bottom: 20px !important;
}
.clickdform select {
  max-width: 100% !important;
  display: block !important;
  height: auto !important;
}
.clickdform input[type=checkbox] {
  margin-right: 12px;
  margin-bottom: 0;
}
.clickdform input[type=checkbox] + span {
  position: relative;
  top: -4px;
}
.clickdform b {
  font-weight: 600;
  color: #00AEEF !important;
}
.clickdform .requiredInfo {
  display: block !important;
  float: none !important;
  margin-bottom: 1em;
}
.clickdform tr,
.clickdform td,
.clickdform table {
  margin: 0;
  border: none !important;
}
.clickdform hr {
  border: none;
  height: 1px;
  background: #E9E9E9;
  margin: 30px 0 20px;
}

.clickdform input[type="text"],
.clickdform input[type="email"],
.clickdform textarea,
.clickdform select {
  margin-top: 10px;
  border-radius: 15px;
  color: #9ea1a1;
  border: 1px solid #9ea1a1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  min-height: 50px;
  padding: 10px 20px;
  max-width: 100%;
  margin-bottom: 0 !important;
}

.clickdform textarea,
.clickdform select {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
  padding: 10px 20px !important;
  max-width: 100% !important;
}
.clickdform textarea:focus,
.clickdform select:focus {
  border: 2px solid #00AEEF !important;
}
.clickdform textarea:-webkit-autofill,
.clickdform select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.clickdform #btnSubmit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 38px;
  padding: 0 30px;
  color: #444e51 !important;
  font-size: 11px !important;
  line-height: 38px;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #bbb;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.clickdform #btnSubmit:hover {
  background: #00AEEF !important;
  color: white !important;
  border-color: #00AEEF !important;
}

.clickdform .responsiveCell div.alignTop {
  display: block !important;
}

.clickdform .responsiveCellSize2,
.clickdform .prevResponsiveCellSize2 {
  max-width: 700px !important;
  margin: 0 auto !important;
  padding: 0 39px !important;
}
@media screen and (max-width: 600px) {
  .clickdform .responsiveCellSize2,
  .clickdform .prevResponsiveCellSize2 {
    padding: 0 16px !important;
  }
}

.clickdform .buttonContainer {
  display: block !important;
  max-width: none !important;
  padding: 0;
  margin: 0 auto !important;
  width: 100%;
}

.clickdform.mainDiv input[type="email"], .clickdform.mainDiv input[type="number"], .clickdform.mainDiv input[type="search"], .clickdform.mainDiv input[type="text"], .clickdform.mainDiv input[type="tel"], .clickdform.mainDiv input[type="url"], .clickdform.mainDiv input[type="password"] {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
}
.clickdform.mainDiv input[type="email"]:focus, .clickdform.mainDiv input[type="number"]:focus, .clickdform.mainDiv input[type="search"]:focus, .clickdform.mainDiv input[type="text"]:focus, .clickdform.mainDiv input[type="tel"]:focus, .clickdform.mainDiv input[type="url"]:focus, .clickdform.mainDiv input[type="password"]:focus {
  border: 2px solid #00AEEF !important;
}
.clickdform.mainDiv input[type="email"]:-webkit-autofill, .clickdform.mainDiv input[type="number"]:-webkit-autofill, .clickdform.mainDiv input[type="search"]:-webkit-autofill, .clickdform.mainDiv input[type="text"]:-webkit-autofill, .clickdform.mainDiv input[type="tel"]:-webkit-autofill, .clickdform.mainDiv input[type="url"]:-webkit-autofill, .clickdform.mainDiv input[type="password"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*  ======================
      RSVP Forms
  ====================== */
.avt-rsvp-gform label {
  font-size: 13px;
  color: #9ea1a1;
  font-weight: 300;
}
.avt-rsvp-gform input[type="text"] {
  border-radius: 15px;
  color: #9ea1a1;
  border: 1px solid #9ea1a1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  min-height: 50px;
  padding: 10px 20px !important;
}
@media (max-width: 768px) {
  .avt-rsvp-gform .gf_left_half {
    width: 100% !important;
  }
}
.avt-rsvp-gform .ginput_container_checkbox {
  margin-top: 20px;
}
.avt-rsvp-gform .ginput_container_checkbox .gfield_checkbox li {
  display: table;
}
.avt-rsvp-gform .ginput_container_checkbox .gfield_checkbox label {
  display: inline-block !important;
  vertical-align: middle;
  color: #656565;
}
.avt-rsvp-gform .ginput_container_checkbox .gfield_checkbox input[type=checkbox] {
  display: inline-block !important;
  vertical-align: middle;
}

.general-error-message {
  padding: 5rem;
  border-radius: 1rem;
  background-color: #f7f8fa;
  text-align: center;
  color: red;
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  .general-error-message {
    padding: 3.5rem 2.5rem;
  }
}

.form-block {
  padding: 5rem;
  border-radius: 1rem;
  background-color: #f7f8fa;
}
@media screen and (max-width: 800px) {
  .form-block {
    padding: 3.5rem 2.5rem;
  }
}
.form-block .clickdform .minSize2, .form-block .clickdform .minSize1, .form-block .clickdform .maxSize2, .form-block .clickdform .responsiveCell, .form-block .clickdform .responsiveCell2 {
  margin: 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
}
.form-block--narrow {
  margin: 0 auto !important;
  max-width: 800px !important;
}
.form-block--thin-padding {
  padding: 3rem;
}
.form-block input[type="text"], .form-block input[type="email"] {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
  background-color: transparent;
  margin: 0;
}
.form-block input[type="text"]:focus, .form-block input[type="email"]:focus {
  border: 2px solid #00AEEF !important;
}
.form-block input[type="text"]:-webkit-autofill, .form-block input[type="email"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form-block .field {
  margin-bottom: 1rem;
}
.form-block .field .message {
  color: red;
  font-size: 12px;
}
.form-block .field .message:not(:empty) {
  margin-top: 0.5rem;
}
.form-block textarea {
  border-radius: 15px;
  color: #333;
  border: 1px solid #9EA1A1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
  background-color: transparent !important;
  min-height: 86px;
  margin-bottom: 0;
}
.form-block textarea:focus {
  border: 2px solid #00AEEF !important;
}
.form-block textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form-block input[type="submit"], .form-block #btnSubmit {
  line-height: 1.6 !important;
  height: auto !important;
  font-size: 18px !important;
  display: block !important;
  text-transform: capitalize;
  width: 100%;
}
.form-block input[type="submit"]:hover, .form-block #btnSubmit:hover {
  border-color: #00ADEF !important;
}
.form-block h3, .form-block h4 {
  color: #444e51;
}
.form-block--primary {
  background-color: #f4fbfe;
}
.form-block--primary h3 {
  color: #00ADEF;
}
.form-block > :first-child {
  margin-top: 0;
}
.form-block > :last-child {
  margin-bottom: 0;
}
.form-block::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
  padding-left: 0;
  margin-top: 0;
}

ul {
  padding-left: 0;
  margin-top: 0;
}
ul ul, ul ol {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

ol ol, ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-radius: 0px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

.table-wrapper {
  width: 100%;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 550px) {
  .table-wrapper {
    padding: 10px 0px 30px;
  }
  .table-wrapper h1 {
    margin: 0 0 20px 20px;
  }
}
.table-wrapper .overflower {
  position: relative;
  overflow-x: auto;
}
.table-wrapper .table-a {
  display: table;
  border-left: none;
  width: 100%;
}
.table-wrapper .table-a .cell:first-child {
  border-left: 1px solid #00AEEF;
}
.table-wrapper .table-a:last-child {
  border-bottom: 1px solid #00AEEF;
}
.table-wrapper .row {
  display: table-row;
  color: #00AEEF;
}
.table-wrapper .row:nth-child(even) {
  background-color: #E0E3EA;
}
.table-wrapper .row:nth-child(even) > .cell:nth-child(odd) {
  background-color: #E0E3EA;
}
.table-wrapper .head {
  background-color: #00639D !important;
}
.table-wrapper .cell {
  display: table-cell;
  padding: 3px 10px;
  border-right: 1px solid #00AEEF;
}
.table-wrapper .heading {
  display: table-header-group;
  font-weight: bold;
  background-color: #00AEEF;
  color: #FFF;
}
.table-wrapper .footer {
  display: table-footer-group;
  font-weight: bold;
}

button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

@media (max-width: 420px) {
  .one-half.column.fixed, .one-half.fixed.inline {
    width: 50%;
  }

  .one-third.column.fixed, .one-third.fixed.inline {
    width: 33.33333%;
  }

  .two-thirds.column.fixed, .two-thirds.fixed.inline {
    width: 66.66667%;
  }
}
@media (min-width: 420px) {
  .container {
    width: 100%;
  }

  .column, .inline,
  .columns {
    width: 100%;
    margin-left: 0%;
  }

  .column.no-margin, .no-margin.inline,
  .columns.no-margin {
    margin-left: 0;
  }

  .column:first-child, .inline:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  .one.column, .one.inline,
  .one.columns {
    width: 8.33333%;
  }

  .two.columns {
    width: 16.66667%;
  }

  .three.columns {
    width: 25%;
  }

  .four.columns {
    width: 33.33333%;
  }

  .five.columns {
    width: 41.66667%;
  }

  .six.columns {
    width: 50%;
  }

  .seven.columns {
    width: 58.33333%;
  }

  .eight.columns {
    width: 66.66667%;
  }

  .nine.columns {
    width: 75%;
  }

  .ten.columns {
    width: 83.33333%;
  }

  .eleven.columns {
    width: 91.66667%;
  }

  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  .one-third.column, .one-third.inline {
    width: 33.33333%;
  }

  .two-thirds.column, .two-thirds.inline {
    width: 66.66667%;
  }

  .one-half.column, .one-half.inline {
    width: 50%;
  }

  .one.column.no-margin, .one.no-margin.inline,
  .two.columns.no-margin {
    width: 16.66667%;
  }

  .three.columns.no-margin {
    width: 25%;
  }

  .four.columns.no-margin {
    width: 33.33333%;
  }

  .five.columns.no-margin {
    width: 41.66667%;
  }

  .six.columns.no-margin {
    width: 50%;
  }

  .seven.columns.no-margin {
    width: 58.33333%;
  }

  .eight.columns.no-margin {
    width: 66.66667%;
  }

  .nine.columns.no-margin {
    width: 75%;
  }

  .ten.columns.no-margin {
    width: 83.33333%;
  }

  .eleven.columns.no-margin {
    width: 91.66667%;
  }

  .one-third.column.no-margin, .one-third.no-margin.inline {
    width: 33.33333%;
  }

  .two-thirds.column.no-margin, .two-thirds.no-margin.inline {
    width: 66.66667%;
  }

  .one-half.column.no-margin, .one-half.no-margin.inline {
    width: 50%;
  }

  .one.fifth,
  .one.fifths {
    width: 50%;
  }

  .two.fifths {
    width: 100%;
  }

  .three.fifths {
    width: 100%;
  }

  .four.fifths {
    width: 100%;
  }

  .offset-by-one.column, .offset-by-one.inline,
  .offset-by-one.columns {
    margin-left: 8.33333%;
  }

  .offset-by-two.column, .offset-by-two.inline,
  .offset-by-two.columns {
    margin-left: 16.66667%;
  }

  .offset-by-three.column, .offset-by-three.inline,
  .offset-by-three.columns {
    margin-left: 25%;
  }

  .offset-by-four.column, .offset-by-four.inline,
  .offset-by-four.columns {
    margin-left: 33.33333%;
  }

  .offset-by-five.column, .offset-by-five.inline,
  .offset-by-five.columns {
    margin-left: 41.66667%;
  }

  .offset-by-six.column, .offset-by-six.inline,
  .offset-by-six.columns {
    margin-left: 50%;
  }

  .offset-by-seven.column, .offset-by-seven.inline,
  .offset-by-seven.columns {
    margin-left: 58.33333%;
  }

  .offset-by-eight.column, .offset-by-eight.inline,
  .offset-by-eight.columns {
    margin-left: 66.66667%;
  }

  .offset-by-nine.column, .offset-by-nine.inline,
  .offset-by-nine.columns {
    margin-left: 75%;
  }

  .offset-by-ten.column, .offset-by-ten.inline,
  .offset-by-ten.columns {
    margin-left: 83.33333%;
  }

  .offset-by-eleven.column, .offset-by-eleven.inline,
  .offset-by-eleven.columns {
    margin-left: 91.66667%;
  }

  .offset-by-one-third.column, .offset-by-one-third.inline,
  .offset-by-one-third.columns {
    margin-left: 33.33333%;
  }

  .offset-by-two-thirds.column, .offset-by-two-thirds.inline,
  .offset-by-two-thirds.columns {
    margin-left: 66.66667%;
  }

  .offset-by-one-half.column, .offset-by-one-half.inline,
  .offset-by-one-half.column,
  .offset-by-one-half.inline {
    margin-left: 50%;
  }
}
@media (min-width: 420px) and (max-width: 800px) {
  .one.column.double, .one.double.inline,
  .one.columns.double {
    width: 16.66667%;
  }

  .two.columns.double {
    width: 33.33333%;
  }

  .three.columns.double {
    width: 50%;
  }

  .four.columns.double {
    width: 66.66667%;
  }

  .five.columns.double {
    width: 83.33333%;
  }

  .six.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .seven.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .eight.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .nine.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .ten.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .eleven.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .twelve.columns.double {
    width: 100%;
    margin-left: 0;
  }

  .one.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .two.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .three.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .four.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .five.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .six.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .seven.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .eight.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .nine.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .ten.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .eleven.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .twelve.columns.max {
    width: 100%;
    margin-left: 0;
  }

  .max-phablet {
    width: 100% !important;
  }

  .phablet-offset-remove {
    margin-left: 0% !important;
  }
}
@media (max-width: 800px) {
  .max-tablet {
    width: 100% !important;
  }
}
@media (min-width: 800px) {
  .one.fifth,
  .one.fifths {
    width: 20%;
  }

  .two.fifths {
    width: 40%;
  }

  .three.fifths {
    width: 60%;
  }

  .four.fifths {
    width: 80%;
  }
}
.gform_wrapper.avt-gform_wrapper {
  padding: 10px;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
}
.gform_wrapper.avt-gform_wrapper form {
  font-family: "Microsoft JhengHei";
}
.gform_wrapper.avt-gform_wrapper form .hide-label label {
  display: none;
}
.gform_wrapper.avt-gform_wrapper form .gform_footer {
  padding: 0 10px;
  text-align: right;
}
.gform_wrapper.avt-gform_wrapper form span.gform_description {
  font-size: 18px;
  padding-left: 10px;
  font-weight: 400;
}
@media (min-width: 420px) {
  .gform_wrapper.avt-gform_wrapper form .top_label .gfield_error {
    width: 50%;
  }
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield {
  clear: none;
  position: relative;
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield label {
  position: absolute;
  top: 0;
  left: 10px;
  font-weight: 400;
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield .ginput_container {
  padding: 10px 10px 0;
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield.gfield_error {
  min-height: 100px;
  margin-top: 0;
  margin-bottom: 10px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  border: 0px;
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield.gfield_error ~ li {
  min-height: 100px;
}
.gform_wrapper.avt-gform_wrapper form ul li.gfield.gfield_error .validation_message {
  margin-left: 10px;
  position: absolute;
  bottom: -15px;
  left: 10px;
}
.gform_wrapper.avt-gform_wrapper form input, .gform_wrapper.avt-gform_wrapper form select, .gform_wrapper.avt-gform_wrapper form textarea {
  padding: 0 20px;
  width: 100% !important;
  color: #00AEEF;
  font-weight: 400;
  margin-top: 12px;
  margin-bottom: 0;
}
.gform_wrapper.avt-gform_wrapper form input:not([type=submit]), .gform_wrapper.avt-gform_wrapper form select:not([type=submit]), .gform_wrapper.avt-gform_wrapper form textarea:not([type=submit]) {
  border-radius: 15px;
  border: 2px solid #00AEEF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gform_wrapper.avt-gform_wrapper form input:not([type=submit]):placeholder-shown, .gform_wrapper.avt-gform_wrapper form select:not([type=submit]):placeholder-shown, .gform_wrapper.avt-gform_wrapper form textarea:not([type=submit]):placeholder-shown {
  color: #9EA1A1;
  border: 1px #9EA1A1 solid;
}
.gform_wrapper.avt-gform_wrapper form input:not([type=submit]):focus, .gform_wrapper.avt-gform_wrapper form select:not([type=submit]):focus, .gform_wrapper.avt-gform_wrapper form textarea:not([type=submit]):focus {
  border: 2px solid #00AEEF;
}
.gform_wrapper.avt-gform_wrapper form textarea {
  height: 200px;
  padding: 20px;
}
.gform_wrapper.avt-gform_wrapper form input, .gform_wrapper.avt-gform_wrapper form select {
  height: 50px;
}
.gform_wrapper.avt-gform_wrapper form input[type=submit] {
  font-weight: normal;
  width: auto !important;
  color: #ffffff;
}
.gform_wrapper.avt-gform_wrapper form .gfield_label {
  color: #9EA1A1;
  font-size: 13px;
}

#amx-products-container {
  /* index navigation */
}
#amx-products-container.ex {
  -webkit-perspective: 1600px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-backface-visibility: visible;
  position: relative;
  margin: 0;
  padding: 0;
}
#amx-products-container #cube {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 5s;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
#amx-products-container #cube figure {
  top: 0;
  left: 0;
  margin: 0;
  display: block;
  position: absolute;
}
#amx-products-container #cube.panels-backface-invisible figure {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#amx-products-container #cube .front {
  -webkit-transform: translateZ(100px);
  transform: translateZ(100px);
}
#amx-products-container #cube .back {
  -webkit-transform: rotateY(-180deg) translateZ(100px);
  transform: rotateY(-180deg) translateZ(100px);
}
#amx-products-container #cube .right {
  -webkit-transform: rotateY(90deg) translateZ(100px);
  transform: rotateY(90deg) translateZ(100px);
}
#amx-products-container #cube .left {
  -webkit-transform: rotateY(-90deg) translateZ(100px);
  transform: rotateY(-90deg) translateZ(100px);
}
#amx-products-container #cube .top {
  -webkit-transform: rotateX(90deg) translateZ(100px);
  transform: rotateX(90deg) translateZ(100px);
}
#amx-products-container #cube.show-front {
  -webkit-transform: translateZ(-100px);
  transform: translateZ(-100px);
}
#amx-products-container #cube.show-back {
  -webkit-transform: translateZ(-100px) rotateX(180deg);
  transform: translateZ(-100px) rotateX(180deg);
}
#amx-products-container #cube.show-right {
  -webkit-transform: translateZ(-100px) rotateY(-90deg);
  transform: translateZ(-100px) rotateY(-90deg);
}
#amx-products-container #cube.show-left {
  -webkit-transform: translateZ(-100px) rotateY(90deg);
  transform: translateZ(-100px) rotateY(90deg);
}
#amx-products-container #cube.show-top {
  -webkit-transform: translateZ(-100px) rotateX(-90deg);
  transform: translateZ(-100px) rotateX(-90deg);
}
#amx-products-container #cube.show-bottom {
  -webkit-transform: translateZ(-100px) rotateX(90deg);
  transform: translateZ(-100px) rotateX(90deg);
}

.questionnaire {
  background-color: #f7f8fa;
  height: 100vh;
  position: relative;
  padding-top: 60px;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
}
@media screen and (min-width: 1601px) {
  .questionnaire {
    padding-top: 80px;
  }
}
.questionnaire, .questionnaire * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .questionnaire {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 60px;
  }
}

.visually-hidden {
  display: none !important;
}

/**
 * Navigation Bar
 */
.questionnaire-navigation-bar {
  background-color: #00ADEF;
  font-size: 22px;
  padding: 0 10%;
  position: absolute;
  height: 60px;
  color: #FFF;
  border-bottom: 5px solid #56d0ff;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 800px) {
  .questionnaire-navigation-bar {
    top: initial;
    bottom: 0;
    padding: 0 1em;
    border-bottom: none;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-navigation-bar {
    padding: 0;
  }
}
@media screen and (min-width: 1601px) {
  .questionnaire-navigation-bar {
    height: 80px;
  }
}
.questionnaire-navigation-bar:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.questionnaire-title {
  color: #FFF;
  font-size: 22px;
  letter-spacing: 0.1em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 0 0;
  position: absolute;
  z-index: 15;
  top: 24px;
  font-size: 22px;
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .questionnaire-title {
    top: 14px;
  }
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
  .questionnaire-title {
    font-size: 16px;
    top: 18px;
  }
}
@media screen and (max-width: 800px) {
  .questionnaire-title {
    margin: 0;
    background-color: #00ADEF;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 5px solid #56d0ff;
    padding: 20px 10%;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-title {
    font-size: 16px;
  }
}

.questionnaire-navigation-bar-actions {
  list-style-type: none;
  float: right;
  color: inherit;
  height: 100%;
  margin: 0;
}

.questionnaire-navigation-action {
  display: inline-block;
  margin: 0;
  height: 100%;
  float: left;
}
.questionnaire-navigation-action:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.questionnaire-navigation-action a {
  height: 100%;
  text-decoration: none;
  text-transform: lowercase;
  font-weight: 300;
  display: inline-block;
  font-size: 0.8em;
  padding: 0 1em;
  font-size: 22px;
  color: inherit;
  margin: 0;
  vertical-align: middle;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  .questionnaire-navigation-action a {
    font-size: 0.7em;
    padding: 0 0.8em;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-navigation-action a {
    font-size: 0.6em;
    padding: 0 0.6em;
  }
}
.questionnaire-navigation-action a i {
  vertical-align: middle;
}
.questionnaire-navigation-action a:hover {
  background-color: #0088bc;
}
.questionnaire-navigation-action a:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.questionnaire-navigation-action:first-child a, .questionnaire-navigation-action:last-child a, .questionnaire-navigation-action + .questionnaire-navigation-action a {
  border-left: 1px solid rgba(68, 78, 81, 0.3);
}
.questionnaire-navigation-action:last-child a {
  border-right: 1px solid rgba(68, 78, 81, 0.3);
}

/**
 * Questionnaire Content
 */
.questionnaire-questions-container {
  height: 100%;
  position: relative;
}

.questionnaire-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 10vw;
  color: #00ADEF;
  -webkit-animation: loadingtext 2s infinite forwards;
  animation: loadingtext 2s infinite forwards;
}
@media screen and (min-width: 601px) {
  .questionnaire-loading {
    font-size: 50px;
  }
}

@-webkit-keyframes loadingtext {
  0% {
    color: #00ADEF;
  }
  50% {
    color: #bcecff;
  }
  100% {
    color: #00ADEF;
  }
}

@keyframes loadingtext {
  0% {
    color: #00ADEF;
  }
  50% {
    color: #bcecff;
  }
  100% {
    color: #00ADEF;
  }
}
.questionnaire-questions {
  padding: 0;
  list-style: none;
  height: 100%;
  margin: 0;
  position: relative;
  z-index: 5;
}

.questionnaire-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 160px 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 1s;
  transition: opacity 0.4s, -webkit-transform 1s;
  transition: transform 1s, opacity 0.4s;
  transition: transform 1s, opacity 0.4s, -webkit-transform 1s;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.questionnaire-panel p {
  font-size: 18px;
}
@media screen and (max-width: 1400px) {
  .questionnaire-panel {
    padding: 60px 0;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-panel {
    padding: 40px 0;
  }
}
.questionnaire-panel:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .questionnaire-panel:before {
    display: none;
  }
}
.questionnaire-panel.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 1s 0.2s;
  transition: opacity 0.4s 0.2s, -webkit-transform 1s 0.2s;
  transition: transform 1s 0.2s, opacity 0.4s 0.2s;
  transition: transform 1s 0.2s, opacity 0.4s 0.2s, -webkit-transform 1s 0.2s;
}
.questionnaire-panel.prev {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, -webkit-transform 1s 0s;
  transition: opacity 0.4s 0s, -webkit-transform 1s 0s;
  transition: transform 1s 0s, opacity 0.4s 0s;
  transition: transform 1s 0s, opacity 0.4s 0s, -webkit-transform 1s 0s;
}
.questionnaire-panel.next {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%);
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, -webkit-transform 1s 0s;
  transition: opacity 0.4s 0s, -webkit-transform 1s 0s;
  transition: transform 1s 0s, opacity 0.4s 0s;
  transition: transform 1s 0s, opacity 0.4s 0s, -webkit-transform 1s 0s;
}

.questionnaire-results-panel:before {
  display: none;
}

.questionnaire-question-and-answer,
.questionnaire-image {
  display: inline-block;
}

.questionnaire-question-and-answer {
  vertical-align: top;
  width: 59%;
}
@media screen and (min-width: 660px) and (max-width: 800px) {
  .questionnaire-question-and-answer {
    width: 75%;
  }
}
@media screen and (min-width: 601px) {
  .questionnaire-question-and-answer {
    padding-right: 40px;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-question-and-answer {
    width: 100%;
    margin-bottom: 15px;
  }
}

.questionnaire-image {
  width: 39%;
}
@media screen and (max-width: 600px) {
  .questionnaire-image {
    width: 70%;
  }
}

.questionnaire-image img {
  max-width: 100%;
  height: auto;
  max-height: 600px;
}
@media screen and (min-width: 660px) and (max-width: 800px) {
  .questionnaire-image img {
    width: 49%;
    height: auto;
    position: absolute;
    bottom: 140px;
    right: 40px;
  }
}
@media screen and (max-width: 660px) {
  .questionnaire-image img {
    max-height: 200px;
  }
}
@media screen and (max-width: 400px) {
  .questionnaire-image img {
    max-height: 100px;
    display: block;
  }
}

.questionnaire-panel h2 {
  font-weight: 400;
  font-size: 48px;
  color: #00ADEF;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 1500px) {
  .questionnaire-panel h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 800px) {
  .questionnaire-panel h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-panel h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 440px) {
  .questionnaire-panel h2 {
    font-size: 20px;
  }
}

.questionnaire-responses {
  list-style: none;
  margin: 0;
  padding: 0;
}

.questionnaire-response {
  display: inline-block;
  margin-right: 1.5em;
}
@media screen and (max-width: 800px) {
  .questionnaire-response {
    margin-right: 1em;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-response {
    margin-right: 0.5em;
  }
}
.questionnaire-response button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  padding: 0.8em 3em;
  font-weight: 300;
  border-radius: 36px;
  display: inline-block;
  height: auto;
  text-transform: none;
  -webkit-transition: border-color 0.4s, color 0.4s, background-color 0.4s;
  transition: border-color 0.4s, color 0.4s, background-color 0.4s;
}
@media screen and (max-width: 1500px) {
  .questionnaire-response button {
    font-size: 15px;
    padding: 0.6em 2em;
  }
}
@media screen and (max-width: 800px) {
  .questionnaire-response button {
    font-size: 13px;
    padding: 0.2em 1em;
  }
}
@media screen and (max-width: 440px) {
  .questionnaire-response button {
    font-size: 12px;
    padding: 0.15em 0.8em;
  }
}
.questionnaire-response button:hover {
  color: white;
  background-color: #00ADEF;
  border-color: #00ADEF;
}

.questionnaire-image {
  vertical-align: middle;
  padding-right: 5%;
  text-align: right;
}

.questionnaire-results-panel {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .questionnaire-results-panel .btn, .questionnaire-results-panel .form-block input[type="submit"], .form-block .questionnaire-results-panel input[type="submit"], .questionnaire-results-panel .form-block #btnSubmit, .form-block .questionnaire-results-panel #btnSubmit {
    font-size: 14px;
  }
}
.questionnaire-results-panel p {
  font-size: 22px;
  font-weight: 300;
  clear: both;
}
@media screen and (max-width: 900px) {
  .questionnaire-results-panel p {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-results-panel p {
    font-size: 14px;
  }
}
@media screen and (max-width: 460px) {
  .questionnaire-results-panel p {
    font-size: 12px;
  }
}
.questionnaire-results-panel h2 {
  margin-bottom: 1em;
}
.questionnaire-results-panel h3 {
  color: #00ADEF;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  font-size: 26px;
}
@media screen and (max-width: 1000px) {
  .questionnaire-results-panel h3 {
    display: none;
  }
}
.questionnaire-results-panel .result {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 900px;
}
.questionnaire-results-panel .result.active {
  display: block;
}
.questionnaire-results-panel .results-content {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .questionnaire-results-panel .results-content {
    padding: 0px;
  }
  .questionnaire-results-panel .results-content p {
    margin-bottom: 1em;
  }
}
@-webkit-keyframes oscilate {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes oscilate {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.questionnaire-results-panel .img-container {
  background: white;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  opacity: 0.5;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.questionnaire-results-panel .img-container.active {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-animation: oscilate 1s ease-in-out 0s infinite alternate;
  animation: oscilate 1s ease-in-out 0s infinite alternate;
}
.questionnaire-results-panel .left-side-content,
.questionnaire-results-panel .right-side-content {
  width: 50%;
  padding: 0 40px;
  float: left;
  margin-bottom: 40px;
}
@media screen and (max-width: 900px) {
  .questionnaire-results-panel .left-side-content,
  .questionnaire-results-panel .right-side-content {
    padding: 0 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-results-panel .left-side-content,
  .questionnaire-results-panel .right-side-content {
    padding: 0 5px;
  }
}
.questionnaire-results-panel .left-side-content img,
.questionnaire-results-panel .right-side-content img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 200px;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .questionnaire-results-panel .left-side-content img,
  .questionnaire-results-panel .right-side-content img {
    max-width: 100px;
  }
}

/**
 * Questionnaire Background
 */
.questionnaire-progress-indicator {
  position: absolute;
  top: 50%;
  right: 0;
  margin: auto;
  -webkit-transform: translate(200%, -50%);
  -ms-transform: translate(200%, -50%);
  transform: translate(200%, -50%);
  z-index: 10;
}

.questionnaire-progress-panel-indicator {
  height: 16px;
  width: 16px;
  display: block;
  margin: 24px auto;
  border-radius: 50%;
  background: #e3e5e6;
  -webkit-transition: background-color 0.6s, -webkit-transform 0.6s;
  transition: background-color 0.6s, -webkit-transform 0.6s;
  transition: transform 0.6s, background-color 0.6s;
  transition: transform 0.6s, background-color 0.6s, -webkit-transform 0.6s;
  position: relative;
}
@media screen and (max-width: 800px) {
  .questionnaire-progress-panel-indicator {
    height: 14px;
    width: 14px;
  }
}
@media screen and (max-width: 440px) {
  .questionnaire-progress-panel-indicator {
    height: 10px;
    width: 10px;
    margin: 14px auto;
  }
}
.questionnaire-progress-panel-indicator:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/gears/indicator-gear.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: scale(0) rotate(0deg);
  -ms-transform: scale(0) rotate(0deg);
  transform: scale(0) rotate(0deg);
  opacity: 0;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
}
.questionnaire-progress-panel-indicator.active {
  background-color: #00ADEF;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.questionnaire-progress-panel-indicator.active:before {
  -webkit-transform: scale(1.9) rotate(180deg);
  -ms-transform: scale(1.9) rotate(180deg);
  transform: scale(1.9) rotate(180deg);
  opacity: 1;
}

/**
 * Questionnaire Background
 */
.questionnaire-background {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/**
 * Questionnaire Background Gears
 */
.gear {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.gear--a {
  background-image: url(../images/gears/gear-a.svg);
}

.gear--b {
  background-image: url(../images/gears/gear-b.svg);
}

.gear--c {
  background-image: url(../images/gears/gear-c.svg);
}

.questionnaire-background-gears,
.background-gears {
  width: 35%;
  padding-bottom: 30%;
  position: absolute;
  bottom: -60px;
  left: -60px;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .questionnaire-background-gears,
  .background-gears {
    bottom: 40px;
  }
}
@media screen and (max-width: 600px) {
  .questionnaire-background-gears,
  .background-gears {
    left: -10px;
  }
}
.questionnaire-background-gears .gear,
.background-gears .gear {
  position: absolute;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  opacity: 0.06;
}
.questionnaire-background-gears .gear--a,
.background-gears .gear--a {
  width: 40%;
  padding-bottom: 40%;
}
.questionnaire-background-gears .gear--b,
.background-gears .gear--b {
  width: 55%;
  padding-bottom: 55%;
  top: 37%;
  left: 17%;
}
.questionnaire-background-gears .gear--c,
.background-gears .gear--c {
  width: 35%;
  padding-bottom: 35%;
  right: 0;
  top: 22%;
}
.questionnaire-background-gears.animate .gear--a,
.background-gears.animate .gear--a {
  -webkit-animation-name: gear-rotate-anticlockwise;
  animation-name: gear-rotate-anticlockwise;
}
.questionnaire-background-gears.animate .gear--b,
.background-gears.animate .gear--b {
  -webkit-animation-name: gear-rotate-clockwise;
  animation-name: gear-rotate-clockwise;
}
.questionnaire-background-gears.animate .gear--c,
.background-gears.animate .gear--c {
  -webkit-animation-name: gear-rotate-anticlockwise;
  animation-name: gear-rotate-anticlockwise;
}

@-webkit-keyframes gear-rotate-anticlockwise {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@keyframes gear-rotate-anticlockwise {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
@-webkit-keyframes gear-rotate-clockwise {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes gear-rotate-clockwise {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.social-media-links {
  padding: 8rem 3rem 6rem;
  background-color: #00ADEF;
  color: white;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .social-media-links {
    padding: 5rem 2rem;
  }
  .social-media-links h2 {
    font-size: 3rem;
  }
}
.social-media-links p {
  font-weight: 300;
}
.social-media-links .social-icons {
  margin-bottom: 0;
  list-style: none;
}
.social-media-links .social-icons .social-icon {
  display: inline-block;
  font-size: 3rem;
  margin: 0 2rem;
  color: white;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.social-media-links .social-icons .social-icon a, .social-media-links .social-icons .social-icon i {
  color: inherit;
}
@media screen and (max-width: 500px) {
  .social-media-links .social-icons .social-icon {
    margin: 0 1rem;
    font-size: 2rem;
  }
}
.social-media-links .social-icons:hover .social-icon {
  opacity: 0.5;
}
.social-media-links .social-icons:hover .social-icon:hover {
  opacity: 1;
}

.grey .main-menu {
  border-bottom-color: #00ADEF;
}

.blue .main-menu .hover-menu:hover:before {
  background-color: #00AEEF;
}

.cyan .main-menu .hover-menu:hover:before {
  background-color: #00BAB0;
}

.green .main-menu .hover-menu:hover:before {
  background-color: #00BF83;
}

.yellow .main-menu .hover-menu:hover:before {
  background-color: #FFCB37;
}

.orange .main-menu .hover-menu:hover:before {
  background-color: #FF8035;
}

.main-menu {
  border-style: solid;
  border-color: inherit;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-right: 0;
  border-left: 0;
}
.main-menu .hover-menu {
  background-color: #252A2C;
  text-align: center;
  height: 250px;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}
.main-menu .hover-menu.three-wide {
  width: 26.66667%;
}
@media (max-width: 800px) {
  .main-menu .hover-menu.three-wide {
    width: 50%;
  }
}
@media (max-width: 420px) {
  .main-menu .hover-menu.three-wide {
    width: 100%;
  }
}
.main-menu .hover-menu.two-wide {
  width: 40%;
}
@media (max-width: 800px) {
  .main-menu .hover-menu.two-wide {
    width: 50%;
  }
}
@media (max-width: 420px) {
  .main-menu .hover-menu.two-wide {
    width: 100%;
  }
}
.main-menu .hover-menu.one-wide {
  width: 80%;
}
@media (max-width: 800px) {
  .main-menu .hover-menu.one-wide {
    width: 100%;
  }
}
.main-menu .hover-menu:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #252A2C;
  opacity: 0.7;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}
.main-menu .hover-menu:hover:before {
  zoom: 1;
  background-color: #00AEEF;
}
.main-menu .hover-menu.corporate:hover:before {
  background-color: #00AEEF;
}
.main-menu .hover-menu.education:hover:before {
  background-color: #00BAB0;
}
.main-menu .hover-menu.government:hover:before {
  background-color: #00BF83;
}
.main-menu .hover-menu.defence:hover:before {
  background-color: #FFCB37;
}
.main-menu .hover-menu.health:hover:before {
  background-color: #FF8035;
}
.main-menu .hover-menu .table {
  height: 250px;
}
.main-menu .hover-menu .table .hover-item {
  line-height: 1.4em;
  display: table-cell;
  vertical-align: middle;
  font-family: "Microsoft JhengHei";
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 1px;
  z-index: 100;
  position: relative;
}

.nav-menu .side-menu.home {
  opacity: 0;
}

#nav-menu {
  cursor: pointer;
}

.side-menu {
  width: 140px;
  position: absolute;
  z-index: 5;
  top: 130px;
  bottom: 80px;
  vertical-align: middle;
  right: -140px;
}
@media (max-width: 420px) {
  .side-menu {
    display: none;
  }
}
.side-menu.mobile.home {
  display: none;
  position: relative;
  width: 100%;
  top: 0;
  right: 0;
}
@media (max-width: 420px) {
  .side-menu.mobile.home {
    display: inline-block;
  }
}
.side-menu.mobile.home .column, .side-menu.mobile.home .inline, .side-menu.mobile.home .columns {
  position: relative;
  margin-left: 0;
  width: 100%;
  float: left;
}
.side-menu.home {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.side-menu.home .pulsing-arrow-container {
  opacity: 1;
}
.side-menu.home .pulsing-arrow {
  font-size: 32px;
  left: -100px;
  top: 30px;
  z-index: 30;
  color: #ffffff;
  position: absolute;
  -webkit-animation: pulsing 1.5s infinite;
  animation: pulsing 1.5s infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.side-menu.home .column, .side-menu.home .inline {
  margin-left: -20px;
  height: 140px;
  display: table;
}
.side-menu.home .column .row, .side-menu.home .inline .row {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-height: 910px) {
  .side-menu.home .column.blue, .side-menu.home .blue.inline {
    top: 0%;
  }
  .side-menu.home .column.cyan, .side-menu.home .cyan.inline {
    top: 20%;
  }
  .side-menu.home .column.green, .side-menu.home .green.inline {
    top: 40%;
  }
  .side-menu.home .column.yellow, .side-menu.home .yellow.inline {
    top: 60%;
  }
  .side-menu.home .column.orange, .side-menu.home .orange.inline {
    top: 80%;
  }
}
.side-menu .column, .side-menu .inline {
  height: 140px;
  text-align: center;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  position: absolute;
  width: 140px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.side-menu .column span, .side-menu .inline span {
  font-size: 24px;
}
@media (min-width: 420px) {
  .side-menu .column.blue, .side-menu .blue.inline {
    top: 0;
  }
  .side-menu .column.cyan, .side-menu .cyan.inline {
    top: 140px;
  }
  .side-menu .column.green, .side-menu .green.inline {
    top: 280px;
  }
  .side-menu .column.yellow, .side-menu .yellow.inline {
    top: 420px;
  }
  .side-menu .column.orange, .side-menu .orange.inline {
    top: 560px;
  }
}
.side-menu:not(.mobile) .columns:hover, .side-menu:not(.mobile) .column:hover, .side-menu:not(.mobile) .inline:hover {
  -ms-transform: translate(-120px, 0);
  /* IE 9 */
  -webkit-transform: translate(-120px, 0);
  /* Safari */
  transform: translate(-120px, 0);
  height: 140px;
}

.blue {
  background-color: #00AEEF;
}

.cyan {
  background-color: #00BAB0;
}

.green {
  background-color: #00BF83;
}

.yellow {
  background-color: #FFCB37;
}

.orange {
  background-color: #FF8035;
}

header .nav.container {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 1100;
  overflow: hidden;
}
header .nav.container:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
header .nav.container .menu {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  max-height: 700px;
  width: 280px;
  position: absolute;
  top: 80px;
  bottom: 0;
  right: -297px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
header .nav.container .menu a {
  text-decoration: none;
}
header .nav.container .menu span[class^=icon-] {
  font-size: 24px;
}
@media (max-width: 420px) {
  header .nav.container .menu {
    width: 100%;
    right: -100%;
  }
}
header .nav.container .menu .item {
  height: 140px;
  border-bottom: 1px solid #9EA1A1;
  position: relative;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header .nav.container .menu .item .table > .row {
  display: table-cell;
  vertical-align: middle;
}
header .nav.container .menu .left .item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.4;
}
@media (max-width: 420px) {
  header .nav.container .menu .left .item:before {
    opacity: 0;
  }
}
header .nav.container .menu .left .item:hover:before {
  opacity: 0;
}
header .nav.container .menu .right .item {
  background-color: #252A2C;
}
header .nav.container .menu .right .item:hover {
  background-color: #3c4448;
}
header .search.container {
  height: 80px;
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  background-color: #3c4448;
  z-index: 1100;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
header .search.container button {
  border: none;
  color: #ffffff;
  font-size: 18px;
}
header .search.container input {
  background: #3c4448;
  width: 50%;
  font-size: 16px;
  color: #ffffff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media (max-width: 420px) {
  header .search.container input {
    width: 80%;
  }
}
header .search.container input:focus {
  background-color: #31373a;
}
header .search.container form {
  width: 90%;
  float: left;
  height: 100%;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  display: table;
}
header .search.container form .row {
  display: table-cell;
  vertical-align: middle;
}
header .search.container form a {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #9EA1A1;
  text-decoration: none;
}
header .search.container form label {
  display: inline-block;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 400;
}
header .search.container form label, header .search.container form input {
  margin: 0;
}
header .search.container .close {
  width: 10%;
  float: left;
  position: relative;
}

body.search-bar header .search {
  -webkit-transform: translate(0, 80px);
  -ms-transform: translate(0, 80px);
  transform: translate(0, 80px);
}
body.search-bar header .search .close span {
  opacity: 1;
}
body.nav-menu {
  overflow: hidden;
}
body.nav-menu header .nav .close span {
  opacity: 1;
}
body.nav-menu header .nav:before {
  opacity: 0.4;
}
body.nav-menu header .nav .menu {
  -webkit-transform: translateX(-297px);
  -ms-transform: translateX(-297px);
  transform: translateX(-297px);
}
@media (max-width: 420px) {
  body.nav-menu header .nav .menu {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

#partner-menu {
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
#partner-menu .columns, #partner-menu .third {
  text-align: center;
  height: 150px;
  border-bottom: 1px solid #9EA1A1;
  margin-bottom: 2px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  float: none;
  display: inline-block;
  width: 50%;
  -webkit-transition: border-bottom-color 0.5s;
  transition: border-bottom-color 0.5s;
}
@media (min-width: 800px) {
  #partner-menu .columns, #partner-menu .third {
    width: 33.33%;
  }
}
@media (max-width: 550px) {
  #partner-menu .columns, #partner-menu .third {
    width: 100%;
  }
}
#partner-menu .columns .partner, #partner-menu .third .partner {
  max-height: 50%;
  max-width: 150px;
  vertical-align: middle;
  fill: #545f63;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
#partner-menu a {
  text-decoration: none;
  -webkit-transition: margin-left 1s;
  transition: margin-left 1s;
}
#partner-menu a.left {
  margin-left: -100%;
}
@media (min-width: 550px) and (max-width: 800px) {
  #partner-menu a.left {
    margin-left: -50%;
  }
  #partner-menu a.left.second-last {
    margin-left: 0;
  }
}
@media (min-width: 800px) {
  #partner-menu a.left {
    margin-left: -33.33%;
  }
  #partner-menu a.left.third-last, #partner-menu a.left.second-last {
    margin-left: 0;
  }
}
#partner-menu a:not(.selected):hover .third {
  border-bottom: 5px solid #56d1ff;
  height: 148px;
  margin-bottom: 0;
}
#partner-menu a:not(.selected):hover .third .partner {
  fill: #56d1ff;
}
#partner-menu a.selected .third {
  border-bottom: 5px solid #00AEEF;
  height: 148px;
  margin-bottom: 0;
}
#partner-menu a.selected .third .partner {
  fill: #00AEEF;
}

.left-nav-arrow, .right-nav-arrow {
  position: absolute;
  background-color: #00BF83;
  width: 40px;
  height: 150px;
  cursor: pointer;
  top: 50%;
  margin-top: -75px;
  z-index: 100;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.left-nav-arrow {
  left: 0;
}
.left-nav-arrow.hidden {
  left: -40px;
  opacity: 0;
}

.right-nav-arrow {
  right: 0;
}
.right-nav-arrow.hidden {
  right: -40px;
  opacity: 0;
}

.side-page-nav {
  position: fixed;
  top: 50%;
  z-index: 100;
  min-height: 150px;
  width: 400px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.side-page-nav.right {
  background: #00d994;
  right: -400px;
}
.side-page-nav.right .arrow {
  right: 400px;
}
.side-page-nav.left {
  background: #abaeae;
  left: -400px;
}
.side-page-nav.left .arrow {
  right: -50px;
}
.side-page-nav.left .arrow .icon-arrowright {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 800px) {
  .side-page-nav.left, .side-page-nav.right {
    position: relative;
    right: 0;
    left: 0;
    width: 100%;
    top: auto;
    margin: 25px 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .side-page-nav.left .right.column, .side-page-nav.left .right.inline, .side-page-nav.right .right.column, .side-page-nav.right .right.inline {
    width: 100%;
    padding-left: 140px;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .side-page-nav.left .arrow, .side-page-nav.right .arrow {
    width: 40px;
  }
  .side-page-nav.left .arrow {
    left: -20px;
  }
  .side-page-nav.left .arrow .icon-arrowright {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .side-page-nav.right .arrow {
    right: -20px;
  }
}
.side-page-nav .image {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e1e1e1;
  border: 5px solid #ffffff;
}
.side-page-nav .column, .side-page-nav .inline {
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.side-page-nav .column .title, .side-page-nav .inline .title {
  font-weight: normal;
  font-size: 18px;
  line-height: 1em;
  border-bottom: 2px solid #ffffff;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.side-page-nav .right {
  position: relative;
  margin-left: 140px;
  width: 220px;
}
.side-page-nav .left {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  width: 120px;
}
.side-page-nav:last-child.column, .side-page-nav.inline:last-child {
  padding-right: 50px;
}
.side-page-nav .arrow {
  color: #ffffff;
  top: 0;
  position: absolute;
  right: 400px;
  width: 50px;
  text-align: center;
  background-color: inherit;
  height: 100%;
  z-index: 100;
  -webkit-transition: right 1s;
  transition: right 1s;
}
.side-page-nav .arrow .icon-arrowright {
  font-size: 24px;
  position: absolute;
  top: 50%;
  line-height: 0;
  margin: -12px 0 0 -12px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
@media (max-width: 800px) {
  .side-page-nav .arrow .icon-arrowright {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.side-page-nav:hover.right .icon-arrowright {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.side-page-nav:hover.left .icon-arrowright {
  -webkit-transform: rotate(540deg);
  -ms-transform: rotate(540deg);
  transform: rotate(540deg);
}
@media (min-width: 800px) {
  .side-page-nav:hover.right {
    right: 50px;
  }
  .side-page-nav:hover.right .arrow {
    right: -50px;
  }
  .side-page-nav:hover.left {
    left: 50px;
  }
  .side-page-nav:hover.left .arrow {
    right: 400px;
  }
}

.help-centre-bubbles {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(40, 40, 50, 0.95);
  z-index: 1000;
  display: none;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 5rem 2rem;
}
.help-centre-bubbles .close-help-centre-bubbles {
  position: absolute;
  top: 3rem;
  right: 3rem;
  color: white;
  font-size: 3rem;
}
.help-centre-bubbles.open {
  opacity: 1;
}
.help-centre-bubbles::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.help-centre-bubbles .bubbles {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 95%;
  max-width: 1200px;
}
.help-centre-bubbles .bubbles:hover .bubble {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  opacity: 0.5;
}
.help-centre-bubbles .bubbles hr {
  max-width: 10rem;
  margin-left: auto;
  margin-right: auto;
}
.help-centre-bubbles .bubbles .bubble {
  display: inline-block;
  width: 30%;
  padding: 2rem 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  color: #00ADEF;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 50rem;
  margin-bottom: 0;
}
.help-centre-bubbles .bubbles .bubble:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  opacity: 1;
}
.help-centre-bubbles .bubbles .bubble:hover .bubble-icon {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.help-centre-bubbles .bubbles .bubble a {
  text-decoration: none;
}
.help-centre-bubbles .bubbles .bubble-icon {
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #00ADEF;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.help-centre-bubbles .bubbles .bubble-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 50%;
  max-height: 50%;
  width: auto;
  height: auto;
}
.help-centre-bubbles .bubbles .bubble-title {
  font-size: 2.5rem;
  text-decoration: none;
  margin-top: 1em;
}
.help-centre-bubbles .bubbles .bubble-desc {
  text-decoration: none;
  font-weight: 300;
  color: #f4fbfe;
}
@media screen and (max-width: 1000px) {
  .help-centre-bubbles .bubbles .bubble {
    width: 100%;
  }
  .help-centre-bubbles .bubbles .bubble-icon {
    width: 8rem;
    height: 8rem;
  }
  .help-centre-bubbles .bubbles .bubble-icon {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
  }
  .help-centre-bubbles .bubbles .bubble-copy {
    display: inline-block;
    width: 26rem;
    padding-left: 3rem;
    vertical-align: middle;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .help-centre-bubbles .bubbles {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 2rem 0;
    width: 95%;
    vertical-align: middle;
    display: inline-block;
  }
  .help-centre-bubbles .bubbles .bubble {
    width: 100%;
    text-align: center;
    padding: 1rem 2rem;
  }
  .help-centre-bubbles .bubbles .bubble-copy {
    display: inline-block;
    width: 16rem;
  }
  .help-centre-bubbles .bubbles .bubble-icon {
    width: 6rem;
    height: 6rem;
  }
  .help-centre-bubbles .bubbles .bubble-title {
    font-size: 1.75rem;
    margin-bottom: 0.5em;
  }
  .help-centre-bubbles .bubbles .bubble-desc {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}

.simcal-today .simcal-day-number {
  color: #00AEEF !important;
}

.simcal-current-year {
  display: none !important;
}

.simcal-current-month {
  color: #00AEEF !important;
  padding-bottom: 20px !important;
  display: inline-block;
}
.simcal-current-month:before {
  content: 'Events for ';
}

#tribe-bar-form {
  background: none;
}

#tribe-events-header {
  display: none;
}

.tribe-events-calendar thead th {
  background-color: #00AEEF;
  border-color: white;
}
.tribe-events-calendar thead th:first-child {
  border-left-color: #00AEEF;
}
.tribe-events-calendar thead th:last-child {
  border-right-color: #00AEEF;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a {
  background-color: #00AEEF;
  color: white;
}

#tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title {
  color: #00AEEF;
  font-weight: 400;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a,
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
  background-color: transparent;
  color: #00AEEF;
}

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
  font-weight: 400;
}

.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-event-] {
  padding: 0 8px;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
  color: #9EA1A1;
}

#tribe-bar-form input[type=text] {
  position: relative;
  white-space: nowrap;
  width: 200px;
  height: 40px;
  overflow: hidden;
  border-radius: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border: 1px solid #00aeef;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  font-weight: 400;
  color: #00AEEF;
}
#tribe-bar-form input[type=text]:placeholder, #tribe-bar-form input[type=text]:placeholder-shown, #tribe-bar-form input[type=text]::-webkit-input-placeholder, #tribe-bar-form input[type=text]::-moz-placeholder, #tribe-bar-form input[type=text]:-ms-input-placeholder, #tribe-bar-form input[type=text]:-moz-placeholder {
  font-weight: 400 !important;
  color: #00AEEF !important;
  font-style: normal !important;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
  background: #00AEEF;
  border-radius: 3px;
}

.page.hentry {
  background: none;
  font-size: 18px;
}

#tribe-events-pg-template .tribe-events-content h1, .tribe-events-after-html h1, .tribe-events-before-html h1 {
  font-size: 28px;
  margin-top: 14px;
}

#tribe-events-pg-template .tribe-events-content h1,
#tribe-events-pg-template .tribe-events-content h2,
#tribe-events-pg-template .tribe-events-content h3, #tribe-events-pg-template .tribe-events-content h4, #tribe-events-pg-template .tribe-events-content h5, #tribe-events-pg-template .tribe-events-content h6, .tribe-events-after-html h1, .tribe-events-after-html h2, .tribe-events-after-html h3, .tribe-events-after-html h4, .tribe-events-after-html h5, .tribe-events-after-html h6, .tribe-events-before-html h1, .tribe-events-before-html h2, .tribe-events-before-html h3, .tribe-events-before-html h4, .tribe-events-before-html h5, .tribe-events-before-html h6 {
  margin: 0;
}

.tribe-events-schedule h2 {
  font-weight: 400;
  font-size: 2rem;
}

.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-adv-list-widget .tribe-events-widget-link a:hover, .tribe-events-back a, .tribe-events-back a:hover, .tribe-events-event-meta a, .tribe-events-list-widget .tribe-events-widget-link a, .tribe-events-list-widget .tribe-events-widget-link a:hover, ul.tribe-events-sub-nav a, ul.tribe-events-sub-nav a:hover {
  color: white;
}

.tribe-events-cal-links {
  overflow: hidden;
}
.tribe-events-cal-links .tribe-events-button {
  float: left;
  clear: none;
  margin: 30px 20px 30px 0;
  padding: 1em;
  color: white;
}
.tribe-events-cal-links .tribe-events-button:hover {
  background: #009bd6;
}

.tribe-events-event-meta {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.03);
}
.tribe-events-event-meta .tribe-events-meta-group {
  padding: 0 20px;
}
.tribe-events-event-meta .tribe-events-meta-group dt {
  font-weight: 600;
  margin-top: 20px;
}
.tribe-events-event-meta .tribe-events-meta-group dd {
  margin: 0;
}
.tribe-events-event-meta .tribe-events-meta-group a {
  color: #00AEEF;
}

#tribe-events-pg-template {
  padding: 0;
}

#tribe-events-content .tribe-events-back a,
#tribe-events-content .tribe-events-next a {
  color: #00AEEF;
}
#tribe-events-content .tribe-events-sub-nav .tribe-events-nav-previous a,
#tribe-events-content .tribe-events-sub-nav .tribe-events-nav-next a {
  color: #00AEEF;
  background: none;
  margin: 30px 20px 30px 0;
  padding: 1em;
  display: inline-block;
}
#tribe-events-content .tribe-events-meta-group-gmap {
  margin: 0;
  padding: 0;
}
#tribe-events-content .tribe-events-meta-group .tribe-events-single-section-title {
  color: #00AEEF;
  font-weight: 400;
  font-size: 20px;
}
#tribe-events-content .tribe-events-address a {
  color: #00AEEF;
}

@media screen and (max-width: 768px) {
  .tribe-events-event-meta {
    padding: 0;
  }
  .tribe-events-event-meta .tribe-events-meta-group {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .tribe-events-calendar thead th {
    font-size: 0;
    color: transparent;
  }
  .tribe-events-calendar thead th:before {
    content: attr(data-day-abbr);
    font-size: 12px;
    color: white;
  }
}
#events-page #tribe-events-bar {
  display: none;
}

#events-page .tribe-events-ical {
  color: #ffffff;
}

.hero {
  background: no-repeat center center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: filter 2s ease-in-out;
  -webkit-transition: -webkit-filter 2s ease-in-out;
  transition: -webkit-filter 2s ease-in-out;
  transition: filter 2s ease-in-out;
  transition: filter 2s ease-in-out, -webkit-filter 2s ease-in-out;
}
.hero ::-moz-selection {
  background-color: none;
}
.hero ::selection {
  background-color: none;
}
.hero.hero-blur-js:not(.no-css-blur), .hero.hero-blur:not(.no-css-blur) {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.hero.hero-blur-js:not(.no-css-blur):not(.blue):not(.green):not(.cyan):not(.orange):not(.yellow), .hero.hero-blur:not(.no-css-blur):not(.blue):not(.green):not(.cyan):not(.orange):not(.yellow) {
  -webkit-filter: blur(10px) contrast(200%);
  -moz-filter: blur(10px) contrast(200%);
  -o-filter: blur(10px) contrast(200%);
  -ms-filter: blur(10px) contrast(200%);
  filter: blur(10px) contrast(200%);
}
.hero:not(.blue):not(.green):not(.cyan):not(.orange):not(.yellow) {
  -webkit-filter: contrast(200%);
  -moz-filter: contrast(200%);
  -o-filter: contrast(200%);
  -ms-filter: contrast(200%);
  filter: contrast(200%);
}
.hero.hero-blur {
  opacity: 0;
}

.hero-content {
  cursor: default;
  opacity: 1;
  background: no-repeat center center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.hero-content:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #252A2C;
  opacity: 0.7;
}
.hero-content .content {
  position: absolute;
  top: 130px;
  bottom: 80px;
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
}
@media screen and (max-width: 760px) {
  .hero-content .content {
    top: 60px;
    bottom: 80px;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
  }
}
.hero-content .content .message {
  height: 100%;
  position: relative;
  width: 100%;
  font-family: "Microsoft JhengHei";
  color: #fff;
  font-weight: 400;
  text-align: center;
  //overflow: hidden;
}
.hero-content .content .message p {
  font-size: 26px;
  line-height: 1.2em;
  vertical-align: middle;
  display: table-cell;
  position: relative;
}
.hero-content .content .message p a {
  border-radius: 1em;
  opacity: 1;
  display: inline-block;
  padding: 18px 1.8em;
  color: #ffffff;
  text-decoration: none;
  margin: 2em auto 0;
  font-weight: 300;
  border: 2px solid #fff;
  font-size: 40%;
  line-height: 1em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.hero-content .content .message p a:hover {
  color: #000000;
  background-color: #ffffff;
}
@media (min-width: 550px) {
  .hero-content .content .message p {
    font-size: 5vmin;
    line-height: 6vmin;
  }
}
@media (min-width: 800px) {
  .hero-content .content .message p {
    font-size: 6vmin;
    line-height: 7vmin;
  }
}
@media (min-width: 1000px) {
  .hero-content .content .message p {
    font-size: 7vmin;
    line-height: 8vmin;
  }
}
.hero-content .content .message p strong {
  font-weight: normal;
  letter-spacing: 1px;
}
.hero-content .content .message p .mark {
  color: #00AEEF;
  font-weight: normal;
  letter-spacing: 1px;
}
.hero-content .hero-title {
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.hero-content .hero-title .title-container {
  height: 100%;
  width: 100%;
  display: inline-block;
}
.hero-content .hero-offset {
  margin-left: 50%;
}

.hero-hider {
  background-color: #252A2C;
  z-index: 1;
}

.hero.blue, .hero.green, .hero.yellow, .hero.cyan, .hero.orange {
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease-in-out 0.2s, height 0s linear 0.5s;
  transition: opacity 0.5s ease-in-out 0.2s, height 0s linear 0.5s;
}
.hero.blue.show, .hero.green.show, .hero.yellow.show, .hero.cyan.show, .hero.orange.show {
  opacity: 1;
  height: inherit;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.hero.blue .message .title, .hero.green .message .title, .hero.yellow .message .title, .hero.cyan .message .title, .hero.orange .message .title {
  text-align: center;
  font-size: 30px;
  line-height: 2.4em;
  margin-bottom: 20px;
}
@media (min-width: 550px) {
  .hero.blue .message .title, .hero.green .message .title, .hero.yellow .message .title, .hero.cyan .message .title, .hero.orange .message .title {
    font-size: 9vmin;
    line-height: 9vmin;
  }
}
@media (min-width: 800px) {
  .hero.blue .message .title, .hero.green .message .title, .hero.yellow .message .title, .hero.cyan .message .title, .hero.orange .message .title {
    font-size: 8vmin;
    line-height: 8vmin;
  }
}
@media (min-width: 1000px) {
  .hero.blue .message .title, .hero.green .message .title, .hero.yellow .message .title, .hero.cyan .message .title, .hero.orange .message .title {
    font-size: 7vmin;
    line-height: 3.5vmin;
  }
}
.hero.blue .message p, .hero.green .message p, .hero.yellow .message p, .hero.cyan .message p, .hero.orange .message p {
  font-size: 13px;
  line-height: 1em;
}
@media (min-width: 800px) {
  .hero.blue .message p, .hero.green .message p, .hero.yellow .message p, .hero.cyan .message p, .hero.orange .message p {
    font-size: 4vmin;
    line-height: 6vmin;
  }
}
@media (min-width: 550px) {
  .hero.blue .message p, .hero.green .message p, .hero.yellow .message p, .hero.cyan .message p, .hero.orange .message p {
    font-size: 3vmin;
    line-height: 4.5vmin;
  }
}
@media (min-width: 1000px) {
  .hero.blue .message p, .hero.green .message p, .hero.yellow .message p, .hero.cyan .message p, .hero.orange .message p {
    font-size: 2vmin;
    line-height: 3vmin;
  }
}
.hero.blue .mark {
  color: #00AEEF;
}
.hero.cyan .mark {
  color: #00BAB0;
}
.hero.green .mark {
  color: #00BF83;
}
.hero.yellow .mark {
  color: #FFCB37;
}
.hero.orange .mark {
  color: #FF8035;
}

.hero-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.slick-dots {
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  height: 10px;
  width: 10px;
  padding: 0;
  display: inline-block;
  border-radius: 50%;
  margin: 0 0.5rem;
  border: 1px white solid;
  background: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-indent: -9999px;
  font-size: 0;
}
.slick-dots li.slick-active button {
  background-color: white;
}

.home-hero-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.home-hero-carousel .slick-track {
  height: 100vh !important;
  width: 100vw !important;
}
.home-hero-carousel-slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100%;
}
.home-hero-carousel-slide {
  height: 100vh;
  width: 100%;
  margin-bottom: 0;
  left: 0 !important;
  position: absolute !important;
  left: 0 !important;
}
.home-hero-carousel-slide .table {
  position: relative;
  z-index: 1;
}
.home-hero-carousel-slide .bg-image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.home-hero-carousel-slide::after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.green header .header.row .icons span:hover {
  color: #00f2a6;
}

.blue header .header.row .icons span:hover {
  color: #23c2ff;
}

.yellow header .header.row .icons span:hover {
  color: #ffd86a;
}

.cyan header .header.row .icons span:hover {
  color: #00ede0;
}

.orange header .header.row .icons span:hover {
  color: #ffa068;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
header .close {
  display: table;
  height: 80px;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  text-align: center;
  color: #ffffff;
  z-index: 1100;
}
header .close span {
  display: table-cell;
  vertical-align: middle;
  font-size: 28px;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
header .header.row {
  position: absolute;
  height: 130px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
header .header.row .icons {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: right;
  color: #ffffff;
  padding-right: 20px;
  opacity: 1;
  cursor: default;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
@media (min-width: 800px) {
  header .header.row .icons {
    padding-right: 65px;
  }
}
header .header.row .icons a {
  color: #ffffff;
  text-decoration: none;
}
header .header.row .icons.hide {
  opacity: 0;
}
header .header.row .icons span {
  font-size: 18px;
  margin-left: 20px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
@media screen and (max-width: 420px) {
  header .header.row .icons span {
    margin-left: 5px;
  }
}
header .header.row .icons span:hover {
  color: #23c3ff;
}
header.nav-menu .header .icons {
  opacity: 0;
}
header.search-bar .header {
  opacity: 0;
}

.home-footer.row {
  position: absolute;
  bottom: 20px;
  height: 80px;
  /* Edit for height of footer */
  border-top: 1px solid #9EA1A1;
  left: 20%;
  right: 20%;
  opacity: 1;
}
.home-footer.row .fifth {
  height: 80px;
  text-align: center;
}
.home-footer.row .fifth .partner {
  max-width: 80%;
  max-height: 80%;
  vertical-align: middle;
  fill: #ffffff;
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.footer {
  padding-left: 10%;
  padding-right: 10%;
  background-color: #252A2C;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  position: relative;
  z-index: 0;
}
.footer .row.top {
  padding-bottom: 20px;
}
.footer .row.top:before {
  background-image: url("../images/waves-background-image-white.svg");
  opacity: 0.02;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  bottom: 20px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-position: center center;
}
@media (max-width: 800px) {
  .footer .row.top:before {
    background-position: 50% 75%;
  }
}
.footer .row.top .social .icons {
  padding-top: 10px;
}
.footer .row.top .social .icons a {
  margin-right: 10px;
  font-size: 18px;
  text-decoration: none;
  color: #ffffff;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  position: relative;
  background: rgba(0, 174, 239, 0.75);
}
.footer .row.top .social .icons a:hover {
  background: rgba(35, 195, 255, 0.5);
}
.footer .row.top .social .icons a [class^="icon-"] {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 800px) {
  .footer .row.top .social .icons .columns {
    width: 25%;
  }
}
.footer .row .main.columns {
  padding-top: 70px;
}
.footer .row .main.columns .subscribe-form {
  margin-top: 20px;
}
.footer .row .main.columns .subscribe-form input[type=text] {
  width: 66.66667%;
}
@media (max-width: 420px) {
  .footer .row .main.columns .menu {
    width: auto;
  }
}
.footer .row .main.columns .menu .menu-item {
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  cursor: pointer;
  line-height: 3em;
  text-decoration: none;
  display: block;
}
.footer .row .main.columns .menu .menu-item:hover {
  text-decoration: underline;
}
@media (max-width: 420px) {
  .footer .row .main.columns .menu .menu-item::after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
    color: #9EA1A1;
    clear: none;
    display: inline-block;
  }
}
.footer .row.bot {
  border-top: 1px solid #9EA1A1;
  position: relative;
  padding-bottom: 20px;
}
.footer .row.bot .copyright {
  position: absolute;
  bottom: 20px;
  left: 10px;
  font-size: 10px;
  color: #9EA1A1;
  font-weight: 400;
}
.footer .row.bot .copyright a {
  color: #9EA1A1;
  text-decoration: none;
}
.footer .row.bot .logos {
  height: auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.footer .row.bot .logos .logo-wrapper {
  width: 100%;
  max-width: 1440px;
  text-align: center;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer .row.bot .logos .logo-wrapper .logo-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66%;
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  float: left;
}
.footer .row.bot .logos .logo-wrapper .logo-item .partner {
  vertical-align: middle;
  fill: #9EA1A1;
  padding: 10px;
  max-height: 50px;
  max-width: 100px;
}
@media (max-width: 768px) {
  .footer .row.bot .logos {
    margin-bottom: 40px;
    height: auto;
  }
  .footer .row.bot .logos .logo-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .footer .row.bot .logos .logo-wrapper .logo-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
  }
  .footer .row.bot .logos .logo-wrapper .logo-item .partner {
    max-height: 40px;
    max-width: 70px;
  }
}
@media (max-width: 500px) {
  .footer .row.bot .logos {
    margin-bottom: 60px;
    height: auto;
  }
  .footer .row.bot .logos .logo-wrapper .logo-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
  .footer .row.bot .logos .logo-wrapper .logo-item .partner {
    max-height: 50px;
    max-width: 100px;
  }
}
.footer .row.bot .message {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
@media (max-width: 420px) {
  .footer .row.bot .message {
    font-size: 14px;
  }
}
.footer .footer-heading {
  font-size: 18px;
  font-weight: normal;
  clear: both;
  display: block;
}

.home-container {
  border-color: #00AEEF;
}

.blue .page {
  background-color: #00ADEF;
  border-color: #00ADEF;
}

.yellow .page {
  background-color: #FFCB37;
  border-color: #FFCB37;
}

.cyan .page {
  background-color: #00BAB0;
  border-color: #00BAB0;
}

.orange .page {
  background-color: #FF8035;
  border-color: #FF8035;
}

.green .page {
  background-color: #00BF83;
  border-color: #00BF83;
}

.grey .page {
  background-color: #252A2C;
  border-color: #252A2C;
}

.page {
  background-color: #00AEEF;
  border-color: #00AEEF;
  width: 100%;
  display: table;
  overflow: hidden;
}
.page.corporate {
  background-color: #00AEEF;
  border-color: #00AEEF;
}
.page.education {
  background-color: #00BAB0;
  border-color: #00BAB0;
}
.page.government {
  background-color: #00BF83;
  border-color: #00BF83;
}
.page.defence {
  background-color: #FFCB37;
  border-color: #FFCB37;
}
.page.health {
  background-color: #FF8035;
  border-color: #FF8035;
}
.page .slider {
  position: relative;
}
.page.post .content {
  min-height: 0;
  padding-bottom: 120px;
}
.page.post .content > .row {
  padding-bottom: 0;
}
.page.post .column, .page.post .inline {
  text-align: center;
}
.page.post .column .title, .page.post .inline .title {
  font-size: 44px;
}
.page .content {
  height: 100%;
  min-height: 380px;
  position: relative;
  width: 100%;
  display: table;
  padding: 130px 39px 20px;
  max-width: 1400px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 650px) {
  .page .content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.page .content > .row {
  display: table-cell;
  vertical-align: middle;
  height: auto;
  color: #ffffff;
  font-family: "Microsoft JhengHei";
  padding-bottom: 40px;
  -webkit-transition: vertical-align 1s;
  transition: vertical-align 1s;
}
.page .content > .row .one-third {
  padding: 0 50px 0 0;
  text-align: right;
}
@media (max-width: 800px) {
  .page .content > .row .one-third {
    width: 100%;
    text-align: left;
  }
}
.page .content > .row .title {
  line-height: 1.3em;
  font-size: 36px;
  margin-bottom: 10px;
}
.page .content > .row p {
  font-size: 18px;
  font-weight: 400;
  white-space: pre-wrap;
}
.page .content > .row .two-thirds {
  padding: 10px 50px;
  text-align: left;
}
@media (max-width: 1200px) {
  .page .content > .row .two-thirds {
    padding: 0;
  }
}
@media (max-width: 800px) {
  .page .content > .row .two-thirds {
    width: 100%;
    margin: 30px 0;
  }
}
.page .content > .row .explore {
  display: none;
}
.page .content > .row .explore span {
  font-size: 14px;
}
.page .return {
  position: absolute;
  bottom: 20px;
  left: 50px;
  color: #ffffff;
  text-decoration: none;
  z-index: 100;
  font-size: 24px;
}
@media (max-width: 420px) {
  .page .return {
    bottom: 5px;
    left: 10px;
  }
}
@media (max-width: 550px) and (min-width: 420px) {
  .page .return {
    bottom: 10px;
    left: 10px;
  }
}
.page .background-icon {
  position: absolute;
  color: #ffffff;
  bottom: 0;
  left: -10vh;
  opacity: 0.3;
  font-size: 35vh;
  line-height: 0.6em;
  z-index: 0;
}
.page .background-icon.icon-guis {
  opacity: 0.1;
}
.page.child .mobile-content-icons {
  display: none;
  padding: 0 30px;
  background-color: #ffffff;
}
@media (max-width: 550px) {
  .page.child .mobile-content-icons {
    display: block;
  }
}
.page.child .mobile-content-icons .row {
  position: relative;
  color: #000000;
  border-bottom: 1px solid #9EA1A1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  padding-bottom: 20px;
}
.page.child .mobile-content-icons .row:last-child .left {
  border: none;
}
@media (min-width: 1200px) {
  .page.child .content > .row .one-third {
    padding: 10px 50px;
  }
}
.page.child .content > .row p {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 30vh;
}
.page.child .slider-container {
  display: table;
  width: 100%;
  position: relative;
  height: 100vh;
}
.page.child .slider-container .content-icons {
  width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon:not(.show) {
  bottom: 0;
  opacity: 0;
  -webkit-transition: background-color 0.5s, bottom 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
  transition: background-color 0.5s, bottom 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show {
  -webkit-transition: padding-top 1s ease-in-out 0.5s, background-color 0.5s, bottom 1s ease-in-out 0s, background-color 1s ease-in-out 0.5s, width 1s ease-in-out 0.5s, left 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
  transition: padding-top 1s ease-in-out 0.5s, background-color 0.5s, bottom 1s ease-in-out 0s, background-color 1s ease-in-out 0.5s, width 1s ease-in-out 0.5s, left 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
  background-color: transparent !important;
  padding-top: 40px;
  cursor: default;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .table {
  width: 550px;
  padding-bottom: 0;
  top: 60px;
  -webkit-transition: width 1s ease-in-out 0.5s, top 1s ease-in-out 0.5s;
  transition: width 1s ease-in-out 0.5s, top 1s ease-in-out 0.5s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .title {
  text-align: center;
  padding: 10px !important;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .title span {
  -webkit-transition: font-size 1s ease-in-out 0.5s, color 1s ease-in-out 0.5s;
  transition: font-size 1s ease-in-out 0.5s, color 1s ease-in-out 0.5s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return {
  display: block;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .visibility {
  display: inline-block;
}
@media (max-width: 800px) {
  .page.child .slider-container .content-icons.showing .row .pos-icon.show {
    left: 30vw;
  }
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .hidden-content {
  -webkit-transition: width 1s ease-in-out 0.5s, max-height 1s ease-in-out 0.5s;
  transition: width 1s ease-in-out 0.5s, max-height 1s ease-in-out 0.5s;
  opacity: 1;
  width: 550px;
  max-height: 550px;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .hidden-content .partner {
  opacity: 1;
  -webkit-transition: all 1s linear 1s;
  transition: all 1s linear 1s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show .hidden-content:before {
  opacity: 0.9;
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.has.show {
  bottom: 60vh !important;
}
.page.child .slider-container .content-icons.showing .row .pos-icon.show:not(.has) {
  bottom: 50vh;
  left: -17vw;
}
.page.child .slider-container .content-icons .row {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  text-align: center;
}
.page.child .slider-container .content-icons .row .pos-icon {
  cursor: default;
  width: 80px;
  height: 80px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2em;
  display: inline-block;
  position: relative;
  bottom: 0;
  left: 0;
  -webkit-transition: padding-top 1s ease-in-out 0s, background-color 0.5s, bottom 1s ease-in-out 0.5s, background-color 1s ease-in-out, width 1s, left 1s ease-in-out 0.5s, opacity 1s ease-in-out 0.5s;
  transition: padding-top 1s ease-in-out 0s, background-color 0.5s, bottom 1s ease-in-out 0.5s, background-color 1s ease-in-out, width 1s, left 1s ease-in-out 0.5s, opacity 1s ease-in-out 0.5s;
}
.page.child .slider-container .content-icons .row .pos-icon .visibility {
  display: none;
  -webkit-animation: delay-show 2s;
  animation: delay-show 2s;
}
.page.child .slider-container .content-icons .row .pos-icon .table {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 1s, top 1s;
  transition: width 1s, top 1s;
}
.page.child .slider-container .content-icons .row .pos-icon span {
  display: block;
  margin: 0 auto;
  font-weight: 400;
}
.page.child .slider-container .content-icons .row .pos-icon [class^='icon-']:before {
  margin: 0;
  font-size: 35px;
}
.page.child .slider-container .content-icons .row .pos-icon .title span {
  -webkit-transition: font-size 1s ease-in-out 0s, color 1s ease-in-out 0s;
  transition: font-size 1s ease-in-out 0s, color 1s ease-in-out 0s;
}
.page.child .slider-container .content-icons .row .pos-icon .icon-return {
  position: absolute;
  right: 30px;
  top: 30px;
  color: #9EA1A1;
  display: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: delay-show 2s;
  animation: delay-show 2s;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content {
  width: 80px;
  max-height: 80px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  color: #000000;
  opacity: 0;
  text-align: left;
  padding: 30px;
  -webkit-transition: width 1s, max-height 1s, opacity 0s linear 1s;
  transition: width 1s, max-height 1s, opacity 0s linear 1s;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 1s ease-in-out 0.5s;
  transition: all 1s ease-in-out 0.5s;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content .learnmore {
  padding: 1em 3em;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content .partner {
  opacity: 0;
  right: 60px;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content > div {
  display: inline-block;
}
.page.child .slider-container .content-icons .row .pos-icon .hidden-content .details {
  display: table-cell;
  max-height: 470px;
  width: 550px;
  padding: 110px 30px 30px;
  font-size: 18px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.child .slider-container .content-icons .row .has {
  position: absolute;
}
.page.child .slider-container .content-icons .row .has.control {
  bottom: 60vh;
  left: 60%;
}
.page.child .slider-container .content-icons .row .has.sound {
  bottom: 20vh;
  left: 10%;
}
.page.child .slider-container .content-icons .row .has.camera {
  bottom: 25vh;
  left: 27%;
}
.page.child .slider-container .content-icons .row .has.video {
  bottom: 45vh;
  left: 36%;
}
.page.child .slider-container .content-icons .row .has.volume {
  bottom: 50vh;
  left: 20%;
}
.page.child .slider-container .content-icons .row .has.cloud {
  bottom: 30vh;
  left: 50%;
}
.page.child .slider-container .content-icons .row .has.board {
  bottom: 24vh;
  left: 90%;
}
.page.child .slider-container .content-icons .row .has.connectivity {
  bottom: 45vh;
  left: 80%;
}
.page.child .slider-container .content-icons .row .has.microphone {
  bottom: 37vh;
  left: 60%;
}
.page.child .slider-container .content-icons .row .has.signage {
  bottom: 33vh;
  left: 90%;
}
.page.child .slider-container .content-icons .row .has.audio {
  bottom: 25vh;
  left: 50%;
}
.page.child .slider-container .content-icons .row .has.lapel {
  bottom: 45vh;
  left: 32%;
}
.page.child .slider-container .content-icons .row .has.vr-experience {
  left: 70%;
  bottom: 55vh;
}
.page.child .slider-container .slider {
  display: table;
  font-weight: 400;
  -webkit-animation: sliderContentSlide 2s;
  animation: sliderContentSlide 2s;
  position: relative;
  width: 50%;
  height: 100vh;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
@media (max-width: 550px) {
  .page.child .slider-container .slider {
    width: 100%;
    -webkit-animation: sliderContentSlideMobile 2s;
    animation: sliderContentSlideMobile 2s;
  }
}
@media (max-width: 800px) {
  .page.child .slider-container .slider .content .row .two-thirds p {
    max-height: 50vh;
  }
}
.page.child .slider-container .slider div.title, .page.child .slider-container .slider .return {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.page.child .slider-container .slider.hide {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.page.child .slider-container .slider.hide + .content-icons {
  opacity: 1;
}
.page.child .slider-container .slider.hide + .content-icons .pos-icon {
  cursor: pointer;
}
.page.child .slider-container .slider.hide + .content-icons.showing {
  cursor: pointer;
}
.page.child .slider-container .slider.hide .title, .page.child .slider-container .slider.hide .return {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.page.child .slider-container .slider.hide div.title {
  margin-left: 78px;
}
@media (max-width: 650px) {
  .page.child .slider-container .slider.hide div.title {
    margin-left: 50px;
  }
}
.page.child .slider-container .slider:before {
  background-color: #00AEEF;
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.page.child .slider-container .slider .one-third {
  text-align: left;
  width: 100%;
}
.page.child .slider-container .slider .two-thirds {
  text-align: left;
  -webkit-animation: sliderTwoThirds 2s;
  animation: sliderTwoThirds 2s;
  width: 100%;
}
.page.child .slider-container .slider .explore {
  padding: 10px 50px;
  width: auto;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: normal;
  display: block;
  -webkit-animation: sliderExploreShow 2s;
  animation: sliderExploreShow 2s;
  cursor: pointer;
}
@media (max-width: 550px) {
  .page.child .slider-container .slider .explore {
    display: none;
  }
}
.page.child .slider-container .slider-image {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0%;
  background-size: cover;
  background-position: center;
}
.page.child .slider-container .slider-image:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
}
.page .main-menu {
  border-top: none;
}

.blue .page.child .mobile-content-icons .has .title {
  color: #00ADEF;
}

.cyan .page.child .mobile-content-icons .has .title {
  color: #00BAB0;
}

.green .page.child .mobile-content-icons .has .title {
  color: #00BF83;
}

.yellow .page.child .mobile-content-icons .has .title {
  color: #FFCB37;
}

.orange .page.child .mobile-content-icons .has .title {
  color: #FF8035;
}

.grey .page.child .mobile-content-icons .has .title {
  color: #252A2C;
}

.blue .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #00ADEF;
}

.cyan .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #00BAB0;
}

.green .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #00BF83;
}

.yellow .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #FFCB37;
}

.orange .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #FF8035;
}

.grey .page.child .slider-container .content-icons.showing .row .pos-icon.show {
  color: #252A2C;
}

.blue .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #00ADEF;
}

.cyan .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #00BAB0;
}

.green .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #00BF83;
}

.yellow .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #FFCB37;
}

.orange .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #FF8035;
}

.grey .page.child .slider-container .content-icons.showing .row .pos-icon.show .icon-return:hover {
  color: #252A2C;
}

.green .page.child .slider-container .slider:before,
.page.government .slider-container .slider:before {
  background-color: #00BF83;
}

.yellow .page.child .slider-container .slider:before,
.page.defence .slider-container .slider:before {
  background-color: #FFCB37;
}

.blue .page.child .slider-container .slider:before,
.page.corporate .slider-container .slider:before {
  background-color: #00ADEF;
}

.orange .page.child .slider-container .slider:before,
.page.health .slider-container .slider:before {
  background-color: #FF8035;
}

.cyan .page.child .slider-container .slider:before,
.page.education .slider-container .slider:before {
  background-color: #00BAB0;
}

.green .page.child .slider-container .content-icons .row .pos-icon.has, .green .page.child .slider-container .content-icons .row .pos-icon:hover, .green .page.child .slider-container .content-icons .row .pos-icon.show,
.page.government .slider-container .content-icons .row .pos-icon.has,
.page.government .slider-container .content-icons .row .pos-icon:hover,
.page.government .slider-container .content-icons .row .pos-icon.show {
  background-color: #00BF83;
}
.green .page.child .slider-container .content-icons .row .pos-icon.vr-experience .name,
.page.government .slider-container .content-icons .row .pos-icon.vr-experience .name {
  color: #00BF83;
}

.yellow .page.child .slider-container .content-icons .row .pos-icon.has, .yellow .page.child .slider-container .content-icons .row .pos-icon:hover, .yellow .page.child .slider-container .content-icons .row .pos-icon.show,
.page.defence .slider-container .content-icons .row .pos-icon.has,
.page.defence .slider-container .content-icons .row .pos-icon:hover,
.page.defence .slider-container .content-icons .row .pos-icon.show {
  background-color: #FFCB37;
}
.yellow .page.child .slider-container .content-icons .row .pos-icon.vr-experience .name,
.page.defence .slider-container .content-icons .row .pos-icon.vr-experience .name {
  color: #FFCB37;
}

.orange .page.child .slider-container .content-icons .row .pos-icon.has, .orange .page.child .slider-container .content-icons .row .pos-icon:hover, .orange .page.child .slider-container .content-icons .row .pos-icon.show,
.page.health .slider-container .content-icons .row .pos-icon.has,
.page.health .slider-container .content-icons .row .pos-icon:hover,
.page.health .slider-container .content-icons .row .pos-icon.show {
  background-color: #FF8035;
}
.orange .page.child .slider-container .content-icons .row .pos-icon.vr-experience .name,
.page.health .slider-container .content-icons .row .pos-icon.vr-experience .name {
  color: #FF8035;
}

.blue .page.child .slider-container .content-icons .row .pos-icon.has, .blue .page.child .slider-container .content-icons .row .pos-icon:hover, .blue .page.child .slider-container .content-icons .row .pos-icon.show,
.page.corporate .slider-container .content-icons .row .pos-icon.has,
.page.corporate .slider-container .content-icons .row .pos-icon:hover,
.page.corporate .slider-container .content-icons .row .pos-icon.show {
  background-color: #00ADEF;
}
.blue .page.child .slider-container .content-icons .row .pos-icon.vr-experience .name,
.page.corporate .slider-container .content-icons .row .pos-icon.vr-experience .name {
  color: #00ADEF;
}

.cyan .page.child .slider-container .content-icons .row .pos-icon.has, .cyan .page.child .slider-container .content-icons .row .pos-icon:hover, .cyan .page.child .slider-container .content-icons .row .pos-icon.show,
.page.education .slider-container .content-icons .row .pos-icon.has,
.page.education .slider-container .content-icons .row .pos-icon:hover,
.page.education .slider-container .content-icons .row .pos-icon.show {
  background-color: #00BAB0;
}
.cyan .page.child .slider-container .content-icons .row .pos-icon.vr-experience .name,
.page.education .slider-container .content-icons .row .pos-icon.vr-experience .name {
  color: #00BAB0;
}

.page.child .slider-container .content-icons .row .pos-icon.vr-experience.has, .page.child .slider-container .content-icons .row .pos-icon.vr-experience:hover, .page.child .slider-container .content-icons .row .pos-icon.vr-experience.show,
.page .slider-container .content-icons .row .pos-icon.vr-experience.has,
.page .slider-container .content-icons .row .pos-icon.vr-experience:hover,
.page .slider-container .content-icons .row .pos-icon.vr-experience.show {
  background-color: #252A2C;
}

#avt-image {
  height: auto;
  width: 150px;
  margin-top: 39px;
  margin-left: 39px;
}
@media (max-width: 660px) {
  #avt-image {
    margin-left: 20px;
    margin-top: 30px;
  }
}

.page-container {
  width: 100%;
  font-family: "Microsoft JhengHei";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1400px;
  margin: 50px auto;
  padding: 0 20px;
}
@media (min-width: 800px) {
  .page-container {
    padding: 0 100px;
  }
}

.white-page {
  background-color: #ffffff;
  color: #000000;
  width: 100%;
  min-height: 200px;
  padding: 50px 20px;
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 1400px;
  margin: 0 auto;
}
.white-page ul {
  margin-left: 2em;
}
@media (min-width: 800px) {
  .white-page {
    padding: 50px 100px;
  }
}
.white-page.no-top {
  padding-top: 0;
}
.white-page .location {
  padding: 0 20px;
}
.white-page .location .directions {
  font-size: 12px;
}
.white-page .location h1, .white-page .location h2, .white-page .location h3 {
  color: #00AEEF;
}
.white-page .location p {
  margin-bottom: 15px;
}
.white-page a {
  color: #76000e;
  text-decoration: none;
  cursor: pointer;
}
.white-page .medium-heading {
  font-weight: normal;
  font-size: 26px;
  text-align: center;
  margin-bottom: 40px;
}

.contact-page .map {
  margin-top: 30px;
  width: 100%;
  height: 18vw;
}
@media (max-width: 420px) {
  .contact-page .map {
    height: 50vw;
  }
}
@media (max-width: 1000px) {
  .contact-page .column.headquarters, .contact-page .headquarters.inline, .contact-page .column.contact-form, .contact-page .contact-form.inline {
    width: 100%;
  }
  .contact-page .map {
    height: 300px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) and (min-width: 420px) {
  .contact-page .sub-location .three {
    width: 50%;
  }
  .contact-page .sub-location .three .map {
    height: 300px;
    margin-bottom: 40px;
  }
}

#product-list {
  min-height: 200px;
  width: 100%;
  white-space: nowrap;
  position: relative;
}
#product-list .products-disclaimer {
  color: rgba(0, 0, 0, 0.7);
  font-size: 10px;
  text-align: center;
  clear: both;
}
#product-list .partner-products {
  -webkit-transition: -webkit-transform 1s, max-height 1s, opacity 1s;
  -webkit-transition: max-height 1s, opacity 1s, -webkit-transform 1s;
  transition: max-height 1s, opacity 1s, -webkit-transform 1s;
  transition: transform 1s, max-height 1s, opacity 1s;
  transition: transform 1s, max-height 1s, opacity 1s, -webkit-transform 1s;
  width: 100%;
  display: inline-block;
  white-space: normal;
  margin: 0;
  z-index: 10;
  max-height: 4000px;
  opacity: 1;
}
@media (max-width: 800px) and (min-width: 550px) {
  #product-list .partner-products {
    max-height: none;
  }
}
@media (max-width: 550px) {
  #product-list .partner-products {
    max-height: none;
  }
}
#product-list .partner-products.left {
  margin-right: -100%;
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw);
}
#product-list .partner-products.right {
  margin-left: -100%;
  -webkit-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  transform: translateX(100vw);
}
#product-list .partner-products.right, #product-list .partner-products.left {
  max-height: 0;
  z-index: 0;
  opacity: 0;
  vertical-align: top;
}

.product-container {
  height: 400px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
}
@media (max-width: 1200px) and (min-width: 1000px) {
  .product-container {
    height: 500px;
  }
}
@media (max-width: 1000px) and (min-width: 800px) {
  .product-container {
    height: 600px;
  }
}
@media (max-width: 650px) and (min-width: 550px) {
  .product-container {
    height: 500px;
  }
}
@media (max-width: 800px) and (min-width: 550px) {
  .product-container.one-third.column, .product-container.one-third.inline {
    width: 50%;
  }
}
@media (max-width: 550px) {
  .product-container.one-third.column, .product-container.one-third.inline {
    width: 100%;
    height: auto;
    margin-top: 60px;
  }
}
.product-container .product {
  height: 100%;
  text-decoration: none;
  font-family: "Microsoft JhengHei";
  color: #000000;
  font-weight: 400;
  vertical-align: top;
}
.product-container .product .top {
  height: 200px;
  width: 100%;
  border-bottom: 1px #00AEEF solid;
  text-align: center;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.product-container .product .top img {
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
}
.product-container .product .bottom {
  height: 50%;
  width: 100%;
}
.product-container .product:hover .top {
  background-color: #00ADEF;
}
.product-container .product h5 {
  font-size: 20px;
  margin: 10px 0;
  font-weight: normal;
}
.product-container .product p {
  font-size: 14px;
  font-weight: 400;
  color: #808080;
}

#about-page {
  padding-top: 100px;
}
@media (max-width: 420px) {
  #about-page {
    padding: 20px 0;
  }
}
@media (max-width: 650px) {
  #about-page {
    padding-top: 20px;
  }
}
#about-page .history h1, #about-page .history h2 {
  text-align: right;
  font-weight: normal;
  margin-bottom: 0px;
}
#about-page .history h1 {
  font-size: 34px;
  color: #00BF83;
}
#about-page .history h2 {
  margin-top: 10px;
  font-size: 22px;
  color: #000000;
}
@media (max-width: 650px) {
  #about-page .history h1, #about-page .history h2 {
    display: inline-block;
    padding: 0 5px;
  }
  #about-page .history .three {
    text-align: center;
    margin-bottom: 20px;
  }
  #about-page .history .columns {
    width: 100%;
    padding: 10px;
  }
}
#about-page .team {
  margin-top: 0;
  background-color: #eeeeee;
  min-height: 200px;
  padding: 40px;
}
@media (max-width: 550px) {
  #about-page .team {
    padding: 20px;
  }
}
@media (max-width: 1000px) {
  #about-page .team .column, #about-page .team .inline, #about-page .team .columns {
    width: 100%;
    height: auto;
  }
  #about-page .team .column.header, #about-page .team .header.inline, #about-page .team .columns.header {
    height: 300px;
  }
  #about-page .team .column.member div.description, #about-page .team .member.inline div.description, #about-page .team .columns.member div.description {
    height: auto;
  }
  #about-page .team .column.member div.description > div.content, #about-page .team .member.inline div.description > div.content, #about-page .team .columns.member div.description > div.content {
    max-height: none;
  }
}
#about-page .team .column.member, #about-page .team .member.inline, #about-page .team .columns.member {
  min-height: 400px;
  padding: 0 20px;
  position: relative;
  float: none;
  display: inline-block;
  margin-left: -3px;
  vertical-align: top;
}
@media (max-width: 420px) {
  #about-page .team .column.member, #about-page .team .member.inline, #about-page .team .columns.member {
    padding: 0;
  }
}
#about-page .team .column.member.sub, #about-page .team .member.sub.inline, #about-page .team .columns.member.sub {
  width: 50%;
}
#about-page .team .column.member.sub .title, #about-page .team .member.sub.inline .title, #about-page .team .columns.member.sub .title {
  position: relative;
  padding: 5px 20px 20px;
  top: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 1000px) {
  #about-page .team .column.member.sub, #about-page .team .member.sub.inline, #about-page .team .columns.member.sub {
    width: 50%;
  }
}
@media (max-width: 650px) {
  #about-page .team .column.member.sub, #about-page .team .member.sub.inline, #about-page .team .columns.member.sub {
    width: 100%;
  }
  #about-page .team .column.member.sub .description .resizer, #about-page .team .member.sub.inline .description .resizer, #about-page .team .columns.member.sub .description .resizer {
    display: none;
  }
}
#about-page .team .column.member .description, #about-page .team .member.inline .description, #about-page .team .columns.member .description {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 10px 1px #e1e1e1;
  box-shadow: 1px 1px 10px 1px #e1e1e1;
  width: 100%;
  min-height: 240px;
  padding-top: 40px;
  padding-bottom: 10px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 160px;
}
#about-page .team .column.member .description > div.content, #about-page .team .member.inline .description > div.content, #about-page .team .columns.member .description > div.content {
  padding: 0 20px 20px;
  position: relative;
  max-height: 180px;
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 200;
  -webkit-transition: max-height 0s;
  transition: max-height 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#about-page .team .column.member .description .resizer, #about-page .team .member.inline .description .resizer, #about-page .team .columns.member .description .resizer {
  z-index: 200;
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 22px;
  width: 22px;
  padding: 0 1px 2px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  background-color: #00BF83;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1000px) {
  #about-page .team .column.member .description .resizer, #about-page .team .member.inline .description .resizer, #about-page .team .columns.member .description .resizer {
    display: none;
  }
}
#about-page .team .column.member .description .resizer:hover, #about-page .team .member.inline .description .resizer:hover, #about-page .team .columns.member .description .resizer:hover {
  background-color: #00d994;
}
#about-page .team .column.member .description .resizer .icon-minus, #about-page .team .member.inline .description .resizer .icon-minus, #about-page .team .columns.member .description .resizer .icon-minus {
  opacity: 0;
}
#about-page .team .column.member .description .resizer span, #about-page .team .member.inline .description .resizer span, #about-page .team .columns.member .description .resizer span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#about-page .team .column.member .description.show-more > div.content, #about-page .team .member.inline .description.show-more > div.content, #about-page .team .columns.member .description.show-more > div.content {
  max-height: 1000px;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
#about-page .team .column.member .description.show-more .resizer .icon-minus, #about-page .team .member.inline .description.show-more .resizer .icon-minus, #about-page .team .columns.member .description.show-more .resizer .icon-minus {
  opacity: 1;
}
#about-page .team .column.member .description.show-more .resizer .icon-plus, #about-page .team .member.inline .description.show-more .resizer .icon-plus, #about-page .team .columns.member .description.show-more .resizer .icon-plus {
  opacity: 0;
}
#about-page .team .column.member .image, #about-page .team .member.inline .image, #about-page .team .columns.member .image {
  background-position: center center;
  background-size: contain;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #9EA1A1;
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 100;
  border: 4px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#about-page .team .column.member .title, #about-page .team .member.inline .title, #about-page .team .columns.member .title {
  display: block;
  width: 100%;
  top: 0;
  position: absolute;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  padding: 0 0 15px 190px;
}
@media (max-width: 550px) {
  #about-page .team .column.member .title, #about-page .team .member.inline .title, #about-page .team .columns.member .title {
    position: relative;
    padding: 5px 20px 20px;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#about-page .team .column.member .title .name, #about-page .team .member.inline .title .name, #about-page .team .columns.member .title .name {
  color: #000000;
  font-size: 24px;
  line-height: 0;
}
#about-page .team .column.member .title .position, #about-page .team .member.inline .title .position, #about-page .team .columns.member .title .position {
  color: #00AEEF;
  font-size: 14px;
}
#about-page .team .column.header, #about-page .team .header.inline, #about-page .team .columns.header {
  height: 400px;
  background-color: #00BF83;
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  display: table;
}
#about-page .team .column.header > p, #about-page .team .header.inline > p, #about-page .team .columns.header > p {
  display: table-cell;
  vertical-align: middle;
}
#about-page .team .column.header img, #about-page .team .header.inline img, #about-page .team .columns.header img {
  max-width: 10%;
  display: block;
  margin: 10px auto 0;
}

#partner-frame {
  width: 100%;
  height: 1200px;
  overflow: hidden;
}
#partner-frame iframe {
  margin-top: 20px;
  width: 100%;
  border: none;
  height: 1200px;
}

.zero-min.page.container .content {
  min-height: 0;
}

.zero-min.page.container .content .return {
  bottom: 0px;
  left: 10px;
}

#search-page form .search-field {
  margin: 10px;
  width: 300px;
}
#search-page form .search-field input {
  width: 280px;
}
#search-page .filter-menu {
  width: 100%;
  border-bottom: 1px solid #9EA1A1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}
#search-page .filter-menu .filter-option {
  color: #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 20px;
  display: inline-block;
  -webkit-transition: color 0.5s, border-color 0.5s, border-bottom-width 0s;
  transition: color 0.5s, border-color 0.5s, border-bottom-width 0s;
  height: 36px;
  margin-bottom: -1px;
  border-bottom: inherit;
}
#search-page .filter-menu .filter-option:hover:not(.ed) {
  height: 37px;
  margin-bottom: -2px;
  border-bottom: 3px solid #76000e;
  color: #76000e;
  -webkit-transition: border-bottom 0s;
  transition: border-bottom 0s;
}
#search-page .filter-menu .filter-option.selected {
  height: 37px;
  margin-bottom: -2px;
  border-bottom: 3px solid #76000e;
  color: #76000e;
}
#search-page .search-item {
  font-weight: 400;
  margin-top: 30px;
}
#search-page .search-item h4 {
  color: #000000;
  margin-bottom: 5px;
  margin-top: 0px;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
#search-page .search-item p {
  color: #000000;
  margin-bottom: 5px;
}
#search-page .search-item:hover h4 {
  color: #76000e;
}
#search-page .result-count {
  font-size: 12px;
  color: #9EA1A1;
  margin-bottom: 10px;
}

.search-field {
  position: relative;
  white-space: nowrap;
  width: 200px;
  height: 40px;
  overflow: hidden;
  border-radius: 15px;
  border: #76000e solid 1px;
}
.search-field input {
  width: 90%;
  height: 100%;
  color: #76000e;
  border: none;
}
.search-field input:placeholder {
  color: #9EA1A1;
}
.search-field button {
  position: absolute;
  border: 0;
  background: transparent;
  color: #76000e;
  right: 0;
  padding: 4px 7px;
  font-size: 16px;
}

#news-page .search-container {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#news-page .search-container #search-form .search-field input {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  margin: 0;
  height: 40px;
  min-height: auto !important;
}
#news-page .search-container #search-form .search-field button {
  line-height: 1;
  margin: 0;
}
#news-page .search-container #search-form .select-field {
  position: relative;
}
#news-page .search-container #search-form .select-field select::-ms-expand {
  display: none;
}
#news-page .search-container #search-form .select-field select {
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
}
#news-page .search-container #search-form .select-field:after {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA01';
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 8px;
  color: #00ADEF;
}
@media (max-width: 1000px) {
  #news-page .search-container #search-form .search-field, #news-page .search-container #search-form .select-field {
    width: 40%;
  }
}
@media (max-width: 650px) {
  #news-page .search-container #search-form .search-field, #news-page .search-container #search-form .select-field {
    width: 90%;
  }
}
#news-page form {
  margin-bottom: 0;
}
#news-page .select-field {
  float: right;
}
@media screen and (max-width: 645px) {
  #news-page .select-field {
    float: none;
    margin: auto;
  }
}
#news-page .search-field {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 645px) {
  #news-page .search-field {
    float: none;
    margin: auto;
    margin-bottom: 10px;
  }
}
#news-page .search-field, #news-page .select-field {
  width: 300px;
}
@media (max-width: 650px) {
  #news-page .content .columns {
    width: 100%;
  }
}
#news-page .content .item {
  padding: 20px;
  margin-top: 40px;
}
#news-page .content .item .image {
  width: 100%;
  height: 250px;
  background: no-repeat center center;
  background-size: cover;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#news-page .content .item h4 {
  margin-top: 10px;
  color: #000000;
  margin-bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#news-page .content .item span {
  margin: 0;
  color: #00BAB0;
}
#news-page .content .item p {
  margin: 0;
  color: #000000;
}
#news-page .content .item > a:hover .image {
  #background-color: #00AEEF;
}
#news-page .content .item > a:hover h4 {
  color: #00AEEF;
}
#news-page nav.pagination {
  text-align: right;
  clear: both;
  margin: 20px 0;
}
#news-page nav.pagination .page-numbers {
  display: inline-block;
  height: 46px;
  min-width: 46px;
  font-size: 20px;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #00AEEF;
  color: #00AEEF;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
#news-page nav.pagination .page-numbers.current, #news-page nav.pagination .page-numbers:hover {
  background: #00AEEF;
  color: white;
}
#news-page nav.pagination .page-numbers.next, #news-page nav.pagination .page-numbers.prev {
  border: 2px solid transparent;
}

.post-content {
  width: 100%;
  white-space: normal;
  margin: 2rem 0 4rem 0;
}
.post-content iframe {
  max-width: 100%;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {
  color: #00AEEF;
  margin-top: 30px;
}
.post-content h1 {
  color: #00AEEF;
  font-size: 2.5em;
  font-weight: normal;
}
.post-content ul, .post-content ol {
  list-style-position: outside;
  padding-left: 3rem;
  line-height: 1;
}
.post-content ul li, .post-content ol li {
  line-height: 1.5;
  padding-left: .5rem;
  margin-bottom: 1.5rem;
}
.post-content img {
  margin: 40px;
  max-width: 100%;
  height: auto;
}
.post-content img.alignleft {
  float: left;
  margin-left: 0;
}
.post-content img.alignright {
  float: right;
  margin-right: 0;
}
.post-content img.aligncenter {
  margin: 40px auto;
  display: block;
}
.post-content img.alignnone {
  margin: 0;
}

#post-page {
  position: relative;
  min-height: 100vh;
}
#post-page .post-content p {
  margin-bottom: 1.5rem;
}
#post-page .post-header {
  margin-top: -100px;
  position: relative;
  width: 100%;
  padding: 0 100px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 550px) {
  #post-page .post-header {
    padding: 0 20px;
  }
}
@media (max-width: 800px) and (min-width: 550px) {
  #post-page .post-header {
    padding: 0 60px;
  }
}
#post-page .post-header .post-image {
  display: inline-block;
}
#post-page .post-header .post-image > div {
  text-align: left;
  margin-top: 20px;
}
#post-page .post-header .post-image img {
  max-width: 100%;
  max-height: 400px;
  margin-bottom: 2rem;
}
#post-page .post-header .post-image span {
  color: #00BF83;
  bottom: -10px;
  left: 0;
}
#post-page .post-header .post-image span a {
  color: #00BF83;
  text-decoration: none;
}
#post-page .post-header .post-image.no-image {
  display: block;
  height: 100px;
  width: 1024px;
  margin: 105px auto 0;
}
#post-page .post-header .post-content-container {
  display: block;
  margin: 0 auto;
  max-width: 1024px;
  text-align: left;
  font-family: "Microsoft JhengHei";
  color: #252A2C;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#disqus_thread {
  margin-bottom: 80px;
}

#coming-soon {
  padding-top: 50px;
  font-size: 18px;
  text-align: center;
}

#case-study-page .case {
  position: relative;
}
#case-study-page .case .three {
  height: 100%;
  padding: 20px;
}
#case-study-page .case .three img {
  max-width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#case-study-page .case .nine .title {
  margin-top: 20px;
  font-size: 24px;
  color: #00AEEF;
}

#about-page .sales {
  margin-top: 50px;
}
@media (max-width: 800px) {
  #about-page .sales .map .column, #about-page .sales .map .inline {
    width: 100%;
  }
  #about-page .sales .map .column.one-third, #about-page .sales .map .one-third.inline {
    text-align: center;
    height: auto;
  }
}
#about-page .sales .map .two-thirds {
  height: 500px;
}
#about-page .sales .map .one-third {
  padding: 20px;
  display: table;
  height: 500px;
  text-align: right;
}
#about-page .sales .map .one-third h1 {
  color: #00BF83;
  font-weight: normal;
}
#about-page .sales .team {
  margin-top: 20px;
  background: transparent;
}
#about-page .sales .team .columns.member {
  min-height: 200px;
  padding: 0;
}
@media (max-width: 1000px) {
  #about-page .sales .team .columns.member {
    width: 50%;
  }
}
@media (max-width: 650px) {
  #about-page .sales .team .columns.member {
    width: 100%;
    height: auto;
    min-height: 0;
  }
}
#about-page .sales .team .columns.member .title {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 20px 20px 120px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
#about-page .sales .team .columns.member .name + a {
  margin-top: 1rem;
  display: block;
}
#about-page .sales .team .columns.member .image {
  top: 10px;
  left: 10px;
  height: 100px;
  width: 100px;
}

#case-studies-page .content a {
  color: #ffffff;
  text-decoration: none;
  font-size: 24px;
  display: block;
  padding: 5px 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 650px) {
  #case-studies-page .content a {
    padding: 5px;
  }
}
#case-studies-page .content a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#case-studies-page .content a:hover span {
  -webkit-animation: pointing 1s infinite ease-in-out;
  animation: pointing 1s infinite ease-in-out;
}

.blue #case-studies-page .content a:hover {
  background-color: #00b1f4;
}

.cyan #case-studies-page .content a:hover {
  background-color: #00bfb5;
}

.green #case-studies-page .content a:hover {
  background-color: #00c486;
}

.yellow #case-studies-page .content a:hover {
  background-color: #ffcc3c;
}

.orange #case-studies-page .content a:hover {
  background-color: #ff833a;
}

.grey #case-studies-page .content a:hover {
  background-color: #272d2f;
}

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

.avt-info-marker {
  border: 2px solid #00AEEF;
  line-height: 1.2em;
  padding: 20px;
  position: relative;
  width: 300px;
  font-family: "Microsoft JhengHei";
  font-weight: 300;
  font-size: 14px;
}
.avt-info-marker:before {
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.8;
  z-index: -1;
  top: 0;
  left: 0;
}
.avt-info-marker .title {
  color: #00AEEF;
  font-size: 18px;
}
.avt-info-marker .address {
  margin: 10px 0;
}
.avt-info-marker .icon-return {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  font-size: 18px;
  color: #252A2C;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.avt-info-marker .icon-return:hover {
  color: #00AEEF;
}

.readmore {
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  font-size: 18px;
  border-radius: 2em;
  font-weight: normal;
  color: #00AEEF;
  border: 2px solid #00AEEF;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.readmore:hover {
  background-color: #00AEEF;
  color: #ffffff;
}

.learnmore {
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
  font-size: 18px;
  border-radius: 1.5em;
  font-weight: normal;
  color: #00AEEF;
  border: 2px solid #00AEEF;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.learnmore:hover {
  background-color: #00AEEF;
  color: #ffffff;
}

.interactive, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table {
  padding-bottom: 30px;
}
.interactive .title, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .title {
  font-weight: 400;
  padding-bottom: 10px;
  font-size: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.interactive .title span, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .title span {
  vertical-align: middle;
  display: inline-block;
}
.interactive .title .name, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .title .name {
  font-size: 30px;
}
.interactive .title .icon-visibility-on, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .title .icon-visibility-on, .interactive .title .icon-visibility-off, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .title .icon-visibility-off {
  color: #d2d3d3;
  font-size: 40px;
  line-height: 0;
  margin-top: -10px;
}
.interactive > div, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table > div {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.interactive .details, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .details {
  font-size: 18px;
}
.interactive .partner, .page.child .slider-container .content-icons.showing .row .pos-icon.show .table .partner {
  position: absolute;
  fill: #9EA1A1;
  width: 30%;
  right: 20px;
  bottom: 0;
}

.blue .learnmore:hover {
  background-color: #00ADEF;
  color: #ffffff;
}

.cyan .learnmore:hover {
  background-color: #00BAB0;
  color: #ffffff;
}

.green .learnmore:hover {
  background-color: #00BF83;
  color: #ffffff;
}

.yellow .learnmore:hover {
  background-color: #FFCB37;
  color: #ffffff;
}

.orange .learnmore:hover {
  background-color: #FF8035;
  color: #ffffff;
}

.grey .learnmore:hover {
  background-color: #252A2C;
  color: #ffffff;
}

.blue .learnmore {
  color: #00ADEF;
}

.cyan .learnmore {
  color: #00BAB0;
}

.green .learnmore {
  color: #00BF83;
}

.yellow .learnmore {
  color: #FFCB37;
}

.orange .learnmore {
  color: #FF8035;
}

.grey .learnmore {
  color: #252A2C;
}

.blue .learnmore {
  border-color: #00ADEF;
}

.cyan .learnmore {
  border-color: #00BAB0;
}

.green .learnmore {
  border-color: #00BF83;
}

.yellow .learnmore {
  border-color: #FFCB37;
}

.orange .learnmore {
  border-color: #FF8035;
}

.grey .learnmore {
  border-color: #252A2C;
}

.full-width-page .page .content,
.rms .page .content {
  min-height: 500px !important;
}
@media screen and (max-width: 848px) {
  .full-width-page .page .content,
  .rms .page .content {
    min-height: 370px !important;
  }
}

.rms .page .content .row {
  width: 48%;
}
@media screen and (max-width: 848px) {
  .rms .page .content .row {
    width: 100%;
  }
}
.rms .page .content .iphonegold {
  position: absolute;
  right: 100px;
  bottom: -10px;
}
@media screen and (max-width: 848px) {
  .rms .page .content .iphonegold {
    display: none;
  }
}
.rms .page .content .iphonegold img {
  width: 350px;
}
.rms .rms-mobile-menu {
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
  overflow: auto;
}
.rms .rms-mobile-menu span {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
  padding-left: 20px;
  font-size: 12px;
  color: #666;
}
.rms .rms-mobile-menu .rms-menu-button {
  display: block;
  float: right;
  background: #DDD;
  border: none;
  margin: 0;
  font-size: 13px;
  font-weight: 300;
}
.rms .rms-mobile-menu .rms-menu-button:hover {
  background-color: #D5D5D5;
}
@media screen and (max-width: 1024px) {
  .rms #RMS-menu {
    display: none;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
  }
  .rms #RMS-menu a {
    text-align: center;
    color: #333;
  }
  .rms #RMS-menu a:hover {
    color: #00AEEF;
  }
  .rms #RMS-menu .quarter, .rms #RMS-menu .fifth, .rms #RMS-menu .sixth {
    width: 100% !important;
    padding: 15px 0;
  }
  .rms #RMS-menu .quarter:hover, .rms #RMS-menu .fifth:hover, .rms #RMS-menu .sixth:hover {
    background: #FFF;
  }
}
@media screen and (min-width: 1025px) {
  .rms .rms-mobile-menu {
    display: none !important;
  }
  .rms #RMS-menu {
    display: block !important;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    position: relative;
  }
  .rms #RMS-menu a {
    color: #000 !important;
  }
  .rms #RMS-menu .quarter {
    width: 25%;
  }
  .rms #RMS-menu .columns, .rms #RMS-menu .quarter, .rms #RMS-menu .fifth, .rms #RMS-menu .sixth {
    text-align: center;
    height: 150px;
    border-bottom: 1px solid #9EA1A1;
    margin-bottom: 2px;
    display: inline-block;
    float: left;
    -webkit-transition: border-bottom-color 0.5s;
    transition: border-bottom-color 0.5s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 550px) {
  .rms #RMS-menu .columns, .rms #RMS-menu .quarter, .rms #RMS-menu .fifth, .rms #RMS-menu .sixth {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .rms #RMS-menu .columns .partner, .rms #RMS-menu .quarter .partner, .rms #RMS-menu .fifth .partner, .rms #RMS-menu .sixth .partner {
    max-height: 50%;
    max-width: 70%;
    vertical-align: middle;
    fill: #545f63;
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
  }
  .rms #RMS-menu a {
    text-decoration: none;
    -webkit-transition: margin-left 1s;
    transition: margin-left 1s;
  }
  .rms #RMS-menu a.left {
    margin-left: -100%;
  }
}
@media screen and (min-width: 1025px) and (min-width: 550px) and (max-width: 800px) {
  .rms #RMS-menu a.left {
    margin-left: -50%;
  }
  .rms #RMS-menu a.left.second-last {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  .rms #RMS-menu a.left {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  .rms #RMS-menu a:not(.selected):hover .quarter, .rms #RMS-menu a:not(.selected):hover .fifth, .rms #RMS-menu a:not(.selected):hover .sixth {
    border-bottom: 5px solid #56d1ff;
    height: 148px;
    margin-bottom: 0;
  }
  .rms #RMS-menu a:not(.selected):hover .quarter .partner, .rms #RMS-menu a:not(.selected):hover .fifth .partner, .rms #RMS-menu a:not(.selected):hover .sixth .partner {
    fill: #56d1ff;
  }
  .rms #RMS-menu a.selected .quarter, .rms #RMS-menu a.selected .fifth, .rms #RMS-menu a.selected .sixth {
    border-bottom: 5px solid #00AEEF;
    height: 148px;
    margin-bottom: 0;
  }
  .rms #RMS-menu a.selected .quarter .partner, .rms #RMS-menu a.selected .fifth .partner, .rms #RMS-menu a.selected .sixth .partner {
    fill: #00AEEF;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  .rms #RMS-menu .left-nav-arrow, .rms #RMS-menu .right-nav-arrow {
    display: none;
  }
}

.rms h2, .rms h3, .rms h4, .rms h5, .rms h6 {
  color: #00ADEF;
}
.rms p + h2 {
  margin-top: 1em;
}
.rms #case-study-page h3 {
  color: #00AEEF;
  font-size: 36px;
}

.avt-connect .header .icons > span, .avt-connect .header .icons > a {
  color: #00aeef !important;
}

.simple-page .page .content > .row .title {
  display: block;
  text-align: center;
}

#amx-product-page .white-page {
  min-height: auto !important;
}
#amx-product-page .white-page #product-content-container {
  height: auto !important;
  padding: 0 !important;
}
#amx-product-page .white-page #product-content-container .post-content {
  margin: 2rem 0;
}

.product-video {
  padding: 0px 0 80px 0;
}
.product-video + .product-colours {
  padding-top: 0;
}
.product-video .container {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 0 20px;
}
.product-video .container .video-container {
  width: 720px;
  margin: auto;
}

.product-colours {
  padding: 8rem 2rem;
  text-align: center;
}
.product-colours h3 {
  color: #00ADEF;
  margin-top: 0;
  margin-bottom: 4rem;
}
.product-colours h5 {
  color: #58585b;
  margin-top: 6rem;
  margin-bottom: 3.5rem;
}
.product-colours .colour-card {
  max-width: 45rem;
  background: white;
  margin: auto;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
}
.product-colours .colour-card > div:first-of-type {
  width: 12.5rem;
  display: block;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.product-colours .colour-card > div:first-of-type:hover {
  opacity: .8;
}
.product-colours .colour-card > div:first-of-type:after {
  content: '';
  display: block;
  padding-top: 100%;
}
.product-colours .colour-card > div:nth-of-type(2) {
  padding: 1.7rem 2.6rem 0 2.6rem;
  text-align: left;
}
.product-colours .colour-card > div:nth-of-type(2) span {
  color: #58585b;
  font-size: 1.2rem;
  display: inline-block;
}
.product-colours .card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 2rem;
  max-width: 100rem;
  margin: auto;
  margin-bottom: 6rem;
}
.product-colours .card-container .additional-colours {
  text-align: center;
  max-width: 39rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  background: white;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 4rem 3rem;
  position: relative;
  padding-bottom: 11.7rem;
}
.product-colours .card-container .additional-colours:nth-of-type(2) .colours span:last-of-type {
  position: relative;
}
.product-colours .card-container .additional-colours:nth-of-type(2) .colours span:last-of-type:before {
  content: 'and more';
  display: block;
  position: absolute;
  left: -webkit-calc(100% + 1rem);
  left: calc(100% + 1rem);
  white-space: nowrap;
  top: -webkit-calc(50% - .25rem);
  top: calc(50% - .25rem);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-colours .card-container .additional-colours .btn, .product-colours .card-container .additional-colours .form-block input[type="submit"], .form-block .product-colours .card-container .additional-colours input[type="submit"], .product-colours .card-container .additional-colours .form-block #btnSubmit, .form-block .product-colours .card-container .additional-colours #btnSubmit {
  display: inline-block;
  position: absolute;
  bottom: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.product-colours .card-container .additional-colours:first-of-type {
  margin-right: 2rem;
}
.product-colours .card-container .additional-colours p {
  display: block;
  margin-bottom: 0;
}
.product-colours .card-container .additional-colours p:last-of-type {
  margin-bottom: 3.5rem;
}
.product-colours .card-container .additional-colours .colours {
  text-align: left;
}
.product-colours .card-container .additional-colours .colours span {
  width: -webkit-calc(16.66% - 5rem / 6);
  width: calc(16.66% - 5rem / 6);
  margin-right: 1rem;
  margin-bottom: 1rem;
  border-radius: 100%;
  display: inline-block;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.product-colours .card-container .additional-colours .colours span:hover {
  opacity: .8;
}
.product-colours .card-container .additional-colours .colours span:nth-of-type(6n) {
  margin-right: 0;
}
.product-colours .card-container .additional-colours .colours span:after {
  content: '';
  display: block;
  padding-top: 100%;
}
@media (max-width: 768px) and (min-width: 640px) {
  .product-colours .card-container .additional-colours .colours span {
    width: -webkit-calc(25% - 3rem / 4);
    width: calc(25% - 3rem / 4);
  }
  .product-colours .card-container .additional-colours .colours span:nth-of-type(6n) {
    margin-right: 1rem;
  }
  .product-colours .card-container .additional-colours .colours span:nth-of-type(4n) {
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .product-colours .card-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .product-colours .card-container + .btn, .product-colours .form-block .card-container + input[type="submit"], .form-block .product-colours .card-container + input[type="submit"], .product-colours .form-block .card-container + #btnSubmit, .form-block .product-colours .card-container + #btnSubmit {
    display: none;
  }
  .product-colours .card-container .additional-colours {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-right: 0 !important;
  }
  .product-colours .card-container .additional-colours:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

.icon-arrowdown::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA01';
}

.icon-arrowleft::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA02';
}

.icon-arrowright::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA03';
}

.icon-audio::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA04';
}

.icon-avt-info::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA05';
}

.icon-camera::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA07';
}

.icon-board::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA06';
}

.icon-casestudy::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA08';
}

.icon-close::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA09';
}

.icon-cloud::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0A';
}

.icon-control::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0C';
}

.icon-connectivity::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0B';
}

.icon-corporate::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0D';
}

.icon-defence::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0E';
}

.icon-education::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA0F';
}

.icon-event::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA10';
}

.icon-exit::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA11';
}

.icon-facebook::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA12';
}

.icon-government::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA13';
}

.icon-guis::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA14';
}

.icon-health::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA15';
}

.icon-healthcare::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA16';
}

.icon-info::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA17';
}

.icon-lapel::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA18';
}

.icon-letstalk::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA19';
}

.icon-linkedin::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1A';
}

.icon-login::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1B';
}

.icon-menu::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1C';
}

.icon-news::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1D';
}

.icon-partner-support::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1E';
}

.icon-resource-management-suit::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA1F';
}

.icon-return::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA21';
}

.icon-restart::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA20';
}

.icon-rms-lock::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA22';
}

.icon-roombooking::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA23';
}

.icon-search::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA24';
}

.icon-signage::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA25';
}

.icon-sound::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA26';
}

.icon-spanner::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA27';
}

.icon-twitter::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA28';
}

.icon-updates::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA29';
}

.icon-video::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA2A';
}

.icon-visibility-on::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA2C';
}

.icon-visibility-off::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA2B';
}

.icon-volume::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA2D';
}

.icon-vr-experience::before {
  font-family: "AVT-Icons";
  speak: none;
  content: '\EA2E';
}

.timeline {
  padding: 0 30px;
  position: relative;
  min-height: 200px;
  white-space: nowrap;
}
@media (max-width: 650px) {
  .timeline {
    padding: 0;
  }
}
.timeline .line-box {
  position: absolute;
  left: 140px;
  right: 140px;
  top: 0;
  height: 40px;
}
@media (max-width: 650px) {
  .timeline .line-box {
    left: 40px;
    right: 40px;
  }
}
.timeline .line-box .line {
  position: absolute;
  left: 0;
  height: 20px;
  border-bottom: 1px solid;
  margin: 0;
  border-color: #9EA1A1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 5;
  -webkit-transition: width 2s;
  transition: width 2s;
}
.timeline .line-box .line.main {
  -webkit-transition: left 2s, right 2s;
  transition: left 2s, right 2s;
}
.timeline .line-box .line.active {
  z-index: 6;
  border-bottom: 2px #00BF83 solid;
}
.timeline .line-box .year {
  z-index: 10;
  width: 0;
  height: 0;
  bottom: 20px;
  position: absolute;
  overflow: visible;
  cursor: pointer;
  -webkit-transition: left 2s, opacity 2s;
  transition: left 2s, opacity 2s;
}
.timeline .line-box .year[position='0'], .timeline .line-box .year[position='5'] {
  opacity: 0;
  cursor: default;
}
.timeline .line-box .year[position='0'].selected ~ .pulser, .timeline .line-box .year[position='5'].selected ~ .pulser {
  opacity: 0;
}
.timeline .line-box .year[position='0'] {
  left: 0%;
}
.timeline .line-box .year[position='0'].selected ~ .line.active {
  width: 0%;
}
.timeline .line-box .year[position='0'].selected ~ .pulser {
  left: 0%;
}
.timeline .line-box .year[position='0'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='0'].last ~ .main.line {
  right: 100%;
}
.timeline .line-box .year[position='1'] {
  left: 20%;
}
.timeline .line-box .year[position='1'].selected ~ .line.active {
  width: 20%;
}
.timeline .line-box .year[position='1'].selected ~ .pulser {
  left: 20%;
}
.timeline .line-box .year[position='1'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='1'].last ~ .main.line {
  right: 80%;
}
.timeline .line-box .year[position='2'] {
  left: 40%;
}
.timeline .line-box .year[position='2'].selected ~ .line.active {
  width: 40%;
}
.timeline .line-box .year[position='2'].selected ~ .pulser {
  left: 40%;
}
.timeline .line-box .year[position='2'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='2'].last ~ .main.line {
  right: 60%;
}
.timeline .line-box .year[position='3'] {
  left: 60%;
}
.timeline .line-box .year[position='3'].selected ~ .line.active {
  width: 60%;
}
.timeline .line-box .year[position='3'].selected ~ .pulser {
  left: 60%;
}
.timeline .line-box .year[position='3'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='3'].last ~ .main.line {
  right: 40%;
}
.timeline .line-box .year[position='4'] {
  left: 80%;
}
.timeline .line-box .year[position='4'].selected ~ .line.active {
  width: 80%;
}
.timeline .line-box .year[position='4'].selected ~ .pulser {
  left: 80%;
}
.timeline .line-box .year[position='4'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='4'].last ~ .main.line {
  right: 20%;
}
.timeline .line-box .year[position='5'] {
  left: 100%;
}
.timeline .line-box .year[position='5'].selected ~ .line.active {
  width: 100%;
}
.timeline .line-box .year[position='5'].selected ~ .pulser {
  left: 100%;
}
.timeline .line-box .year[position='5'].selected ~ .main.line {
  left: 0;
}
.timeline .line-box .year[position='5'].last ~ .main.line {
  right: 0%;
}
.timeline .line-box .year div {
  position: absolute;
  height: 15px;
  width: 15px;
  bottom: -7.5px;
  left: -7.5px;
  background-color: #ffffff;
  border: 1px solid #00BF83;
  border-radius: 8.5px;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.timeline .line-box .year span {
  position: absolute;
  width: 0;
  bottom: 10px;
  font-size: 14px;
  right: 15px;
}
.timeline .line-box .year.selected div {
  background-color: #00BF83;
  cursor: default;
  -webkit-transition: background-color 2s;
  transition: background-color 2s;
}
.timeline .line-box .year.selected ~ div > div {
  border-color: #9EA1A1;
  -webkit-transition: border-color 0.5s;
  -webkit-transition: border-color 2s;
  transition: border-color 2s;
}
.timeline .line-box .year:hover:not(.selected) div {
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: #bfffeb;
}
.timeline .line-box .pulser {
  -webkit-transition: left 2s, opacity 2s;
  transition: left 2s, opacity 2s;
  bottom: 20px;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
}
.timeline .line-box .pulser > div {
  height: 15px;
  width: 15px;
  position: absolute;
  left: -7.5px;
  bottom: -6.5px;
}
.timeline .line-box .pulser > div div {
  background-color: #00BF83;
  height: 100%;
  width: 100%;
  border-radius: 8.5px;
  -webkit-animation: pulsing 1s infinite;
  animation: pulsing 1s infinite;
}
.timeline .line-box .pulser.move > div {
  -webkit-animation: move-pulser 2s;
  animation: move-pulser 2s;
}
.timeline .circle {
  position: absolute;
  top: 0;
  height: 40px;
  width: 40px;
  border-radius: 21px;
  border: 1px solid #9EA1A1;
  display: inline-block;
  text-align: center;
  color: #9EA1A1;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}
.timeline .circle:hover {
  color: #00BF83;
  border-color: #00BF83;
}
.timeline .circle.left {
  left: 60px;
}
.timeline .circle.right {
  right: 60px;
}
@media (max-width: 650px) {
  .timeline .circle.left {
    left: 0;
  }
  .timeline .circle.right {
    right: 0;
  }
}
.timeline .circle .icon-arrowleft, .timeline .circle .icon-arrowright {
  display: table-cell;
  vertical-align: middle;
}
.timeline content {
  opacity: 0;
  width: 100%;
  white-space: normal;
  margin-top: 70px;
  padding: 0 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  display: inline-block;
  margin-left: -100%;
  vertical-align: top;
}
@media (max-width: 650px) {
  .timeline content {
    padding: 0 10px;
  }
}
.timeline content.show {
  opacity: 1;
  -webkit-transition: opacity 2s 0s;
  transition: opacity 2s 0s;
}
.timeline content.first {
  margin-left: 0;
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes move-pulser {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  15% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes move-pulser {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  15% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.overflow-hidden {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}

#amx-product-page {
  font-family: "Microsoft JhengHei";
  font-weight: 400;
  overflow: hidden;
}
#amx-product-page h1 {
  font-size: 36px;
  color: #545f63;
}
#amx-product-page .display-panel {
  width: 100%;
  text-align: left;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eeeeee;
  position: relative;
}
#amx-product-page .display-panel .display-item {
  padding: 20px;
  height: 500px;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  white-space: normal;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
@media (max-width: 550px) {
  #amx-product-page .display-panel .display-item {
    padding: 0;
    height: 300px;
  }
}
#amx-product-page .display-panel .display-item.left ~ .feature {
  margin-left: 0;
}
#amx-product-page .display-panel .display-item.feature {
  margin-left: 15%;
  width: 70%;
}
#amx-product-page .display-panel .display-item.off.left {
  margin-left: -22.5%;
}
#amx-product-page .display-panel .display-item.left {
  margin-left: -7.5%;
}
#amx-product-page .display-panel .display-item.left, #amx-product-page .display-panel .display-item.right {
  width: 22.5%;
  opacity: 0.8;
}
#amx-product-page .display-panel .display-item.left h1, #amx-product-page .display-panel .display-item.right h1 {
  font-size: 16px;
}
@media (max-width: 550px) {
  #amx-product-page .display-panel .display-item.left, #amx-product-page .display-panel .display-item.right {
    opacity: 0;
  }
  #amx-product-page .display-panel .display-item.left .display-image img, #amx-product-page .display-panel .display-item.right .display-image img {
    max-height: 241px;
  }
}
#amx-product-page .display-panel .display-item.left .display-image img, #amx-product-page .display-panel .display-item.right .display-image img {
  max-height: 141px;
}
#amx-product-page .display-panel .display-item h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  -webkit-transition: all 1s;
  transition: all 1s;
}
#amx-product-page .display-panel .display-item .display-image {
  max-width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 1s;
  transition: all 1s;
}
#amx-product-page .display-panel .display-item .display-image img {
  max-width: 100%;
  max-height: 424px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
@media (max-width: 550px) {
  #amx-product-page .display-panel .display-item .display-image img {
    max-height: 224px;
  }
}
#amx-product-page .item-product {
  width: 100%;
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 1s;
  transition: all 1s;
}
#amx-product-page .item-product.left {
  margin-left: -100%;
}
#amx-product-page .item-product.left, #amx-product-page .item-product.right {
  opacity: 0;
}

#product-content-container {
  padding-bottom: 80px;
  overflow: hidden;
  white-space: nowrap;
}
#product-content-container.borderBottom {
  border-bottom: 1px solid #00AEEF;
}

#partner-product-slider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  text-align: left;
  padding: 0 20px;
  max-width: 1400px;
  margin: 0 auto;
}
#partner-product-slider .more-products {
  width: 100%;
  white-space: normal;
  text-align: center;
}
#partner-product-slider .more-products h1 {
  margin: 20px 0 0;
  color: #00BF83;
}
#partner-product-slider .left-nav-arrow, #partner-product-slider .right-nav-arrow {
  top: 20px;
  margin-top: 0;
}
@media (max-width: 550px) {
  #partner-product-slider .left-nav-arrow, #partner-product-slider .right-nav-arrow {
    top: 60px;
  }
}
#partner-product-slider .left-nav-arrow {
  left: -20px;
}
#partner-product-slider .right-nav-arrow {
  right: -20px;
}
#partner-product-slider > div {
  position: relative;
}
#partner-product-slider .product-container {
  background-color: #ffffff;
  text-align: left;
  display: inline-block;
  float: none;
  white-space: normal;
  height: auto;
  -webkit-transition: all 1s;
  transition: all 1s;
}
#partner-product-slider .product-container.left {
  margin-left: -33.33%;
}
@media (max-width: 800px) {
  #partner-product-slider .product-container.left {
    margin-left: -50%;
  }
}
@media (max-width: 550px) {
  #partner-product-slider .product-container.left {
    margin-left: -100%;
  }
}
@media (min-width: 800px) {
  #partner-product-slider .product-container.left.third-last {
    margin-left: 0;
  }
}
@media (min-width: 550px) {
  #partner-product-slider .product-container.left.second-last {
    margin-left: 0;
  }
}
#partner-product-slider .product-container.left.last {
  margin-left: 0;
}

#case-study-page .case-study-slider .owl-controls, .deakin-university .case-study-slider .owl-controls, .mater-case-study .case-study-slider .owl-controls {
  color: #FFF;
  position: relative;
  top: -145px;
}
@media screen and (max-width: 768px) {
  #case-study-page .case-study-slider .owl-controls, .deakin-university .case-study-slider .owl-controls, .mater-case-study .case-study-slider .owl-controls {
    top: -102.5px;
  }
}
#case-study-page .case-study-slider .owl-controls .owl-next, .deakin-university .case-study-slider .owl-controls .owl-next, .mater-case-study .case-study-slider .owl-controls .owl-next {
  background-color: #333;
  position: absolute;
  right: 0;
  padding: 5px;
}
#case-study-page .case-study-slider .owl-controls .owl-prev, .deakin-university .case-study-slider .owl-controls .owl-prev, .mater-case-study .case-study-slider .owl-controls .owl-prev {
  background-color: #333;
  position: absolute;
  left: 0;
  padding: 5px;
}
#case-study-page .case-study-slider .item, .deakin-university .case-study-slider .item, .mater-case-study .case-study-slider .item {
  background-size: cover;
  background-position: center;
  height: 275px;
}
@media screen and (max-width: 768px) {
  #case-study-page .case-study-slider .item, .deakin-university .case-study-slider .item, .mater-case-study .case-study-slider .item {
    height: 175px;
  }
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.html") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.rms-grid-row {
  clear: both;
  overflow: auto;
  margin-bottom: 60px;
}
.rms-grid-row .one_third {
  width: -webkit-calc(33.33% - 30px);
  width: calc(33.33% - 30px);
  float: left;
  background: #FFF;
  padding-right: 45px;
}
.rms-grid-row .one_third:nth-child(3n) {
  padding-right: 0;
}
.rms-grid-row .one_third h5, .rms-grid-row .one_third p {
  margin-top: 20px;
  margin-bottom: 40px;
}
.rms-grid-row .one_third h5 {
  font-size: 20px;
}
.rms-grid-row .one_third img {
  width: 100%;
}

.rms-grid-row {
  clear: both;
  overflow: auto;
  margin-bottom: 60px;
}
.rms-grid-row .one_third {
  width: -webkit-calc(33.33% - 30px);
  width: calc(33.33% - 30px);
  float: left;
  background: #FFF;
  padding-right: 45px;
}
.rms-grid-row .one_third h5, .rms-grid-row .one_third p {
  margin-top: 20px;
  margin-bottom: 40px;
}
.rms-grid-row .one_third h5 {
  font-size: 20px;
}
.rms-grid-row .one_third img {
  width: 100%;
}
.rms-grid-row .grid_image p {
  margin: 0;
}
@media screen and (max-width: 900px) {
  .rms-grid-row .one_third {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
  }
  .rms-grid-row .one_third:nth-child(2n) {
    padding-right: 0;
  }
  .rms-grid-row .one_third p {
    margin-top: 0px;
  }
  .rms-grid-row .one_third:nth-child(3n) {
    padding-right: 45px;
  }
}
@media screen and (max-width: 600px) {
  .rms-grid-row .one_third {
    width: 100%;
  }
  .rms-grid-row .one_third p {
    margin-top: 0px;
  }
}

.alternating-table {
  margin: 60px auto;
  overflow: auto;
}
.alternating-table .table-row .left-column {
  background-color: #F7F8FA;
  width: 100%;
  position: relative;
  display: block;
}
@media screen and (max-width: 900px) {
  .alternating-table .table-row .left-column {
    margin-bottom: 250px;
  }
}
.alternating-table .table-row .left-column .content {
  clear: both;
  text-align: left;
  width: 50%;
}
@media screen and (max-width: 900px) {
  .alternating-table .table-row .left-column .content {
    width: 100%;
  }
}
.alternating-table .table-row .left-column .content .data {
  padding: 80px;
}
@media screen and (max-width: 900px) {
  .alternating-table .table-row .left-column .content .data {
    left: 0 !important;
    padding: 20px;
  }
}
.alternating-table .table-row .left-column .content .data h3 {
  margin-bottom: 0.5em;
  color: #00ADEF;
  font-size: 3rem;
}
.alternating-table .table-row .left-column .right-column {
  height: 100%;
  width: 50%;
  background-color: #F7F8FA;
  right: 0;
  position: absolute;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 900px) {
  .alternating-table .table-row .left-column .right-column {
    width: auto;
    height: 250px;
    left: 0 !important;
    top: 100%;
  }
}

.feature-item .content {
  max-width: 750px;
  text-align: center;
  margin: auto;
}
.feature-item .content h1 {
  max-width: 580px;
  margin: auto;
  font-size: 30px !important;
}
.feature-item .image {
  display: block;
  margin: auto;
  width: 100%;
  text-align: center;
  max-width: 800px;
}
.feature-item .image img {
  width: 100%;
}

.featured-table {
  margin: 120px auto;
  position: relative;
}
@media screen and (max-width: 900px) {
  .featured-table {
    margin: 0 auto;
  }
}
.featured-table .table-row .left {
  width: 100%;
  position: relative;
  left: 100%;
  display: block;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
  }
}
.featured-table .table-row .right {
  left: 5%;
  -webkit-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
}
.featured-table .table-row .left_2 {
  width: 100%;
}
.featured-table .table-row .right_2 {
  right: -15% !important;
  -webkit-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}
.featured-table .table-row .left-column {
  width: 100%;
  position: relative;
  display: block;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left-column {
    margin-bottom: 340px;
  }
}
.featured-table .table-row .left-column .content {
  clear: both;
  text-align: left;
  width: 50%;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left-column .content {
    width: 100%;
  }
}
.featured-table .table-row .left-column .content .data {
  padding: 80px 0;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left-column .content .data {
    padding: 20px 0;
  }
}
.featured-table .table-row .left-column .translate {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  height: 100%;
  width: 100%;
  display: block;
  clear: both;
  position: absolute;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left-column .translate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.featured-table .table-row .left-column .right-column {
  height: 100%;
  width: 50%;
  right: 0;
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 900px) {
  .featured-table .table-row .left-column .right-column {
    top: 100%;
    width: 100%;
    height: 300px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }
}

.subscribe-form-rms .left-div {
  width: 60%;
  float: left;
  width: 60%;
  float: left;
  padding-right: 7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .subscribe-form-rms .left-div {
    width: 100%;
  }
}
.subscribe-form-rms .left-div b {
  color: #00AEEF;
  font-size: 16px;
}
.subscribe-form-rms h3 {
  margin-top: 0;
}
.subscribe-form-rms .right-div {
  width: 40%;
  float: left;
}
@media screen and (max-width: 900px) {
  .subscribe-form-rms .right-div {
    width: 100%;
    margin-top: 40px;
  }
}
.subscribe-form-rms .right-div .sub-form {
  width: 350px;
  margin: auto;
  display: block;
}
@media screen and (max-width: 900px) {
  .subscribe-form-rms .right-div .sub-form {
    width: 100%;
  }
}
.subscribe-form-rms .right-div .sub-form h3 {
  padding-bottom: 0;
}
.subscribe-form-rms .right-div .sub-form h3 + p {
  display: none;
}
.subscribe-form-rms .right-div .sub-form span {
  margin-bottom: 10px;
  display: inline-block;
  color: #666;
}
.subscribe-form-rms .right-div .sub-form input[type="text"] {
  border: 2px solid #00AEEF;
  width: 100%;
  border-radius: 15px;
  height: 50px;
  margin: 0;
}
.subscribe-form-rms .right-div .sub-form input[type="submit"] {
  margin-top: 30px;
  float: right;
}

.cta-button {
  clear: both;
  margin: 8rem 0;
}
.cta-button h3 {
  padding-bottom: 0 !important;
}

.container .themed-links .container {
  max-width: 100%;
  padding: 0;
}

.themed-links {
  padding: 12rem 2rem;
  overflow: hidden;
  clear: both;
  background: #00ADEF;
  color: white;
}
@media screen and (max-width: 1400px) {
  .themed-links {
    padding: 8rem 2rem;
  }
}
@media screen and (max-width: 800px) {
  .themed-links {
    padding: 6rem 2rem;
  }
}
.layout-builder .themed-links h3 {
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  color: white;
}
.themed-links .themed-links-list {
  width: 100%;
  margin: 0 auto;
  list-style: none;
}
.themed-links .themed-links-list::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.themed-links .themed-link {
  float: left;
  padding: 0 2rem;
  margin-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2rem;
}
.themed-links .themed-link p {
  font-size: 1em;
}
@media screen and (max-width: 700px) {
  .themed-links .themed-link {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .themed-links .themed-link {
    width: 100% !important;
  }
}
.themed-links .themed-link .themed-link-bg-icon {
  width: 5rem;
  height: 5rem;
  margin: 2rem auto;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 800px) {
  .themed-links .themed-link .btn, .themed-links .themed-link .form-block input[type="submit"], .form-block .themed-links .themed-link input[type="submit"], .themed-links .themed-link .form-block #btnSubmit, .form-block .themed-links .themed-link #btnSubmit {
    font-size: 15px;
  }
}

.layout-builder {
  overflow-x: hidden;
}
.layout-builder * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.layout-builder .constrain {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 600px) {
  .layout-builder {
    font-size: 0.8em;
  }
}
.layout-builder .center {
  text-align: center;
}
.layout-builder h2, .layout-builder h3, .layout-builder h4, .layout-builder h5, .layout-builder h6 {
  color: #00ADEF;
}
.layout-builder p {
  font-size: 1.15em;
  font-weight: 300;
}
.layout-builder li {
  font-weight: 300;
}
.layout-builder ol, .layout-builder li {
  margin-left: 1.5em;
}
.layout-builder .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 100px;
}
@media screen and (max-width: 900px) {
  .layout-builder .container {
    padding: 0 50px;
  }
}
@media screen and (max-width: 600px) {
  .layout-builder .container {
    padding: 0 20px;
  }
}
.layout-builder .content-block {
  margin: 4em 0;
}
.layout-builder .content-block ol, .layout-builder .content-block ul {
  font-size: 1.15em;
  list-style-position: outside;
}
.layout-builder .content-block li {
  font-size: 1em;
}

.btn, .form-block input[type="submit"], .form-block #btnSubmit, a.btn, .form-block a#btnSubmit {
  display: inline-block;
  padding: 0.75em 2.25em;
  text-decoration: none;
  font-size: 18px;
  border-radius: 1.75em;
  font-weight: 300;
  color: #00ADEF;
  border: 1px solid #00ADEF;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  margin: 0.5em 0;
}
.btn:hover, .form-block input[type="submit"]:hover, .form-block #btnSubmit:hover, a.btn:hover, .form-block a#btnSubmit:hover {
  background-color: #00ADEF;
  color: white;
}
.btn--block, a.btn--block {
  display: block;
  text-align: center;
}
.btn--blue, a.btn--blue {
  color: white;
  background-color: #00ADEF;
}
.btn--blue:hover, a.btn--blue:hover {
  background-color: transparent;
  color: #00ADEF;
}
.btn--cyan, a.btn--cyan {
  color: white;
  background-color: #00BAB0;
  border-color: #00BAB0;
}
.btn--cyan:hover, a.btn--cyan:hover {
  background-color: transparent;
  color: #00BAB0;
}
.btn--orange, a.btn--orange {
  color: white;
  background-color: #FF8035;
  border-color: #FF8035;
}
.btn--orange:hover, a.btn--orange:hover {
  background-color: transparent;
  color: #FF8035;
}
.btn--grey, .form-block input[type="submit"], .form-block #btnSubmit, a.btn--grey, .form-block a#btnSubmit {
  background-color: #444e51;
  color: white !important;
  border-color: #444e51;
}
.btn--invertwhite, a.btn--invertwhite {
  color: #00ADEF;
  border-color: white;
  background-color: white;
}
.btn--invertwhite:hover, a.btn--invertwhite:hover {
  background-color: transparent;
  color: white;
  border-color: white;
}
.btn--whiteghost-blue, .themed-links .btn, .themed-links .form-block input[type="submit"], .form-block .themed-links input[type="submit"], .themed-links .form-block #btnSubmit, .form-block .themed-links #btnSubmit, a.btn--whiteghost-blue, .themed-links a.btn, .themed-links .form-block a#btnSubmit, .form-block .themed-links a#btnSubmit {
  color: white;
  border-color: white;
  background-color: none;
}
.btn--whiteghost-blue:hover, .themed-links .btn:hover, .themed-links .form-block input[type="submit"]:hover, .form-block .themed-links input[type="submit"]:hover, .themed-links .form-block #btnSubmit:hover, .form-block .themed-links #btnSubmit:hover, a.btn--whiteghost-blue:hover, .themed-links a.btn:hover, .themed-links .form-block a#btnSubmit:hover, .form-block .themed-links a#btnSubmit:hover {
  background-color: white;
  color: #00ADEF;
  border-color: white;
}
.btn.white, .form-block input.white[type="submit"], .form-block .white#btnSubmit, a.btn.white, .form-block a.white#btnSubmit {
  color: white;
  border-color: white;
}
.btn.white:hover, .form-block input.white[type="submit"]:hover, .form-block .white#btnSubmit:hover, a.btn.white:hover, .form-block a.white#btnSubmit:hover {
  background-color: white;
  color: #404041;
}

@media screen and (max-width: 600px) {
  .btn, .form-block input[type="submit"], .form-block #btnSubmit, a.btn, .form-block a#btnSubmit {
    font-size: 15px;
  }
}
.btn--play {
  font-size: 16px;
  margin: 2em 0;
}
.btn--play [class^="icon-"] {
  font-size: 0.75em;
}

.alternating-table {
  margin-bottom: 4em;
}

.integrate-2016 .page {
  padding: 5em 3em;
  margin: 0 0 4em;
  background: url(../images/avt-integrate-background.png);
  background-position: center;
  background-size: cover;
}

.secret-cta {
  padding: 4em 0;
}

.knowledge-series-content {
  list-style: none;
  margin-top: 4em;
  margin-bottom: 4em;
}
@media screen and (max-width: 600px) {
  .knowledge-series-content .btn, .knowledge-series-content .form-block input[type="submit"], .form-block .knowledge-series-content input[type="submit"], .knowledge-series-content .form-block #btnSubmit, .form-block .knowledge-series-content #btnSubmit {
    font-size: 1.5rem;
  }
}
.knowledge-series-content img.alignright {
  width: 50%;
  float: right;
  margin-right: -5em;
  margin-left: 3em;
  margin-top: 3em;
  margin-bottom: 3em;
  height: auto;
}
.knowledge-series-content img.alignleft {
  width: 50%;
  float: left;
  margin-right: 3em;
  margin-left: -5em;
  margin-top: 3em;
  margin-bottom: 3em;
  height: auto;
}
@media screen and (max-width: 600px) {
  .knowledge-series-content img.alignleft,
  .knowledge-series-content img.alignright {
    width: 100%;
    float: none;
    display: block;
    margin: 1em 0;
  }
}
.knowledge-series-content img.aligncenter {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
.knowledge-series-content .knowledge-series-content-chapter {
  margin-left: 0;
}
.knowledge-series-content .chapter {
  margin-bottom: 0;
  width: 100%;
}
.knowledge-series-content .chapter-title {
  margin-top: 0;
  width: 100%;
}
.knowledge-series-content .series-content-table-of-contents {
  width: 400px;
  max-width: 100%;
  position: relative;
  margin: 0;
  -webkit-border-radiuse: 2px;
  border-radius: 2px;
  margin: 2rem 0;
}
.knowledge-series-content .series-content-table-of-contents h3 {
  color: white;
  background-color: #00ADEF;
  font-size: 2rem;
  padding: 1rem 3rem;
  margin: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.knowledge-series-content .series-content-table-of-contents h3 i {
  font-size: 1rem;
  vertical-align: middle;
  margin: 0 2em;
}
.knowledge-series-content .series-content-table-of-contents h3.open i {
  display: inline-block;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.knowledge-series-content .series-content-table-of-contents ul {
  position: absolute;
  list-style: none;
  margin: 0;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
}
.knowledge-series-content .series-content-table-of-contents li {
  display: block;
  margin: 0;
}
.knowledge-series-content .series-content-table-of-contents li.active a {
  font-weight: 600;
}
.knowledge-series-content .series-content-table-of-contents a {
  font-size: 1.75rem;
  text-decoration: none;
  display: block;
  padding: 1.5rem 3rem;
}
.knowledge-series-content .series-content-table-of-contents a:hover {
  background-color: #FFF;
}

.knowledge-series-content-chapter-navigation {
  margin: 1em 0;
}
@media screen and (max-width: 600px) {
  .knowledge-series-content-chapter-navigation .btn, .knowledge-series-content-chapter-navigation .form-block input[type="submit"], .form-block .knowledge-series-content-chapter-navigation input[type="submit"], .knowledge-series-content-chapter-navigation .form-block #btnSubmit, .form-block .knowledge-series-content-chapter-navigation #btnSubmit {
    font-size: 1.5rem;
  }
}
.knowledge-series-content-chapter-navigation .knowledge-series-content-next {
  float: right;
}
.knowledge-series-content-chapter-navigation .knowledge-series-content-next.disabled,
.knowledge-series-content-chapter-navigation .knowledge-series-content-prev.disabled {
  color: #9EA1A1;
  border-color: #9EA1A1;
  pointer-events: none;
}

.banner-heading {
  padding: 4em 0;
  position: relative;
  text-align: center;
}
.banner-heading .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner-heading:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00ADEF;
  opacity: 0.9;
}
.banner-heading h2 {
  color: white;
  position: relative;
  z-index: 10;
  margin: 0;
}

.guests {
  padding: 4em 0;
  background: #f7f8fa;
}
.guests hr {
  margin: 0;
}
.guests .guest-list {
  margin: 0 -2em;
  list-style: none;
  text-align: center;
}
.guests .guest-list:after {
  content: '';
  display: block;
  clear: both;
}
.guests .guest {
  padding: 0 2em;
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 1200px) {
  .guests .guest {
    width: 50%;
  }
}
@media screen and (max-width: 760px) {
  .guests .guest {
    width: 100%;
  }
}
.guests .guest-portrait {
  height: 10em;
  width: 10em;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 1.5em;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 760px) {
  .guests .guest-portrait {
    height: 7em;
    width: 7em;
  }
}
.guests .guest-title {
  font-weight: 300;
}
.guests .guests-content {
  margin-bottom: 3em;
}
.guests .bio {
  font-size: 1.25rem;
  margin-top: 1em;
}
.guests .guest-list--secondary {
  margin: 8rem auto 0;
}
@media screen and (max-width: 500px) {
  .guests .guest-list--secondary {
    margin: 4rem auto 0;
  }
}
.guests .guest-list--secondary .guest {
  width: 16%;
}
@media screen and (max-width: 1300px) {
  .guests .guest-list--secondary .guest {
    width: 33.33%;
  }
}
@media screen and (max-width: 500px) {
  .guests .guest-list--secondary .guest {
    width: 50%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.guests .guest-list--secondary .guest-portrait {
  height: 8em;
  width: 8em;
}
.guests .guest-list--secondary .guest-name {
  font-size: 1.75rem;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 500px) {
  .guests .guest-list--secondary .guest-name {
    font-size: 1.5rem;
  }
}
.guests .guest-list--secondary .guest-title {
  font-size: 1.25rem;
  line-height: 1.5;
  display: block;
}

.get-social {
  color: white;
  background: #00ADEF;
  text-align: center;
  padding: 4em 2em;
}
.get-social .title {
  color: inherit;
}
.get-social .social-content p, .get-social .social-content span, .get-social .social-content a {
  color: inherit;
}
.get-social .row.icons {
  text-align: center;
  font-size: 2em;
}
.get-social .row.icons [class^="icon-"] {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.get-social .row.icons [class^="icon-"]:hover {
  opacity: 0.7;
}
.get-social .row.icons [class^="icon-"]:before,
.get-social .row.icons [class*=" icon-"]:before {
  width: auto;
  margin: 0 1em;
}
@media screen and (max-width: 600px) {
  .get-social .row.icons [class^="icon-"]:before,
  .get-social .row.icons [class*=" icon-"]:before {
    margin: 0 0.25em;
  }
}

.events-schedule-events {
  list-style: none;
  margin-bottom: 4em;
}
.events-schedule-events .open .event-day-date i:before {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.events-schedule-events .events-schedule-event-day {
  background: #f7f8fa;
  font-size: 1em;
}
@media screen and (max-width: 900px) {
  .events-schedule-events .events-schedule-event-day {
    font-size: 0.85em;
  }
}
.events-schedule-events .events-schedule-event-day .events-schedule-day-events {
  list-style: none;
  margin: 0;
  padding: 3em 5em;
}
@media screen and (max-width: 1200px) {
  .events-schedule-events .events-schedule-event-day .events-schedule-day-events {
    padding: 2em 3em;
  }
}
@media screen and (max-width: 500px) {
  .events-schedule-events .events-schedule-event-day .events-schedule-day-events {
    padding: 1.5em;
  }
}
.events-schedule-events .events-schedule-event-day .day-event {
  padding: 2em 7em;
  text-align: center;
  border-bottom: 1px solid #00ADEF;
}
@media screen and (max-width: 1200px) {
  .events-schedule-events .events-schedule-event-day .day-event {
    padding: 1em 0;
  }
}
@media screen and (max-width: 900px) {
  .events-schedule-events .events-schedule-event-day .day-event {
    text-align: left;
  }
}
.events-schedule-events .events-schedule-event-day .day-event:last-child {
  border-bottom: none;
}
.events-schedule-events .events-schedule-event-day .day-event h4 {
  font-size: 2em;
  margin-bottom: 0.25em;
}
.events-schedule-events .events-schedule-event-day .day-event h5 {
  margin: 0.5em 0 0.25em;
}
.events-schedule-events .events-schedule-event-day .event-time {
  font-size: 1.25em;
  margin-bottom: 1em;
}
.events-schedule-events .events-schedule-event-day .event-content {
  margin: 1em 0;
}
.events-schedule-events .events-schedule-event-day .event-content p {
  margin-bottom: 0.5em;
}
.events-schedule-events .event-day-date {
  text-align: center;
  background: #00ADEF;
  color: white;
  padding: 1em;
  font-size: 1.5em;
  margin: 0;
}
.events-schedule-events .event-day-date h2, .events-schedule-events .event-day-date h3, .events-schedule-events .event-day-date h4 {
  color: inherit;
  margin: 0;
  font-size: inherit;
}
.events-schedule-events .event-day-date i {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 0.25em;
  margin: 0 2em;
  vertical-align: middle;
}
.events-schedule-events .event-day-date i:before {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  vertical-align: middle;
}
.events-schedule-events .event-day-date span {
  font-size: 0.75em;
  display: block;
}

.turning-30 .embed {
  background-image: url("../images/playlist-background2.jpg");
}

.embed {
  background-size: cover;
  padding: 4em 0;
  background-repeat: no-repeat;
  background-position: center top;
}
.embed .row h3 {
  margin-top: 0;
}
.embed .row .embed-container {
  max-height: 300px;
  max-width: 800px;
  margin: auto;
}
@media (max-width: 536px) {
  .embed .row .embed-container {
    padding-bottom: 100%;
  }
}

.content-and-locations .locations {
  margin: 0 -1rem;
}
.content-and-locations .locations::after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.content-and-locations .location {
  width: 25%;
  padding: 0 1rem;
  margin: 0;
  float: left;
  color: #FFF;
  text-align: center;
}
.content-and-locations .location-square {
  position: relative;
}
.content-and-locations .location .bg-image {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1000px) {
  .content-and-locations .location {
    width: 50%;
  }
  .content-and-locations .location .bg-image {
    padding-bottom: 60%;
  }
}
@media screen and (max-width: 600px) {
  .content-and-locations .location {
    width: 100%;
  }
  .content-and-locations .location .bg-image {
    padding-bottom: 30%;
  }
}
.content-and-locations .location .text {
  text-align: center;
  vertical-align: middle;
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.content-and-locations .location .text em {
  font-weight: 500;
  font-size: 1.5em;
  font-style: normal;
}
.content-and-locations .location .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(5, 30, 66, 0.9);
  color: #FFF;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.content-and-locations .location .hover-overlay:hover {
  opacity: 1;
}
.content-and-locations .location .hover-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.alternate-rows > ul {
  margin-bottom: 0;
}
.alternate-rows li {
  list-style: none;
  margin: 0;
  /**/
  padding: 5% 0;
}
.alternate-rows li.blue {
  background-color: #f4fbfe;
}
.alternate-rows li .text {
  padding: 2.65% 6.2% 2.65% 6.2%;
}
.alternate-rows li.right .text {
  padding: 2.65% 6.2% 2.65% 6.2%;
  float: left;
  width: 57.5%;
}
.alternate-rows li.right .image {
  float: right;
}
@media (min-width: 600px) {
  .alternate-rows li.right .image {
    height: 100%;
  }
}
.alternate-rows li .centralizer {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  display: table;
  position: relative;
  height: 100%;
}
@media (max-width: 600px) {
  .alternate-rows li .centralizer {
    position: static;
  }
}
@media (min-width: 768px) {
  .alternate-rows li .valigner {
    width: 100% !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
  .alternate-rows li .text {
    display: inline-block !important;
    width: 52% !important;
    vertical-align: middle !important;
    float: none !important;
  }
  .alternate-rows li .image {
    display: inline-block !important;
    width: 48% !important;
    vertical-align: middle !important;
    float: none !important;
  }
  .alternate-rows li.right .text {
    position: relative;
    right: 48%;
  }
  .alternate-rows li.right .image {
    position: relative;
    left: 52%;
  }
}
.alternate-rows li .text {
  display: table-cell;
}
.alternate-rows li .image {
  display: table-cell;
  width: 42.5%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 900px) {
  .alternate-rows li h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  .alternate-rows li {
    padding-bottom: 0;
    padding-top: 120px;
    position: relative;
  }
  .alternate-rows li .text, .alternate-rows li .image {
    display: block;
    width: 100% !important;
    min-height: 120px;
  }
  .alternate-rows li .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .alternate-rows li .text {
    padding: 6% !important;
  }
}
.alternate-rows li.cyan {
  background-color: rgba(0, 186, 176, 0.05);
}
.alternate-rows li.cyan h2 {
  color: #00BAB0;
}
.alternate-rows li.cyan .btn, .alternate-rows li.cyan .form-block input[type="submit"], .form-block .alternate-rows li.cyan input[type="submit"], .alternate-rows li.cyan .form-block #btnSubmit, .form-block .alternate-rows li.cyan #btnSubmit {
  border: 2px solid #00BAB0;
  color: white;
  background-color: #00BAB0;
}
.alternate-rows li.cyan .btn:hover, .alternate-rows li.cyan .form-block input[type="submit"]:hover, .form-block .alternate-rows li.cyan input[type="submit"]:hover, .alternate-rows li.cyan .form-block #btnSubmit:hover, .form-block .alternate-rows li.cyan #btnSubmit:hover {
  color: #00BAB0;
  background-color: transparent;
}
.alternate-rows li.yellow {
  background-color: rgba(255, 203, 55, 0.05);
}
.alternate-rows li.yellow h2 {
  color: #FFCB37;
}
.alternate-rows li.yellow .btn, .alternate-rows li.yellow .form-block input[type="submit"], .form-block .alternate-rows li.yellow input[type="submit"], .alternate-rows li.yellow .form-block #btnSubmit, .form-block .alternate-rows li.yellow #btnSubmit {
  border: 2px solid #FFCB37;
  color: white;
  background-color: #FFCB37;
}
.alternate-rows li.yellow .btn:hover, .alternate-rows li.yellow .form-block input[type="submit"]:hover, .form-block .alternate-rows li.yellow input[type="submit"]:hover, .alternate-rows li.yellow .form-block #btnSubmit:hover, .form-block .alternate-rows li.yellow #btnSubmit:hover {
  color: #FFCB37;
  background-color: transparent;
}
.alternate-rows li.bluer {
  background-color: rgba(0, 173, 239, 0.05);
}
.alternate-rows li.bluer h2 {
  color: #00ADEF;
}
.alternate-rows li.bluer .btn, .alternate-rows li.bluer .form-block input[type="submit"], .form-block .alternate-rows li.bluer input[type="submit"], .alternate-rows li.bluer .form-block #btnSubmit, .form-block .alternate-rows li.bluer #btnSubmit {
  border: 2px solid #00ADEF;
  color: white;
  background-color: #00ADEF;
}
.alternate-rows li.bluer .btn:hover, .alternate-rows li.bluer .form-block input[type="submit"]:hover, .form-block .alternate-rows li.bluer input[type="submit"]:hover, .alternate-rows li.bluer .form-block #btnSubmit:hover, .form-block .alternate-rows li.bluer #btnSubmit:hover {
  color: #00ADEF;
  background-color: transparent;
}
.alternate-rows li.orange {
  background-color: rgba(255, 128, 53, 0.05);
}
.alternate-rows li.orange h2 {
  color: #FF8035;
}
.alternate-rows li.orange .btn, .alternate-rows li.orange .form-block input[type="submit"], .form-block .alternate-rows li.orange input[type="submit"], .alternate-rows li.orange .form-block #btnSubmit, .form-block .alternate-rows li.orange #btnSubmit {
  border: 2px solid #FF8035;
  color: white;
  background-color: #FF8035;
}
.alternate-rows li.orange .btn:hover, .alternate-rows li.orange .form-block input[type="submit"]:hover, .form-block .alternate-rows li.orange input[type="submit"]:hover, .alternate-rows li.orange .form-block #btnSubmit:hover, .form-block .alternate-rows li.orange #btnSubmit:hover {
  color: #FF8035;
  background-color: transparent;
}
.alternate-rows li.green {
  background-color: rgba(0, 191, 131, 0.05);
}
.alternate-rows li.green h2 {
  color: #00BF83;
}
.alternate-rows li.green .btn, .alternate-rows li.green .form-block input[type="submit"], .form-block .alternate-rows li.green input[type="submit"], .alternate-rows li.green .form-block #btnSubmit, .form-block .alternate-rows li.green #btnSubmit {
  border: 2px solid #00BF83;
  color: white;
  background-color: #00BF83;
}
.alternate-rows li.green .btn:hover, .alternate-rows li.green .form-block input[type="submit"]:hover, .form-block .alternate-rows li.green input[type="submit"]:hover, .alternate-rows li.green .form-block #btnSubmit:hover, .form-block .alternate-rows li.green #btnSubmit:hover {
  color: #00BF83;
  background-color: transparent;
}
.alternate-rows li.no-bg {
  background-color: white;
}
@media screen and (max-width: 600px) {
  .alternate-rows .no-crop {
    padding-top: 0;
  }
}
.alternate-rows .no-crop .text {
  width: 57.5%;
}
.alternate-rows .no-crop .text, .alternate-rows .no-crop .image {
  display: block;
  float: left;
}
@media screen and (max-width: 768px) {
  .alternate-rows .no-crop .text, .alternate-rows .no-crop .image {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .alternate-rows .no-crop .text, .alternate-rows .no-crop .image {
    position: static;
  }
}

.testimonial-section {
  width: 100%;
  margin: 90px auto;
  max-width: 1400px;
  background-color: #e1e1e1;
  display: table;
}
.testimonial-section .image {
  display: table-cell;
  height: 100%;
  width: 50%;
  background-size: cover;
  background-position: center;
}
.testimonial-section .text {
  padding: 20.2% 0;
}
.testimonial-section h2, .testimonial-section p {
  color: black;
  line-height: 1.5em;
  letter-spacing: normal;
  font-size: 1.4em;
}
.testimonial-section h2 {
  font-weight: 500;
  margin: 0 0 0 12.5%;
}
.testimonial-section p {
  position: relative;
  padding: 5.2% 7.9% 0 12.5%;
  margin: 0;
}
.testimonial-section p:before {
  content: url("../images/left-quote.png");
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial-section p:after {
  content: url("../images/right-quote.png");
  display: inline-block;
  vertical-align: text-top;
  margin: 7px;
}

.birthday-cta {
  background-color: #00ADEF;
  padding: 10rem 2rem;
  overflow: hidden;
  position: relative;
}
.birthday-cta .birthday-cta-background-hands {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.05;
  background-image: url("../images/thirty-years/background-hands.svg");
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center bottom;
}
@media (max-width: 768px) {
  .birthday-cta .birthday-cta-background-hands {
    background-size: 200% auto;
  }
}
.birthday-cta::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url("../images/thirty-years/background-shapes.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center -40px;
  opacity: .33;
  z-index: 1;
}
@media (max-width: 768px) {
  .birthday-cta::after {
    background-position: center top;
  }
}
.birthday-cta::before {
  z-index: 3;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url("../images/thirty-years/foreground-hands.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.birthday-cta .content {
  z-index: 10;
  text-align: center;
  position: relative;
  display: block;
}
.birthday-cta .content .heading {
  margin: 0 auto 3rem;
}
.birthday-cta .content .header-image {
  display: block;
  margin: 0 auto 3rem;
}
.birthday-cta .content p {
  color: white;
  max-width: 40em;
  margin-left: auto;
  margin-right: auto;
}

.which-rms-cta {
  background-image: url(../images/rms/find-right-solution-cta-panel-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 12rem 2rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .which-rms-cta {
    padding-bottom: 20rem;
    opacity: 1;
  }
}
.which-rms-cta::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.which-rms-cta .heading {
  margin-top: 0;
}
@media screen and (min-width: 801px) {
  .which-rms-cta .heading {
    font-size: 3em;
  }
}
@media screen and (min-width: 601px) {
  .which-rms-cta .heading {
    max-width: 80%;
  }
}
.which-rms-cta .content {
  width: 50%;
  position: relative;
  float: left;
}
@media screen and (max-width: 1100px) {
  .which-rms-cta .content {
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .which-rms-cta .btn, .which-rms-cta .form-block input[type="submit"], .form-block .which-rms-cta input[type="submit"], .which-rms-cta .form-block #btnSubmit, .form-block .which-rms-cta #btnSubmit {
    font-size: 1.5rem;
  }
}
.which-rms-cta .background-gears-container {
  position: absolute;
  top: 30%;
  left: 80%;
  width: 40%;
  min-width: 60rem;
  -webkit-transform: translate(0, -20%);
  -ms-transform: translate(0, -20%);
  transform: translate(0, -20%);
}
@media screen and (max-width: 800px) {
  .which-rms-cta .background-gears-container {
    opacity: 0.75;
  }
}
@media screen and (max-width: 600px) {
  .which-rms-cta .background-gears-container {
    left: 50%;
  }
}
.which-rms-cta .background-gears-container .gear {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.which-rms-cta__ipad {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 60%;
  min-width: 60rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (max-width: 1100px) {
  .which-rms-cta__ipad {
    opacity: 0.3;
  }
}
@media screen and (max-width: 800px) {
  .which-rms-cta__ipad {
    top: 110%;
    opacity: 1;
  }
}
@media screen and (max-width: 700px) {
  .which-rms-cta__ipad {
    top: 150%;
    left: 0;
  }
}
.which-rms-cta__ipad::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 75%;
  background-image: url(../images/rms/rms-solution-cta-ipad.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20%;
}

.content-and-image,
.content-and-video-popups {
  padding: 12rem 2rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .content-and-image,
  .content-and-video-popups {
    padding: 8rem 2rem;
  }
}
@media screen and (max-width: 800px) {
  .content-and-image,
  .content-and-video-popups {
    padding: 6rem 2rem;
  }
}
.content-and-image .heading,
.content-and-video-popups .heading {
  margin-top: 0;
}
@media screen and (min-width: 1101px) {
  .content-and-image .heading,
  .content-and-video-popups .heading {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
}
.content-and-image .content,
.content-and-video-popups .content {
  width: 60%;
  position: relative;
  float: right;
}
@media screen and (max-width: 1100px) {
  .content-and-image .content,
  .content-and-video-popups .content {
    width: 100%;
  }
}
.content-and-image .image,
.content-and-video-popups .image {
  position: absolute;
  width: 40%;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
}
.content-and-image.image-side .image,
.content-and-video-popups.image-side .image {
  max-height: 400px;
  top: 15%;
  bottom: 15%;
  background-position: right center;
  right: 65%;
  left: auto;
}
.content-and-image.image-bottom .image,
.content-and-video-popups.image-bottom .image {
  width: 35%;
  background-position: bottom center;
  top: 12rem;
  bottom: -12rem;
  left: 0;
}
@media screen and (max-width: 1400px) {
  .content-and-image.image-bottom .image,
  .content-and-video-popups.image-bottom .image {
    top: 8rem;
    bottom: -8rem;
  }
}
@media screen and (max-width: 800px) {
  .content-and-image.image-bottom .image,
  .content-and-video-popups.image-bottom .image {
    top: 6rem;
    bottom: -6rem;
  }
}

@media screen and (min-width: 1401px) {
  .content-and-image {
    min-height: 700px;
  }
}
.content-and-image.has-bg {
  background-color: #f7f8fa;
}
.content-and-image:nth-of-type(even) .content {
  float: left;
}
.content-and-image:nth-of-type(even) .image {
  right: auto;
  left: 65%;
}
.content-and-image:nth-of-type(even).image-side .image {
  background-position: left center;
}
.content-and-image:nth-of-type(even).image-bottom .image {
  left: auto;
  right: 0;
}
@media screen and (max-width: 1100px) {
  .content-and-image {
    padding-top: 32rem;
  }
  .content-and-image.image-side .image {
    height: 22rem;
    width: auto;
    background-position: left center;
    top: 6rem;
    bottom: auto;
    left: 12rem;
    right: 12rem;
  }
}
@media screen and (max-width: 800px) {
  .content-and-image.image-side .image {
    left: 6rem;
    right: 6rem;
  }
}
@media screen and (max-width: 600px) {
  .content-and-image.image-side .image {
    left: 3rem;
    right: 3rem;
  }
}

@media screen and (max-width: 1100px) {
  .content-and-video-popups .image {
    display: none;
  }
}
.content-and-video-popups:nth-of-type(even) {
  background-color: #f7f8fa;
}
.content-and-video-popups:nth-of-type(even) .content {
  float: left;
}
.content-and-video-popups:nth-of-type(even) .image {
  right: auto;
  left: 65%;
}
.content-and-video-popups:nth-of-type(even).image-side .image {
  background-position: left center;
}
.content-and-video-popups:nth-of-type(even).image-bottom .image {
  left: auto;
  right: 0;
}
.content-and-video-popups .video-popups {
  margin-top: 6rem;
  list-style: none;
  margin: 3rem -2rem;
}
@media screen and (max-width: 768px) {
  .content-and-video-popups .video-popups {
    margin-top: 3rem;
  }
}
.content-and-video-popups .video-popup {
  margin: 0 0 2rem;
  padding: 0 2rem;
  text-align: center;
  display: inline-block;
  padding-right: 2rem;
  width: 33.33%;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .content-and-video-popups .video-popup {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .content-and-video-popups .video-popup {
    padding: 0 2rem;
    width: 50%;
  }
}
@media screen and (max-width: 450px) {
  .content-and-video-popups .video-popup {
    width: 100%;
    text-align: left;
  }
}
.content-and-video-popups .wistia_responsive_padding {
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle;
}
.content-and-video-popups .wistia_embed,
.content-and-video-popups [id^="wistia"],
.content-and-video-popups .wistia_responsive_wrapper {
  position: static !important;
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
}
.content-and-video-popups .video-popup-icon {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 1rem;
  border: 4px solid #e1e1e1;
  background: #e1e1e1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .content-and-video-popups .video-popup-icon {
    width: 10rem;
    height: 10rem;
  }
}
.content-and-video-popups .video-popup-icon__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 50%;
}
.content-and-video-popups .video-popup-icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.4;
  background: black;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.content-and-video-popups .video-popup-icon .video-thumbnail-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  overflow: hidden;
}
.content-and-video-popups .video-popup-icon .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  opacity: 1;
  font-size: 3rem;
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  z-index: 5;
}
.content-and-video-popups .video-popup-icon:hover::after {
  opacity: 0;
}
.content-and-video-popups .video-popup-icon:hover .icon-play {
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  -ms-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
.content-and-video-popups .video-description {
  display: block;
}
@media screen and (max-width: 450px) {
  .content-and-video-popups .video-description {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2rem;
    max-width: -webkit-calc(100% - 16rem);
    max-width: calc(100% - 16rem);
  }
}
.content-and-video-popups .video-title {
  display: block;
  font-size: 2rem;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .content-and-video-popups .video-title {
    font-size: 1.5rem;
  }
}
.content-and-video-popups .tooltip-circle {
  height: 3rem;
  width: 3rem;
  display: inline-block;
  background-color: #7A8BA0;
  color: white;
  border-radius: 50%;
  margin: 1rem;
  text-align: center;
}
.content-and-video-popups .tooltip-circle i {
  vertical-align: middle;
}
.content-and-video-popups .tooltip-circle::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.gallery-strip .item-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.gallery-strip .item-wrapper.w-6 {
  width: 16.66%;
}
@media (max-width: 768px) {
  .gallery-strip .item-wrapper.w-6 {
    width: 33.33%;
  }
}
.gallery-strip .item-wrapper.w-5 {
  width: 20%;
}
@media (max-width: 768px) {
  .gallery-strip .item-wrapper.w-5 {
    width: 33.33%;
  }
  .gallery-strip .item-wrapper.w-5:nth-of-type(-n 2) {
    width: 50%;
  }
}
.gallery-strip .item-wrapper.w-4 {
  width: 25%;
}
@media (max-width: 768px) {
  .gallery-strip .item-wrapper.w-4 {
    width: 50%;
  }
}
.gallery-strip .item-wrapper.w-3 {
  width: 33.33%;
  padding: .5rem;
}
@media (max-width: 600px) {
  .gallery-strip .item-wrapper.w-3 {
    width: 50%;
  }
  .gallery-strip .item-wrapper.w-3:last-of-type {
    width: 100%;
  }
}
.gallery-strip .item-wrapper.w-2 {
  width: 50%;
}
.gallery-strip .item-wrapper.w-1 {
  width: 100%;
}
.gallery-strip .item-wrapper .gallery-item {
  background-size: cover;
  background-position: center;
}
.gallery-strip .item-wrapper .gallery-item:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.recent-blogs {
  margin: 4em 0;
}
.recent-blogs .white-page {
  padding-top: 0;
}
.recent-blogs ul {
  list-style: none;
  margin: 0;
}
.recent-blogs ul * {
  outline: none !important;
}
.recent-blogs ul li.slick-slide {
  list-style: none;
  margin: 0;
  padding: 0 3rem;
  float: auto !important;
  height: auto !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  outline: none !important;
}
@media screen and (max-width: 1000px) {
  .recent-blogs ul li.slick-slide {
    padding: 0 1rem;
  }
}
.recent-blogs .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.recent-blogs .slick-dots {
  top: 100%;
  padding-top: 2rem;
}
.recent-blogs .slick-dots li button {
  border-color: #9EA1A1;
}
.recent-blogs .slick-dots .slick-active button {
  background-color: #9EA1A1;
}
.recent-blogs .recent-blog-post-card {
  background-color: #f0f0f0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.recent-blogs .recent-blog-post-card:hover {
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.recent-blogs .card-title {
  font-size: 2rem;
}
.recent-blogs .recent-blog-post-featured-image {
  width: 100%;
  height: auto;
}
.recent-blogs .card-content {
  padding: 2.5rem 2.5rem;
}
.recent-blogs p {
  color: #9EA1A1;
}

.alternate-rows--videos li .video {
  width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.alternate-rows--videos li .text {
  width: 60% !important;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .alternate-rows--videos li.blue .text {
    position: relative;
    right: 40%;
  }
  .alternate-rows--videos li.blue .video {
    position: relative;
    left: 60%;
  }
}
@media screen and (max-width: 768px) {
  .alternate-rows--videos li {
    padding-top: 0;
  }
  .alternate-rows--videos li .video, .alternate-rows--videos li .text {
    width: 100% !important;
  }
  .alternate-rows--videos li .text {
    padding-bottom: 5rem !important;
  }
}

.landing-page-content-and-form * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 780px) {
  .landing-page-content-and-form.white-page {
    padding: 6rem;
  }
}
@media screen and (min-width: 900px) {
  .landing-page-content-and-form.white-page {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 1451px) {
  .landing-page-content-and-form.white-page {
    padding: 10rem 0;
  }
}
.landing-page-content-and-form select {
  background-color: transparent !important;
}
.landing-page-content-and-form::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media screen and (min-width: 780px) {
  .landing-page-content-and-form .left-side-content {
    width: 60%;
    float: left;
    padding-right: 5rem;
  }
}
.landing-page-content-and-form .left-side-content :first-child {
  margin-top: 0;
}
.landing-page-content-and-form .left-side-content b, .landing-page-content-and-form .left-side-content strong {
  font-weight: 300;
  color: #00ADEF;
}
.landing-page-content-and-form .left-side-content h2 {
  font-weight: 500;
  margin-bottom: 1em;
}
.landing-page-content-and-form .left-side-content h2 [class^="icon-"] {
  display: inline;
}
.landing-page-content-and-form .left-side-content h2 [class^="icon-"]::before {
  margin: 0;
  width: auto;
  margin-right: 0.085em;
  margin-left: 0.085em;
}
.landing-page-content-and-form .left-side-content h3 {
  font-size: 1.8rem;
  color: #33609f;
}
.landing-page-content-and-form .left-side-content ul {
  list-style-position: outside;
}
@media screen and (min-width: 780px) {
  .landing-page-content-and-form .right-side-content {
    width: 40%;
    float: right;
  }
}
@media screen and (max-width: 779px) {
  .landing-page-content-and-form .right-side-content {
    margin-top: 4rem;
  }
}
.landing-page-content-and-form .right-side-content :first-child {
  margin-top: 0;
}

.social-share {
  position: relative;
  height: 100%;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-bottom: 2rem;
  text-align: center;
  clear: left;
}
.social-share .social-list {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.social-share .social-list li {
  margin: 0 .5rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  display: inline-block;
}
@media (max-width: 1180px) {
  .social-share .social-list li {
    margin: 0;
  }
}
.social-share .social-list li a {
  display: block;
  position: relative;
}
.social-share .social-list li a i {
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  border-radius: 40px;
  color: #ffffff;
  background-color: none;
  text-shadow: 0 0 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  padding-left: 2px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1180px) {
  .social-share .social-list li a i {
    border-radius: 0;
  }
}
.social-share .social-list li a .icon-facebook {
  background-color: #3e5b98;
}
.social-share .social-list li a .icon-twitter {
  background-color: #4da7de;
}
.social-share .social-list li a .icon-linkedin {
  background-color: #0177B5;
}

.awesome-hero {
  position: relative;
  padding: 26rem 3rem;
  text-align: center;
  color: #FFF;
  overflow: hidden;
}
.awesome-hero .background-image {
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: -1rem;
  right: -1rem;
  background-size: cover;
  background-position: center;
}
.awesome-hero .background-image::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}
.awesome-hero h1 {
  position: relative;
}
.awesome-hero .sub-heading {
  max-width: 70rem;
  margin: 0 auto;
  display: block;
  font-weight: 300;
  font-size: 1.75rem;
  position: relative;
}
.awesome-hero-bar {
  padding: 1rem;
  position: absolute;
  font-size: 1.8rem;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 300;
  background-color: rgba(4, 64, 88, 0.55);
}
.awesome-hero-bar-prompt {
  display: inline-block;
  margin-right: 1em;
  margin-left: 1em;
}
@media screen and (min-width: 501px) {
  .awesome-hero-bar-prompt {
    margin-right: 3rem;
    margin-left: 0em;
  }
}
.awesome-hero-bar span, .awesome-hero-bar a {
  font-size: inherit;
}
@media screen and (max-width: 500px) {
  .awesome-hero {
    padding: 14rem 3rem;
  }
  .awesome-hero p {
    font-size: 1.5rem;
  }
  .awesome-hero-bar-prompt {
    display: none;
  }
  .awesome-hero-bar .button {
    font-size: 1.25rem;
  }
}

.jobs-at-avt-hero .search-jobs-bar {
  padding: 1rem;
  position: absolute;
  font-size: 1.8rem;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 300;
  background-color: rgba(4, 64, 88, 0.55);
}
.jobs-at-avt-hero .search-jobs-bar .search-jobs-bar-prompt {
  display: inline-block;
  margin-right: 1em;
  margin-left: 1em;
}
@media screen and (min-width: 501px) {
  .jobs-at-avt-hero .search-jobs-bar .search-jobs-bar-prompt {
    margin-right: 3rem;
    margin-left: 0em;
  }
}
@media screen and (max-width: 500px) {
  .jobs-at-avt-hero .search-jobs-bar .search-jobs-bar-prompt {
    display: none;
  }
}
.jobs-at-avt-hero .search-jobs-bar span, .jobs-at-avt-hero .search-jobs-bar a {
  font-size: inherit;
}
@media screen and (max-width: 500px) {
  .jobs-at-avt-hero .search-jobs-bar .button {
    font-size: 1.25rem;
  }
}

.message-no-positions {
  margin: 10rem auto;
  text-align: center;
}

.btn--jobs {
  height: auto;
  padding: 0.5em 2em;
  border-radius: 1.25em;
}
.btn--ghost {
  text-transform: none;
  color: #FFCB37;
  border-color: #FFCB37;
  border-width: 2px;
}
.btn--ghost:hover, .btn--ghost:focus {
  color: white;
  background-color: #FFCB37;
}

.mobile-menu {
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
  overflow: auto;
}
.mobile-menu span {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
  padding-left: 20px;
  font-size: 15px;
  color: #666;
}
.mobile-menu .menu-button {
  display: block;
  float: right;
  background: #00ADEF;
  color: white;
  border: none;
  margin: 0;
  font-size: 12px;
  font-weight: 300;
}
.mobile-menu .menu-button:hover {
  background: #23c2ff;
  color: white;
}

@media screen and (max-width: 1024px) {
  #siblings-menu {
    display: none;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
  }
  #siblings-menu a {
    text-align: center;
    color: #333;
    text-decoration: none;
  }
  #siblings-menu a:hover {
    color: #00AEEF;
  }
  #siblings-menu .selected {
    color: #00ADEF;
  }
  #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    width: 100% !important;
    padding: 15px 0;
  }
  #siblings-menu .quarter:hover, #siblings-menu .fifth:hover, #siblings-menu .sixth:hover {
    background: #FFF;
  }
}
@media screen and (min-width: 1025px) {
  .mobile-menu {
    display: none !important;
  }

  #siblings-menu {
    display: block !important;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }
  #siblings-menu a {
    color: #000 !important;
  }
  #siblings-menu .quarter {
    width: 25%;
  }
  #siblings-menu .sixth {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
  }
  #siblings-menu .columns, #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    text-align: center;
    height: 150px;
    border-bottom: 1px solid #9EA1A1;
    margin-bottom: 2px;
    display: inline-block;
    float: left;
    -webkit-transition: border-bottom-color 0.5s;
    transition: border-bottom-color 0.5s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 550px) {
  #siblings-menu .columns, #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #siblings-menu .columns .partner, #siblings-menu .quarter .partner, #siblings-menu .fifth .partner, #siblings-menu .sixth .partner {
    max-height: 50%;
    max-width: 70%;
    vertical-align: middle;
    fill: #545f63;
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
  }
  #siblings-menu a {
    text-decoration: none;
    -webkit-transition: margin-left 1s;
    transition: margin-left 1s;
  }
  #siblings-menu a.left {
    margin-left: -100%;
  }
}
@media screen and (min-width: 1025px) and (min-width: 550px) and (max-width: 800px) {
  #siblings-menu a.left {
    margin-left: -50%;
  }
  #siblings-menu a.left.second-last {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  #siblings-menu a.left {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  #siblings-menu a:not(.selected):hover .quarter, #siblings-menu a:not(.selected):hover .fifth, #siblings-menu a:not(.selected):hover .sixth {
    border-bottom: 5px solid #56d1ff;
    height: 148px;
    margin-bottom: 0;
  }
  #siblings-menu a:not(.selected):hover .quarter .partner, #siblings-menu a:not(.selected):hover .fifth .partner, #siblings-menu a:not(.selected):hover .sixth .partner {
    fill: #56d1ff;
  }
  #siblings-menu a.selected .quarter, #siblings-menu a.selected .fifth, #siblings-menu a.selected .sixth {
    border-bottom: 5px solid #00AEEF;
    height: 148px;
    margin-bottom: 0;
  }
  #siblings-menu a.selected .quarter .partner, #siblings-menu a.selected .fifth .partner, #siblings-menu a.selected .sixth .partner {
    fill: #00AEEF;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  #siblings-menu .left-nav-arrow, #siblings-menu .right-nav-arrow {
    display: none;
  }
}

.jobsList ul {
  margin: 0;
}
.jobsList ul li {
  display: table;
  width: 100%;
  margin-bottom: 50px;
  border: 1px solid #00AEEF;
}
.jobsList ul li .jobAbout {
  position: relative;
  display: table-cell;
  vertical-align: top;
  padding: 3%;
  width: 61%;
  padding-left: 10rem;
}
@media screen and (max-width: 600px) {
  .jobsList ul li .jobAbout {
    padding: 2rem 3%;
  }
}
.jobsList ul li .jobAbout [class^="icon-"] {
  position: absolute;
  top: 12%;
  left: 2.5rem;
  font-size: 4rem;
  color: #00AEEF;
}
@media screen and (max-width: 600px) {
  .jobsList ul li .jobAbout [class^="icon-"] {
    position: static;
    display: block;
  }
}
.jobsList ul li .jobAbout .job-details {
  margin-top: 1rem;
}
.jobsList ul li .jobAbout p {
  margin-bottom: 0.5em;
}
.jobsList ul li .jobAbout h5 {
  line-height: 1;
  color: #00AEEF;
  margin: 0;
}
.jobsList ul li .jobAbout .btn, .jobsList ul li .jobAbout .form-block input[type="submit"], .form-block .jobsList ul li .jobAbout input[type="submit"], .jobsList ul li .jobAbout .form-block #btnSubmit, .form-block .jobsList ul li .jobAbout #btnSubmit {
  background-color: #00AEEF;
  color: white;
  font-size: 1.5rem;
  margin-top: 2rem;
  padding: 0.65em 2.38em;
}
.jobsList ul li .jobAbout .btn:hover, .jobsList ul li .jobAbout .form-block input[type="submit"]:hover, .form-block .jobsList ul li .jobAbout input[type="submit"]:hover, .jobsList ul li .jobAbout .form-block #btnSubmit:hover, .form-block .jobsList ul li .jobAbout #btnSubmit:hover, .jobsList ul li .jobAbout .btn:focus, .jobsList ul li .jobAbout .form-block input[type="submit"]:focus, .form-block .jobsList ul li .jobAbout input[type="submit"]:focus, .jobsList ul li .jobAbout .form-block #btnSubmit:focus, .form-block .jobsList ul li .jobAbout #btnSubmit:focus {
  background-color: white;
  color: #00AEEF;
}
.jobsList ul li .tags {
  display: table-cell;
  vertical-align: top;
  padding: 2.23%;
  width: 39%;
  border-left: 1px solid #00AEEF;
  background-color: #f4fbfe;
}
.jobsList ul li .tags p {
  margin: 0;
  border-bottom: 1px solid white;
  padding: 5px 0;
  font-weight: lighter;
}
.jobsList ul li .tags p b {
  display: inline-block;
  color: #00AEEF;
  width: 50%;
  font-weight: inherit;
}
@media (max-width: 800px) {
  .jobsList ul li .tags, .jobsList ul li .jobAbout {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .jobsList ul li .tags {
    border: 0;
    border-top: 1px solid #00AEEF;
  }
}

.message-no-positions {
  margin: 10rem auto;
  text-align: center;
}

.btn--jobs {
  height: auto;
  padding: 0.5em 2em;
  border-radius: 1.25em;
}
.btn--ghost {
  text-transform: none;
  color: #FFCB37;
  border-color: #FFCB37;
  border-width: 2px;
}
.btn--ghost:hover, .btn--ghost:focus {
  color: white;
  background-color: #FFCB37;
}

.mobile-menu {
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
  overflow: auto;
}
.mobile-menu span {
  display: inline-block;
  vertical-align: bottom;
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
  padding-left: 20px;
  font-size: 15px;
  color: #666;
}
.mobile-menu .menu-button {
  display: block;
  float: right;
  background: #00ADEF;
  color: white;
  border: none;
  margin: 0;
  font-size: 12px;
  font-weight: 300;
}
.mobile-menu .menu-button:hover {
  background: #23c2ff;
  color: white;
}

@media screen and (max-width: 1024px) {
  #siblings-menu {
    display: none;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
  }
  #siblings-menu a {
    text-align: center;
    color: #333;
    text-decoration: none;
  }
  #siblings-menu a:hover {
    color: #00AEEF;
  }
  #siblings-menu .selected {
    color: #00ADEF;
  }
  #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    width: 100% !important;
    padding: 15px 0;
  }
  #siblings-menu .quarter:hover, #siblings-menu .fifth:hover, #siblings-menu .sixth:hover {
    background: #FFF;
  }
}
@media screen and (min-width: 1025px) {
  .mobile-menu {
    display: none !important;
  }

  #siblings-menu {
    display: block !important;
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }
  #siblings-menu a {
    color: #000 !important;
  }
  #siblings-menu .quarter {
    width: 25%;
  }
  #siblings-menu .sixth {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
  }
  #siblings-menu .columns, #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    text-align: center;
    height: 150px;
    border-bottom: 1px solid #9EA1A1;
    margin-bottom: 2px;
    display: inline-block;
    float: left;
    -webkit-transition: border-bottom-color 0.5s;
    transition: border-bottom-color 0.5s;
  }
}
@media screen and (min-width: 1025px) and (max-width: 550px) {
  #siblings-menu .columns, #siblings-menu .quarter, #siblings-menu .fifth, #siblings-menu .sixth {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  #siblings-menu .columns .partner, #siblings-menu .quarter .partner, #siblings-menu .fifth .partner, #siblings-menu .sixth .partner {
    max-height: 50%;
    max-width: 70%;
    vertical-align: middle;
    fill: #545f63;
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
  }
  #siblings-menu a {
    text-decoration: none;
    -webkit-transition: margin-left 1s;
    transition: margin-left 1s;
  }
  #siblings-menu a.left {
    margin-left: -100%;
  }
}
@media screen and (min-width: 1025px) and (min-width: 550px) and (max-width: 800px) {
  #siblings-menu a.left {
    margin-left: -50%;
  }
  #siblings-menu a.left.second-last {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  #siblings-menu a.left {
    margin-left: 0;
  }
}
@media screen and (min-width: 1025px) {
  #siblings-menu a:not(.selected):hover .quarter, #siblings-menu a:not(.selected):hover .fifth, #siblings-menu a:not(.selected):hover .sixth {
    border-bottom: 5px solid #56d1ff;
    height: 148px;
    margin-bottom: 0;
  }
  #siblings-menu a:not(.selected):hover .quarter .partner, #siblings-menu a:not(.selected):hover .fifth .partner, #siblings-menu a:not(.selected):hover .sixth .partner {
    fill: #56d1ff;
  }
  #siblings-menu a.selected .quarter, #siblings-menu a.selected .fifth, #siblings-menu a.selected .sixth {
    border-bottom: 5px solid #00AEEF;
    height: 148px;
    margin-bottom: 0;
  }
  #siblings-menu a.selected .quarter .partner, #siblings-menu a.selected .fifth .partner, #siblings-menu a.selected .sixth .partner {
    fill: #00AEEF;
  }
}
@media screen and (min-width: 1025px) and (min-width: 800px) {
  #siblings-menu .left-nav-arrow, #siblings-menu .right-nav-arrow {
    display: none;
  }
}

.jobsList ul {
  margin: 0;
}
.jobsList ul li {
  display: table;
  width: 100%;
  margin-bottom: 50px;
  border: 1px solid #00AEEF;
}
.jobsList ul li .jobAbout {
  position: relative;
  display: table-cell;
  vertical-align: top;
  padding: 3%;
  width: 61%;
  padding-left: 10rem;
}
@media screen and (max-width: 600px) {
  .jobsList ul li .jobAbout {
    padding: 2rem 3%;
  }
}
.jobsList ul li .jobAbout [class^="icon-"] {
  position: absolute;
  top: 12%;
  left: 2.5rem;
  font-size: 4rem;
  color: #00AEEF;
}
@media screen and (max-width: 600px) {
  .jobsList ul li .jobAbout [class^="icon-"] {
    position: static;
    display: block;
  }
}
.jobsList ul li .jobAbout .job-details {
  margin-top: 1rem;
}
.jobsList ul li .jobAbout p {
  margin-bottom: 0.5em;
}
.jobsList ul li .jobAbout h5 {
  line-height: 1;
  color: #00AEEF;
  margin: 0;
}
.jobsList ul li .jobAbout .btn, .jobsList ul li .jobAbout .form-block input[type="submit"], .form-block .jobsList ul li .jobAbout input[type="submit"], .jobsList ul li .jobAbout .form-block #btnSubmit, .form-block .jobsList ul li .jobAbout #btnSubmit {
  background-color: #00AEEF;
  color: white;
  font-size: 1.5rem;
  margin-top: 2rem;
  padding: 0.65em 2.38em;
}
.jobsList ul li .jobAbout .btn:hover, .jobsList ul li .jobAbout .form-block input[type="submit"]:hover, .form-block .jobsList ul li .jobAbout input[type="submit"]:hover, .jobsList ul li .jobAbout .form-block #btnSubmit:hover, .form-block .jobsList ul li .jobAbout #btnSubmit:hover, .jobsList ul li .jobAbout .btn:focus, .jobsList ul li .jobAbout .form-block input[type="submit"]:focus, .form-block .jobsList ul li .jobAbout input[type="submit"]:focus, .jobsList ul li .jobAbout .form-block #btnSubmit:focus, .form-block .jobsList ul li .jobAbout #btnSubmit:focus {
  background-color: white;
  color: #00AEEF;
}
.jobsList ul li .tags {
  display: table-cell;
  vertical-align: top;
  padding: 2.23%;
  width: 39%;
  border-left: 1px solid #00AEEF;
  background-color: #f4fbfe;
}
.jobsList ul li .tags p {
  margin: 0;
  border-bottom: 1px solid white;
  padding: 5px 0;
  font-weight: lighter;
}
.jobsList ul li .tags p b {
  display: inline-block;
  color: #00AEEF;
  width: 50%;
  font-weight: inherit;
}
@media (max-width: 800px) {
  .jobsList ul li .tags, .jobsList ul li .jobAbout {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .jobsList ul li .tags {
    border: 0;
    border-top: 1px solid #00AEEF;
  }
}

.avt-help-centre-logo {
  position: relative;
  width: 40rem;
  height: auto;
  max-width: 90%;
  margin-bottom: 3rem;
}

.awesome-hero h1 {
  font-size: 3rem;
}

.partners-support * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.partners-support .grid {
  margin: 0 -2rem;
}
.partners-support .grid::after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
.partners-support .col {
  padding: 0 2rem;
  float: left;
}
.partners-support .w-1-2 {
  width: 50%;
}
@media screen and (max-width: 1200px) {
  .partners-support .w-1-2 {
    width: 100%;
    margin-bottom: 3rem;
  }
}

.team-group {
  text-align: center;
  margin: 0 auto 0;
}
.team-group * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.team-group .container {
  max-width: 1360px;
}
.team-group__title {
  color: #00ADEF;
  margin-bottom: 5rem;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .team-group__title {
    font-size: 2.75rem;
  }
}
.team-group .header {
  background-color: #00BF83;
  font-size: 36px;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .team-group .header {
    padding: 6rem 0;
  }
}
@media screen and (min-width: 769px) {
  .team-group .header {
    height: 400px;
  }
}
@media screen and (max-width: 1000px) {
  .team-group .header {
    font-size: 2rem;
  }
}
.team-group .header > p {
  display: table-cell;
  vertical-align: middle;
}
.team-group .header img {
  max-width: 10%;
  display: block;
  margin: 10px auto 0;
}
.team-group__members {
  background-color: #eee;
  padding: 2rem 3rem;
  width: 100%;
  overflow: hidden;
}
.team-group__members-list {
  background-color: #eee;
  margin: 0 -2rem;
  list-style: none;
}
.team-group__member {
  text-align: left;
  padding: 0 2rem;
  position: relative;
  margin-bottom: 2rem;
  margin-top: 2rem;
  display: block;
  width: auto;
  margin-left: 0 !important;
}
@media screen and (max-width: 768px) {
  .team-group__member:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .team-group__member {
    width: 50%;
    float: left;
  }
  .team-group__member:nth-of-type(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1200px) {
  .team-group__member {
    padding: 0 2rem;
    margin-bottom: 5rem;
  }
}
.team-group__member .member-photo {
  height: 12rem;
  width: 12rem;
  position: absolute;
  top: 4rem;
  right: 4rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  .team-group__member .member-photo {
    height: 8rem;
    width: 8rem;
    left: -4rem;
    display: block;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: -5rem;
    margin-bottom: 1rem;
  }
}
.team-group__member .member-bio {
  margin-top: 2rem;
  min-height: 20rem;
  max-height: 20rem;
  position: relative;
  overflow: hidden;
}
.team-group__member .member-bio::after {
  content: '';
  display: block;
  height: 7rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
  position: absolute;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  bottom: 0;
  left: 0;
  right: 0;
}
.team-group__member .member-bio p {
  font-size: 1.5rem;
}
.team-group__member.is-open .member-bio::after {
  opacity: 0;
}
.team-group__member .title {
  color: #00ADEF;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.team-group__member .position {
  font-size: 1.5rem;
  font-weight: 300;
}
.team-group__member.the-team .member-bio {
  cursor: pointer;
}
.team-group__member.the-team .member-card {
  min-height: 400px;
}
.team-group__member .member-card {
  background: white;
  padding: 6rem 4rem 6rem 4rem;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  position: relative;
}
@media screen and (max-width: 1200px) {
  .team-group__member .member-card {
    padding: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
}
.team-group__member .linkedin {
  height: 3.5rem;
  width: 3.5rem;
  text-decoration: none;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  background: #00ADEF;
  border-radius: 50%;
  color: white;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .team-group__member .linkedin {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
.team-group__member .linkedin::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.team-group__member .linkedin i::before {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}
.team-group__member.not-the-team {
  text-align: left;
  padding: 0 2rem;
  position: relative;
  margin-bottom: 2rem;
  display: block;
  width: auto;
  margin-left: 0 !important;
}
@media screen and (min-width: 769px) {
  .team-group__member.not-the-team {
    width: 50%;
    float: left;
  }
  .team-group__member.not-the-team:nth-of-type(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1200px) {
  .team-group__member.not-the-team {
    padding: 0 2rem;
    margin-bottom: 5rem;
  }
}
.team-group__member.not-the-team .member-photo {
  height: 12rem;
  width: 12rem;
  position: absolute;
  top: 50%;
  left: -7rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  .team-group__member.not-the-team .member-photo {
    height: 8rem;
    width: 8rem;
    left: -4rem;
    display: block;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: -5rem;
    margin-bottom: 1rem;
  }
}
.team-group__member.not-the-team .member-bio {
  display: none;
}
.team-group__member.not-the-team .member-card {
  background: white;
  margin-left: 7rem;
  padding: 6rem 4rem 6rem 8rem;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  position: relative;
  min-height: 0;
}
@media screen and (max-width: 1200px) {
  .team-group__member.not-the-team .member-card {
    padding: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
}

.leadership-team-group {
  text-align: center;
  margin: 5rem auto 0;
}
.leadership-team-group * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.leadership-team-group .container {
  max-width: 1200px;
}
.leadership-team-group__title {
  color: #00ADEF;
  margin-bottom: 5rem;
  padding: 0 2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .leadership-team-group__title {
    font-size: 2.75rem;
  }
}
.leadership-team-group__members {
  background-color: #f4fbfe;
  padding: 3rem;
  width: 100%;
}
.leadership-team-group__members-list {
  background-color: #f4fbfe;
  margin: 0 -3rem;
  list-style: none;
}
.leadership-team-group__member {
  text-align: left;
  padding: 0 5rem;
  position: relative;
  margin-bottom: 2rem;
  display: block;
  width: auto;
  margin-left: 0 !important;
}
@media screen and (min-width: 769px) {
  .leadership-team-group__member {
    width: 50%;
    float: left;
  }
  .leadership-team-group__member:nth-of-type(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1200px) {
  .leadership-team-group__member {
    padding: 0 2rem;
    margin-bottom: 5rem;
  }
}
.leadership-team-group__member .member-photo {
  height: 12rem;
  width: 12rem;
  position: absolute;
  top: 50%;
  left: -7rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1200px) {
  .leadership-team-group__member .member-photo {
    height: 8rem;
    width: 8rem;
    left: -4rem;
    display: block;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: -5rem;
    margin-bottom: 1rem;
  }
}
.leadership-team-group__member .title {
  color: #00ADEF;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.leadership-team-group__member .position {
  font-size: 1.5rem;
  font-weight: 300;
}
.leadership-team-group__member .member-card {
  background: white;
  margin-left: 6rem;
  padding: 6rem 4rem 6rem 8rem;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  box-shadow: 1px 1px 10px 1px rgba(225, 225, 225, 0.3);
  position: relative;
}
@media screen and (max-width: 1200px) {
  .leadership-team-group__member .member-card {
    padding: 2rem;
    margin-left: 0;
    margin-right: 0;
  }
}
.leadership-team-group__member .linkedin {
  height: 3.5rem;
  width: 3.5rem;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  background: #00ADEF;
  border-radius: 50%;
  color: white;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.5rem;
}
@media screen and (max-width: 1200px) {
  .leadership-team-group__member .linkedin {
    position: static;
    margin: 1rem 0 0;
    display: block;
  }
}
.leadership-team-group__member .linkedin::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.leadership-team-group__member .linkedin i::before {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

.rms-landing-page-hero {
  min-height: 700px;
  max-height: 80rem;
  text-align: center;
  background-color: #00ADEF;
  position: relative;
  overflow: hidden;
  padding: 16rem 6rem 10rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-height: 800px) {
  .rms-landing-page-hero {
    height: 100vh;
  }
}
@media screen and (max-width: 900px) {
  .rms-landing-page-hero {
    padding: 16rem 3rem 10rem;
  }
}
.rms-landing-page-hero * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rms-landing-page-hero::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.rms-landing-page-hero h1 {
  color: white;
  position: relative;
}
.rms-landing-page-hero p {
  color: white;
  position: relative;
  font-size: 2rem;
  font-weight: 300;
}
.rms-landing-page-hero .rms-landing-page-hero-content {
  max-width: 1400px;
  width: 99%;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 601px) {
  .rms-landing-page-hero .rms-landing-page-hero-content {
    padding-right: 20%;
  }
}
.rms-landing-page-hero .background-gears-container {
  position: absolute;
  left: 60%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40%;
  max-width: 60rem;
}
.rms-landing-page-hero .background-gears {
  position: relative;
  width: 100%;
  padding-bottom: 85%;
}
.rms-landing-page-hero .background-gears .gear {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.rms-landing-page-hero .steve-container,
.rms-landing-page-hero .play-button-container {
  max-width: 1400px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 95%;
}
.rms-landing-page-hero .play-button-container {
  bottom: 12rem;
}
@media screen and (max-width: 760px) {
  .rms-landing-page-hero .play-button-container {
    position: static;
    width: 100%;
  }
}
.rms-landing-page-hero .steve {
  width: 20%;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 22rem;
}
.rms-landing-page-hero .steve::before {
  content: '';
  display: block;
  height: 38.5%;
  width: 9999px;
  width: 200vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  background-color: #008dc2;
}
.rms-landing-page-hero .steve::after {
  content: '';
  display: block;
  padding-bottom: 204%;
  background: url(../images/rms/rms-landing-page.png) center bottom no-repeat;
  background-size: contain;
  position: relative;
}
.rms-landing-page-hero .play-what-is-rms {
  color: white;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 40%;
  margin: auto;
}
@media screen and (max-width: 760px) {
  .rms-landing-page-hero .play-what-is-rms {
    position: static;
    margin-top: 3rem;
  }
}
.rms-landing-page-hero .play-what-is-rms::before {
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  display: block;
  width: 12rem;
  height: 12rem;
  background: url(../images/play.svg) center center no-repeat;
  background-size: contain;
  margin: 0 auto 1em;
}
@media screen and (max-width: 760px) {
  .rms-landing-page-hero .play-what-is-rms::before {
    height: 8rem;
    width: 8rem;
  }
}
.rms-landing-page-hero .play-what-is-rms:hover::before {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#rms-landing-page-content * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 780px) {
  #rms-landing-page-content.white-page {
    padding: 6rem;
  }
}
@media screen and (min-width: 900px) {
  #rms-landing-page-content.white-page {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 1451px) {
  #rms-landing-page-content.white-page {
    padding: 10rem 0;
  }
}
#rms-landing-page-content select {
  background-color: transparent !important;
}
#rms-landing-page-content::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
@media screen and (min-width: 780px) {
  #rms-landing-page-content .left-side-content {
    width: 60%;
    float: left;
    padding-right: 5rem;
  }
}
#rms-landing-page-content .left-side-content :first-child {
  margin-top: 0;
}
#rms-landing-page-content .left-side-content b, #rms-landing-page-content .left-side-content strong {
  font-weight: 300;
  color: #00ADEF;
}
#rms-landing-page-content .left-side-content h2 {
  font-weight: 500;
  margin-bottom: 1em;
}
#rms-landing-page-content .left-side-content h2 [class^="icon-"] {
  display: inline;
}
#rms-landing-page-content .left-side-content h2 [class^="icon-"]::before {
  margin: 0;
  width: auto;
  margin-right: 0.085em;
  margin-left: 0.085em;
}
#rms-landing-page-content .left-side-content h3 {
  font-size: 1.8rem;
  color: #33609f;
}
#rms-landing-page-content .left-side-content ul {
  list-style-position: outside;
}
@media screen and (min-width: 780px) {
  #rms-landing-page-content .right-side-content {
    width: 40%;
    float: right;
  }
}
@media screen and (max-width: 779px) {
  #rms-landing-page-content .right-side-content {
    margin-top: 4rem;
  }
}
#rms-landing-page-content .right-side-content :first-child {
  margin-top: 0;
}

.knowledge-series-content .rmschap1svg {
  background-image: url("../../../../uploads/2016/05/KeyBenefits-group2.svg");
  float: right;
  background-position: center;
  background-size: contain;
  width: 50%;
  padding-top: 35%;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.knowledge-series-content .video {
  width: 50%;
}
.knowledge-series-content .right {
  float: right;
  margin-left: 20px;
}
@media (max-width: 1000px) {
  .knowledge-series-content .rmschap1svg {
    width: 100% !important;
    padding-top: 60%;
    margin: 20px 0;
  }
  .knowledge-series-content .right {
    margin-left: 0;
  }
  .knowledge-series-content .video {
    margin: 20px 0;
  }
}
.knowledge-series-content .rmschap2svg,
.knowledge-series-content .rmschap2svg2 {
  background-image: url("../../../../uploads/2016/05/KeyBenefitsv2.svg");
  float: right;
  background-position: center;
  background-size: contain;
  width: 100%;
  padding-top: 24%;
  background-repeat: no-repeat;
}
.knowledge-series-content .rmschap2svg2 {
  display: none;
  background-image: url("../../../../uploads/2016/05/KeyBenefits-group2.svg");
  padding-top: 65%;
}
.knowledge-series-content .video1 {
  float: left;
  margin-right: 20px;
}
.knowledge-series-content .wp-image-8085 {
  width: 50%;
  height: auto;
  float: right;
}
.knowledge-series-content .left {
  float: left;
  margin-right: 20px;
}
.knowledge-series-content .right {
  float: right;
  margin-left: 20px;
}
.knowledge-series-content .side {
  width: 48%;
  margin: 20px 0;
}
.knowledge-series-content .underimg {
  margin-right: 10px;
  width: 35px;
  height: 35px;
}
@media (max-width: 1000px) {
  .knowledge-series-content .rmschap2svg {
    display: none;
  }
  .knowledge-series-content .rmschap2svg2 {
    display: block;
  }
  .knowledge-series-content .video {
    float: none;
    width: 100%;
  }
}
.knowledge-series-content .what-service ul {
  background: #E1F4FD;
  padding: 2rem 3rem;
}
.knowledge-series-content .what-service .item {
  width: 49%;
  float: left;
  margin-right: 2%;
}
.knowledge-series-content .what-service .item:last-of-type {
  margin-right: 0;
  text-align: right;
}
.knowledge-series-content .what-service .item:last-of-type ul {
  text-align: left;
}
.knowledge-series-content .what-service .item ul {
  margin-left: 0;
}
.knowledge-series-content .what-service {
  overflow: hidden;
}
.knowledge-series-content .full {
  display: block;
  text-align: center;
  width: 50%;
  margin: auto;
}
.knowledge-series-content .default-table {
  width: 100% !important;
  table-layout: fixed;
}
.knowledge-series-content .default-table td,
.knowledge-series-content .default-table th {
  padding: 10px 20px;
}
.knowledge-series-content .default-table th {
  text-align: center;
}
.knowledge-series-content .default-table ul,
.knowledge-series-content ol {
  text-align: left;
  font-size: 15px !important;
}
.knowledge-series-content .default-table li {
  font-size: 15px !important;
}
.knowledge-series-content .default-table tr:nth-last-of-type(even) {
  background: #DFDFDF;
}
.knowledge-series-content .default-table th {
  background: #484F59;
  color: white;
}
@media (max-width: 1000px) {
  .knowledge-series-content .what-service .item {
    width: 100%;
  }
  .knowledge-series-content .what-service .item img {
    width: auto;
  }
  .knowledge-series-content .what-service .item ul {
    text-align: left;
    margin-left: 0;
  }
  .knowledge-series-content .what-service img {
    width: 100%;
  }
  .knowledge-series-content .full {
    width: 100%;
  }
}
.knowledge-series-content .verticalImgText {
  display: block;
  position: relative;
  overflow: auto;
}
.knowledge-series-content .verticalImgText p:first-child {
  display: block;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.knowledge-series-content .verticalImgText img {
  display: block;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  float: right;
}
@media (max-width: 800px) {
  .knowledge-series-content .verticalImgText p img,
  .knowledge-series-content .verticalImgText p,
  .knowledge-series-content .verticalImgText > p:first-child {
    width: 100% !important;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    display: block;
    margin: 0 0 2rem 0 !important;
    float: none !important;
  }
  .knowledge-series-content .verticalImgText {
    overflow: visible;
  }
}
@media (max-width: 800px) {
  .knowledge-series-content .right {
    margin-left: 0px !important;
  }
}
.knowledge-series-content .thankyouBlue {
  text-align: center;
}

body.simple-iframe {
  width: 100%;
  overflow-x: hidden;
}
body.simple-iframe * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.simple-iframe .simple-iframe-header {
  background: white;
  position: relative;
  padding: 2.5rem 39px;
  height: 11.5rem;
}
body.simple-iframe .simple-iframe-header .logo {
  height: auto;
  width: 150px;
}
body.simple-iframe .simple-iframe-header .goback {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 39px;
  font-size: 3rem;
  cursor: pointer;
}
body.simple-iframe #simple-iframe {
  height: -webkit-calc(100vh - 11.5rem);
  height: calc(100vh - 11.5rem);
}
body.simple-iframe #simple-iframe iframe {
  height: 100%;
  width: 100%;
  display: block;
  border: 0;
  outline: 0;
}

.thirty-years-landing-page-hero {
  min-height: 700px;
  max-height: 80rem;
  text-align: center;
  background-color: #000;
  position: relative;
  overflow: hidden;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center;
}
@media screen and (min-height: 800px) {
  .thirty-years-landing-page-hero {
    height: 100vh;
  }
}
.thirty-years-landing-page-hero * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.thirty-years-landing-page-hero h1 {
  color: white;
  position: relative;
}
.thirty-years-landing-page-hero p {
  color: white;
  position: relative;
  font-size: 2rem;
  font-weight: 300;
}
.thirty-years-landing-page-hero .thirty-years-landing-page-hero-content {
  max-width: 1400px;
  width: 99%;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 601px) {
  .thirty-years-landing-page-hero .thirty-years-landing-page-hero-content {
    padding-right: 20%;
  }
}

.thirty-years-hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .thirty-years-hero-title img {
    max-width: 200px;
  }
}

.turning-30 .layout-builder .content-block p {
  font-size: 1em;
}
@media (max-width: 600px) {
  .turning-30 .layout-builder .content-block p {
    font-size: 15px;
  }
}
.turning-30 .layout-builder .content-block .charity-list {
  text-align: center;
}
.turning-30 .layout-builder .content-block .charity-list li {
  display: inline-block;
  margin: 2rem 3%;
}
@media (max-width: 768px) {
  .turning-30 .layout-builder .content-block .charity-list li {
    margin: 1rem 2%;
  }
}
.turning-30 .layout-builder .content-block .charity-list li img {
  height: 70px;
}
@media (max-width: 768px) {
  .turning-30 .layout-builder .content-block .charity-list li img {
    height: 40px;
  }
}

.just-for-fun-table {
  width: 100%;
  margin: auto;
  border: 2px solid #00ADEF;
  border-bottom: 0;
}
@media (max-width: 600px) {
  .just-for-fun-table {
    border: 0;
  }
  .just-for-fun-table tr {
    border: 2px solid #00ADEF;
    margin: 2rem 0;
    display: block;
  }
}
.just-for-fun-table td {
  border-bottom: 2px solid #00ADEF;
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  font-weight: 300;
}
.just-for-fun-table td:first-of-type {
  color: #00ADEF;
  text-align: center;
}
.just-for-fun-table td:not(:first-of-type) {
  background: rgba(0, 173, 239, 0.1);
  text-align: left;
}
@media (max-width: 600px) {
  .just-for-fun-table td {
    display: block;
    text-align: center !important;
    border-bottom: 0;
  }
  .just-for-fun-table td:first-of-type {
    color: #00ADEF;
    text-align: center;
    border-bottom: 1px solid #00ADEF;
  }
  .just-for-fun-table td:not(:first-of-type) {
    background: rgba(0, 173, 239, 0.1);
    text-align: left;
  }
}

.deakin-university .white-page {
  padding-top: 2em;
}

.deakin-thank-you .deakin-landing-hero {
  height: 130px !important;
}
.deakin-thank-you .deakin-landing-hero .container {
  display: none;
}
.deakin-thank-you .content-block {
  padding: 5em 0 30em;
  background-image: url("../../../../uploads/2017/04/deakin-bg.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 1024px auto;
}
@media (max-width: 768px) {
  .deakin-thank-you .content-block {
    background-size: 600px auto;
    padding: 5em 0 25em;
  }
}

.deakin-university .deakin-landing-hero, .halfLandingHero {
  height: 50vh;
  padding-top: 110px;
  min-height: 250px;
  position: relative;
  display: block;
  background-position: center;
  background-size: cover;
}
.deakin-university .deakin-landing-hero:after, .halfLandingHero:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.deakin-university .deakin-landing-hero .container, .halfLandingHero .container {
  height: 100%;
}
.deakin-university .deakin-landing-hero-content, .halfLandingHero-content {
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 660px;
  padding: 0 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.deakin-university .deakin-landing-hero-content h1, .halfLandingHero-content h1 {
  padding: 0 1rem;
  color: white;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 400px) {
  .deakin-university .deakin-landing-hero-content h1, .halfLandingHero-content h1 {
    font-size: 2.5rem;
  }
}
.deakin-university .deakin-landing-hero-content h1 strong, .halfLandingHero-content h1 strong {
  font-weight: 400;
  color: #00BAB0;
}
.deakin-university .deakin-landing-hero-content a, .halfLandingHero-content a {
  padding: 1.75rem 3rem;
}

.deakin-university .footer .top.row, .deakin-thank-you .footer .top.row, .mater-case-study .footer .top.row, .mater-thank-you .footer .top.row {
  display: none !important;
}
.deakin-university .footer .bot.row, .deakin-thank-you .footer .bot.row, .mater-case-study .footer .bot.row, .mater-thank-you .footer .bot.row {
  border: none !important;
}
.deakin-university .footer .bot.row:before, .deakin-thank-you .footer .bot.row:before, .mater-case-study .footer .bot.row:before, .mater-thank-you .footer .bot.row:before {
  background-image: url(../images/waves-background-image-white.svg);
  opacity: 0.02;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  bottom: 20px;
  background-size: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-position: center center;
}
.deakin-university .header .icons, .deakin-thank-you .header .icons, .mater-case-study .header .icons, .mater-thank-you .header .icons {
  display: none !important;
}

.mater-thank-you #download {
  display: none !important;
}
.mater-thank-you h2 {
  color: #FF8035 !important;
}

.mater-case-study #download {
  background: #FF8035;
  border-color: #FF8035;
}
.mater-case-study #download:hover, .mater-case-study #download:focus, .mater-case-study #download:active {
  background: transparent;
  color: #FF8035;
}

.mater-case-study .halfLandingHero + .layout-builder .content-block .container {
  max-width: 1600px !important;
}
.mater-case-study .halfLandingHero + .layout-builder .content-block + .landing-page-content-and-form {
  padding-top: 0;
}
.mater-case-study .halfLandingHero + .layout-builder h2 {
  color: #FF8035;
  margin-bottom: .5em;
}
.mater-case-study .halfLandingHero + .layout-builder blockquote p {
  color: #FF8035;
}
.mater-case-study .halfLandingHero + .layout-builder blockquote:before, .mater-case-study .halfLandingHero + .layout-builder blockquote:after {
  color: #FF8035;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block {
  border: 2px solid #FF8035;
  background: #fffdfc;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block p {
  text-align: center;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block .maxSize1 {
  margin-bottom: 1rem;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block input:focus, .mater-case-study .halfLandingHero + .layout-builder .form-block input:valid {
  border-color: #FF8035 !important;
  color: #FF8035;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block #btnSubmit {
  background: #FF8035 !important;
  border-color: #FF8035 !important;
}
.mater-case-study .halfLandingHero + .layout-builder .form-block #btnSubmit:hover {
  background: #ff904f !important;
  border-color: #ff904f !important;
}

.deakin-landing-hero + .layout-builder .content-block .container {
  max-width: 1600px !important;
}
.deakin-landing-hero + .layout-builder h2 {
  color: #00BAB0;
  margin-bottom: .5em;
}
.deakin-landing-hero + .layout-builder blockquote {
  position: relative;
  display: block;
  max-width: 500px;
  margin: auto;
}
.deakin-landing-hero + .layout-builder blockquote p {
  color: #1fad78;
  text-align: center;
  font-size: 16px;
}
.deakin-landing-hero + .layout-builder blockquote:before, .deakin-landing-hero + .layout-builder blockquote:after {
  font-family: "fontello";
  color: #1fad78;
  font-size: 5em;
  opacity: .15;
  line-height: 1;
  position: absolute;
}
.deakin-landing-hero + .layout-builder blockquote:before {
  display: block;
  content: '\E84C';
  top: 0;
  left: 0;
  -webkit-transform: translate(-33%, -33%);
  -ms-transform: translate(-33%, -33%);
  transform: translate(-33%, -33%);
}
.deakin-landing-hero + .layout-builder blockquote:after {
  content: '\E84D';
  bottom: 0;
  right: 0;
  -webkit-transform: translate(33%, 33%);
  -ms-transform: translate(33%, 33%);
  transform: translate(33%, 33%);
}
.deakin-landing-hero + .layout-builder .form-block {
  border: 2px solid #CDF1EF;
  background: #F8FDFD;
}
.deakin-landing-hero + .layout-builder .form-block p {
  text-align: center;
}
.deakin-landing-hero + .layout-builder .form-block .maxSize1 {
  margin-bottom: 1rem;
}
.deakin-landing-hero + .layout-builder .form-block input:focus, .deakin-landing-hero + .layout-builder .form-block input:valid {
  border-color: #00BAB0 !important;
  color: #00BAB0;
}
.deakin-landing-hero + .layout-builder .form-block #btnSubmit {
  background: #00BAB0 !important;
  border-color: #00BAB0 !important;
}
.deakin-landing-hero + .layout-builder .form-block #btnSubmit:hover {
  background: #00a198 !important;
  border-color: #00a198 !important;
}

.email-colleague .disabled, .product-landing .disabled {
  cursor: pointer;
}
.email-colleague .disabled #btnSubmit, .product-landing .disabled #btnSubmit {
  pointer-events: none;
}

header.stickyHeader {
  position: fixed;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, background .2s ease-in-out;
  transition: transform .2s ease-in-out, background .2s ease-in-out, -webkit-transform .2s ease-in-out;
  z-index: 1000;
}
header.stickyHeader .header {
  position: relative;
  height: 100px;
}
header.stickyHeader .header > .one-half:first-of-type {
  width: 200px;
}
header.stickyHeader .header > .one-half:nth-of-type(2) {
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
}
header.stickyHeader .header .cta {
  color: #00ADEF !important;
  background: white;
}
header.stickyHeader .header .cta:hover {
  opacity: .8;
}
header.stickyHeader #avt-image {
  margin-top: 20px;
}
header.stickyHeader.visible {
  background: #00ADEF;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

body.product-thanks *,
body.product-landing * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.product-thanks section > .container,
body.product-thanks .row > .container,
body.product-thanks div > .container,
body.product-landing section > .container,
body.product-landing .row > .container,
body.product-landing div > .container {
  max-width: 1064px;
  margin: auto;
  padding: 0 2rem;
}
body.product-thanks .cta,
body.product-landing .cta {
  padding: 1.7rem 1rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 5rem;
  font-size: 1.4rem;
  min-width: 18rem;
  cursor: pointer;
  text-align: center;
  -webkit-transition: color .2s ease-in-out, background .2s ease-in-out, opacity .2s ease-in-out;
  transition: color .2s ease-in-out, background .2s ease-in-out, opacity .2s ease-in-out;
}
body.product-thanks header .cta,
body.product-landing header .cta {
  margin-right: 1.8rem;
}
body.product-thanks header .cta.enquire-now,
body.product-landing header .cta.enquire-now {
  margin-right: 0;
}

body.product-thanks .banner {
  padding-top: 20.5rem;
  padding-bottom: 7rem;
  text-align: center;
  background-position: center;
  background: #00ADEF;
}
body.product-thanks .banner h1, body.product-thanks .banner h2, body.product-thanks .banner p {
  color: white;
}
body.product-thanks .banner h1, body.product-thanks .banner h2 {
  font-size: 5.4rem;
  line-height: 4.6rem;
  margin-bottom: 4rem;
}
body.product-thanks .banner p {
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 3.2rem;
}
body.product-thanks .banner p a {
  color: #00344d;
  text-decoration: none;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
body.product-thanks .banner p a:hover {
  opacity: .8;
}
body.product-thanks .banner .cta {
  color: white;
  border: 1px solid white;
}
body.product-thanks .banner .cta:hover {
  color: #00ADEF;
  background: white;
}
body.product-thanks .alternating-text {
  display: block;
  padding: 14rem 0;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
@media (min-width: 1920px) {
  body.product-thanks .alternating-text {
    background-size: 960px auto;
  }
}
@media (max-width: 768px) {
  body.product-thanks .alternating-text {
    background-position: top right;
    background-size: 80% auto;
    padding-top: 50%;
    padding-bottom: 6rem;
  }
}
body.product-thanks .alternating-text:after {
  content: '';
  display: block;
  clear: both;
}
body.product-thanks .alternating-text .text {
  max-width: 52rem;
  width: 50%;
  padding-right: 2rem;
}
body.product-thanks .alternating-text .text img {
  display: block;
  width: auto;
  max-width: 100%;
}
body.product-thanks .alternating-text .text > span {
  color: #00ADEF;
  display: block;
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 400;
}
body.product-thanks .alternating-text .text > p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #252a2c;
}
body.product-thanks .alternating-text .text .cta {
  border: 1px solid #00ADEF;
}
body.product-thanks .alternating-text .text .cta:hover {
  background: #00ADEF;
  color: white;
}
@media (max-width: 768px) {
  body.product-thanks .alternating-text .text {
    width: 100%;
    padding-right: 0;
  }
}
body.product-thanks .list {
  padding: 14rem 0;
}
body.product-thanks .list .row {
  display: block;
  width: 100%;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
}
body.product-thanks .list .row:last-of-type {
  margin-bottom: 0;
}
body.product-thanks .list .row .image {
  width: 18rem;
  height: 18rem;
  background: #00ADEF;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 3rem;
}
@media (max-width: 600px) {
  body.product-thanks .list .row .image {
    width: 14rem;
    height: 14rem;
    margin-right: 2rem;
  }
}
body.product-thanks .list .row .text {
  text-align: left !important;
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(100% - 22rem);
  width: calc(100% - 22rem);
}
body.product-thanks .list .row .text h3 {
  color: #00ADEF;
  margin-top: 0;
}
body.product-thanks .list .row .text .cta {
  border: 1px solid #00ADEF;
}
body.product-thanks .list .row .text .cta:hover {
  background: #00ADEF;
  color: white;
}

body.product-landing .header > .one-half:first-of-type {
  width: 200px;
}
body.product-landing .header > .one-half:nth-of-type(2) {
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
}
body.product-landing header .cta {
  border: 1px solid white;
}
body.product-landing header .cta:hover {
  background: white;
  color: #00ADEF;
}
@media (max-width: 830px) {
  body.product-landing .icons *:not(.cta) {
    display: none;
  }
}
@media (max-width: 620px) {
  body.product-landing .icons .cta {
    margin-right: 0;
  }
  body.product-landing .icons .cta:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 420px) {
  body.product-landing #avt-image {
    width: 125px;
  }
  body.product-landing .stickyHeader #avt-image {
    margin-top: 26px;
  }
  body.product-landing header:not(.stickyHeader) #avt-image {
    margin-top: 38px;
  }
  body.product-landing .header .cta {
    white-space: nowrap;
    min-width: auto !important;
    padding: 1.5rem 2.5rem !important;
  }
  body.product-landing .header > .one-half:first-of-type {
    width: 120px;
  }
  body.product-landing .header > .one-half:nth-of-type(2) {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
  }
}
body.product-landing .banner {
  padding-top: 20.5rem;
  padding-bottom: 0;
  background-color: #00ADEF;
  background-position: center;
}
body.product-landing .banner.scroll-down .enquire-now {
  display: none;
}
body.product-landing .banner.scroll-down .scroll-container {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.product-landing .banner.scroll-down .icon-arrowright {
  color: white;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: relative;
  display: inline-block;
  -webkit-animation: bounce 4s infinite;
  animation: bounce 4s infinite;
}
body.product-landing .banner.scroll-down .icon-arrowright + span {
  display: block;
  font-size: 1.2rem;
  color: white;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    top: 0;
  }
  40% {
    top: -15px;
  }
  60% {
    top: -7.5px;
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    top: 0;
  }
  40% {
    top: -15px;
  }
  60% {
    top: -7.5px;
  }
}
body.product-landing .banner h1, body.product-landing .banner p {
  color: white;
}
body.product-landing .banner h1 {
  font-size: 5.4rem;
  line-height: 4.6rem;
  margin-bottom: 2.4rem;
}
body.product-landing .banner p {
  font-weight: 400;
  max-width: 48rem;
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 3.2rem;
}
body.product-landing .banner p a {
  color: #00344d;
  text-decoration: none;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
body.product-landing .banner p a:hover {
  opacity: .8;
}
body.product-landing .banner .cta {
  color: #00ADEF;
  background: white;
}
body.product-landing .banner .cta:hover {
  opacity: .8;
}
body.product-landing .banner .product-image {
  display: block;
  margin: auto;
  max-width: 100%;
}
body.product-landing .banner .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
}
body.product-landing .banner .columns.top .column:first-of-type, body.product-landing .banner .columns.top .inline:first-of-type {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
body.product-landing .banner .columns.middle .column, body.product-landing .banner .columns.middle .inline {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}
body.product-landing .banner .columns.bottom .column:first-of-type, body.product-landing .banner .columns.bottom .inline:first-of-type {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
body.product-landing .banner .columns .column, body.product-landing .banner .columns .inline {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
body.product-landing .banner .columns .column:last-of-type, body.product-landing .banner .columns .inline:last-of-type {
  padding-left: 4rem;
  padding-bottom: 6rem;
}
@media (max-width: 768px) {
  body.product-landing .banner .column, body.product-landing .banner .inline {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
    padding-left: 0 !important;
  }
  body.product-landing .banner .column:first-of-type, body.product-landing .banner .inline:first-of-type {
    display: none !important;
  }
}
body.product-landing section.alternating-content .row.padding-normal {
  padding: 8rem 0;
}
body.product-landing section.alternating-content .row.padding-small {
  padding: 4rem 0;
}
body.product-landing section.alternating-content .row.full-width .columns {
  display: block;
}
body.product-landing section.alternating-content .row.full-width .column, body.product-landing section.alternating-content .row.full-width .inline {
  display: block;
  width: 100%;
}
body.product-landing section.alternating-content .row.full-width .column:last-of-type, body.product-landing section.alternating-content .row.full-width .inline:last-of-type {
  text-align: center;
  margin-bottom: 0 !important;
}
body.product-landing section.alternating-content .row.full-width .column:first-of-type, body.product-landing section.alternating-content .row.full-width .inline:first-of-type {
  margin-bottom: 4rem;
}
body.product-landing section.alternating-content .row:nth-of-type(even) {
  background-color: #F4FBFE;
}
body.product-landing section.alternating-content .row:nth-of-type(even) .columns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
body.product-landing section.alternating-content .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.product-landing section.alternating-content .columns .column, body.product-landing section.alternating-content .columns .inline {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 45%;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
}
body.product-landing section.alternating-content .columns .column img, body.product-landing section.alternating-content .columns .inline img {
  display: block;
  max-width: 100%;
  margin: auto;
}
body.product-landing section.alternating-content .columns .column h2, body.product-landing section.alternating-content .columns .inline h2 {
  color: #00ADEF;
  font-size: 3.6rem;
  line-height: 3.8rem;
  margin-bottom: 4rem;
}
body.product-landing section.alternating-content .columns .column h2 .colours, body.product-landing section.alternating-content .columns .inline h2 .colours {
  display: inline-block;
  margin-left: 3rem;
}
body.product-landing section.alternating-content .columns .column h2 .colours span, body.product-landing section.alternating-content .columns .inline h2 .colours span {
  height: 2rem;
  width: 2rem;
  display: inline-block;
  border-radius: 100%;
  margin-right: .5rem;
  border: 1px solid #999999;
}
body.product-landing section.alternating-content .columns .column h2 > span, body.product-landing section.alternating-content .columns .inline h2 > span {
  display: block;
  white-space: nowrap;
  font-size: 2rem;
  line-height: 2rem;
  margin-top: 1rem;
}
body.product-landing section.alternating-content .columns .column p, body.product-landing section.alternating-content .columns .inline p {
  color: #252a2c;
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 3.4rem;
  font-weight: 300;
}
body.product-landing section.alternating-content .columns .column p:last-of-type, body.product-landing section.alternating-content .columns .inline p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
body.product-landing section.alternating-content .columns .column .more-content, body.product-landing section.alternating-content .columns .inline .more-content {
  display: none;
}
body.product-landing section.alternating-content .columns .column .cta, body.product-landing section.alternating-content .columns .inline .cta {
  color: #00ADEF;
  border: 1px solid #00ADEF;
}
body.product-landing section.alternating-content .columns .column .cta:hover, body.product-landing section.alternating-content .columns .inline .cta:hover {
  background-color: #00ADEF;
  color: white;
}
@media (max-width: 768px) {
  body.product-landing section.alternating-content .columns .column, body.product-landing section.alternating-content .columns .inline {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  body.product-landing section.alternating-content .columns .column:first-of-type, body.product-landing section.alternating-content .columns .inline:first-of-type {
    margin-bottom: 4rem;
  }
}
body.product-landing section.request-demo {
  padding: 4rem 0;
  background-color: #00ADEF;
}
body.product-landing section.request-demo .page {
  background: transparent;
}
body.product-landing section.request-demo.noImage .image-wrapper {
  display: none;
}
body.product-landing section.request-demo.noImage .content-wrapper {
  width: 100%;
}
body.product-landing section.request-demo .image-wrapper {
  width: -webkit-calc(40% - 3px);
  width: calc(40% - 3px);
  display: inline-block;
  vertical-align: middle;
}
body.product-landing section.request-demo .image-wrapper img {
  display: block;
  margin: auto;
  width: 250px;
}
body.product-landing section.request-demo .content-wrapper {
  width: -webkit-calc(60% - 3px);
  width: calc(60% - 3px);
  display: inline-block;
  vertical-align: middle;
}
body.product-landing section.request-demo .content-wrapper h2 {
  font-size: 4.2rem;
  line-height: 4.6rem;
  margin-bottom: 4rem;
  display: block;
  color: white;
}
body.product-landing section.request-demo .content-wrapper p {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 300;
  margin-bottom: 3rem;
  display: block;
  color: white;
}
body.product-landing section.request-demo .content-wrapper p a {
  text-decoration: none;
}
body.product-landing section.request-demo .content-wrapper .cta {
  color: white;
  border: 1px solid white;
  font-size: 1.4rem;
  padding: 1.7rem 3rem;
}
body.product-landing section.request-demo .content-wrapper .cta:hover {
  background-color: white;
  color: #00ADEF;
  border-color: #00ADEF;
}
@media (max-width: 640px) {
  body.product-landing section.request-demo .image-wrapper,
  body.product-landing section.request-demo .content-wrapper {
    display: block;
    width: 100%;
  }
  body.product-landing section.request-demo .image-wrapper {
    margin-bottom: 2rem;
  }
}
body.product-landing section.request-demo.sans-infographic {
  background-position: center;
  background-size: cover;
  padding: 7.2rem 0;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper {
  background: white;
  max-width: 53rem;
  width: 100%;
  padding: 6rem 5rem;
  margin-left: auto;
  display: block;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper p, body.product-landing section.request-demo.sans-infographic .content-wrapper h2 {
  color: #333;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper h2 {
  margin-bottom: 4rem;
  font-size: 4.2rem;
  line-height: 1;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper p {
  font-size: 2rem;
  line-height: 3.2rem;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper .cta {
  background: #00ADEF;
}
body.product-landing section.request-demo.sans-infographic .content-wrapper .cta:hover {
  background: white;
}
body.product-landing .datasheetModal a {
  display: block;
  margin-bottom: 2rem;
  text-decoration: none;
}
body.product-landing .datasheetModal a:last-of-type {
  margin-bottom: 0;
}
body.product-landing .datasheetModal .wrapper {
  text-align: left !important;
  text-align: center;
}
body.product-landing .datasheetModal .wrapper .minSize1 > span {
  margin-bottom: 1rem;
}
body.product-landing .datasheetModal .wrapper input[type="text"] {
  width: 100% !important;
}
body.product-landing .datasheetModal .wrapper #btnSubmit {
  background: #00ADEF;
  border: #00ADEF;
  color: white !important;
  padding: 1.7rem 1rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 5rem;
  font-size: 1.4rem !important;
  min-width: 18rem;
  cursor: pointer;
  height: auto !important;
  line-height: 2.4rem;
  text-transform: capitalize !important;
  font-weight: 300 !important;
}
body.product-landing .forwardModal h2 {
  margin-bottom: 3.4rem;
}
body.product-landing .forwardModal,
body.product-landing .datasheetModal {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding: 0 2.5rem;
  display: none;
}
body.product-landing .forwardModal .wrapper,
body.product-landing .datasheetModal .wrapper {
  max-width: 53rem;
  padding: 4rem;
  background: white;
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
body.product-landing .forwardModal .wrapper:after,
body.product-landing .datasheetModal .wrapper:after {
  content: '';
  display: block;
  clear: both;
}
body.product-landing .forwardModal .wrapper:before,
body.product-landing .datasheetModal .wrapper:before {
  font-family: "AVT-Icons";
  content: '\EA09';
  position: absolute;
  left: -webkit-calc(100% + .5rem);
  left: calc(100% + .5rem);
  bottom: 100%;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  pointer-events: none;
}
body.product-landing .forwardModal .wrapper .buttonContainer,
body.product-landing .datasheetModal .wrapper .buttonContainer {
  text-align: center;
}
body.product-landing .forwardModal .wrapper h2,
body.product-landing .datasheetModal .wrapper h2 {
  color: #00ADEF;
  text-align: center;
}
body.product-landing .forwardModal .wrapper p,
body.product-landing .datasheetModal .wrapper p {
  font-weight: 300;
}
body.product-landing .forwardModal .wrapper .blue-text,
body.product-landing .datasheetModal .wrapper .blue-text {
  font-size: 2rem;
  color: #00ADEF;
}
body.product-landing .forwardModal .wrapper textarea,
body.product-landing .datasheetModal .wrapper textarea {
  width: 100%;
  display: block;
  border: 1px solid #9EA1A1;
  border-radius: 15px;
  resize: vertical;
  outline: none;
  min-height: 100px;
  font-weight: 300;
  padding: 10px 20px;
}
body.product-landing .forwardModal .wrapper textarea::-webkit-input-placeholder,
body.product-landing .datasheetModal .wrapper textarea::-webkit-input-placeholder {
  font-weight: 400;
}
body.product-landing .forwardModal .wrapper textarea::-moz-placeholder,
body.product-landing .datasheetModal .wrapper textarea::-moz-placeholder {
  font-weight: 400;
}
body.product-landing .forwardModal .wrapper textarea:-ms-input-placeholder,
body.product-landing .datasheetModal .wrapper textarea:-ms-input-placeholder {
  font-weight: 400;
}
body.product-landing .forwardModal .wrapper textarea::placeholder,
body.product-landing .datasheetModal .wrapper textarea::placeholder {
  font-weight: 400;
}
body.product-landing .forwardModal .wrapper input[type="text"],
body.product-landing .datasheetModal .wrapper input[type="text"] {
  width: 100%;
  display: block;
  border: 1px solid #9EA1A1;
  border-radius: 15px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  min-height: 50px;
  padding: 10px 20px;
  width: -webkit-calc(50% - .8rem);
  width: calc(50% - .8rem);
  display: inline-block;
}
body.product-landing .forwardModal .wrapper input[type="text"]:nth-of-type(1), body.product-landing .forwardModal .wrapper input[type="text"]:nth-of-type(3),
body.product-landing .datasheetModal .wrapper input[type="text"]:nth-of-type(1),
body.product-landing .datasheetModal .wrapper input[type="text"]:nth-of-type(3) {
  margin-right: 1rem;
}
body.product-landing .forwardModal .wrapper input[type="text"].error,
body.product-landing .forwardModal .wrapper textarea.error,
body.product-landing .datasheetModal .wrapper input[type="text"].error,
body.product-landing .datasheetModal .wrapper textarea.error {
  border-color: crimson !important;
}
body.product-landing .forwardModal .wrapper .cta,
body.product-landing .datasheetModal .wrapper .cta {
  background: #00ADEF;
  color: white;
}
body.product-landing section.learn-more {
  padding: 8rem 0;
  background: #00ADEF;
}
body.product-landing section.learn-more .columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.product-landing section.learn-more .columns .column, body.product-landing section.learn-more .columns .inline {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 30rem;
  -ms-flex: 0 1 30rem;
  flex: 0 1 30rem;
  text-align: center;
  padding: 0 1rem;
  padding-bottom: 6rem;
  position: relative;
}
body.product-landing section.learn-more .columns .column img, body.product-landing section.learn-more .columns .inline img {
  margin-bottom: 2.7rem;
}
body.product-landing section.learn-more .columns .column p, body.product-landing section.learn-more .columns .inline p {
  color: white;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 2.5rem;
}
body.product-landing section.learn-more .columns .column .cta, body.product-landing section.learn-more .columns .inline .cta {
  color: white;
  border: 1px solid white;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.product-landing section.learn-more .columns .column .cta:hover, body.product-landing section.learn-more .columns .inline .cta:hover {
  background: white;
  color: #00ADEF;
}
@media (max-width: 768px) {
  body.product-landing section.learn-more .columns {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  body.product-landing section.learn-more .columns .column:nth-of-type(1), body.product-landing section.learn-more .columns .inline:nth-of-type(1), body.product-landing section.learn-more .columns .column:nth-of-type(2), body.product-landing section.learn-more .columns .inline:nth-of-type(2) {
    margin-bottom: 4rem;
  }
}
body.product-landing div.demo-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
}
body.product-landing div.demo-modal .container {
  height: 100%;
  max-width: 60rem;
  clear: both;
}
body.product-landing div.demo-modal .wrapper {
  background: white;
  max-height: -webkit-calc(100vh - 4rem);
  max-height: calc(100vh - 4rem);
  top: 50%;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 1rem;
}
body.product-landing div.demo-modal .wrapper .overflow-scroll {
  overflow: scroll;
  max-height: -webkit-calc(100vh - 4rem);
  max-height: calc(100vh - 4rem);
  padding: 5.5rem 7rem;
}
body.product-landing div.demo-modal .wrapper h2 {
  text-align: center;
  color: #00ADEF;
  font-size: 3.6rem;
  line-height: 3.4rem;
}
body.product-landing div.demo-modal .wrapper p {
  text-align: center;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: -.03rem;
}
body.product-landing div.demo-modal .wrapper .clickdform {
  padding: 0 !important;
}
body.product-landing div.demo-modal .wrapper .clickdform .clear {
  display: none !important;
}
body.product-landing div.demo-modal .wrapper form {
  margin-bottom: 0;
}
body.product-landing div.demo-modal .wrapper form input {
  color: #00ADEF;
}
body.product-landing div.demo-modal .wrapper form span.maxSize1 {
  color: #808284 !important;
  margin-bottom: .5rem;
  font-size: 1.2rem !important;
  margin-left: 1rem;
}
body.product-landing div.demo-modal .wrapper form #btnSubmit {
  padding: .5rem 1rem !important;
  text-decoration: none;
  height: auto !important;
  display: block;
  border-radius: 10rem !important;
  font-size: 1.4rem !important;
  text-transform: lowercase;
  min-width: 18rem !important;
  font-weight: 400;
  text-align: center;
  -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
  transition: color .2s ease-in-out, background .2s ease-in-out;
  color: white !important;
  border-color: #00ADEF !important;
  background: #00ADEF;
  width: 100%;
}
body.product-landing div.demo-modal .wrapper form #btnSubmit:hover {
  color: #00ADEF !important;
  background: white !important;
}
body.product-landing div.demo-modal .wrapper:before {
  font-family: "AVT-Icons";
  content: '\EA09';
  position: absolute;
  left: -webkit-calc(100% + .5rem);
  left: calc(100% + .5rem);
  bottom: 100%;
  color: white;
  font-size: 2rem;
  cursor: pointer;
}
@media (max-width: 640px) {
  body.product-landing div.demo-modal .wrapper {
    margin-left: .5rem;
    margin-right: .5rem;
  }
  body.product-landing div.demo-modal .wrapper .overflow-scroll {
    padding: 2.75rem 3.5rem;
  }
}
body.product-landing .feature-chart {
  background: #00ADEF;
  padding: 11.6rem 0 9rem 0;
}
body.product-landing .feature-chart .content-wrapper {
  color: white;
  text-align: center;
}
body.product-landing .feature-chart .content-wrapper h2 {
  font-size: 3.6rem;
  line-height: 3.8rem;
  color: white;
  margin-bottom: 4rem;
}
body.product-landing .feature-chart .content-wrapper img {
  margin-top: 6rem;
  display: block;
  width: 100%;
}
body.product-landing .feature-chart .content-wrapper p:last-of-type {
  margin-bottom: 0;
}
body.product-landing .feature-chart .content-wrapper .cta {
  color: white;
  border: 1px solid white;
}
body.product-landing .feature-chart .content-wrapper .cta:hover {
  color: #00ADEF;
  background: white;
}
@media (max-width: 640px) {
  body.product-landing .feature-chart {
    padding: 7.2rem 0;
  }
  body.product-landing .feature-chart img {
    display: none !important;
  }
}

@-webkit-keyframes sliderContentSlide {
  0% {
    width: 100%;
    max-height: 100%;
  }
  100% {
    width: 50%;
    height: 100vh;
  }
}

@keyframes sliderContentSlide {
  0% {
    width: 100%;
    max-height: 100%;
  }
  100% {
    width: 50%;
    height: 100vh;
  }
}
@-webkit-keyframes sliderContentSlideMobile {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sliderContentSlideMobile {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sliderImageSlide {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@keyframes sliderImageSlide {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 0%;
    opacity: 1;
  }
}
@-webkit-keyframes sliderOneThird {
  0% {
    width: 33.33333%;
    opacity: 0;
    text-align: right;
    white-space: nowrap;
  }
  100% {
    width: 0;
    opacity: 1;
    text-align: right;
    white-space: nowrap;
  }
}
@keyframes sliderOneThird {
  0% {
    width: 33.33333%;
    opacity: 0;
    text-align: right;
    white-space: nowrap;
  }
  100% {
    width: 0;
    opacity: 1;
    text-align: right;
    white-space: nowrap;
  }
}
@-webkit-keyframes sliderTwoThirds {
  0% {
    width: 66.66667%;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes sliderTwoThirds {
  0% {
    width: 66.66667%;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes sliderExploreShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sliderExploreShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pointing {
  50% {
    margin-left: 10px;
  }
}
@-webkit-keyframes pointing {
  50% {
    margin-left: 10px;
  }
}
@keyframes delay-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes delay-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}