@charset "UTF-8";
@font-face {
  font-family: 'Roboto-Bold';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Roboto-Bold.eot');
  src: url('../../fonts/Roboto-Bold.eot') format('embedded-opentype'),
  url('../../fonts/Roboto-Bold.woff') format('woff'),
  url('../../fonts/Roboto-Bold.ttf') format('truetype'),
  url('../../fonts/Roboto-Bold.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Roboto-Light.eot');
  src: url('../../fonts/Roboto-Light.eot') format('embedded-opentype'),
  url('../../fonts/Roboto-Light.woff') format('woff'),
  url('../../fonts/Roboto-Light.ttf') format('truetype'),
  url('../../fonts/Roboto-Light.svg') format('svg');
}@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Roboto-Regular.eot');
  src: url('../../fonts/Roboto-Regular.eot') format('embedded-opentype'),
  url('../../fonts/Roboto-Regular.woff') format('woff'),
  url('../../fonts/Roboto-Regular.ttf') format('truetype'),
  url('../../fonts/Roboto-Regular.svg') format('svg');
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
html, body, div, span, object, iframe {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
body, div, span, object, iframe {
  font-size: 100%;
}
div, span, object, iframe {
  font: inherit;
}
img, ins, kbd, q, s, samp {
  font-size: 100%;
  vertical-align: baseline;
}
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
ol, ul {
  list-style: none;
}
ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img {
  border: 0;
}
a:visited, a:link, a:hover, a:active, a:focus, a:hover, a:active {
  color: #000000;
  outline: none;
}
p > a:link, p > a:visited {
  color: #3CAFE1;
  outline: none;
}
p a:hover, p a:active, p a:focus{
  background-color: #dff5ff;
  color: #3CAFE1;
  text-decoration: none;
}
html, body {
  -webkit-backface-visibility: hidden;
}

html, body, .main, .main__inner {
  height: 100%;
}
body {
  font: 14px "Roboto-Regular", Tahoma, Arial, sans-serif;
  color: #000;
  background-color: #fff;
  line-height: 1.6;
  position: static;
  word-wrap: break-word;
}
.body-noscroll-class {
  overflow: hidden;
}

/*  CSS - T&C and Privacy Policy pages  */
#head {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
}
#head_container {
  width: 100%;
  max-width: 1500px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  background-color:  rgba(255,  255,  255,  0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
#head_content {
  width: 100%;
  margin: 0 auto;
  min-height: 80px;
  border-bottom: rgba(255, 255, 255, 0.5);
}
.head_left {
  float: left;
}
.logo {
  padding-left: 20px;
  padding-top: 14px;
  width: 50%;
  opacity: 0.8;

  display: -moz-inline-stack;
  display: inline-block;
}
.menu {
  position: relative;
}
.containers-wrap {
  position: absolute!important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.container {
  height: auto;
  width: 100%;
  min-height: 100%;
  padding: 60px 0 0;
  min-width: 310px;
}
.container_white {
  background-color: #ffffff;
  color: #fff;
}
.container.welcome-page  {
  background:  url(../../images/background.jpg) 50% 100% no-repeat;
  bottom:  0;
  background-size:  cover;
}
.welcome-page .title {
  padding-top: 40px;
}
.input-toggler {
  display: none;
}
.menu-toggler {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  padding-top: 10px;
}
.menu-toggler-line {
  width: 40%;
  height: 3px;
  background: #5A82E9;
  margin: 0 0 7px 0px;
  position: relative;
  transition: all 0.4s ease-out;
}
.input-toggler:checked ~ .menu-toggler .menu-toggler-line {
  top: 8px;
  translatey: 100px;
  transform: rotate(45deg);
}
.input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2) {
  display: none;
}
.input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(3) {
  top: -2px;
  translatey: 10;
  transform: rotate(135deg);
}
.nav {
  min-height: 100%;
  padding-top: 3rem;
  padding-left: 12.5%;
  padding-right: 12.5%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.nav ul li {
  width: 100%;
}
.nav ul li a {
  display: block;
  font-family: "Roboto-Bold", Arial, sans-serif;
  font-size: 1.15rem;
  line-height: 1.15rem;
  letter-spacing: -.025rem;
  padding-bottom: 0.75rem;
  margin-top: 0.75rem;
  list-style-type: none;
  text-decoration: none;
  color: #fff;
}
@media only screen and (min-width: 768px){
  .nav ul li a {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
.sidebar {
  display: block;
  position: absolute;
  top: 80px;
  height: 100vh;
  width: 100%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  background: #22a4f4;
  padding-bottom: 80px;
  opacity: 0;
  overflow: auto;
  justify-content: center;
  align-items: center;
  visibility: hidden;

  transition: all 0.4s ease-out;
}
.menu-link {
  color: white;
  font-size: 10vmin;
  line-height: 15vmin;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.menu-link:hover {
  opacity: .6;
}
.input-toggler:checked ~ .sidebar {
  transform: translateX(0%);
  opacity: 0.98;
  visibility: visible;
}
.page-wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  box-shadow: 10px 0 15px -10px rgba(0, 0, 0, 0.1), -10px 0 15px -10px rgba(0, 0, 0, 0.1);
}
.callout {
  position: relative;
  color:#fff;
  font-size:1.2em;
  min-height: 650px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.callout:before {
  content: '';
  position: absolute;
  right: calc(5% + 6px);
  top:10%;
  border-top: 6px rgba(255, 255, 255, .3) solid;
  height: 80%;
  width: 10%;
}
.callout:after {
  content: '';
  position: absolute;
  left: 5%;
  top:10%;
  border-right: 6px rgba(255, 255, 255, .3) solid;
  border-left: 6px rgba(255, 255, 255, .3) solid;
  border-bottom: 6px rgba(255, 255, 255, .3) solid;
  height: 80%;
  width: 90%;
}
#statement {
  width: 75%;
  min-height: 510px;
  margin: auto;
  margin-top: 80px;
  background:rgba(0, 0, 0, 0);
  padding-bottom: 7%;
}
 #statement h1 {
  display: block;
  padding-top: 100px;
  width: calc(264px + (100% - 264px));
  max-width: calc(264px + (100% - 264px));
  -ms-flex-preferred-size: calc(264px + (100% - 264px));
  flex-basis: calc(264px + (100% - 264px));
  margin-right: 24px;
  margin-bottom: 0;
  font-family: "Roboto-Bold";
  font-size: 7vw;
}
#statement .text {
  max-width: 700px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px){
  #statement .text {
    margin-left: 15%;
    padding-bottom: 0;
  }
}
#statement .text p {
  display: block;
  width: 100%;
  font-family: "Roboto-Light";
  font-size: 1.3rem;
  line-height: 1.7rem;
  letter-spacing: -.025rem;
  margin-top: 20px;
}
@media only screen and (min-width: 850px){
  #statement .text p {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
.summary {
  background-color: rgba(109,197,251,.15);
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 768px) {
  .summary {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .summary {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
.summary-text {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  font-family: "Roboto-Regular";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .summary-text {
    width: 75%;
    margin-left: calc(72px + ((100% - 264px) / 12 * 3));
    width: calc(120px + ((100% - 264px) / 12 * 6));
    max-width: calc(120px + ((100% - 264px) / 12 * 6));
    -ms-flex-preferred-size: calc(120px + ((100% - 264px) / 12 * 6));
    flex-basis: calc(120px + ((100% - 264px) / 12 * 6));
    margin-right: 24px;
  }
}
#check-list {
  background-color: #ffffff;
  width: 100%;
  max-width: 1500px;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0 auto;
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media only screen and (min-width: 768px){
  #check-list {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
}
@media only screen and (min-width: 1024px){
  #check-list {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
#check-list-container {
  margin-left: 0px;
}
@media only screen and (min-width: 768px){
  #check-list-container {
    margin-left: calc(72px + ((100% - 264px) / 12 * 3));
  }
}
.check-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 2.25rem;
  opacity: 1;
  transition: opacity .5s ease-in-out;
}
.hide {
  opacity: 0;
}
.check-list-icon {
  position: relative;display: flex;
}
.checkmark {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
@media only screen and (min-width: 768px){
  .checkmark {
    margin-left: -6rem;
  }
}
.check-list-text {
  font-family: "Roboto-Regular",Arial,sans-serif;
  font-weight: 400;
  font-size: .9975rem;
  line-height: 1.5rem;
  letter-spacing: .025rem;
}
@media only screen and (min-width: 768px){
  .check-list-text {
    width: calc(168px + ((100% - 264px) / 12 * 8));
    max-width: calc(168px + ((100% - 264px) / 12 * 8));
    -ms-flex-preferred-size: calc(168px + ((100% - 264px) / 12 * 8));
    flex-basis: calc(168px + ((100% - 264px) / 12 * 8));
    margin-right: 24px;
  }
}
.check-list-text p {
  margin: 0;
}
.chapter-number {
  position: absolute;
  right: 8%;
  top: 14%;
  color: rgba(255, 255, 255, .5);
  font-size: 110px;
  font-weight: bold;
  margin: 0;
  line-height: 4rem;
  letter-spacing: -0.8rem;
}
#statement .chapter-number {
  top: 7% !important;
  right: 18% !important;
}
.chapter-banner {
  position: relative;
  background: #41b7ff; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #41b7ff 0%, #1da1f2 96%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #41b7ff 0%,#1da1f2 96%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #41b7ff 0%,#1da1f2 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b7ff', endColorstr='#1da1f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  color:#fff;
  font-size:1.2em;
  min-height: 500px;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
.chapter-banner:before {
  content: '';
  position: absolute;
  right: calc(5% + 6px);
  top:20%;
  border-top: 6px rgba(255, 255, 255, .3) solid;
  height: 80%;
  width: 10%;
}
.chapter-banner:after {
  content: '';
  position: absolute;
  left: 5%;
  top:20%;
  border-right: 6px rgba(255, 255, 255, .3) solid;
  border-left: 6px rgba(255, 255, 255, .3) solid;
  border-bottom: 6px rgba(255, 255, 255, .3) solid;
  height: 70%;
  width: 90%;
}
.chapter-title {
  position: relative;
  width: 75%;
  min-height: 510px;
  margin: auto;
  background: rgba(0, 0, 0, 0);
  padding-top: 100px;
  padding-bottom: 7%;
}
.chapter-title h1 {
  position: absolute;
  display: block;
  width: calc(264px + (100% - 264px));
  max-width: calc(264px + (100% - 264px));
  -ms-flex-preferred-size: calc(264px + (100% - 264px));
  flex-basis: calc(264px + (100% - 264px));
  margin: 0;
  font-family: "Roboto-Bold";
  font-size: 28px;
  line-height: 1;
  top: 55%;
  opacity: 1;
}
@media only screen and (min-width: 700px){
  .chapter-title h1 {
    font-size: 64px;
  }
}
h1 sup {
  line-height: 1em;
  font-size: 30px;
  padding-right: 15px;
}
.chapter-title h1:after {
  display: block;
  margin: auto;
  margin-top: 10px;
  content: '';
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid rgba(255, 255, 255, 1);
  opacity: 0;

  animation: slide-slow 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes slide-slow {
  from {
    margin-top: 10px;
    opacity: 0.1;
  }
  to {
    margin-top: 50px;
    opacity: 0;
  }
}
.chapter-wrapper {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  margin-top: 4.5rem;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 768px){
  .chapter-wrapper {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
}
@media only screen and (min-width: 1024px){
  .chapter-wrapper {
    padding-left: 12.5%;
    padding-right: 12.5%;
  }
}
.chapter-content {
  margin: 0 auto;
  max-width: calc(264px + (100% - 264px));
  display: -ms-flexbox;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -ms-flex-direction: row;
  flex-direction: row;
}
.chapter-nav {
  display: none;
  position: relative;
  height: auto;
  width: calc(48px + ((100% - 264px) / 12 * 3));
  max-width: calc(48px + ((100% - 264px) / 12 * 3));
  -ms-flex-preferred-size: calc(48px + ((100% - 264px) / 12 * 3));
  flex-basis: calc(48px + ((100% - 264px) / 12 * 3));
  margin-right: 24px;
}
@media only screen and (min-width: 768px){
  .chapter-nav {
    display: block;
  }
}
.chapter-nav-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  padding-top: .5rem;
  background-color: #fff;
  z-index: 1;
}
.nav-section-list {
  margin-left: 0;
  list-style-type: none;
  display: block;
  margin-right: 2.25rem;
  padding-bottom: .75rem;
}
.section-list-item {
  display: block;
  padding-bottom: 16px;
  margin-right: 40px;
  width: 100%;
}
.section-link {
  font-family: "Roboto-Regular",Arial,sans-serif;
  font-size: .9975rem;
  line-height: 1.5rem;
  letter-spacing: .025rem;
  font-weight: 700;
  color: #000000;
  line-height: 1;
  text-decoration: none;
}
.content-wrapper {
  width: 100%;
  max-width: calc(264px + (100% - 264px));
}
@media only screen and (min-width: 768px){
  .content-wrapper {
    width: calc(192px + ((100% - 264px) / 12 * 9));
    max-width: calc(192px + ((100% - 264px) / 12 * 9));
    -ms-flex-preferred-size: calc(192px + ((100% - 264px) / 12 * 9));
    flex-basis: calc(192px + ((100% - 264px) / 12 * 9));
  }
}
.section-header {
  padding-bottom: 50px;
}
.section-header-count {
  font-family: "Roboto-Bold", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 5px;
}
.section-header-title {
  font-family: "Roboto-Bold";
  font-size: 1.8rem;
  line-height: 2.0rem;
  padding-left: 15px;
  font-weight: bold;
}
.section-summary {
  font-family: "Roboto-Regular";
  background-color: #f5f8fa;
  padding: 30px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7rem;
  letter-spacing: 0;
}
.section-summary p {
  margin: 0;
}
.sub-sections {
  padding-bottom: 50px;
}
.sub-section-container {
  padding-bottom: 10px;
  font-family: "Roboto-Regular";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.circle:before {
  margin-right: 5px;
  content: ' \25CF';
  font-size: 25px;
}
.chapter-text .circle:before {
  font-size: 20px;
}
.sub-section-title h2 {
  display: block;
  margin: 0;
  padding-left: 5px;
  font-family: "Roboto-Regular";
  font-size: 1.5rem;
  line-height: 1.7rem;
}
.sub-section-text {
  font-family: "Roboto-Regular";
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.section-text {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: .025rem;
}
.section-text p {
  margin: 0;
}
.chapter-text {
  font-family: "Roboto-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: .025rem;
}
.chapter-text h2 {
  margin: 0;
  margin-bottom: 20px;
  line-height: 1.7rem;
}
.chapter-text h3 {
  margin: 20px 0 5px 0;
}
.chapter-text-list {
  padding-left: 15px;
}
.chapter-text p {
  display: block;
  margin: 7px 0;
}
.orange-gradient {
  background: #F39432; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #FCE38A 0%, #F39432 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #FCE38A 0%,#F39432 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #FCE38A 0%,#F39432 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCE38A', endColorstr='#F39432',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pink-gradient {
  background: #F54EA2; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #FF7676 0%, #F54EA2 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #FF7676 0%,#F54EA2 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #FF7676 0%,#F54EA2 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7676', endColorstr='#F54EA2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-gradient {
  background: #6078EA; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #17EAD9 0%, #6078EA 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #17EAD9 0%,#6078EA 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #17EAD9 0%,#6078EA 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17EAD9', endColorstr='#6078EA',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.green-gradient {
  background: #2AB588; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #33FF9A 0%, #2AB588 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #33FF9A 0%,#2AB588 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #33FF9A 0%,#2AB588 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FF9A', endColorstr='#2AB588',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.orange-color, a.orange-color:hover {
  color: #F39432;
}
.pink-color {
  color: #F54EA2;
}
.blue-color, a.blue-color:hover {
  color: #3CAFE1;
}
.green-color {
  color: #2AB588;
}
.orange-background {
  background-color: rgba(253, 248, 211, 0.8)
}
.green-background {
  background-color: rgba(110,234,179,.2);
}
.blue-background {
  background-color: rgba(114,205,234,.14);
}
.orange-border {
  border-left: 3px solid;
  border-color: #F39432;
}
.pink-border {
  border-left: 3px solid;
  border-color: #F54EA2;
}
.green-border {
  border-left: 3px solid;
  border-color: #2AB588;
}
.blue-border {
  border-left: 3px solid;
  border-color: #3CAFE1;
}