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

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

body {
  line-height: 1; }

a {
  text-decoration: none; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

hr {
  margin: 0;
  border: 0; }

* {
  box-sizing: border-box; }

@media screen and (min-width: 568px) and (max-width: 1199px) {
  .testasfgdfgsdg {
    color: red; } }

@media screen and (min-width: 768px) and (max-width: 967px) {
  .testasfgdfgsddd {
    color: red; } }

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

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

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

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

a,
p,
li,
body,
label,
input,
button,
select,
textarea {
  color: #333333;
  font-family: Proximanova-Regular, Helvetica, Arial, Sans-Serif;
  font-size: 16px;
  line-height: 150%; }
  @media screen and (min-width: 768px) {
    a,
    p,
    li,
    body,
    label,
    input,
    button,
    select,
    textarea {
      font-size: 18px; } }

strong {
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif; }

a:hover {
  text-decoration: underline; }

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.main {
  position: relative;
  width: 100%;
  margin-top: 80px; }
  @media screen and (min-width: 768px) {
    .main {
      margin-top: 94px; } }

.main__section {
  width: 100%;
  padding: 48px 16px; }
  @media screen and (min-width: 768px) {
    .main__section {
      padding: 96px 16px; } }

.main__container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 100; }

.header__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px;
  *zoom: 1; }
  .header__container:before, .header__container:after {
    content: "";
    display: table; }
  .header__container:after {
    clear: both; }

.header__container a {
  display: inline-block; }

.header__logo {
  display: block;
  max-width: 120px; }
  @media screen and (min-width: 768px) {
    .header__logo {
      max-width: 160px; } }

.nav {
  width: 60%;
  margin-top: 20px;
  float: right; }
  @media screen and (max-width: 768px) {
    .nav {
      display: none; } }

.nav-list {
  float: right;
  *zoom: 1; }
  .nav-list:before, .nav-list:after {
    content: "";
    display: table; }
  .nav-list:after {
    clear: both; }

.nav-list__item {
  margin: 0 10px;
  float: left; }

