@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css);
@import url("https://fonts.googleapis.com/css?family=Raleway:300,500,600");

/*Altitude by Pixelaritypixelarity.com | hello@pixelarity.comLicense: pixelarity.com/license*/
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;
}

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

body {
    line-height: 1;
    margin: 0;
}

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;
}

body {
    -webkit-text-size-adjust: none;

}

mark {
    background-color: transparent;
    color: inherit;
}

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

input,
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.modal{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position:fixed;
  top: 0;
  left: 0;
  display: flex;
  box-shadow: 5px 5px;
  animation: modal 0.5s 0.5s forwards;
  visibility: hidden;
  opacity: 0;

}

.contenido{
  margin-top: 10%;
  margin: auto;
  width: 80%;
  height: auto;
  background: white;
  border-radius: 10px;

}
#cerrar{
display: none;
}

#cerrar + label {
  position: fixed;
  color: #fff;
  font-size: 40px;
  z-index: 50;
  height: 50%;
  width: 60px;
  line-height: 80px;
  border-radius: 50%;
  right: 5px;
  top: 0px;
  cursor: pointer;
  animation: modal 0.5s 0.5s forwards;
  visibility: hidden;
  opacity: 0;

}
.contenido h2{
  text-align: center;
  margin-top: 0.2em;
  color: #f04770;
  font-weight: bold;
  font-size: 25pt;
}

.contenido p{
  text-align: center;
  padding: 20px;
  color: black;
  font-size:14pt;
  color: #707070;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.contenido .imagen1{
  align-content: center;
  display:block;
  margin:auto;
  padding-top: 20px;
    width: 15%;



  }

  .contenido .imagen2{

    align-content: center;
    display:block;
    margin:auto;


  }
#cerrar:checked + label, #cerrar:checked ~ .modal {
  display: none;
}


@keyframes modal {
  100% {
    visibility: visible;
    opacity: 1;
  }
}


@-ms-viewport {
    width: device-width;
}

body {
    -ms-overflow-style: scrollbar;
    margin: 0;

}

@media screen and (max-width: 480px) {
  .contenido p{
    font-size: 10pt;
    line-height : 25px;
  }
  .contenido h2{
    font-size: 10pt;
  }
  .contenido .imagen1{
    width: 5%;
  }
.contenido{
  height: 100%;
}
    html,
    body {
        min-width: 320px;
    }
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: white;
}

body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

body {
    color: white;
}

body,
input,
select,
textarea {
    font-family: "Raleway", sans-serif;
    font-size: 14pt;
    font-weight: 300;
    line-height: 1.65;
}



.contenido .imagen2 {
  width: 85%;

}



@media screen and (max-width: 1680px) {

    body,
    input,
    select,
    textarea {
        font-size: 11pt;
    }
    .contenido{
      width:80%;
      height: auto;
    }
    .contenido p{
      font-size: 14pt;
      line-height : 35px;
    }
    .contenido h2{
      font-size: 20pt;
    }

    .contenido .imagen1{
      width: 15%;
    }

}

@media screen and (max-width: 360px) {
  .contenido p{
    font-size: 8pt;
    line-height : 14px;
  }
  .contenido{
    width: 80%;
    height: auto;
  }
    body,
    input,
    select,
    textarea {
        font-size: 10pt;
    }
}

a {
    -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    border-bottom: dotted 1px;
    text-decoration: none;
}

a:hover {
    border-bottom-color: transparent;
}

strong,
b {
    font-weight: 500;
}

em,
i {
    font-style: italic;
}

p {
    margin: 0 0 2em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: none;
}

h1 {
    font-size: 2.1em;
    font-weight: 500;
    margin: 0 0 0.65em 0;
    line-height: 1;
    text-align: left;
}

h2 {
    font-size: 1.75em;
    font-weight: 500;
    margin: 0 0 0.65em 0;
}

h3 {
    font-size: 1em;
    font-weight: 600;
    margin: 0 0 1em 0;
    line-height: 1;
}

h4 {
    font-size: 0.9em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

h5 {
    font-size: 0.8em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

h6 {
    font-size: 0.7em;
    font-weight: 600;
    margin: 0 0 1em 0;
}

@media screen and (max-width: 736px) {
  .contenido p{
    font-size: 10pt;
    line-height : 20px;
  }
  .contenido h2{
    font-size: 15pt;
  }
  .contenido{
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .contenido .imagen1{
    width: 30%;
  }
    h1 {
        font-size: 1.75em;
    }

    h2 {
        font-size: 1.25em;
    }
}

sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}

sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}

blockquote {
    border-left: solid 4px;
    font-style: italic;
    margin: 0 0 2em 0;
    padding: 0.5em 0 0.5em 2em;
}

code {
    border-radius: 4px;
    border: solid 1px;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em;
}

pre {
    -webkit-overflow-scrolling: touch;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 2em 0;
}

pre code {
    display: block;
    line-height: 1.75;
    padding: 1em 1.5em;
    overflow-x: auto;
}

hr {
    border: 0;
    border-bottom: solid 1px;
    margin: 3em 0;
}

hr.major {
    margin: 5em 0;
}

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

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

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

input,
select,
textarea {
    color: #434b56;
}

a {
    color: #434b56;
}

strong,
b {
    color: #434b56;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #434b56;
}

blockquote {
    border-left-color: rgba(67, 75, 86, 0.25);
}

code {
    background: rgba(67, 75, 86, 0.05);
    border-color: rgba(67, 75, 86, 0.25);
}

hr {
    border-bottom-color: rgba(67, 75, 86, 0.25);
}

.row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: stretch;
}

.row>* {
    box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
    margin-bottom: 0;
}

.row.aln-left {
    justify-content: flex-start;
}

.row.aln-center {
    justify-content: center;
}

.row.aln-right {
    justify-content: flex-end;
}

.row.aln-top {
    align-items: flex-start;
}

.row.aln-middle {
    align-items: center;
}

.row.aln-bottom {
    align-items: flex-end;
}

.row>.imp {
    order: -1;
}

.row>.col-1 {
    width: 8.33333%;
}

.row>.off-1 {
    margin-left: 8.33333%;
}

.row>.col-2 {
    width: 16.66667%;
}

.row>.off-2 {
    margin-left: 16.66667%;
}

.row>.col-3 {
    width: 25%;
}

.row>.off-3 {
    margin-left: 25%;
}

.row>.col-4 {
    width: 33.33333%;
}

.row>.off-4 {
    margin-left: 33.33333%;
}

.row>.col-5 {
    width: 41.66667%;
}

.row>.off-5 {
    margin-left: 41.66667%;
}

.row>.col-6 {
    width: 50%;
}

.row>.off-6 {
    margin-left: 50%;
}

.row>.col-7 {
    width: 58.33333%;
}

.row>.off-7 {
    margin-left: 58.33333%;
}

.row>.col-8 {
    width: 66.66667%;
}

.row>.off-8 {
    margin-left: 66.66667%;
}

.row>.col-9 {
    width: 75%;
}

.row>.off-9 {
    margin-left: 75%;
}

.row>.col-10 {
    width: 83.33333%;
}

.row>.off-10 {
    margin-left: 83.33333%;
}

.row>.col-11 {
    width: 91.66667%;
}

.row>.off-11 {
    margin-left: 91.66667%;
}

.row>.col-12 {
    width: 100%;
}

.row>.off-12 {
    margin-left: 100%;
}

.row.gtr-0 {
    margin-top: 0;
    margin-left: 0em;
}

.row.gtr-0>* {
    padding: 0 0 0 0em;
}

.row.gtr-0.gtr-uniform {
    margin-top: 0em;
}

.row.gtr-0.gtr-uniform>* {
    padding-top: 0em;
}

.row.gtr-25 {
    margin-top: 0;
    margin-left: -0.5em;
}

.row.gtr-25>* {
    padding: 0 0 0 0.5em;
}

.row.gtr-25.gtr-uniform {
    margin-top: -0.5em;
}

.row.gtr-25.gtr-uniform>* {
    padding-top: 0.5em;
}

.row.gtr-50 {
    margin-top: 0;
    margin-left: -1em;
}

.row.gtr-50>* {
    padding: 0 0 0 1em;
}

.row.gtr-50.gtr-uniform {
    margin-top: -1em;
}

.row.gtr-50.gtr-uniform>* {
    padding-top: 1em;
}

.row {
    margin-top: 0;
    margin-left: -2em;
}

.row>* {
    padding: 0 0 0 2em;
}

.row.gtr-uniform {
    margin-top: -2em;
}

.row.gtr-uniform>* {
    padding-top: 2em;
}

.row.gtr-150 {
    margin-top: 0;
    margin-left: -3em;
}

.row.gtr-150>* {
    padding: 0 0 0 3em;
}

.row.gtr-150.gtr-uniform {
    margin-top: -3em;
}

.row.gtr-150.gtr-uniform>* {
    padding-top: 3em;
}

.row.gtr-200 {
    margin-top: 0;
    margin-left: -4em;
}

.row.gtr-200>* {
    padding: 0 0 0 4em;
}

.row.gtr-200.gtr-uniform {
    margin-top: -4em;
}

.row.gtr-200.gtr-uniform>* {
    padding-top: 4em;
}

@media screen and (max-width: 1680px) {

    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }

    .row>* {
        box-sizing: border-box;
    }

    .row.gtr-uniform>*> :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row>.imp-xlarge {
        order: -1;
    }

    .row>.col-1-xlarge {
        width: 8.33333%;
    }

    .row>.off-1-xlarge {
        margin-left: 8.33333%;
    }

    .row>.col-2-xlarge {
        width: 16.66667%;
    }

    .row>.off-2-xlarge {
        margin-left: 16.66667%;
    }

    .row>.col-3-xlarge {
        width: 25%;
    }

    .row>.off-3-xlarge {
        margin-left: 25%;
    }

    .row>.col-4-xlarge {
        width: 33.33333%;
    }

    .row>.off-4-xlarge {
        margin-left: 33.33333%;
    }

    .row>.col-5-xlarge {
        width: 41.66667%;
    }

    .row>.off-5-xlarge {
        margin-left: 41.66667%;
    }

    .row>.col-6-xlarge {
        width: 50%;
    }

    .row>.off-6-xlarge {
        margin-left: 50%;
    }

    .row>.col-7-xlarge {
        width: 58.33333%;
    }

    .row>.off-7-xlarge {
        margin-left: 58.33333%;
    }

    .row>.col-8-xlarge {
        width: 66.66667%;
    }

    .row>.off-8-xlarge {
        margin-left: 66.66667%;
    }

    .row>.col-9-xlarge {
        width: 75%;
    }

    .row>.off-9-xlarge {
        margin-left: 75%;
    }

    .row>.col-10-xlarge {
        width: 83.33333%;
    }

    .row>.off-10-xlarge {
        margin-left: 83.33333%;
    }

    .row>.col-11-xlarge {
        width: 91.66667%;
    }

    .row>.off-11-xlarge {
        margin-left: 91.66667%;
    }

    .row>.col-12-xlarge {
        width: 100%;
    }

    .row>.off-12-xlarge {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }

    .row.gtr-0>* {
        padding: 0 0 0 0em;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }

    .row.gtr-0.gtr-uniform>* {
        padding-top: 0em;
    }

    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5em;
    }

    .row.gtr-25>* {
        padding: 0 0 0 0.5em;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -0.5em;
    }

    .row.gtr-25.gtr-uniform>* {
        padding-top: 0.5em;
    }

    .row.gtr-50 {
        margin-top: 0;
        margin-left: -1em;
    }

    .row.gtr-50>* {
        padding: 0 0 0 1em;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -1em;
    }

    .row.gtr-50.gtr-uniform>* {
        padding-top: 1em;
    }

    .row {
        margin-top: 0;
        margin-left: -2em;
    }

    .row>* {
        padding: 0 0 0 2em;
    }

    .row.gtr-uniform {
        margin-top: -2em;
    }

    .row.gtr-uniform>* {
        padding-top: 2em;
    }

    .row.gtr-150 {
        margin-top: 0;
        margin-left: -3em;
    }

    .row.gtr-150>* {
        padding: 0 0 0 3em;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -3em;
    }

    .row.gtr-150.gtr-uniform>* {
        padding-top: 3em;
    }

    .row.gtr-200 {
        margin-top: 0;
        margin-left: -4em;
    }

    .row.gtr-200>* {
        padding: 0 0 0 4em;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -4em;
    }

    .row.gtr-200.gtr-uniform>* {
        padding-top: 4em;
    }
}

