a, a:hover, a:focus {
  color: inherit;
  text-decoration: none !important;
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 1.3em;
  margin: 0; }

p {
  padding-bottom: 1.3em; }

.height-xl {
  height: 720px; }

.height-lg {
  height: 360px; }

.height-md {
  height: 240px; }

.height-sm {
  height: 180px; }

.height-xs {
  height: 144px; }

.height-xx {
  height: 72px; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.padding-top-xl {
  padding-top: 60px; }

.padding-top-lg {
  padding-top: 30px; }

.padding-top-md {
  padding-top: 15px; }

.padding-top-sm {
  padding-top: 7.5px; }

.padding-top-xs {
  padding-top: 3.75px; }

.padding-top-xx {
  padding-top: 1.5px; }

.padding-top-none {
  padding-top: 0px; }

.padding-xl {
  padding: 60px; }

.padding-lg {
  padding: 30px; }

.padding-md {
  padding: 15px; }

.padding-sm {
  padding: 7.5px; }

.padding-xs {
  padding: 3.75px; }

.padding-xx {
  padding: 1.5px; }

.padding-none {
  padding: 0px; }

.padding-bottom-xl {
  padding-bottom: 60px; }

.padding-bottom-lg {
  padding-bottom: 30px; }

.padding-bottom-md {
  padding-bottom: 15px; }

.padding-bottom-sm {
  padding-bottom: 7.5px; }

.padding-bottom-xs {
  padding-bottom: 3.75px; }

.padding-bottom-xx {
  padding-bottom: 1.5px; }

.padding-bottom-none {
  padding-bottom: 0px; }

.padding-xl {
  padding: 60px; }

.padding-lg {
  padding: 30px; }

.padding-md {
  padding: 15px; }

.padding-sm {
  padding: 7.5px; }

.padding-xs {
  padding: 3.75px; }

.padding-xx {
  padding: 1.5px; }

.padding-none {
  padding: 0px; }

.padding-left-xl {
  padding-left: 60px; }

.padding-left-lg {
  padding-left: 30px; }

.padding-left-md {
  padding-left: 15px; }

.padding-left-sm {
  padding-left: 7.5px; }

.padding-left-xs {
  padding-left: 3.75px; }

.padding-left-xx {
  padding-left: 1.5px; }

.padding-left-none {
  padding-left: 0px; }

.padding-xl {
  padding: 60px; }

.padding-lg {
  padding: 30px; }

.padding-md {
  padding: 15px; }

.padding-sm {
  padding: 7.5px; }

.padding-xs {
  padding: 3.75px; }

.padding-xx {
  padding: 1.5px; }

.padding-none {
  padding: 0px; }

.padding-right-xl {
  padding-right: 60px; }

.padding-right-lg {
  padding-right: 30px; }

.padding-right-md {
  padding-right: 15px; }

.padding-right-sm {
  padding-right: 7.5px; }

.padding-right-xs {
  padding-right: 3.75px; }

.padding-right-xx {
  padding-right: 1.5px; }

.padding-right-none {
  padding-right: 0px; }

.padding-xl {
  padding: 60px; }

.padding-lg {
  padding: 30px; }

.padding-md {
  padding: 15px; }

.padding-sm {
  padding: 7.5px; }

.padding-xs {
  padding: 3.75px; }

.padding-xx {
  padding: 1.5px; }

.padding-none {
  padding: 0px; }

.margin-top-xl {
  margin-top: 60px; }

.margin-top-lg {
  margin-top: 30px; }

.margin-top-md {
  margin-top: 15px; }

.margin-top-sm {
  margin-top: 7.5px; }

.margin-top-xs {
  margin-top: 3.75px; }

.margin-top-xx {
  margin-top: 1.5px; }

.margin-top-none {
  margin-top: 0px; }

.margin-bottom-xl {
  margin-bottom: 60px; }

.margin-bottom-lg {
  margin-bottom: 30px; }

.margin-bottom-md {
  margin-bottom: 15px; }

.margin-bottom-sm {
  margin-bottom: 7.5px; }

.margin-bottom-xs {
  margin-bottom: 3.75px; }

.margin-bottom-xx {
  margin-bottom: 1.5px; }

.margin-bottom-none {
  margin-bottom: 0px; }

.margin-left-xl {
  margin-left: 60px; }

.margin-left-lg {
  margin-left: 30px; }

.margin-left-md {
  margin-left: 15px; }

.margin-left-sm {
  margin-left: 7.5px; }

.margin-left-xs {
  margin-left: 3.75px; }

.margin-left-xx {
  margin-left: 1.5px; }

.margin-left-none {
  margin-left: 0px; }

.margin-right-xl {
  margin-right: 60px; }

.margin-right-lg {
  margin-right: 30px; }

.margin-right-md {
  margin-right: 15px; }

.margin-right-sm {
  margin-right: 7.5px; }

.margin-right-xs {
  margin-right: 3.75px; }

.margin-right-xx {
  margin-right: 1.5px; }

.margin-right-none {
  margin-right: 0px; }

.margin-xl {
  margin: 60px; }

.margin-lg {
  margin: 30px; }

.margin-md {
  margin: 15px; }

.margin-sm {
  margin: 7.5px; }

.margin-xs {
  margin: 3.75px; }

.margin-xx {
  margin: 1.5px; }

.margin-none {
  margin: 0px; }

.border {
  border: 1px solid #ccc; }
  .border-top {
    border-top-width: 1px;
    border-top-color: #33eaff;
    border-top-style: solid; }
  .border-bottom {
    border-bottom-width: 1px;
    border-bottom-color: #33eaff;
    border-bottom-style: solid; }
  .border-left {
    border-left-width: 1px;
    border-left-color: #33eaff;
    border-left-style: solid; }
  .border-right {
    border-right-width: 1px;
    border-right-color: #33eaff;
    border-right-style: solid; }
  .border-light {
    border-color: #ccfaff; }
  .border-dark {
    border-color: #002e33; }
  .border-radius {
    border-radius: 6px; }

.bg-primary {
  background-color: #008999; }

.bg-highlight {
  background-color: yellow; }

.bg-accent, .bg-accent:hover {
  background-color: #A60079;
  color: #fff; }

.bg-grey {
  background-color: #ccc; }

.bg-grey-dark {
  background-color: #aaa;
  color: #fff; }

.bg-grey-light {
  background-color: #eee; }
  .bg-grey-lighter {
    background-color: #f1f1f1; }

.bg-transparent {
  background-color: transparent !important; }

html {
  font-family: 'Montserrat', sans-serif; }

body {
  background-color: #F8FEFF; }

.page {
  display: block;
  width: 100%;
  position: relative; }

.text-base, .text-base:hover {
  color: #008999; }

.text-acc, .text-acc:hover {
  color: #A60079; }

.text-roboto {
  font-family: "Roboto", sans-serif; }

.bg-base, .bg-base:hover {
  background-color: #008999; }

.bg-acc, .bg-acc:hover {
  background-color: #A60079; }

.bg-img-0 {
  background: url("../img/jumbo-bg-mobile@2x.png") bottom center no-repeat;
  background-size: cover;
  width: 100%; }

.bg-img-1 {
  background: url("../img/jumbo-img-sel.png") bottom right no-repeat, url("../img/bg-pattern.svg") repeat;
  background-size: contain;
  background-color: #008999;
  width: 100%; }

.bg-opp-1 {
  background: url("../img/opp-1.svg") 0 230px no-repeat; }

.bg-opp-2 {
  background: url("../img/opp-2.svg") center 30px no-repeat; }

.bg-opp-3 {
  background: url("../img/opp-3.svg") center 30px no-repeat; }

.bg-header {
  background: #008999 url("../img/bg-pattern.svg") repeat; }

.border-base, .border-base:hover {
  border-color: #008999; }

.border-acc, .border-acc:hover {
  border-color: #A60079; }

.border-dash {
  background: url("../img/border-dash.svg") center center no-repeat; }
  .border-dash-top {
    background: url("../img/border-dash.svg") center 100px no-repeat; }
  .border-dash-bottom {
    background: url("../img/border-dash.svg") center -200px no-repeat; }

.shadow {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1); }

.page {
  background: url("../img/pg_01.svg") -300px 600px no-repeat, url("../img/pg_02.svg") 110% 1100px no-repeat, url("../img/pg_03.svg") left 1300px no-repeat; }

.footer {
  background: url("../img/pg_04.svg") 100px 200px no-repeat, linear-gradient(to bottom right, #008999, #4A0036); }

@media (min-width: 640px) {
  .bg-img-0 {
    background: url("../img/jumbo-bg@2x.png") bottom center no-repeat;
    background-size: cover;
    width: 100%; }
  .bg-img-1 {
    background: url("../img/jumbo-img-sel.png") bottom right no-repeat, url("../img/bg-pattern.svg") repeat;
    background-size: contain;
    background-color: #008999;
    width: 100%; } }