.footer {
  position: relative;
  padding: 20px 0;
  background-color: #fff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); }

.footer__container {
  min-width: 320px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }

.footer__links-list {
  display: flex;
  flex-wrap: wrap; }

.footer__links-list a {
  color: #333333; }

.footer__links-list-item {
  width: 100%;
  margin-top: 10px;
  text-align: center; }
  @media screen and (min-width: 568px) {
    .footer__links-list-item {
      width: auto;
      padding-right: 15px;
      margin-right: 15px;
      border-right: 1px solid #333333; } }

.footer__links-list-item--contact {
  border-right: none; }

table {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%; }

th {
  border-bottom: 2px solid #39A9FF; }

th,
td {
  width: 25%;
  padding: 5px;
  vertical-align: middle;
  border-right: 2px solid #39A9FF; }
  th:last-child,
  td:last-child {
    border-right: 0; }

.release-notes {
  color: #3FA9F5;
  text-decoration: underline; }

.faqs__section h2 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .faqs__section h2 {
      font-size: 48px; } }

#accordion {
  margin-top: 30px; }

.faq__question {
  margin-top: 5px;
  padding: 10px 20px;
  border: 1px solid #EDEEF2;
  text-align: left;
  cursor: pointer; }

.faq__question:hover {
  background-color: #EDEEF2; }

.faq__question[aria-selected="true"] {
  background-color: #EDEEF2; }

.faq__answer {
  padding: 20px;
  border: 1px solid #EDEEF2;
  border-top: none;
  text-align: left; }

.faq__answer ul {
  margin-top: 10px;
  margin-left: 20px;
  list-style-type: disc; }

.faq__answer p,
.faq__answer li,
.faq__answer a {
  font-size: 14px;
  line-height: 150%; }
  @media screen and (min-width: 768px) {
    .faq__answer p,
    .faq__answer li,
    .faq__answer a {
      font-size: 14px; } }

.faq__answer a {
  color: #3FA9F5; }

p,
a {
  margin-top: 16px;
  font-size: 18px;
  line-height: 150%; }
  @media screen and (min-width: 768px) {
    p,
    a {
      font-size: 20px; } }
  p:first-child,
  a:first-child {
    margin: 0; }

sup {
  vertical-align: super;
  font-size: smaller; }

.home__section {
  position: relative;
  padding: 144px 16px;
  background-image: url("../content/images/pages/home/home.jpg");
  background-size: cover; }
  .home__section .main__container {
    position: relative;
    z-index: 10; }

.home-section__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9); }

.home__section h1 {
  color: #3FA9F5;
  font-size: 32px;
  line-height: 120%; }
  @media screen and (min-width: 768px) {
    .home__section h1 {
      font-size: 62px; } }
  .home__section h1 span {
    font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif; }

.home__section p {
  margin-top: 16px;
  max-width: 550px; }

.intro__section {
  max-width: 78%;
  margin: 0 auto;
  text-align: center; }

.how-works__section {
  background: #3FA9F5;
  text-align: center; }

.how-works__section h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .how-works__section h3 {
      font-size: 48px; } }

.how-works__steps {
  *zoom: 1; }
  .how-works__steps:before, .how-works__steps:after {
    content: "";
    display: table; }
  .how-works__steps:after {
    clear: both; }

.how-works__step {
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .how-works__step {
      width: 30%;
      margin-right: 5%;
      float: left; }
      .how-works__step:last-child {
        margin-right: 0; } }

.how-works__step p {
  max-width: 340px;
  margin: 32px auto 0;
  color: #fff; }

.how-works__step span {
  display: block;
  margin-top: 16px; }

.how-works__test-link {
  color: #fff;
  margin: 32px auto 0;
  max-width: 60%; }

.how-works__test-button {
  display: inline-block;
  margin: 0 auto;
  margin-top: 16px;
  padding: 8px 32px;
  background-color: #fff;
  border-radius: 5px;
  color: #3FA9F5; }

.enablers__container {
  *zoom: 1; }
  .enablers__container:before, .enablers__container:after {
    content: "";
    display: table; }
  .enablers__container:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .enablers__container {
      display: flex; } }

.enablers__column {
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .enablers__column {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 48%;
      float: left;
      margin-right: 4%;
      margin-top: 0; } }
  .enablers__column:last-child {
    margin-right: 0; }

.enablers__column h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .enablers__column h3 {
      font-size: 48px; } }

.enablers__column p {
  font-size: 13px;
  max-width: 85%; }

.enablers__column a {
  font-size: 13px; }

.enablers__list {
  margin-left: 20px; }

.enablers__list-item {
  list-style-type: disc;
  color: #8CC63F; }

.enablers__list-item span {
  color: #333333; }

.modes__section {
  background: linear-gradient(to right, #ffffff 0%, #fdfeff 50%, #8ccbf9 100%); }

.modes__container {
  *zoom: 1; }
  .modes__container:before, .modes__container:after {
    content: "";
    display: table; }
  .modes__container:after {
    clear: both; }

.modes__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 32px; }
  .modes__column:first-child {
    margin-top: 0; }
    .modes__column:first-child h3:first-child {
      margin-top: 0; }
  @media screen and (min-width: 768px) {
    .modes__column {
      width: 48%;
      float: left;
      margin-right: 4%; }
      .modes__column:last-child {
        margin-top: 0;
        margin-right: 0; }
        .modes__column:last-child h3:first-child {
          margin-top: 0; } }

.modes__column img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 450px;
  margin-top: 32px; }

.modes__column h3 {
  font-size: 20px;
  line-height: 150%;
  color: #3FA9F5;
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .modes__column h3 {
      font-size: 22px; } }

.entry-modes__section {
  background-color: #EDEEF2;
  text-align: center; }

.entry-modes__section h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .entry-modes__section h3 {
      font-size: 48px; } }

.entry-modes__section p {
  max-width: 750px;
  margin: 16px auto 0; }

.entry-modes__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 16px auto 0;
  *zoom: 1; }
  .entry-modes__list:before, .entry-modes__list:after {
    content: "";
    display: table; }
  .entry-modes__list:after {
    clear: both; }

.entry-modes__list-item {
  background-color: #fff;
  padding: 32px;
  box-sizing: border-box;
  margin: 8px 2px; }
  @media screen and (min-width: 768px) {
    .entry-modes__list-item {
      width: 32%;
      float: left;
      margin-right: 1%; } }

.entry-modes__list-item h2 {
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  font-size: 18px;
  line-height: 150%;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .entry-modes__list-item h2 {
      font-size: 20px; } }

.entry-modes__list-item img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 120px;
  margin: 16px auto 0; }

.entry-modes__list-item p {
  max-width: 215px;
  margin: 16px auto 0; }

.azure__container {
  *zoom: 1; }
  .azure__container:before, .azure__container:after {
    content: "";
    display: table; }
  .azure__container:after {
    clear: both; }

.azure__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .azure__column {
      width: 48%;
      float: left;
      margin-right: 4%; }
      .azure__column:first-child {
        align-items: center; }
      .azure__column:last-child {
        text-align: left;
        margin-top: 0;
        margin-right: 0; } }

.azure__column img {
  width: 100%;
  height: auto;
  max-width: 410px;
  margin: 0 auto; }

.azure__column h3 {
  font-size: 25px;
  line-height: 120%;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .azure__column h3 {
      font-size: 36px; } }

.about__section {
  background: #3fa9f5;
  background: linear-gradient(to right, #8cc63f 0%, #3fbe8e 25%, #3fa9f5 100%); }

.about__container {
  *zoom: 1; }
  .about__container:before, .about__container:after {
    content: "";
    display: table; }
  .about__container:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .about__container {
      display: flex; } }

.about__column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .about__column {
      width: 48%;
      float: left;
      margin-right: 4%;
      margin-top: 0; }
      .about__column:first-child {
        text-align: left; }
      .about__column:last-child {
        align-items: center;
        margin-top: 0;
        margin-right: 0; } }

.about__column img {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 0 auto; }

.about__column h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #fff; }
  @media screen and (min-width: 768px) {
    .about__column h3 {
      font-size: 48px; } }

.about__column p {
  color: #fff; }

.about__column a {
  color: #fff;
  text-decoration: underline; }

.accreditation__section {
  text-align: center; }

.accreditation__section h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #3FA9F5; }
  @media screen and (min-width: 768px) {
    .accreditation__section h3 {
      font-size: 48px; } }

.accreditation__logos {
  *zoom: 1; }
  .accreditation__logos:before, .accreditation__logos:after {
    content: "";
    display: table; }
  .accreditation__logos:after {
    clear: both; }

.accreditation__logo {
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .accreditation__logo {
      width: 48%;
      margin-right: 4%;
      float: left; }
      .accreditation__logo:last-child {
        margin-right: 0; } }

.accreditation__logo img {
  width: 100%;
  max-width: 370px; }

.accreditation__copy {
  margin: 32px auto 0;
  max-width: 60%; }

.accreditation__single {
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px lightgrey; }
  
.accreditation__single_logo img {
  width:50%;
}

.accreditation__single .accreditation__copy {
  margin-top: 10px; }

@media screen and (max-width: 768px) {
  .accreditation__single img {
    width: 95%; } }

.purchase__section {
  text-align: center; }

.purchase__section h3 {
  font-size: 28px;
  line-height: 120%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #39A9FF; }
  @media screen and (min-width: 768px) {
    .purchase__section h3 {
      font-size: 48px; } }

.purchase__section p {
  margin-top: 20px; }

.purchase__section p a {
  font-size: 18px;
  line-height: 150%;
  color: #39A9FF; }
  @media screen and (min-width: 768px) {
    .purchase__section p a {
      font-size: 20px; } }

.license-list {
  margin: 0 auto;
  *zoom: 1; }
  .license-list:before, .license-list:after {
    content: "";
    display: table; }
  .license-list:after {
    clear: both; }

.license-list div {
  padding: 10px; }

.license-list li {
  min-height: 120px;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  display: inline-block;
  border: 2px solid #39A9FF;
  box-sizing: border-box; }
  @media screen and (min-width: 568px) {
    .license-list li {
      width: 48%; } }
  @media screen and (min-width: 768px) {
    .license-list li {
      width: 30%; } }

.purchase-button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px;
  background-color: #39A9FF;
  color: #fff; }

.registered-link {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 150%;
  color: #39A9FF; }
  @media screen and (min-width: 768px) {
    .registered-link {
      font-size: 14px; } }

.purchase-button:hover,
.registered-link:hover {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .license-list li:nth-child(odd) {
    margin-right: 1%; }
  .license-list li:nth-child(even) {
    margin-left: 1%; } }

@media screen and (min-width: 768px) {
  .license-list li:nth-child(3n+2) {
    margin-left: 3.5%;
    margin-right: 3.5%; } }

.license-list span {
  display: block;
  margin-top: 10px;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  font-size: 20px;
  line-height: 150%;
  color: #39A9FF; }
  @media screen and (min-width: 768px) {
    .license-list span {
      font-size: 22px; } }

.license-list li img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.video__list-step {
  margin: 20px auto 0;
  padding: 20px;
  border: 1px solid #EDEEF2; }
  @media screen and (min-width: 768px) {
    .video__list-step {
      display: inline-block;
      width: 48%; } }

.video__list-step:nth-child(odd) {
  margin-right: 3%; }

.video__list-step h2 {
  font-size: 20px;
  line-height: 150%;
  font-family: Proximanova-Bold, Helvetica, Arial, Sans-Serif;
  color: #39A9FF;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .video__list-step h2 {
      font-size: 22px; } }

.video__wrapper {
  position: relative;
  margin-top: 10px;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }

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

.button-list {
  margin-top: 30px; }

.button-list li {
  width: 100%;
  margin-top: 20px;
  text-align: center; }

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