@media screen and (max-width: 1280px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }

    .row>* {
        box-sizing: border-box;
    }

    .row.gtr-uniform>*> :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row>.imp-large {
        order: -1;
    }

    .row>.col-1-large {
        width: 8.33333%;
    }

    .row>.off-1-large {
        margin-left: 8.33333%;
    }

    .row>.col-2-large {
        width: 16.66667%;
    }

    .row>.off-2-large {
        margin-left: 16.66667%;
    }

    .row>.col-3-large {
        width: 25%;
    }

    .row>.off-3-large {
        margin-left: 25%;
    }

    .row>.col-4-large {
        width: 33.33333%;
    }

    .row>.off-4-large {
        margin-left: 33.33333%;
    }

    .row>.col-5-large {
        width: 41.66667%;
    }

    .row>.off-5-large {
        margin-left: 41.66667%;
    }

    .row>.col-6-large {
        width: 50%;
    }

    .row>.off-6-large {
        margin-left: 50%;
    }

    .row>.col-7-large {
        width: 58.33333%;
    }

    .row>.off-7-large {
        margin-left: 58.33333%;
    }

    .row>.col-8-large {
        width: 66.66667%;
    }

    .row>.off-8-large {
        margin-left: 66.66667%;
    }

    .row>.col-9-large {
        width: 75%;
    }

    .row>.off-9-large {
        margin-left: 75%;
    }

    .row>.col-10-large {
        width: 83.33333%;
    }

    .row>.off-10-large {
        margin-left: 83.33333%;
    }

    .row>.col-11-large {
        width: 91.66667%;
    }

    .row>.off-11-large {
        margin-left: 91.66667%;
    }

    .row>.col-12-large {
        width: 100%;
    }

    .row>.off-12-large {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }

    .row.gtr-0>* {
        padding: 0 0 0 0em;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }

    .row.gtr-0.gtr-uniform>* {
        padding-top: 0em;
    }

    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em;
    }

    .row.gtr-25>* {
        padding: 0 0 0 0.375em;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -0.375em;
    }

    .row.gtr-25.gtr-uniform>* {
        padding-top: 0.375em;
    }

    .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em;
    }

    .row.gtr-50>* {
        padding: 0 0 0 0.75em;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -0.75em;
    }

    .row.gtr-50.gtr-uniform>* {
        padding-top: 0.75em;
    }

    .row {
        margin-top: 0;
        margin-left: -1.5em;
    }

    .row>* {
        padding: 0 0 0 1.5em;
    }

    .row.gtr-uniform {
        margin-top: -1.5em;
    }

    .row.gtr-uniform>* {
        padding-top: 1.5em;
    }

    .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em;
    }

    .row.gtr-150>* {
        padding: 0 0 0 2.25em;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -2.25em;
    }

    .row.gtr-150.gtr-uniform>* {
        padding-top: 2.25em;
    }

    .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em;
    }

    .row.gtr-200>* {
        padding: 0 0 0 3em;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -3em;
    }

    .row.gtr-200.gtr-uniform>* {
        padding-top: 3em;
    }
}

@media screen and (max-width: 980px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }

    .row>* {
        box-sizing: border-box;
    }

    .row.gtr-uniform>*> :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row>.imp-medium {
        order: -1;
    }

    .row>.col-1-medium {
        width: 8.33333%;
    }

    .row>.off-1-medium {
        margin-left: 8.33333%;
    }

    .row>.col-2-medium {
        width: 16.66667%;
    }

    .row>.off-2-medium {
        margin-left: 16.66667%;
    }

    .row>.col-3-medium {
        width: 25%;
    }

    .row>.off-3-medium {
        margin-left: 25%;
    }

    .row>.col-4-medium {
        width: 33.33333%;
    }

    .row>.off-4-medium {
        margin-left: 33.33333%;
    }

    .row>.col-5-medium {
        width: 41.66667%;
    }

    .row>.off-5-medium {
        margin-left: 41.66667%;
    }

    .row>.col-6-medium {
        width: 50%;
    }

    .row>.off-6-medium {
        margin-left: 50%;
    }

    .row>.col-7-medium {
        width: 58.33333%;
    }

    .row>.off-7-medium {
        margin-left: 58.33333%;
    }

    .row>.col-8-medium {
        width: 66.66667%;
    }

    .row>.off-8-medium {
        margin-left: 66.66667%;
    }

    .row>.col-9-medium {
        width: 75%;
    }

    .row>.off-9-medium {
        margin-left: 75%;
    }

    .row>.col-10-medium {
        width: 83.33333%;
    }

    .row>.off-10-medium {
        margin-left: 83.33333%;
    }

    .row>.col-11-medium {
        width: 91.66667%;
    }

    .row>.off-11-medium {
        margin-left: 91.66667%;
    }

    .row>.col-12-medium {
        width: 100%;
    }

    .row>.off-12-medium {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }

    .row.gtr-0>* {
        padding: 0 0 0 0em;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }

    .row.gtr-0.gtr-uniform>* {
        padding-top: 0em;
    }

    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.375em;
    }

    .row.gtr-25>* {
        padding: 0 0 0 0.375em;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -0.375em;
    }

    .row.gtr-25.gtr-uniform>* {
        padding-top: 0.375em;
    }

    .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.75em;
    }

    .row.gtr-50>* {
        padding: 0 0 0 0.75em;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -0.75em;
    }

    .row.gtr-50.gtr-uniform>* {
        padding-top: 0.75em;
    }

    .row {
        margin-top: 0;
        margin-left: -1.5em;
    }

    .row>* {
        padding: 0 0 0 1.5em;
    }

    .row.gtr-uniform {
        margin-top: -1.5em;
    }

    .row.gtr-uniform>* {
        padding-top: 1.5em;
    }

    .row.gtr-150 {
        margin-top: 0;
        margin-left: -2.25em;
    }

    .row.gtr-150>* {
        padding: 0 0 0 2.25em;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -2.25em;
    }

    .row.gtr-150.gtr-uniform>* {
        padding-top: 2.25em;
    }

    .row.gtr-200 {
        margin-top: 0;
        margin-left: -3em;
    }

    .row.gtr-200>* {
        padding: 0 0 0 3em;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -3em;
    }

    .row.gtr-200.gtr-uniform>* {
        padding-top: 3em;
    }
}

@media screen and (max-width: 736px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }

    .row>* {
        box-sizing: border-box;
    }

    .row.gtr-uniform>*> :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row>.imp-small {
        order: -1;
    }

    .row>.col-1-small {
        width: 8.33333%;
    }

    .row>.off-1-small {
        margin-left: 8.33333%;
    }

    .row>.col-2-small {
        width: 16.66667%;
    }

    .row>.off-2-small {
        margin-left: 16.66667%;
    }

    .row>.col-3-small {
        width: 25%;
    }

    .row>.off-3-small {
        margin-left: 25%;
    }

    .row>.col-4-small {
        width: 33.33333%;
    }

    .row>.off-4-small {
        margin-left: 33.33333%;
    }

    .row>.col-5-small {
        width: 41.66667%;
    }

    .row>.off-5-small {
        margin-left: 41.66667%;
    }

    .row>.col-6-small {
        width: 50%;
    }

    .row>.off-6-small {
        margin-left: 50%;
    }

    .row>.col-7-small {
        width: 58.33333%;
    }

    .row>.off-7-small {
        margin-left: 58.33333%;
    }

    .row>.col-8-small {
        width: 66.66667%;
    }

    .row>.off-8-small {
        margin-left: 66.66667%;
    }

    .row>.col-9-small {
        width: 75%;
    }

    .row>.off-9-small {
        margin-left: 75%;
    }

    .row>.col-10-small {
        width: 83.33333%;
    }

    .row>.off-10-small {
        margin-left: 83.33333%;
    }

    .row>.col-11-small {
        width: 91.66667%;
    }

    .row>.off-11-small {
        margin-left: 91.66667%;
    }

    .row>.col-12-small {
        width: 100%;
    }

    .row>.off-12-small {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }

    .row.gtr-0>* {
        padding: 0 0 0 0em;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }

    .row.gtr-0.gtr-uniform>* {
        padding-top: 0em;
    }

    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.3125em;
    }

    .row.gtr-25>* {
        padding: 0 0 0 0.3125em;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -0.3125em;
    }

    .row.gtr-25.gtr-uniform>* {
        padding-top: 0.3125em;
    }

    .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.625em;
    }

    .row.gtr-50>* {
        padding: 0 0 0 0.625em;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -0.625em;
    }

    .row.gtr-50.gtr-uniform>* {
        padding-top: 0.625em;
    }

    .row {
        margin-top: 0;
        margin-left: -1.25em;
    }

    .row>* {
        padding: 0 0 0 1.25em;
    }

    .row.gtr-uniform {
        margin-top: -1.25em;
    }

    .row.gtr-uniform>* {
        padding-top: 1.25em;
    }

    .row.gtr-150 {
        margin-top: 0;
        margin-left: -1.875em;
    }

    .row.gtr-150>* {
        padding: 0 0 0 1.875em;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -1.875em;
    }

    .row.gtr-150.gtr-uniform>* {
        padding-top: 1.875em;
    }

    .row.gtr-200 {
        margin-top: 0;
        margin-left: -2.5em;
    }

    .row.gtr-200>* {
        padding: 0 0 0 2.5em;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -2.5em;
    }

    .row.gtr-200.gtr-uniform>* {
        padding-top: 2.5em;
    }
}

@media screen and (max-width: 480px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }

    .row>* {
        box-sizing: border-box;
    }

    .row.gtr-uniform>*> :last-child {
        margin-bottom: 0;
    }

    .row.aln-left {
        justify-content: flex-start;
    }

    .row.aln-center {
        justify-content: center;
    }

    .row.aln-right {
        justify-content: flex-end;
    }

    .row.aln-top {
        align-items: flex-start;
    }

    .row.aln-middle {
        align-items: center;
    }

    .row.aln-bottom {
        align-items: flex-end;
    }

    .row>.imp-xsmall {
        order: -1;
    }

    .row>.col-1-xsmall {
        width: 8.33333%;
    }

    .row>.off-1-xsmall {
        margin-left: 8.33333%;
    }

    .row>.col-2-xsmall {
        width: 16.66667%;
    }

    .row>.off-2-xsmall {
        margin-left: 16.66667%;
    }

    .row>.col-3-xsmall {
        width: 25%;
    }

    .row>.off-3-xsmall {
        margin-left: 25%;
    }

    .row>.col-4-xsmall {
        width: 33.33333%;
    }

    .row>.off-4-xsmall {
        margin-left: 33.33333%;
    }

    .row>.col-5-xsmall {
        width: 41.66667%;
    }

    .row>.off-5-xsmall {
        margin-left: 41.66667%;
    }

    .row>.col-6-xsmall {
        width: 50%;
    }

    .row>.off-6-xsmall {
        margin-left: 50%;
    }

    .row>.col-7-xsmall {
        width: 58.33333%;
    }

    .row>.off-7-xsmall {
        margin-left: 58.33333%;
    }

    .row>.col-8-xsmall {
        width: 66.66667%;
    }

    .row>.off-8-xsmall {
        margin-left: 66.66667%;
    }

    .row>.col-9-xsmall {
        width: 75%;
    }

    .row>.off-9-xsmall {
        margin-left: 75%;
    }

    .row>.col-10-xsmall {
        width: 83.33333%;
    }

    .row>.off-10-xsmall {
        margin-left: 83.33333%;
    }

    .row>.col-11-xsmall {
        width: 91.66667%;
    }

    .row>.off-11-xsmall {
        margin-left: 91.66667%;
    }

    .row>.col-12-xsmall {
        width: 100%;
    }

    .row>.off-12-xsmall {
        margin-left: 100%;
    }

    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0em;
    }

    .row.gtr-0>* {
        padding: 0 0 0 0em;
    }

    .row.gtr-0.gtr-uniform {
        margin-top: 0em;
    }

    .row.gtr-0.gtr-uniform>* {
        padding-top: 0em;
    }

    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.3125em;
    }

    .row.gtr-25>* {
        padding: 0 0 0 0.3125em;
    }

    .row.gtr-25.gtr-uniform {
        margin-top: -0.3125em;
    }

    .row.gtr-25.gtr-uniform>* {
        padding-top: 0.3125em;
    }

    .row.gtr-50 {
        margin-top: 0;
        margin-left: -0.625em;
    }

    .row.gtr-50>* {
        padding: 0 0 0 0.625em;
    }

    .row.gtr-50.gtr-uniform {
        margin-top: -0.625em;
    }

    .row.gtr-50.gtr-uniform>* {
        padding-top: 0.625em;
    }

    .row {
        margin-top: 0;
        margin-left: -1.25em;
    }

    .row>* {
        padding: 0 0 0 1.25em;
    }

    .row.gtr-uniform {
        margin-top: -1.25em;
    }

    .row.gtr-uniform>* {
        padding-top: 1.25em;
    }

    .row.gtr-150 {
        margin-top: 0;
        margin-left: -1.875em;
    }

    .row.gtr-150>* {
        padding: 0 0 0 1.875em;
    }

    .row.gtr-150.gtr-uniform {
        margin-top: -1.875em;
    }

    .row.gtr-150.gtr-uniform>* {
        padding-top: 1.875em;
    }

    .row.gtr-200 {
        margin-top: 0;
        margin-left: -2.5em;
    }

    .row.gtr-200>* {
        padding: 0 0 0 2.5em;
    }

    .row.gtr-200.gtr-uniform {
        margin-top: -2.5em;
    }

    .row.gtr-200.gtr-uniform>* {
        padding-top: 2.5em;
    }
}

.box {
    border-radius: 4px;
    border: solid 1px;
    margin-bottom: 2em;
    padding: 1.5em;
}

.box> :last-child,
.box> :last-child> :last-child,
.box> :last-child> :last-child> :last-child {
    margin-bottom: 0;
}

.box.alt {
    border: 0;
    border-radius: 0;
    padding: 0;
}

.box {
    border-color: rgba(67, 75, 86, 0.25);
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    border-radius: 3.92857em;
    border: 0;
    cursor: pointer !important;
    display: inline-block;
    font-weight: 600;
    height: 3.92857em;
    line-height: 3.92857em;
    padding: 0 3em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.7em;
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
button.icon:before,
.button.icon:before {
    margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
button.fit,
.button.fit {
    width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
button.small,
.button.small {
    font-size: 0.6em;
}

input[type="submit"].large,
input[type="reset"].large,
input[type="button"].large,
button.large,
.button.large {
    font-size: 1em;
}

input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
button.disabled,
button:disabled,
.button.disabled,
.button:disabled {
    pointer-events: none;
    opacity: 0.25;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(67, 75, 86, 0.25);
    color: #434b56 !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background-color: rgba(67, 75, 86, 0.05);
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
.button:active {
    background-color: rgba(67, 75, 86, 0.1);
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
    background-color: #575b72;
    color: #ffffff !important;
}

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

input[type="submit"].primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
    background-color: #6d728f;
}

.features {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2em 0;
}

.features section {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-left: solid 1px;
    border-top: solid 1px;
    padding: 2em 3em;
    text-align: center;
    width: calc(100% / 3);
}

.features section:nth-child(3n - 2) {
    border-left-width: 0;
}

.features section:nth-child(-n + 3) {
    border-top-width: 0;
}

@media screen and (max-width: 980px) {
    .features {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .features section {
        padding: 3em 3em 1em 3em;
        border-left: 0;
        width: 100%;
    }

    .features section:nth-child(-n + 3) {
        border-top-width: 1px;
    }

    .features section:first-child {
        border-top-width: 0;
        padding-top: 1em;
    }

    .features section:last-child {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 736px) {
    .features section {
        padding: 3em 2em 1em 2em;
    }
}

.features section {
    border-color: rgba(67, 75, 86, 0.25);
}

form {
    margin: 0 0 2em 0;
}

form.combined {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    width: 35em;
}

form.combined input[type="text"],
form.combined input[type="password"],
form.combined input[type="email"],
form.combined select,
form.combined textarea {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    border-bottom-left-radius: 2.75em;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2.75em;
    border-top-right-radius: 0;
}

form.combined input[type="submit"] {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media screen and (max-width: 480px) {
    form.combined {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    form.combined input[type="text"],
    form.combined input[type="password"],
    form.combined input[type="email"],
    form.combined select,
    form.combined textarea {
        border-radius: 2.75em;
        margin: 0 0 1em 0;
    }

    form.combined input[type="submit"] {
        border-radius: 2.75em;
    }
}

label {
    display: block;
    font-size: 0.9em;
    font-weight: 500;
    margin: 0 0 1em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 4px;
    border: none;
    border: solid 1px;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
    box-shadow: none;
}

select {
    background-size: 1.25rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    height: 2.75em;
    padding-right: 2.75em;
    text-overflow: ellipsis;
}

select:focus::-ms-value {
    background-color: transparent;
}

select::-ms-expand {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    height: 2.75em;
}

textarea {
    padding: 0.75em 1em;
}

input[type="checkbox"],
input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    padding-left: 2.4em;
    padding-right: 0.75em;
    position: relative;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
    border-radius: 4px;
    border: solid 1px;
    content: '';
    display: inline-block;
    font-size: 0.9em;
    height: 1.7875em;
    left: 0;
    line-height: 1.71875em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.7875em;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
    content: '\f00c';
}

input[type="checkbox"]+label:before {
    border-radius: 4px;
}

input[type="radio"]+label:before {
    border-radius: 100%;
}

::-webkit-input-placeholder {
    opacity: 1.0;
}

:-moz-placeholder {
    opacity: 1.0;
}

::-moz-placeholder {
    opacity: 1.0;
}

:-ms-input-placeholder {
    opacity: 1.0;
}

label {
    color: #434b56;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background-color: rgba(67, 75, 86, 0.05);
    border-color: rgba(67, 75, 86, 0.25);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    border-color: #fed586;
    box-shadow: inset 0 0 0 1px #fed586;
}

input[type="text"] ::-webkit-input-placeholder,
input[type="password"] ::-webkit-input-placeholder,
input[type="email"] ::-webkit-input-placeholder,
select ::-webkit-input-placeholder,
textarea ::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"] :-moz-placeholder,
input[type="password"] :-moz-placeholder,
input[type="email"] :-moz-placeholder,
select :-moz-placeholder,
textarea :-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"] ::-moz-placeholder,
input[type="password"] ::-moz-placeholder,
input[type="email"] ::-moz-placeholder,
select ::-moz-placeholder,
textarea ::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"] :-ms-input-placeholder,
input[type="password"] :-ms-input-placeholder,
input[type="email"] :-ms-input-placeholder,
select :-ms-input-placeholder,
textarea :-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"].invert,
input[type="password"].invert,
input[type="email"].invert,
select.invert,
textarea.invert {
    background: #ffffff;
    color: rgba(67, 75, 86, 0.75);
}

input[type="text"].invert::-webkit-input-placeholder,
input[type="password"].invert::-webkit-input-placeholder,
input[type="email"].invert::-webkit-input-placeholder,
select.invert::-webkit-input-placeholder,
textarea.invert::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"].invert:-moz-placeholder,
input[type="password"].invert:-moz-placeholder,
input[type="email"].invert:-moz-placeholder,
select.invert:-moz-placeholder,
textarea.invert:-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"].invert::-moz-placeholder,
input[type="password"].invert::-moz-placeholder,
input[type="email"].invert::-moz-placeholder,
select.invert::-moz-placeholder,
textarea.invert::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

input[type="text"].invert:-ms-input-placeholder,
input[type="password"].invert:-ms-input-placeholder,
input[type="email"].invert:-ms-input-placeholder,
select.invert:-ms-input-placeholder,
textarea.invert:-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0ncmdiYSg2NywgNzUsIDg2LCAwLjI1KScgLz48L3N2Zz4=");
}

select option {
    color: #434b56;
    background: #ffffff;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    color: rgba(67, 75, 86, 0.75);
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
    background: rgba(67, 75, 86, 0.05);
    border-color: rgba(67, 75, 86, 0.25);
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
    background-color: #fed586;
    border-color: #fed586;
    color: #ffffff;
}

input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
    border-color: #fed586;
    box-shadow: 0 0 0 1px #fed586;
}

.icon {
    text-decoration: none;
    border-bottom: none;
    cursor: default;
    position: relative;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.icon>.label {
    display: none;
}

.icon.major {
    display: block;
    margin: 0 0 2em 0;
}

.icon.major:before {
    border-radius: 100%;
    border: solid 1px;
    display: inline-block;
    font-size: 1.75em;
    height: 3.5em;
    line-height: 3.5em;
    width: 3.5em;
}

.icon.solid:before {
    font-weight: 900;
}

.icon.brands:before {
    font-family: 'Font Awesome 5 Brands';
}

.icon.accent1 {
    color: #575b72;
}

.icon.accent2 {
    color: #4cabb1;
}

.icon.accent3 {
    color: #69c7ad;
}

.icon.accent4 {
    color: #fed586;
}

@media screen and (max-width: 736px) {
    .icon.major:before {
        font-size: 1.5em;
        height: 3.25em;
        line-height: 3.25em;
        width: 3.25em;
    }
}

.icon.major:before {
    border-color: rgba(67, 75, 86, 0.25);
}

.image {
    border-radius: 4px;
    border: 0;
    display: inline-block;
    position: relative;
}

.image img {
    border-radius: 4px;
    display: block;
}

.image.left,
.image.right {
    max-width: 40%;
}

.image.left img,
.image.right img {
    width: 100%;
}

.image.left {
    float: left;
    margin: 0 1.5em 1em 0;
    top: 0.25em;
}

.image.right {
    float: right;
    margin: 0 0 1em 1.5em;
    top: 0.25em;
}

.image.fit {
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
}

.image.fit img {
    width: 100%;
}

.image.main {
    display: block;
    margin: 0 0 3em 0;
    width: 100%;
}

.image.main img {
    width: 100%;
}

@media screen and (max-width: 736px) {
    .image.main {
        margin: 0 0 2em 0;
    }
}

img {
    display: block;
}

img[data-position] {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
}

img[data-position="top"] {
    -moz-object-position: top;
    -webkit-object-position: top;
    -ms-object-position: top;
    object-position: top;
}

img[data-position="top right"] {
    -moz-object-position: top right;
    -webkit-object-position: top right;
    -ms-object-position: top right;
    object-position: top right;
}

img[data-position="right"] {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right;
}

img[data-position="bottom right"] {
    -moz-object-position: bottom right;
    -webkit-object-position: bottom right;
    -ms-object-position: bottom right;
    object-position: bottom right;
}

img[data-position="bottom"] {
    -moz-object-position: bottom;
    -webkit-object-position: bottom;
    -ms-object-position: bottom;
    object-position: bottom;
}

img[data-position="bottom left"] {
    -moz-object-position: bottom left;
    -webkit-object-position: bottom left;
    -ms-object-position: bottom left;
    object-position: bottom left;
}

img[data-position="left"] {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left;
}

img[data-position="top left"] {
    -moz-object-position: top left;
    -webkit-object-position: top left;
    -ms-object-position: top left;
    object-position: top left;
}

img[data-position="center"] {
    -moz-object-position: center;
    -webkit-object-position: center;
    -ms-object-position: center;
    object-position: center;
}

ol {
    list-style: decimal;
    margin: 0 0 2em 0;
    padding-left: 1.25em;
}

ol li {
    padding-left: 0.25em;
}

ul {
    list-style: disc;
    margin: 0 0 2em 0;
    padding-left: 1em;
}

ul li {
    padding-left: 0.5em;
}

ul.alt {
    list-style: none;
    padding-left: 0;
}

ul.alt li {
    border-top: solid 1px;
    padding: 0.5em 0;
}

ul.alt li:first-child {
    border-top: 0;
    padding-top: 0;
}

dl {
    margin: 0 0 2em 0;
}

dl dt {
    display: block;
    font-weight: 500;
    margin: 0 0 1em 0;
}

dl dd {
    margin-left: 2em;
}

ul.alt li {
    border-top-color: rgba(67, 75, 86, 0.25);
}

ul.actions {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    cursor: default;
    list-style: none;
    margin-left: -1em;
    padding-left: 0;
}

ul.actions li {
    padding: 0 0 0 1em;
    vertical-align: middle;
}

ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
}

ul.actions.special li:first-child {
    padding-left: 0;
}

ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
}

ul.actions.stacked li {
    padding: 1.3em 0 0 0;
}

ul.actions.stacked li:first-child {
    padding-top: 0;
}

ul.actions.fit {
    width: calc(100% + 1em);
}

ul.actions.fit li {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 100%;
}

ul.actions.fit li>* {
    width: 100%;
}

ul.actions.fit.stacked {
    width: 100%;
}

@media screen and (max-width: 480px) {
    ul.actions:not(.fixed) {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        width: 100% !important;
    }

    ul.actions:not(.fixed) li {
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
        padding: 1em 0 0 0;
        text-align: center;
        width: 100%;
    }

    ul.actions:not(.fixed) li>* {
        width: 100%;
    }

    ul.actions:not(.fixed) li:first-child {
        padding-top: 0;
    }

    ul.actions:not(.fixed) li input[type="submit"],
    ul.actions:not(.fixed) li input[type="reset"],
    ul.actions:not(.fixed) li input[type="button"],
    ul.actions:not(.fixed) li button,
    ul.actions:not(.fixed) li .button {
        width: 100%;
    }

    ul.actions:not(.fixed) li input[type="submit"].icon:before,
    ul.actions:not(.fixed) li input[type="reset"].icon:before,
    ul.actions:not(.fixed) li input[type="button"].icon:before,
    ul.actions:not(.fixed) li button.icon:before,
    ul.actions:not(.fixed) li .button.icon:before {
        margin-left: -0.5em;
    }
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0;
}

ul.icons li:last-child {
    padding-right: 0;
}

ul.contact-icons {
    list-style: none;
    padding-left: 0;
}

ul.contact-icons li:before {
    padding-left: 0;
    margin-right: 1em;
}

section.special,
article.special {
    text-align: center;
}

header p {
    margin: -0.75em 0 2em 0;
}

header.major {
    text-align: center;
}

header.major> :first-child {
    margin-top: -0.25em;
}

@media screen and (max-width: 736px) {
    header p {
        margin: -0.25em 0 2em 0;
    }
}

header p {
    color: rgba(67, 75, 86, 0.5);
}

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

table {
    margin: 0 0 2em 0;
    width: 100%;
}

table tbody tr {
    border: solid 1px;
    border-left: 0;
    border-right: 0;
}

table td {
    padding: 0.75em 0.75em;
}

table th {
    font-size: 0.9em;
    font-weight: 500;
    padding: 0 0.75em 0.75em 0.75em;
    text-align: left;
}

table thead {
    border-bottom: solid 2px;
}

table tfoot {
    border-top: solid 2px;
}

table.alt {
    border-collapse: separate;
}

table.alt tbody tr td {
    border: solid 1px;
    border-left-width: 0;
    border-top-width: 0;
}

table.alt tbody tr td:first-child {
    border-left-width: 1px;
}

table.alt tbody tr:first-child td {
    border-top-width: 1px;
}

table.alt thead {
    border-bottom: 0;
}

table.alt tfoot {
    border-top: 0;
}

table tbody tr {
    border-color: rgba(67, 75, 86, 0.25);
}

table tbody tr:nth-child(2n + 1) {
    background-color: rgba(67, 75, 86, 0.05);
}

table th {
    color: #434b56;
}

table thead {
    border-bottom-color: rgba(67, 75, 86, 0.25);
}

table tfoot {
    border-top-color: rgba(67, 75, 86, 0.25);
}

table.alt tbody tr td {
    border-color: rgba(67, 75, 86, 0.25);
}

.carousel {
    padding: 5em 12em;
    position: relative;
}

.carousel article {
    -moz-transform: translateY(0.5em);
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background-color: #ffffff;
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

.carousel article.visible {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.carousel article .image {
    border-radius: 0;
    height: 17em;
    width: 100%;
}

.carousel article .image img {
    border-radius: 0;
    display: block;
    height: 100%;
    width: 100%;
}

.carousel article .content {
    padding: 3.5em 5em 1.5em 5em;
    text-align: center;
}

.carousel nav a {
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    height: 100%;
    opacity: 0.325;
    position: absolute;
    top: 0;
    width: 12em;
}

.carousel nav a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.carousel nav a .label {
    display: none;
}

.carousel nav a:before {
    display: block;
    font-size: 5em;
    height: 2em;
    left: 50%;
    line-height: 2em;
    margin: -1em 0 0 -1em;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2em;
}

.carousel nav a.previous {
    left: 0;
}

.carousel nav a.previous:before {
    content: '\f104';
    font-weight: 900;
}

.carousel nav a.next {
    right: 0;
}

.carousel nav a.next:before {
    content: '\f105';
    font-weight: 900;
}

.carousel nav a:hover {
    opacity: 1;
}

.carousel.accent1 {
    background-color: #575b72;
}

.carousel.accent1 nav a {
    color: #ffffff;
}

.carousel.accent2 {
    background-color: #4cabb1;
}

.carousel.accent2 nav a {
    color: #ffffff;
}

.carousel.accent3 {
    background-color: #69c7ad;
}

.carousel.accent3 nav a {
    color: #ffffff;
}

.carousel.accent4 {
    background-color: #fed586;
}

.carousel.accent4 nav a {
    color: #ffffff;
}

@media screen and (max-width: 1680px) {
    .carousel article .content {
        padding: 4em 4em 2em 4em;
    }
}

@media screen and (max-width: 1280px) {
    .carousel {
        padding: 5em 5em;
    }

    .carousel nav a {
        width: 5em;
    }
}

@media screen and (max-width: 736px) {
    .carousel {
        padding: 2em;
    }

    .carousel article {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        display: block !important;
        margin: 2em 0 0 0;
        opacity: 1;
        visibility: visible;
    }

    .carousel article:first-child {
        margin-top: 0;
    }

    .carousel article .image {
        height: 14em;
    }

    .carousel article .content {
        padding: 3em 2em 1em 2em;
    }

    .carousel nav {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .carousel {
        padding: 1.5em;
    }

    .carousel article {
        margin: 1.5em 0 0 0;
    }

    .carousel article .image {
        height: 9em;
    }
}

.spotlights {
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1);
    margin: 0 0 2em 0;
}

.spotlights>article {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.spotlights>article .content {
    padding: 4em 5em 2em 5em;
    text-align: center;
}

.spotlights>article .image {
    border-radius: 0;
    position: relative;
}

.spotlights>article .image img {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.spotlights>article> :nth-child(1) {
    width: 40%;
}

.spotlights>article> :nth-child(2) {
    width: 60%;
}

.spotlights>article:nth-child(2n - 1) {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.spotlights>article:nth-child(2n - 1)> :nth-child(1) {
    width: 60%;
}

.spotlights>article:nth-child(2n - 1)> :nth-child(2) {
    width: 40%;
}

@media screen and (max-width: 1680px) {
    .spotlights>article .content {
        padding: 4em 4em 2em 4em;
    }
}

@media screen and (max-width: 980px) {
    .spotlights>article {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .spotlights>article .image img {
        position: relative;
    }

    .spotlights>article> :nth-child(1) {
        width: 100%;
    }

    .spotlights>article> :nth-child(2) {
        width: 100%;
    }

    .spotlights>article:nth-child(2n - 1) {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .spotlights>article:nth-child(2n - 1)> :nth-child(1) {
        width: 100%;
    }

    .spotlights>article:nth-child(2n - 1)> :nth-child(2) {
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    .spotlights>article .content {
        padding: 3em 2em 1em 2em;
    }
}

.wrapper {
    width: 100%;
}

.wrapper>.inner {
    width: 80em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wrapper>.inner>.main {
    padding: 6em 6em 4em 6em;
    background-color: #ffffff;
}

.wrapper>.inner>.main.accent1 {
    background-color: #575b72;
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent1 input,
.wrapper>.inner>.main.accent1 select,
.wrapper>.inner>.main.accent1 textarea {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 a {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 strong,
.wrapper>.inner>.main.accent1 b {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 h1,
.wrapper>.inner>.main.accent1 h2,
.wrapper>.inner>.main.accent1 h3,
.wrapper>.inner>.main.accent1 h4,
.wrapper>.inner>.main.accent1 h5,
.wrapper>.inner>.main.accent1 h6 {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 .box {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 input[type="submit"],
.wrapper>.inner>.main.accent1 input[type="reset"],
.wrapper>.inner>.main.accent1 input[type="button"],
.wrapper>.inner>.main.accent1 button,
.wrapper>.inner>.main.accent1 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent1 input[type="submit"]:hover,
.wrapper>.inner>.main.accent1 input[type="reset"]:hover,
.wrapper>.inner>.main.accent1 input[type="button"]:hover,
.wrapper>.inner>.main.accent1 button:hover,
.wrapper>.inner>.main.accent1 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent1 input[type="submit"]:active,
.wrapper>.inner>.main.accent1 input[type="reset"]:active,
.wrapper>.inner>.main.accent1 input[type="button"]:active,
.wrapper>.inner>.main.accent1 button:active,
.wrapper>.inner>.main.accent1 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.wrapper>.inner>.main.accent1 input[type="submit"].primary,
.wrapper>.inner>.main.accent1 input[type="reset"].primary,
.wrapper>.inner>.main.accent1 input[type="button"].primary,
.wrapper>.inner>.main.accent1 button.primary,
.wrapper>.inner>.main.accent1 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #5f6484;
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent1 input[type="submit"].primary:hover,
.wrapper>.inner>.main.accent1 input[type="reset"].primary:hover,
.wrapper>.inner>.main.accent1 input[type="button"].primary:hover,
.wrapper>.inner>.main.accent1 button.primary:hover,
.wrapper>.inner>.main.accent1 .button.primary:hover {
    background-color: #696f93;
}

.wrapper>.inner>.main.accent1 input[type="submit"].primary:active,
.wrapper>.inner>.main.accent1 input[type="reset"].primary:active,
.wrapper>.inner>.main.accent1 input[type="button"].primary:active,
.wrapper>.inner>.main.accent1 button.primary:active,
.wrapper>.inner>.main.accent1 .button.primary:active {
    background-color: #757ca0;
}

.wrapper>.inner>.main.accent1 .features section {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 label {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 input[type="text"],
.wrapper>.inner>.main.accent1 input[type="password"],
.wrapper>.inner>.main.accent1 input[type="email"],
.wrapper>.inner>.main.accent1 select,
.wrapper>.inner>.main.accent1 textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 input[type="text"]:focus,
.wrapper>.inner>.main.accent1 input[type="password"]:focus,
.wrapper>.inner>.main.accent1 input[type="email"]:focus,
.wrapper>.inner>.main.accent1 select:focus,
.wrapper>.inner>.main.accent1 textarea:focus {
    border-color: #fed586;
    box-shadow: inset 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent1 input[type="text"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 select ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 textarea ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"] :-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"] :-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"] :-moz-placeholder,
.wrapper>.inner>.main.accent1 select :-moz-placeholder,
.wrapper>.inner>.main.accent1 textarea :-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"] ::-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"] ::-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"] ::-moz-placeholder,
.wrapper>.inner>.main.accent1 select ::-moz-placeholder,
.wrapper>.inner>.main.accent1 textarea ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent1 select :-ms-input-placeholder,
.wrapper>.inner>.main.accent1 textarea :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"].invert,
.wrapper>.inner>.main.accent1 input[type="password"].invert,
.wrapper>.inner>.main.accent1 input[type="email"].invert,
.wrapper>.inner>.main.accent1 select.invert,
.wrapper>.inner>.main.accent1 textarea.invert {
    background: #ffffff;
    color: rgba(67, 75, 86, 0.75);
}

.wrapper>.inner>.main.accent1 input[type="text"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 select.invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent1 textarea.invert::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent1 select.invert:-moz-placeholder,
.wrapper>.inner>.main.accent1 textarea.invert:-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent1 select.invert::-moz-placeholder,
.wrapper>.inner>.main.accent1 textarea.invert::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent1 input[type="text"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="password"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent1 input[type="email"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent1 select.invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent1 textarea.invert:-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent1 select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI1KScgLz48L3N2Zz4=");
}

.wrapper>.inner>.main.accent1 select option {
    color: #ffffff;
    background: #575b72;
}

.wrapper>.inner>.main.accent1 input[type="checkbox"]+label,
.wrapper>.inner>.main.accent1 input[type="radio"]+label {
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent1 input[type="checkbox"]+label:before,
.wrapper>.inner>.main.accent1 input[type="radio"]+label:before {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 input[type="checkbox"]:checked+label:before,
.wrapper>.inner>.main.accent1 input[type="radio"]:checked+label:before {
    background-color: #fed586;
    border-color: #fed586;
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 input[type="checkbox"]:focus+label:before,
.wrapper>.inner>.main.accent1 input[type="radio"]:focus+label:before {
    border-color: #fed586;
    box-shadow: 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent1 .icon.major:before {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 header p {
    color: rgba(255, 255, 255, 0.5);
}

.wrapper>.inner>.main.accent1 table tbody tr {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 table tbody tr:nth-child(2n + 1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent1 table th {
    color: #ffffff;
}

.wrapper>.inner>.main.accent1 table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent1 table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 {
    background-color: #4cabb1;
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent2 input,
.wrapper>.inner>.main.accent2 select,
.wrapper>.inner>.main.accent2 textarea {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 a {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 strong,
.wrapper>.inner>.main.accent2 b {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 h1,
.wrapper>.inner>.main.accent2 h2,
.wrapper>.inner>.main.accent2 h3,
.wrapper>.inner>.main.accent2 h4,
.wrapper>.inner>.main.accent2 h5,
.wrapper>.inner>.main.accent2 h6 {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 .box {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 input[type="submit"],
.wrapper>.inner>.main.accent2 input[type="reset"],
.wrapper>.inner>.main.accent2 input[type="button"],
.wrapper>.inner>.main.accent2 button,
.wrapper>.inner>.main.accent2 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent2 input[type="submit"]:hover,
.wrapper>.inner>.main.accent2 input[type="reset"]:hover,
.wrapper>.inner>.main.accent2 input[type="button"]:hover,
.wrapper>.inner>.main.accent2 button:hover,
.wrapper>.inner>.main.accent2 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent2 input[type="submit"]:active,
.wrapper>.inner>.main.accent2 input[type="reset"]:active,
.wrapper>.inner>.main.accent2 input[type="button"]:active,
.wrapper>.inner>.main.accent2 button:active,
.wrapper>.inner>.main.accent2 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.wrapper>.inner>.main.accent2 input[type="submit"].primary,
.wrapper>.inner>.main.accent2 input[type="reset"].primary,
.wrapper>.inner>.main.accent2 input[type="button"].primary,
.wrapper>.inner>.main.accent2 button.primary,
.wrapper>.inner>.main.accent2 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #5ab7bd;
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent2 input[type="submit"].primary:hover,
.wrapper>.inner>.main.accent2 input[type="reset"].primary:hover,
.wrapper>.inner>.main.accent2 input[type="button"].primary:hover,
.wrapper>.inner>.main.accent2 button.primary:hover,
.wrapper>.inner>.main.accent2 .button.primary:hover {
    background-color: #6cbfc4;
}

.wrapper>.inner>.main.accent2 input[type="submit"].primary:active,
.wrapper>.inner>.main.accent2 input[type="reset"].primary:active,
.wrapper>.inner>.main.accent2 input[type="button"].primary:active,
.wrapper>.inner>.main.accent2 button.primary:active,
.wrapper>.inner>.main.accent2 .button.primary:active {
    background-color: #7cc8cd;
}

.wrapper>.inner>.main.accent2 .features section {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 label {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 input[type="text"],
.wrapper>.inner>.main.accent2 input[type="password"],
.wrapper>.inner>.main.accent2 input[type="email"],
.wrapper>.inner>.main.accent2 select,
.wrapper>.inner>.main.accent2 textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 input[type="text"]:focus,
.wrapper>.inner>.main.accent2 input[type="password"]:focus,
.wrapper>.inner>.main.accent2 input[type="email"]:focus,
.wrapper>.inner>.main.accent2 select:focus,
.wrapper>.inner>.main.accent2 textarea:focus {
    border-color: #fed586;
    box-shadow: inset 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent2 input[type="text"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 select ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 textarea ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"] :-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"] :-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"] :-moz-placeholder,
.wrapper>.inner>.main.accent2 select :-moz-placeholder,
.wrapper>.inner>.main.accent2 textarea :-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"] ::-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"] ::-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"] ::-moz-placeholder,
.wrapper>.inner>.main.accent2 select ::-moz-placeholder,
.wrapper>.inner>.main.accent2 textarea ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent2 select :-ms-input-placeholder,
.wrapper>.inner>.main.accent2 textarea :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"].invert,
.wrapper>.inner>.main.accent2 input[type="password"].invert,
.wrapper>.inner>.main.accent2 input[type="email"].invert,
.wrapper>.inner>.main.accent2 select.invert,
.wrapper>.inner>.main.accent2 textarea.invert {
    background: #ffffff;
    color: rgba(67, 75, 86, 0.75);
}

.wrapper>.inner>.main.accent2 input[type="text"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 select.invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent2 textarea.invert::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent2 select.invert:-moz-placeholder,
.wrapper>.inner>.main.accent2 textarea.invert:-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent2 select.invert::-moz-placeholder,
.wrapper>.inner>.main.accent2 textarea.invert::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent2 input[type="text"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="password"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent2 input[type="email"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent2 select.invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent2 textarea.invert:-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent2 select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI1KScgLz48L3N2Zz4=");
}

.wrapper>.inner>.main.accent2 select option {
    color: #ffffff;
    background: #4cabb1;
}

.wrapper>.inner>.main.accent2 input[type="checkbox"]+label,
.wrapper>.inner>.main.accent2 input[type="radio"]+label {
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent2 input[type="checkbox"]+label:before,
.wrapper>.inner>.main.accent2 input[type="radio"]+label:before {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 input[type="checkbox"]:checked+label:before,
.wrapper>.inner>.main.accent2 input[type="radio"]:checked+label:before {
    background-color: #fed586;
    border-color: #fed586;
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 input[type="checkbox"]:focus+label:before,
.wrapper>.inner>.main.accent2 input[type="radio"]:focus+label:before {
    border-color: #fed586;
    box-shadow: 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent2 .icon.major:before {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 header p {
    color: rgba(255, 255, 255, 0.5);
}

.wrapper>.inner>.main.accent2 table tbody tr {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 table tbody tr:nth-child(2n + 1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent2 table th {
    color: #ffffff;
}

.wrapper>.inner>.main.accent2 table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent2 table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 {
    background-color: #69c7ad;
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent3 input,
.wrapper>.inner>.main.accent3 select,
.wrapper>.inner>.main.accent3 textarea {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 a {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 strong,
.wrapper>.inner>.main.accent3 b {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 h1,
.wrapper>.inner>.main.accent3 h2,
.wrapper>.inner>.main.accent3 h3,
.wrapper>.inner>.main.accent3 h4,
.wrapper>.inner>.main.accent3 h5,
.wrapper>.inner>.main.accent3 h6 {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 .box {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 input[type="submit"],
.wrapper>.inner>.main.accent3 input[type="reset"],
.wrapper>.inner>.main.accent3 input[type="button"],
.wrapper>.inner>.main.accent3 button,
.wrapper>.inner>.main.accent3 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent3 input[type="submit"]:hover,
.wrapper>.inner>.main.accent3 input[type="reset"]:hover,
.wrapper>.inner>.main.accent3 input[type="button"]:hover,
.wrapper>.inner>.main.accent3 button:hover,
.wrapper>.inner>.main.accent3 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent3 input[type="submit"]:active,
.wrapper>.inner>.main.accent3 input[type="reset"]:active,
.wrapper>.inner>.main.accent3 input[type="button"]:active,
.wrapper>.inner>.main.accent3 button:active,
.wrapper>.inner>.main.accent3 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.wrapper>.inner>.main.accent3 input[type="submit"].primary,
.wrapper>.inner>.main.accent3 input[type="reset"].primary,
.wrapper>.inner>.main.accent3 input[type="button"].primary,
.wrapper>.inner>.main.accent3 button.primary,
.wrapper>.inner>.main.accent3 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #79d1b8;
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent3 input[type="submit"].primary:hover,
.wrapper>.inner>.main.accent3 input[type="reset"].primary:hover,
.wrapper>.inner>.main.accent3 input[type="button"].primary:hover,
.wrapper>.inner>.main.accent3 button.primary:hover,
.wrapper>.inner>.main.accent3 .button.primary:hover {
    background-color: #8cd7c2;
}

.wrapper>.inner>.main.accent3 input[type="submit"].primary:active,
.wrapper>.inner>.main.accent3 input[type="reset"].primary:active,
.wrapper>.inner>.main.accent3 input[type="button"].primary:active,
.wrapper>.inner>.main.accent3 button.primary:active,
.wrapper>.inner>.main.accent3 .button.primary:active {
    background-color: #9ddfcd;
}

.wrapper>.inner>.main.accent3 .features section {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 label {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 input[type="text"],
.wrapper>.inner>.main.accent3 input[type="password"],
.wrapper>.inner>.main.accent3 input[type="email"],
.wrapper>.inner>.main.accent3 select,
.wrapper>.inner>.main.accent3 textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 input[type="text"]:focus,
.wrapper>.inner>.main.accent3 input[type="password"]:focus,
.wrapper>.inner>.main.accent3 input[type="email"]:focus,
.wrapper>.inner>.main.accent3 select:focus,
.wrapper>.inner>.main.accent3 textarea:focus {
    border-color: #fed586;
    box-shadow: inset 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent3 input[type="text"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 select ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 textarea ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"] :-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"] :-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"] :-moz-placeholder,
.wrapper>.inner>.main.accent3 select :-moz-placeholder,
.wrapper>.inner>.main.accent3 textarea :-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"] ::-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"] ::-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"] ::-moz-placeholder,
.wrapper>.inner>.main.accent3 select ::-moz-placeholder,
.wrapper>.inner>.main.accent3 textarea ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent3 select :-ms-input-placeholder,
.wrapper>.inner>.main.accent3 textarea :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"].invert,
.wrapper>.inner>.main.accent3 input[type="password"].invert,
.wrapper>.inner>.main.accent3 input[type="email"].invert,
.wrapper>.inner>.main.accent3 select.invert,
.wrapper>.inner>.main.accent3 textarea.invert {
    background: #ffffff;
    color: rgba(67, 75, 86, 0.75);
}

.wrapper>.inner>.main.accent3 input[type="text"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 select.invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent3 textarea.invert::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent3 select.invert:-moz-placeholder,
.wrapper>.inner>.main.accent3 textarea.invert:-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent3 select.invert::-moz-placeholder,
.wrapper>.inner>.main.accent3 textarea.invert::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent3 input[type="text"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="password"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent3 input[type="email"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent3 select.invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent3 textarea.invert:-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent3 select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI1KScgLz48L3N2Zz4=");
}

.wrapper>.inner>.main.accent3 select option {
    color: #ffffff;
    background: #69c7ad;
}

.wrapper>.inner>.main.accent3 input[type="checkbox"]+label,
.wrapper>.inner>.main.accent3 input[type="radio"]+label {
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent3 input[type="checkbox"]+label:before,
.wrapper>.inner>.main.accent3 input[type="radio"]+label:before {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 input[type="checkbox"]:checked+label:before,
.wrapper>.inner>.main.accent3 input[type="radio"]:checked+label:before {
    background-color: #fed586;
    border-color: #fed586;
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 input[type="checkbox"]:focus+label:before,
.wrapper>.inner>.main.accent3 input[type="radio"]:focus+label:before {
    border-color: #fed586;
    box-shadow: 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent3 .icon.major:before {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 header p {
    color: rgba(255, 255, 255, 0.5);
}

.wrapper>.inner>.main.accent3 table tbody tr {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 table tbody tr:nth-child(2n + 1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent3 table th {
    color: #ffffff;
}

.wrapper>.inner>.main.accent3 table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent3 table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 {
    background-color: #fed586;
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent4 input,
.wrapper>.inner>.main.accent4 select,
.wrapper>.inner>.main.accent4 textarea {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 a {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 strong,
.wrapper>.inner>.main.accent4 b {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 h1,
.wrapper>.inner>.main.accent4 h2,
.wrapper>.inner>.main.accent4 h3,
.wrapper>.inner>.main.accent4 h4,
.wrapper>.inner>.main.accent4 h5,
.wrapper>.inner>.main.accent4 h6 {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 .box {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 input[type="submit"],
.wrapper>.inner>.main.accent4 input[type="reset"],
.wrapper>.inner>.main.accent4 input[type="button"],
.wrapper>.inner>.main.accent4 button,
.wrapper>.inner>.main.accent4 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent4 input[type="submit"]:hover,
.wrapper>.inner>.main.accent4 input[type="reset"]:hover,
.wrapper>.inner>.main.accent4 input[type="button"]:hover,
.wrapper>.inner>.main.accent4 button:hover,
.wrapper>.inner>.main.accent4 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent4 input[type="submit"]:active,
.wrapper>.inner>.main.accent4 input[type="reset"]:active,
.wrapper>.inner>.main.accent4 input[type="button"]:active,
.wrapper>.inner>.main.accent4 button:active,
.wrapper>.inner>.main.accent4 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

.wrapper>.inner>.main.accent4 input[type="submit"].primary,
.wrapper>.inner>.main.accent4 input[type="reset"].primary,
.wrapper>.inner>.main.accent4 input[type="button"].primary,
.wrapper>.inner>.main.accent4 button.primary,
.wrapper>.inner>.main.accent4 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #ffde9f;
    color: #ffffff !important;
}

.wrapper>.inner>.main.accent4 input[type="submit"].primary:hover,
.wrapper>.inner>.main.accent4 input[type="reset"].primary:hover,
.wrapper>.inner>.main.accent4 input[type="button"].primary:hover,
.wrapper>.inner>.main.accent4 button.primary:hover,
.wrapper>.inner>.main.accent4 .button.primary:hover {
    background-color: #ffe7b8;
}

.wrapper>.inner>.main.accent4 input[type="submit"].primary:active,
.wrapper>.inner>.main.accent4 input[type="reset"].primary:active,
.wrapper>.inner>.main.accent4 input[type="button"].primary:active,
.wrapper>.inner>.main.accent4 button.primary:active,
.wrapper>.inner>.main.accent4 .button.primary:active {
    background-color: #ffefd2;
}

.wrapper>.inner>.main.accent4 .features section {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 label {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 input[type="text"],
.wrapper>.inner>.main.accent4 input[type="password"],
.wrapper>.inner>.main.accent4 input[type="email"],
.wrapper>.inner>.main.accent4 select,
.wrapper>.inner>.main.accent4 textarea {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 input[type="text"]:focus,
.wrapper>.inner>.main.accent4 input[type="password"]:focus,
.wrapper>.inner>.main.accent4 input[type="email"]:focus,
.wrapper>.inner>.main.accent4 select:focus,
.wrapper>.inner>.main.accent4 textarea:focus {
    border-color: #fed586;
    box-shadow: inset 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent4 input[type="text"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"] ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 select ::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 textarea ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"] :-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"] :-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"] :-moz-placeholder,
.wrapper>.inner>.main.accent4 select :-moz-placeholder,
.wrapper>.inner>.main.accent4 textarea :-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"] ::-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"] ::-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"] ::-moz-placeholder,
.wrapper>.inner>.main.accent4 select ::-moz-placeholder,
.wrapper>.inner>.main.accent4 textarea ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"] :-ms-input-placeholder,
.wrapper>.inner>.main.accent4 select :-ms-input-placeholder,
.wrapper>.inner>.main.accent4 textarea :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"].invert,
.wrapper>.inner>.main.accent4 input[type="password"].invert,
.wrapper>.inner>.main.accent4 input[type="email"].invert,
.wrapper>.inner>.main.accent4 select.invert,
.wrapper>.inner>.main.accent4 textarea.invert {
    background: #ffffff;
    color: rgba(67, 75, 86, 0.75);
}

.wrapper>.inner>.main.accent4 input[type="text"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"].invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 select.invert::-webkit-input-placeholder,
.wrapper>.inner>.main.accent4 textarea.invert::-webkit-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"].invert:-moz-placeholder,
.wrapper>.inner>.main.accent4 select.invert:-moz-placeholder,
.wrapper>.inner>.main.accent4 textarea.invert:-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"].invert::-moz-placeholder,
.wrapper>.inner>.main.accent4 select.invert::-moz-placeholder,
.wrapper>.inner>.main.accent4 textarea.invert::-moz-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent4 input[type="text"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="password"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent4 input[type="email"].invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent4 select.invert:-ms-input-placeholder,
.wrapper>.inner>.main.accent4 textarea.invert:-ms-input-placeholder {
    color: rgba(67, 75, 86, 0.5) !important;
}

.wrapper>.inner>.main.accent4 select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0ncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjI1KScgLz48L3N2Zz4=");
}

.wrapper>.inner>.main.accent4 select option {
    color: #ffffff;
    background: #fed586;
}

.wrapper>.inner>.main.accent4 input[type="checkbox"]+label,
.wrapper>.inner>.main.accent4 input[type="radio"]+label {
    color: rgba(255, 255, 255, 0.75);
}

.wrapper>.inner>.main.accent4 input[type="checkbox"]+label:before,
.wrapper>.inner>.main.accent4 input[type="radio"]+label:before {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 input[type="checkbox"]:checked+label:before,
.wrapper>.inner>.main.accent4 input[type="radio"]:checked+label:before {
    background-color: #fed586;
    border-color: #fed586;
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 input[type="checkbox"]:focus+label:before,
.wrapper>.inner>.main.accent4 input[type="radio"]:focus+label:before {
    border-color: #fed586;
    box-shadow: 0 0 0 1px #fed586;
}

.wrapper>.inner>.main.accent4 .icon.major:before {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 header p {
    color: rgba(255, 255, 255, 0.5);
}

.wrapper>.inner>.main.accent4 table tbody tr {
    border-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 table tbody tr:nth-child(2n + 1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.wrapper>.inner>.main.accent4 table th {
    color: #ffffff;
}

.wrapper>.inner>.main.accent4 table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.wrapper>.inner>.main.accent4 table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25);
}

@media screen and (max-width: 1680px) {
    .wrapper>.inner>.main {
        padding: 5em 5em 3em 5em;
    }
}

@media screen and (max-width: 736px) {
    .wrapper>.inner>.main {
        padding: 3em 2em 1em 2em;
    }
}

@media screen and (max-width: 480px) {
    .wrapper>.inner>.main {
        padding: 3em 1.5em 1em 1.5em;
    }
}

@media screen and (max-width: 1680px) {
    .wrapper>.inner {
        width: 72em;
    }
}

#header {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #26547C;
    cursor: default;
    line-height: 1.5;
    /*! margin: 0 0 3em 0; */
    position: sticky;
    top: 0px;
    background: white;
    padding: 1em 12em;
    /*! width: 80em; */
    margin: 0px auto;
    z-index: 9;
}

#header a {
    border-bottom: 0;
    color: inherit;
    font-weight: bold;
    font-size: 2rem;
}

#header>.logo {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    vertical-align: middle;
}

#header>.logo span {
    border-left: solid 1px rgba(255, 255, 255, 0.25);
    color: #26547C;
    display: inline-block;
    font-size: 0.8em;
    margin-left: 0.325em;
    padding-left: 0.825em;
    position: relative;
    top: -0.075em;
}

#header>nav {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap;
}

#header>nav ul {
    list-style: none;
    margin: -0.5em -1em 0 0;
    padding-left: 0;
}

#header>nav ul li {
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-left: 0.5em;
    padding-left: 0;
    text-transform: uppercase;
}

#header>nav ul li a {
    display: inline-block;
    line-height: inherit;
    padding: 0.5em 1em;
}

#header>nav ul li a[href="#menu"] {
    text-decoration: none;
}

#header>nav ul li a[href="#menu"]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#header>nav ul li a[href="#menu"]:before {
    content: '\f0c9';
    float: right;
    line-height: inherit;
    margin-left: 0.75em;
}

#header>nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

@media screen and (max-width: 1280px) {
    #header {
        margin: 0 0 em 0;
        padding: 1em 2em !important;
    }

    #header>.logo span {
        top: -0.05em;
    }


    .logo{
        font-size: 1.5rem !important;
        line-height: 1;
        padding-top: ;
    }

    .logoSpan{
        font-size: 1rem !important;
        line-height: 1;
    }

    .titleC{
        align-items: center;
        padding-top: 20px;
    }

}

@media screen and (max-width: 736px) {
    #header>.logo {
        font-size: 1em;
    }

    #header>.logo span {
        font-size: 1em;
        top: 0;
    }
}

@media screen and (max-width: 480px) {
    #header {
        /*! height: 44px; */
        line-height: 44px;
        margin: 0;
        padding: 0 1.25em;
        font-size: 0.4rem !important;
    }

    .logo{
        font-size: 1rem !important;
        line-height: 1;
    }

    .logoSpan{
        font-size: 1rem !important;
        line-height: 1;
    }

    .titleC{
        padding-top: 20px;
    }

    #header>.logo {
        font-size: 0.8em;
    }

    #header>.logo span {
        display: none;
    }

    #header>nav {
        font-size: 0.8em;
    }

    #header>nav ul {
        margin: 0;
    }

    #header>nav ul li a {
        padding: 0;
    }

    #header>nav ul li a:hover {
        background-color: transparent;
    }
}

#page-wrapper {
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#menu {
    background-color: #4cabb1;
    color: rgba(255, 255, 255, 0.75);
    -moz-transform: translateX(20em);
    -webkit-transform: translateX(20em);
    -ms-transform: translateX(20em);
    transform: translateX(20em);
    -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-overflow-scrolling: touch;
    box-shadow: none;
    height: 100%;
    max-width: 80%;
    overflow-y: auto;
    padding: 3em 2em;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 22em;
    z-index: 10002;
}

#menu input,
#menu select,
#menu textarea {
    color: #ffffff;
}

#menu a {
    color: #ffffff;
}

#menu strong,
#menu b {
    color: #ffffff;
}

#menu h1,
#menu h2,
#menu h3,
#menu h4,
#menu h5,
#menu h6 {
    color: #ffffff;
}

#menu blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#menu code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#menu hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#menu input[type="submit"],
#menu input[type="reset"],
#menu input[type="button"],
#menu button,
#menu .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

#menu input[type="submit"]:hover,
#menu input[type="reset"]:hover,
#menu input[type="button"]:hover,
#menu button:hover,
#menu .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#menu input[type="submit"]:active,
#menu input[type="reset"]:active,
#menu input[type="button"]:active,
#menu button:active,
#menu .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

#menu input[type="submit"].primary,
#menu input[type="reset"].primary,
#menu input[type="button"].primary,
#menu button.primary,
#menu .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #5ab7bd;
    color: #ffffff !important;
}

#menu input[type="submit"].primary:hover,
#menu input[type="reset"].primary:hover,
#menu input[type="button"].primary:hover,
#menu button.primary:hover,
#menu .button.primary:hover {
    background-color: #6cbfc4;
}

#menu input[type="submit"].primary:active,
#menu input[type="reset"].primary:active,
#menu input[type="button"].primary:active,
#menu button.primary:active,
#menu .button.primary:active {
    background-color: #7cc8cd;
}

#menu>ul {
    margin: 0 0 1em 0;
}

#menu>ul.links {
    list-style: none;
    padding: 0;
}

#menu>ul.links>li {
    padding: 0;
}

#menu>ul.links>li>a:not(.button) {
    border: 0;
    border-top: solid 1px rgba(255, 255, 255, 0.25);
    color: inherit;
    display: block;
    line-height: 3.5em;
    text-decoration: none;
}

#menu>ul.links>li>.button {
    display: block;
    margin: 0.5em 0 0 0;
}

#menu>ul.links>li:first-child>a:not(.button) {
    border-top: 0 !important;
}

#menu .close {
    text-decoration: none;
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 0;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: block;
    height: 3.25em;
    line-height: 3.25em;
    padding-right: 1.25em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    vertical-align: middle;
    width: 7em;
}

#menu .close:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#menu .close:before {
    content: '\f00d';
    font-size: 1.25em;
}

#menu .close:hover {
    color: #ffffff;
}

@media screen and (max-width: 736px) {
    #menu .close {
        height: 4em;
        line-height: 4em;
    }
}

@media screen and (max-width: 736px) {
    #menu {
        padding: 2.5em 1.75em;
    }
}

body.is-menu-visible #page-wrapper {
    pointer-events: none;
    cursor: default;
    opacity: 0.25;
}

body.is-menu-visible #menu {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 2em 0.25em rgba(0, 0, 0, 0.1);
    visibility: visible;
}

#banner {
    /* display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; */
    background-color: white;
}

#banner>.items {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 30%;
}

#banner>.items section {
    text-align: ;
}

#banner>.items section h1 {
    font-size: 1.75em;
}

#banner>.items section.accent1 {
    background-color: #575b72;
    color: rgba(255, 255, 255, 0.75);
}

#banner>.items section.accent1 input,
#banner>.items section.accent1 select,
#banner>.items section.accent1 textarea {
    color: #ffffff;
}

#banner>.items section.accent1 a {
    color: #ffffff;
}

#banner>.items section.accent1 strong,
#banner>.items section.accent1 b {
    color: #ffffff;
}

#banner>.items section.accent1 h1,
#banner>.items section.accent1 h2,
#banner>.items section.accent1 h3,
#banner>.items section.accent1 h4,
#banner>.items section.accent1 h5,
#banner>.items section.accent1 h6 {
    color: #ffffff;
}

#banner>.items section.accent1 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent1 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent1 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent1 input[type="submit"],
#banner>.items section.accent1 input[type="reset"],
#banner>.items section.accent1 input[type="button"],
#banner>.items section.accent1 button,
#banner>.items section.accent1 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

#banner>.items section.accent1 input[type="submit"]:hover,
#banner>.items section.accent1 input[type="reset"]:hover,
#banner>.items section.accent1 input[type="button"]:hover,
#banner>.items section.accent1 button:hover,
#banner>.items section.accent1 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#banner>.items section.accent1 input[type="submit"]:active,
#banner>.items section.accent1 input[type="reset"]:active,
#banner>.items section.accent1 input[type="button"]:active,
#banner>.items section.accent1 button:active,
#banner>.items section.accent1 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

#banner>.items section.accent1 input[type="submit"].primary,
#banner>.items section.accent1 input[type="reset"].primary,
#banner>.items section.accent1 input[type="button"].primary,
#banner>.items section.accent1 button.primary,
#banner>.items section.accent1 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #5f6484;
    color: #ffffff !important;
}

#banner>.items section.accent1 input[type="submit"].primary:hover,
#banner>.items section.accent1 input[type="reset"].primary:hover,
#banner>.items section.accent1 input[type="button"].primary:hover,
#banner>.items section.accent1 button.primary:hover,
#banner>.items section.accent1 .button.primary:hover {
    background-color: #696f93;
}

#banner>.items section.accent1 input[type="submit"].primary:active,
#banner>.items section.accent1 input[type="reset"].primary:active,
#banner>.items section.accent1 input[type="button"].primary:active,
#banner>.items section.accent1 button.primary:active,
#banner>.items section.accent1 .button.primary:active {
    background-color: #757ca0;
}

#banner>.items section.accent2 {
    background-color: #26547C;
    color: rgba(255, 255, 255, 0.75);
}

#banner>.items section.accent2 input,
#banner>.items section.accent2 select,
#banner>.items section.accent2 textarea {
    color: #ffffff;
}

#banner>.items section.accent2 a {
    color: #ffffff;
}

#banner>.items section.accent2 strong,
#banner>.items section.accent2 b {
    color: #ffffff;
}

#banner>.items section.accent2 h1,
#banner>.items section.accent2 h2,
#banner>.items section.accent2 h3,
#banner>.items section.accent2 h4,
#banner>.items section.accent2 h5,
#banner>.items section.accent2 h6 {
    color: #ffffff;
}

#banner>.items section.accent2 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent2 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent2 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent2 input[type="submit"],
#banner>.items section.accent2 input[type="reset"],
#banner>.items section.accent2 input[type="button"],
#banner>.items section.accent2 button,
#banner>.items section.accent2 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

#banner>.items section.accent2 input[type="submit"]:hover,
#banner>.items section.accent2 input[type="reset"]:hover,
#banner>.items section.accent2 input[type="button"]:hover,
#banner>.items section.accent2 button:hover,
#banner>.items section.accent2 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#banner>.items section.accent2 input[type="submit"]:active,
#banner>.items section.accent2 input[type="reset"]:active,
#banner>.items section.accent2 input[type="button"]:active,
#banner>.items section.accent2 button:active,
#banner>.items section.accent2 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

#banner>.items section.accent2 input[type="submit"].primary,
#banner>.items section.accent2 input[type="reset"].primary,
#banner>.items section.accent2 input[type="button"].primary,
#banner>.items section.accent2 button.primary,
#banner>.items section.accent2 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #5ab7bd;
    color: #ffffff !important;
}

#banner>.items section.accent2 input[type="submit"].primary:hover,
#banner>.items section.accent2 input[type="reset"].primary:hover,
#banner>.items section.accent2 input[type="button"].primary:hover,
#banner>.items section.accent2 button.primary:hover,
#banner>.items section.accent2 .button.primary:hover {
}

#banner>.items section.accent2 input[type="submit"].primary:active,
#banner>.items section.accent2 input[type="reset"].primary:active,
#banner>.items section.accent2 input[type="button"].primary:active,
#banner>.items section.accent2 button.primary:active,
#banner>.items section.accent2 .button.primary:active {
    background-color: #7cc8cd;
}

#banner>.items section.accent3 {
    color: rgba(255, 255, 255, 0.75);
    font-weight: bold;
    border-bottom: 1px dashed gainsboro;
}

#banner>.items section.accent3 input,
#banner>.items section.accent3 select,
#banner>.items section.accent3 textarea {
    color: #ffffff;
}

#banner>.items section.accent3 a {
    color: #ffffff;
}

#banner>.items section.accent3 strong,
#banner>.items section.accent3 b {
    color: #ffffff;
}

#banner>.items section.accent3 h1,
#banner>.items section.accent3 h2,
#banner>.items section.accent3 h3,
#banner>.items section.accent3 h4,
#banner>.items section.accent3 h5,
#banner>.items section.accent3 h6 {
    color: #ffffff;
}

#banner>.items section.accent3 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent3 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent3 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent3 input[type="submit"],
#banner>.items section.accent3 input[type="reset"],
#banner>.items section.accent3 input[type="button"],
#banner>.items section.accent3 button,
#banner>.items section.accent3 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

#banner>.items section.accent3 input[type="submit"]:hover,
#banner>.items section.accent3 input[type="reset"]:hover,
#banner>.items section.accent3 input[type="button"]:hover,
#banner>.items section.accent3 button:hover,
#banner>.items section.accent3 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#banner>.items section.accent3 input[type="submit"]:active,
#banner>.items section.accent3 input[type="reset"]:active,
#banner>.items section.accent3 input[type="button"]:active,
#banner>.items section.accent3 button:active,
#banner>.items section.accent3 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

#banner>.items section.accent3 input[type="submit"].primary,
#banner>.items section.accent3 input[type="reset"].primary,
#banner>.items section.accent3 input[type="button"].primary,
#banner>.items section.accent3 button.primary,
#banner>.items section.accent3 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #79d1b8;
    color: #ffffff !important;
}

#banner>.items section.accent3 input[type="submit"].primary:hover,
#banner>.items section.accent3 input[type="reset"].primary:hover,
#banner>.items section.accent3 input[type="button"].primary:hover,
#banner>.items section.accent3 button.primary:hover,
#banner>.items section.accent3 .button.primary:hover {
    background-color: #8cd7c2;
}

#banner>.items section.accent3 input[type="submit"].primary:active,
#banner>.items section.accent3 input[type="reset"].primary:active,
#banner>.items section.accent3 input[type="button"].primary:active,
#banner>.items section.accent3 button.primary:active,
#banner>.items section.accent3 .button.primary:active {
    background-color: #9ddfcd;
}

#banner>.items section.accent4 {
    background-color: #fed586;
    color: rgba(255, 255, 255, 0.75);
}

#banner>.items section.accent4 input,
#banner>.items section.accent4 select,
#banner>.items section.accent4 textarea {
    color: #ffffff;
}

#banner>.items section.accent4 a {
    color: #ffffff;
}

#banner>.items section.accent4 strong,
#banner>.items section.accent4 b {
    color: #ffffff;
}

#banner>.items section.accent4 h1,
#banner>.items section.accent4 h2,
#banner>.items section.accent4 h3,
#banner>.items section.accent4 h4,
#banner>.items section.accent4 h5,
#banner>.items section.accent4 h6 {
    color: #ffffff;
}

#banner>.items section.accent4 blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent4 code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent4 hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#banner>.items section.accent4 input[type="submit"],
#banner>.items section.accent4 input[type="reset"],
#banner>.items section.accent4 input[type="button"],
#banner>.items section.accent4 button,
#banner>.items section.accent4 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
}

#banner>.items section.accent4 input[type="submit"]:hover,
#banner>.items section.accent4 input[type="reset"]:hover,
#banner>.items section.accent4 input[type="button"]:hover,
#banner>.items section.accent4 button:hover,
#banner>.items section.accent4 .button:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

#banner>.items section.accent4 input[type="submit"]:active,
#banner>.items section.accent4 input[type="reset"]:active,
#banner>.items section.accent4 input[type="button"]:active,
#banner>.items section.accent4 button:active,
#banner>.items section.accent4 .button:active {
    background-color: rgba(255, 255, 255, 0.1);
}

#banner>.items section.accent4 input[type="submit"].primary,
#banner>.items section.accent4 input[type="reset"].primary,
#banner>.items section.accent4 input[type="button"].primary,
#banner>.items section.accent4 button.primary,
#banner>.items section.accent4 .button.primary {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
    background-color: #ffde9f;
    color: #ffffff !important;
}

#banner>.items section.accent4 input[type="submit"].primary:hover,
#banner>.items section.accent4 input[type="reset"].primary:hover,
#banner>.items section.accent4 input[type="button"].primary:hover,
#banner>.items section.accent4 button.primary:hover,
#banner>.items section.accent4 .button.primary:hover {
    background-color: #ffe7b8;
}

#banner>.items section.accent4 input[type="submit"].primary:active,
#banner>.items section.accent4 input[type="reset"].primary:active,
#banner>.items section.accent4 input[type="button"].primary:active,
#banner>.items section.accent4 button.primary:active,
#banner>.items section.accent4 .button.primary:active {
    background-color: #ffefd2;
}

#banner>.slider {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out;
    -ms-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out;
    width: 60%;
    opacity: 1;
    position: relative;
}

#banner>.slider>article {
    -moz-transition: opacity 1.5s, visibility 1.5s;
    -webkit-transition: opacity 1.5s, visibility 1.5s;
    -ms-transition: opacity 1.5s, visibility 1.5s;
    transition: opacity 1.5s, visibility 1.5s;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

#banner>.slider>article.visible {
    opacity: 1;
    visibility: visible;
}

#banner>.slider>article.top {
    z-index: 1;
}

#banner>.slider>article:before {
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: none;
}

#banner>.slider>article img {
    height: 100%;
    width: 100%;
}

body.is-preload #banner>.slider {
    opacity: 0;
}

@media screen and (max-width: 1100px) {
    #banner>.items section {
        padding: 4.5em 5em 2.5em 5em;
    }
}

@media screen and (max-width: 1280px) {
    #banner>.items section {
        padding: 0.5em 1em 0.5em 1em;
    }
}

@media screen and (max-width: 980px) {
    #banner {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #banner>.items {
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }

    #banner>.slider {
        height: 40em;
        max-height: 55vh;
        width: 100%;
    }
}

@media screen and (max-width: 736px) {
    #banner>.items section {
        padding: 3em 3em 1em 3em;
    }

    #banner>.items section h1 {
        font-size: 1.25em;
    }

    #banner>.slider {
        height: 30em;
        max-height: none;
    }
}

@media screen and (max-width: 480px) {
    #banner>.items {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #banner>.items section {
        padding: 3em 3em 1em 3em;
    }

    #banner>.slider {
        height: 20em;
        max-height: 40vh;
    }
}

#footer {
    background-color: #575b72;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 4em;
    background-color: transparent;
    text-align: center;
}

#footer input,
#footer select,
#footer textarea {
    color: #ffffff;
}

#footer a {
    color: #ffffff;
}

#footer strong,
#footer b {
    color: #ffffff;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #ffffff;
}

#footer blockquote {
    border-left-color: rgba(255, 255, 255, 0.25);
}

#footer code {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.25);
}

#footer hr {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}

#footer a {
    border-bottom-color: transparent;
    color: rgba(255, 255, 255, 0.75);
}

#footer a:hover {
    border-bottom-color: inherit;
}

#footer> :last-child {
    margin-bottom: 0;
}

#footer .links {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 4em 0;
}

#footer .links>div {
    padding: 2em 0 0.1em 0;
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-left: solid 1px rgba(255, 255, 255, 0.25);
    border-top: solid 1px rgba(255, 255, 255, 0.25);
    width: 25%;
}

#footer .links>div ul {
    list-style: none;
    margin-top: 2em;
    padding: 0 2em;
}

#footer .links>div ul li {
    margin: 0.75em 0;
    padding-left: 0;
}

#footer .links>div:nth-child(4n - 3) {
    border-left-width: 0;
}

#footer .links>div:nth-child(-n + 4) {
    border-top-width: 0;
}

#footer .contact-icons {
    display: inline-block;
}

#footer .contact-icons li {
    display: inline-block;
    margin-left: 2em;
}

#footer .contact-icons li:before {
    color: #ffffff;
    font-size: 0.85em;
}

#footer .contact-icons li:first-child {
    margin-left: 0;
}

#footer .copyright {
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 980px) {
    #footer .links>div {
        width: 50%;
    }

    #footer .links>div:nth-child(4n - 3) {
        border-left-width: 1px;
    }

    #footer .links>div:nth-child(-n + 4) {
        border-top-width: 1px;
    }

    #footer .links>div:nth-child(2n - 1) {
        border-left-width: 0;
    }

    #footer .links>div:nth-child(-n + 2) {
        border-top-width: 0;
    }

    #footer .contact-icons {
        display: block;
    }

    #footer .contact-icons li {
        display: block;
        margin: 1em 0 0 0;
    }

    #footer .contact-icons li:first-child {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    #footer {
        padding: 0 1.5em;
    }

    #footer .links {
        margin: 0 0 2em 0;
    }

    #footer .links>div {
        border-left: 0;
        width: 100%;
    }

    #footer .links>div:nth-child(2n - 1) {
        border-left-width: 1px;
    }

    #footer .links>div:nth-child(-n + 2) {
        border-top-width: 1px;
    }

    #footer .links>div:first-child {
        border-top-width: 0;
        padding-top: 0;
    }

    #footer .links>div:last-child {
        padding-bottom: 0;
    }
}

#page-wrapper {
    width: 100%;
}

#page-wrapper> :first-child,
#page-wrapper> :last-child {
    /*! background-color: #4e5266; */
    background-color: #F6F6F6;
}

#page-wrapper>* {
    padding: 0 4em;
}

#page-wrapper> :first-child {
    padding-top: 1em;
}

#page-wrapper> :last-child {
    padding-bottom: 4em;
}

@media screen and (max-width: 1280px) {
    #page-wrapper>* {
        padding: 0 2em;
    }

    #page-wrapper> :first-child {
        padding-top: 2em;
    }

    #page-wrapper> :last-child {
        padding-bottom: 4em;
    }
}

@media screen and (max-width: 480px) {
    #page-wrapper>* {
        padding: 0;
    }

    #page-wrapper> :first-child {
        padding-top: 0;
    }

    #page-wrapper> :last-child {
        padding-bottom: 3em;
    }
}



.btns{
    font-size: 1rem;
    display: flex;
    padding: 0.8em 1em 0.8em 0.8em;
    background-color: #26547C;
    transition: all 0.1s;
    cursor: pointer;
}


.btns:hover{
    background-color: #3271A8;
    transition: all 0.3s;
}

.btns .bnumber{
    font-size: 2.2rem;
    padding-right: 15px;
    border-right: 2px solid white;
    margin-right: 15px;
    display: flex;
    align-self: center;
    line-height: 1;
    text-align: center;
}
.btns .btxt{
    line-height: 1;
    display: flex;
    align-self: center;
}

.textcontainer{
    color: #707070;
    padding: 40px;
    text-align: justify;
}


.textcontainer h1{
    color: #3271A8;
}

.sems{
    opacity: 0;
    transition: all 0.5s;
}

.titcontainer{border-left: 5px solid #3271A8;padding: 0px 20px;}

.links div{
    text-align: center;
    display: flex;
    align-items: center;
}

.links div img{
    margin: 0px auto;
    max-width: 258px;
    max-height: 115px;
}

.banner{
    overflow: hidden;
    max-height: 494px;
    display: flex;
    align-items: center;
}

.activo{
    background: white;
    transition: all 0.1s;
}

.activo:hover{
    opacity: 0.7;
    background-color: white;
}

/*Colores hover*/

.bt01.activo .btxt, .bt01.activo .bnumber{
    color: #EF476F !important;
}
.bt01.activo .bnumber{
    border-right: 2px solid #EF476F !important;
}


.bt02.activo .btxt, .bt02.activo .bnumber,
.bt03.activo .btxt, .bt03.activo .bnumber,
.bt04.activo .btxt, .bt04.activo .bnumber,
.bt06.activo .btxt, .bt06.activo .bnumber,
.bt08.activo .btxt, .bt08.activo .bnumber,
.bt09.activo .btxt, .bt09.activo .bnumber,
.bt10.activo .btxt, .bt10.activo .bnumber,
.bt11.activo .btxt, .bt11.activo .bnumber,
.bt12.activo .btxt, .bt12.activo .bnumber,
.bt13.activo .btxt, .bt13.activo .bnumber{
    color: #F8B926 !important;
}

.bt02.activo .bnumber,
.bt03.activo .bnumber,
.bt04.activo .bnumber,
.bt06.activo .bnumber,
.bt08.activo .bnumber,
.bt09.activo .bnumber,
.bt10.activo .bnumber,
.bt11.activo .bnumber,
.bt12.activo .bnumber,
.bt13.activo .bnumber
{
    border-right: 2px solid #F8B926 !important;
}


.bt05.activo .btxt, .bt05.activo .bnumber,
.bt07.activo .btxt, .bt07.activo .bnumber{
    color: #06D6A0 !important;
}
.bt05.activo .bnumber,
.bt07.activo .bnumber{
    border-right: 2px solid #06D6A0 !important;
}

.svgc{
    text-align: center;
    margin-bottom: 50px;
    color: gray;
}


.svgc img{
    margin: 0px auto;
}

svg{
    margin-bottom: 30px;
}

svg g:hover, svg path:hover{
    opacity: 0.7;
}

.instruccion{
    font-weight: bold;
    color: #3271A8;
    font-size: 1.2rem;
    padding-bottom: 21px;
}

.logoSpan{
    font-size:1.7rem;
}

.modal-body {
        margin-bottom: 3em;
}

/* #banner>.items.aside-sticky {
    position: fixed;
    width: 23.5%;
    transition: 200ms
} */

#banner>.items.aside-sticky {
    position: sticky;
    top: 140px;
    position: -webkit-sticky;
    float: left;
    display: none;
}

.no-fixed {
    width: 70%;
    margin-left: 30%;
}

.link-presentacion {
    color: #ffffff;
}
  
.presentacion-icon {
    display: inline-block;
}