/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

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,
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-top: 0
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

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

.sign-in__form h2{
    color: #00b0ca;
}

.password-reset__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2;
    color: #2182a0;
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

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

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

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

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

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

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

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

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

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

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

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

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

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

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

html {
    font-size: 16px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

@media all and (min-width: 768px) {
    html {
        font-size: 16px
    }
}

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

a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #000
}

a:active,
a:focus,
a:hover {
    color: #262626
}

.open a {
    -webkit-transition: background-color 200ms ease, color 200ms ease;
    -moz-transition: background-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, color 200ms ease
}

body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #15244b;
    overflow-x: hidden
}

.button {
    -webkit-transition: all 200ms ease, font-size 200ms ease;
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

@media all and (min-width: 768px) {
    .button {
        font-size: 16px
    }
}

.button:active,
.button:hover,
.button:focus {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

.button-block {
    display: block;
    width: 100%
}

.button-large {
    padding: 15px 30px
}

.button-primary {
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #00b0ca;
    color: #fff;
    font-weight: bold;
}

.button-primary:active,
.button-primary:hover,
.button-primary:focus {
    border-color: transparent;
    background: #BCD500;
    color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    font-weight: bold;
}

.button-secondary {
    border: 2px solid #f5a623;
    border-radius: 4px;
    background-color: transparent;
    color: #f5a623
}

.button-secondary:active,
.button-secondary:hover,
.button-secondary:focus {
    border-color: #f5a623;
    background: transparent;
    color: #f5a623;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

form,
input,
textarea,
label,
fieldset,
legend,
select,
optgroup,
option,
datalist,
keygen,
output {
    color: #15244b
}

form:focus,
input:focus,
textarea:focus,
label:focus,
fieldset:focus,
legend:focus,
select:focus,
optgroup:focus,
option:focus,
datalist:focus,
keygen:focus,
output:focus {
    outline: 2px solid #7ed321;
    outline-offset: -2px;
    outline-style: solid
}

fieldset {
    padding: 0;
    border: 0
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -spec-appearance: none;
    appearance: none
}

input[type="text"],
input[type="text"]:active,
input[type="text"]:hover,
input[type="email"],
input[type="email"]:active,
input[type="email"]:hover,
input[type="password"],
input[type="password"]:active,
input[type="password"]:hover,
input[type="search"],
input[type="search"]:active,
input[type="search"]:hover {
    border-radius: 0;
    -webkit-border-radius: 0
}

input[type="text"]:active,
input[type="text"]:hover,
input[type="email"]:active,
input[type="email"]:hover,
input[type="password"]:active,
input[type="password"]:hover,
input[type="search"]:active,
input[type="search"]:hover {
    border-color: #7ed321
}

input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem
}

select:active,
select:hover {
    border-color: #7ed321
}

select.form__control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -spec-appearance: none;
    appearance: none;
    padding-right: 32px
}

.form__group {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 0 1rem
}

.form__group:after,
.form__group:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.form__group .input__group {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -spec-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    width: 100%
}

@media all and (min-width: 768px) {
    .form__group .input__group {
        width: unset;
        margin-right: 1rem
    }
}

.form__group .input__group:last-child {
    margin-top: 1rem
}

@media all and (min-width: 768px) {
    .form__group .input__group:last-child {
        margin-top: 0;
        margin-right: 0
    }
}

@media all and (max-width: 767px) {
    .form__group .button {
        display: block;
        width: 100%
    }
}

.form__group .form__notice {
    margin: 0
}

.form__error-msg {
    display: inline-block;
    margin: 0;
    color: #E75725;
    font-size: 14px;
    font-weight: 400
}

.form__label+.form__button-group {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -spec-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    width: 100%;
    padding-top: 1rem
}

@media all and (min-width: 480px) {
    .form__label+.form__button-group {
        width: 25%;
        margin-left: 1rem;
        padding-top: 0
    }
}

@media all and (max-width: 479px) {
    .form__button-group .button {
        width: 100%
    }
}

.form__label {
    color: #00b0ca;
    font-size: 14px;
    font-weight: bold;
    line-height: 2
}

.form__label input,
.form__label textarea {
    display: block
}

.form__label input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    font-size: 1rem
}

.form__label--checkbox {
    font-weight: normal
}

.form__remember-me,
.form__forgot-password {
    font-size: 14px;
    line-height: 2
}

.form__forgot-password {
    margin-right: 0;
    margin-left: auto;
    text-align: right
}

.form__select-label {
    display: inline-block;
    position: relative;
    width: 100%
}

.form__select-label:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    font-family: "FontAwesome";
    font-size: 1.2rem;
    content: "\f0d7";
    z-index: 102;
    pointer-events: none
}

.form__select-no-label {
    display: inline-block;
    position: relative
}

.form__select-no-label:after {
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -spec-transform: translatey(-50%);
    transform: translatey(-50%);
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    font-family: "FontAwesome";
    font-size: 1rem;
    content: "\f0d7";
    z-index: 101;
    pointer-events: none
}

.form__search {
    display: block;
    position: relative
}

.form__search:after {
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -spec-transform: translatey(-50%);
    transform: translatey(-50%);
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    color: #15244b;
    font-family: "FontAwesome";
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    content: "\f002";
    pointer-events: none
}

.form__control {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease;
    display: block;
    width: 100%;
    padding: 1rem;
    border: 2px solid #d9d9d9;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: normal
}

.form__control[readonly] {
    background-color: #f7f7f7
}

.form__control:active,
.form__control:hover {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease
}

.form__control.form__control-search {
    padding-right: 32px
}

.form__control.input--error {
    border: 1px solid #E75725
}

.form__control.input--error:hover,
.form__control.input--error:focus,
.form__control.input--error:active {
    border-color: #E75725;
    outline-color: #E75725
}

.form__control.input--success {
    border: 1px solid #216E2F
}

.form__control.input--success:hover,
.form__control.input--success:focus,
.form__control.input--success:active {
    border-color: #216E2F;
    outline-color: #216E2F
}

.form__notice,
.form-error__list {
    width: 100%;
    font-size: 14px
}

.form__notice {
    font-style: italic
}

.form-error__list {
    color: #E75725
}

.honeypot-field {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden
}

::-webkit-input-placeholder {
    color: #8a92a5
}

::-moz-placeholder {
    color: #8a92a5
}

:-ms-input-placeholder {
    color: #8a92a5
}

:-moz-placeholder {
    color: #8a92a5
}

::placeholder {
    color: #8a92a5
}

ol,
ul,
li {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

.section__body ol,
.section__body ul {
    margin-left: 2rem
}

.section__body ul {
    list-style: initial
}

figure {
    position: relative;
    margin: 0 0 1rem
}

figure img {
    display: block;
    width: 100%
}

figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 14px;
    font-style: italic;
    z-index: 0
}

figcaption:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    opacity: 0.7;
    z-index: -1
}

.img-responsive {
    display: block;
    width: 100%;
    height: auto
}

.embed-responsive {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

@media all and (min-width: 768px) {
    .embed-responsive {
        padding-top: 25px;
        padding-bottom: 53.25%
    }
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media all and (max-width: 767px) {
    [class*="__wrapper"]>[class*="__menu"] ul {
        box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05)
    }
}

@media all and (min-width: 992px) {
    [class*="__wrapper"]>[class*="__menu"] ul {
        box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05)
    }
}

[class*="__wrapper"]>[class*="__menu"] li {
    display: block
}

[class*="__wrapper"]>[class*="__menu"] li a {
    -webkit-transition: color 0 ease;
    -moz-transition: color 0 ease;
    transition: color 0 ease;
    display: block;
    position: relative;
    padding: 8px 16px;
    background-color: #fff;
    color: #000;
    font-weight: 500;
    text-align: left;
    text-decoration: none
}

[class*="__wrapper"]>[class*="__menu"] li a.active,
[class*="__wrapper"]>[class*="__menu"] li a:active,
[class*="__wrapper"]>[class*="__menu"] li a:hover {
    color: #7ed321
}

[class*="__wrapper"]>[class*="__menu"] li a:before {
    -webkit-transition: width 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #7ed321;
    content: ""
}

[class*="__wrapper"]>[class*="__menu"] li a:active:before,
[class*="__wrapper"]>[class*="__menu"] li a:hover:before,
[class*="__wrapper"]>[class*="__menu"] li a.active:before {
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
    width: 5px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    [class*="__wrapper"]>[class*="__menu"] ul {
        border: 0;
        border-bottom: 1px solid rgba(21, 36, 75, 0.1);
        font-size: 0
    }

    [class*="__wrapper"]>[class*="__menu"] li {
        display: inline-block;
        width: auto
    }

    [class*="__wrapper"]>[class*="__menu"] li:first-child a {
        border-left: 1px solid rgba(21, 36, 75, 0.1)
    }

    [class*="__wrapper"]>[class*="__menu"] li a {
        position: relative;
        top: 1px;
        border-top: 1px solid rgba(21, 36, 75, 0.1);
        border-right: 1px solid rgba(21, 36, 75, 0.1);
        font-size: 1rem
    }

    [class*="__wrapper"]>[class*="__menu"] li a:before {
        content: none
    }

    [class*="__wrapper"]>[class*="__menu"] li a.active {
        border-bottom: 1px solid #fff;
        background: #fafafa
    }

    [class*="__wrapper"]>[class*="__menu"] li a.active,
    [class*="__wrapper"]>[class*="__menu"] li a:active,
    [class*="__wrapper"]>[class*="__menu"] li a:hover {
        border-bottom-color: #fff;
        background-color: #fff
    }
}

.pagination {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.pagination:after,
.pagination:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

@media all and (min-width: 768px) {
    .pagination {
        margin: 0 0 2rem
    }
}

.pagination__pages {
    list-style: none
}

.pagination__pages li {
    display: inline-block
}

.pagination__pages li.active a {
    color: #000
}

.pagination__pages li.active a:after {
    content: ""
}

.pagination__pages a {
    position: relative;
    color: #262626;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none
}

@media all and (min-width: 768px) {
    .pagination__pages a {
        font-size: 14px
    }
}

.pagination__pages a:active,
.pagination__pages a:hover {
    color: #000
}

.pagination__pages .fa {
    margin: 0 5px;
    font-size: 1rem;
    font-weight: normal;
    vertical-align: middle
}

@media all and (min-width: 768px) {
    .pagination__pages .fa {
        font-size: 0.5rem
    }
}

.pagination__page-number {
    margin: 0 2.5px
}

.pagination__page-number:active:after,
.pagination__page-number:focus:after,
.pagination__page-number:hover:after {
    content: ""
}

.pagination__page-number:after {
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: none
}

.card {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    -moz-transition: -moz-transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    transition: transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    position: relative;
    height: 100%;
    border-radius: 4px;
    background-color: #fff;
    color: #15244b;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden
}

.card:active,
.card:focus,
.card:hover {
    -webkit-transition: -webkit-transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    -moz-transition: -moz-transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    transition: transform 200ms ease, background-color 200ms ease, box-shadow 200ms ease;
    background-color: #fafafa;
    color: #15244b;
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15)
}

.card h2,
.card h3 {
    color: #15244b
}

.card a {
    text-decoration: none
}

.card__img-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.card__img {
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover
}

.card__body-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 100%
}

.card__body {
    width: 100%;
    height: 100%;
    padding: 16px
}

.card__category {
    margin-bottom: 8px;
    color: #15244b;
    font-size: 14px;
    text-transform: uppercase
}

.card__name {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 8px
}

.card__product-info {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    color: #15244b;
    font-size: 14px
}

.card__product-info .toga-icon {
    margin-right: 8px
}

.card__description {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 8px;
    margin-bottom: 0;
    color: #15244b;
    font-weight: 400
}

.card__price {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    color: #15244b;
    font-size: 14px;
    line-height: 1.5
}

.card__price-container {
    padding: 0 16px 16px
}

.card__price-container strong {
    flex-shrink: 0;
    margin-right: 8px;
    color: #15244b;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.card__badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15)
}

.card__badge--presell {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: #7ed321;
    color: #fff;
    z-index: 103
}

.card__badge--free {
    background-color: #F0F8F1;
    color: #216E2F
}

.card__reviews {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin-top: 8px;
    color: #15244b;
    font-size: 14px
}

.card__reviews .review__star {
    color: #FCCD56
}

.card__reviews-average {
    margin-left: 8px;
    color: #15244b;
    font-weight: bold
}

.card--community .toga-icon-people {
    font-size: 18px
}

.card--category .card__body-container {
    padding: 16px
}

.card--featured {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

@media all and (min-width: 992px) {
    .card--featured {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -spec-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -spec-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }
}

@media all and (min-width: 992px) {
    .card--featured .card__name {
        -webkit-line-clamp: 2
    }

    .card--featured .card__img {
        width: 368px
    }

    .card--featured .card__body-container {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -spec-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -spec-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -spec-flex-basis: 100%;
        flex-basis: 100%;
        -ms-flex-preferred-size: 100%
    }

    .card--featured .card__body {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        color: unset
    }

    .card--featured .card__body:focus {
        outline-offset: -2px
    }

    .card--featured .card__price-container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        width: 100%;
        margin-top: auto;
        padding: 16px 0 0
    }

    .card--featured .card__price {
        padding-right: 16px
    }

    .card--featured .card__button {
        flex-shrink: 0;
        align-self: flex-end;
        margin-left: 0
    }
}

.card--featured .card__price-container {
    padding-left: 0
}

.card--featured .card__button {
    margin: 16px
}

.card--dashboard .card__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -spec-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -spec-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    z-index: 103
}

.card--dashboard .card__header a {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -spec-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -spec-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -spec-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -spec-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.card--dashboard .card__name {
    height: 100%;
    margin: 15px;
    padding-top: 0rem;
    text-align: center
}

.card--dashboard .card__name--community {
    margin-bottom: 16px
}

.card--dashboard .card__body {
    height: auto;
    margin: 0;
    text-align: center
}

.card--dashboard .card__img {
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.card--dashboard .card__details {
    display: flex;
    flex: 1;
}

.card--dashboard .card__details a,
.card--dashboard .card__details span {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 3rem;
    font-weight: 400
}

.card--dashboard .card__details a,
.card--dashboard .card__details a:active,
.card--dashboard .card__details a:hover,
.card--dashboard .card__details a:focus,
.card--dashboard .card__details span,
.card--dashboard .card__details span:active,
.card--dashboard .card__details span:hover,
.card--dashboard .card__details span:focus {
    background-color: transparent;
    color: #000
}

.card--dashboard .card__details a:first-child,
.card--dashboard .card__details span:first-child {
    border: 0
}

.card--dashboard .card__details a:active,
.card--dashboard .card__details a:hover,
.card--dashboard .card__details a:focus {
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15)
}

.card--dashboard .card__percentage {
    position: absolute;
    width: 54px;
    height: 54px;
    margin-top: 3px;
    margin-left: 3px;
    border-radius: 50%;
    background-color: #fff;
    color: #7ed321;
    line-height: 54px;
    text-align: center
}

.card--dashboard .card__percentage:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(21, 36, 75, 0.1);
    border-radius: 50%;
    content: ""
}

.card--dashboard .card[data-progress="1"] .circle .fill,
.card--dashboard .card[data-progress="1"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(1.8deg);
    -moz-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    -o-transform: rotate(1.8deg);
    -spec-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.card--dashboard .card[data-progress="1"] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    -spec-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.card--dashboard .card[data-progress="2"] .circle .fill,
.card--dashboard .card[data-progress="2"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    -spec-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.card--dashboard .card[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    -spec-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.card--dashboard .card[data-progress="3"] .circle .fill,
.card--dashboard .card[data-progress="3"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(5.4deg);
    -moz-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    -o-transform: rotate(5.4deg);
    -spec-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.card--dashboard .card[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    -spec-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.card--dashboard .card[data-progress="4"] .circle .fill,
.card--dashboard .card[data-progress="4"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    -spec-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.card--dashboard .card[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    -spec-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.card--dashboard .card[data-progress="5"] .circle .fill,
.card--dashboard .card[data-progress="5"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -spec-transform: rotate(9deg);
    transform: rotate(9deg)
}

.card--dashboard .card[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    -spec-transform: rotate(18deg);
    transform: rotate(18deg)
}

.card--dashboard .card[data-progress="6"] .circle .fill,
.card--dashboard .card[data-progress="6"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    -spec-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.card--dashboard .card[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    -spec-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.card--dashboard .card[data-progress="7"] .circle .fill,
.card--dashboard .card[data-progress="7"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(12.6deg);
    -moz-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    -o-transform: rotate(12.6deg);
    -spec-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.card--dashboard .card[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    -spec-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.card--dashboard .card[data-progress="8"] .circle .fill,
.card--dashboard .card[data-progress="8"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    -spec-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.card--dashboard .card[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    -spec-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.card--dashboard .card[data-progress="9"] .circle .fill,
.card--dashboard .card[data-progress="9"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(16.2deg);
    -moz-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    -o-transform: rotate(16.2deg);
    -spec-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.card--dashboard .card[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    -spec-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.card--dashboard .card[data-progress="10"] .circle .fill,
.card--dashboard .card[data-progress="10"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    -spec-transform: rotate(18deg);
    transform: rotate(18deg)
}

.card--dashboard .card[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    -spec-transform: rotate(36deg);
    transform: rotate(36deg)
}

.card--dashboard .card[data-progress="11"] .circle .fill,
.card--dashboard .card[data-progress="11"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(19.8deg);
    -moz-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    -o-transform: rotate(19.8deg);
    -spec-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.card--dashboard .card[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    -spec-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.card--dashboard .card[data-progress="12"] .circle .fill,
.card--dashboard .card[data-progress="12"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    -spec-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.card--dashboard .card[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    -spec-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.card--dashboard .card[data-progress="13"] .circle .fill,
.card--dashboard .card[data-progress="13"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(23.4deg);
    -moz-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    -o-transform: rotate(23.4deg);
    -spec-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.card--dashboard .card[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    -spec-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.card--dashboard .card[data-progress="14"] .circle .fill,
.card--dashboard .card[data-progress="14"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    -spec-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.card--dashboard .card[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    -spec-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.card--dashboard .card[data-progress="15"] .circle .fill,
.card--dashboard .card[data-progress="15"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    -o-transform: rotate(27deg);
    -spec-transform: rotate(27deg);
    transform: rotate(27deg)
}

.card--dashboard .card[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    -spec-transform: rotate(54deg);
    transform: rotate(54deg)
}

.card--dashboard .card[data-progress="16"] .circle .fill,
.card--dashboard .card[data-progress="16"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    -spec-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.card--dashboard .card[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    -spec-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.card--dashboard .card[data-progress="17"] .circle .fill,
.card--dashboard .card[data-progress="17"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(30.6deg);
    -moz-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    -o-transform: rotate(30.6deg);
    -spec-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.card--dashboard .card[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    -spec-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.card--dashboard .card[data-progress="18"] .circle .fill,
.card--dashboard .card[data-progress="18"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    -spec-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.card--dashboard .card[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    -spec-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.card--dashboard .card[data-progress="19"] .circle .fill,
.card--dashboard .card[data-progress="19"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(34.2deg);
    -moz-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    -o-transform: rotate(34.2deg);
    -spec-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.card--dashboard .card[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    -spec-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.card--dashboard .card[data-progress="20"] .circle .fill,
.card--dashboard .card[data-progress="20"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    -spec-transform: rotate(36deg);
    transform: rotate(36deg)
}

.card--dashboard .card[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -spec-transform: rotate(72deg);
    transform: rotate(72deg)
}

.card--dashboard .card[data-progress="21"] .circle .fill,
.card--dashboard .card[data-progress="21"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(37.8deg);
    -moz-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    -o-transform: rotate(37.8deg);
    -spec-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.card--dashboard .card[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    -spec-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.card--dashboard .card[data-progress="22"] .circle .fill,
.card--dashboard .card[data-progress="22"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    -spec-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.card--dashboard .card[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    -spec-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.card--dashboard .card[data-progress="23"] .circle .fill,
.card--dashboard .card[data-progress="23"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(41.4deg);
    -moz-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    -o-transform: rotate(41.4deg);
    -spec-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.card--dashboard .card[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    -spec-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.card--dashboard .card[data-progress="24"] .circle .fill,
.card--dashboard .card[data-progress="24"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    -spec-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.card--dashboard .card[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    -spec-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.card--dashboard .card[data-progress="25"] .circle .fill,
.card--dashboard .card[data-progress="25"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -spec-transform: rotate(45deg);
    transform: rotate(45deg)
}

.card--dashboard .card[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -spec-transform: rotate(90deg);
    transform: rotate(90deg)
}

.card--dashboard .card[data-progress="26"] .circle .fill,
.card--dashboard .card[data-progress="26"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    -spec-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.card--dashboard .card[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    -spec-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.card--dashboard .card[data-progress="27"] .circle .fill,
.card--dashboard .card[data-progress="27"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(48.6deg);
    -moz-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    -o-transform: rotate(48.6deg);
    -spec-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.card--dashboard .card[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    -spec-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.card--dashboard .card[data-progress="28"] .circle .fill,
.card--dashboard .card[data-progress="28"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    -spec-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.card--dashboard .card[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    -spec-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.card--dashboard .card[data-progress="29"] .circle .fill,
.card--dashboard .card[data-progress="29"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(52.2deg);
    -moz-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    -o-transform: rotate(52.2deg);
    -spec-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.card--dashboard .card[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    -spec-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.card--dashboard .card[data-progress="30"] .circle .fill,
.card--dashboard .card[data-progress="30"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    -spec-transform: rotate(54deg);
    transform: rotate(54deg)
}

.card--dashboard .card[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    -spec-transform: rotate(108deg);
    transform: rotate(108deg)
}

.card--dashboard .card[data-progress="31"] .circle .fill,
.card--dashboard .card[data-progress="31"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(55.8deg);
    -moz-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    -o-transform: rotate(55.8deg);
    -spec-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.card--dashboard .card[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    -spec-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.card--dashboard .card[data-progress="32"] .circle .fill,
.card--dashboard .card[data-progress="32"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    -spec-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.card--dashboard .card[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    -spec-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.card--dashboard .card[data-progress="33"] .circle .fill,
.card--dashboard .card[data-progress="33"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(59.4deg);
    -moz-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    -o-transform: rotate(59.4deg);
    -spec-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.card--dashboard .card[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    -spec-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.card--dashboard .card[data-progress="34"] .circle .fill,
.card--dashboard .card[data-progress="34"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    -spec-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.card--dashboard .card[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    -spec-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.card--dashboard .card[data-progress="35"] .circle .fill,
.card--dashboard .card[data-progress="35"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(63deg);
    -moz-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    -o-transform: rotate(63deg);
    -spec-transform: rotate(63deg);
    transform: rotate(63deg)
}

.card--dashboard .card[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    -spec-transform: rotate(126deg);
    transform: rotate(126deg)
}

.card--dashboard .card[data-progress="36"] .circle .fill,
.card--dashboard .card[data-progress="36"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    -spec-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.card--dashboard .card[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    -spec-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.card--dashboard .card[data-progress="37"] .circle .fill,
.card--dashboard .card[data-progress="37"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(66.6deg);
    -moz-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    -o-transform: rotate(66.6deg);
    -spec-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.card--dashboard .card[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    -spec-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.card--dashboard .card[data-progress="38"] .circle .fill,
.card--dashboard .card[data-progress="38"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    -spec-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.card--dashboard .card[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    -spec-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.card--dashboard .card[data-progress="39"] .circle .fill,
.card--dashboard .card[data-progress="39"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(70.2deg);
    -moz-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    -o-transform: rotate(70.2deg);
    -spec-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.card--dashboard .card[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    -spec-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.card--dashboard .card[data-progress="40"] .circle .fill,
.card--dashboard .card[data-progress="40"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    -spec-transform: rotate(72deg);
    transform: rotate(72deg)
}

.card--dashboard .card[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -spec-transform: rotate(144deg);
    transform: rotate(144deg)
}

.card--dashboard .card[data-progress="41"] .circle .fill,
.card--dashboard .card[data-progress="41"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(73.8deg);
    -moz-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    -o-transform: rotate(73.8deg);
    -spec-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.card--dashboard .card[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    -spec-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.card--dashboard .card[data-progress="42"] .circle .fill,
.card--dashboard .card[data-progress="42"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    -spec-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.card--dashboard .card[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    -spec-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.card--dashboard .card[data-progress="43"] .circle .fill,
.card--dashboard .card[data-progress="43"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(77.4deg);
    -moz-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    -o-transform: rotate(77.4deg);
    -spec-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.card--dashboard .card[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    -spec-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.card--dashboard .card[data-progress="44"] .circle .fill,
.card--dashboard .card[data-progress="44"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    -spec-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.card--dashboard .card[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    -spec-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.card--dashboard .card[data-progress="45"] .circle .fill,
.card--dashboard .card[data-progress="45"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(81deg);
    -moz-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    -o-transform: rotate(81deg);
    -spec-transform: rotate(81deg);
    transform: rotate(81deg)
}

.card--dashboard .card[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    -spec-transform: rotate(162deg);
    transform: rotate(162deg)
}

.card--dashboard .card[data-progress="46"] .circle .fill,
.card--dashboard .card[data-progress="46"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    -spec-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.card--dashboard .card[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    -spec-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.card--dashboard .card[data-progress="47"] .circle .fill,
.card--dashboard .card[data-progress="47"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(84.6deg);
    -moz-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    -o-transform: rotate(84.6deg);
    -spec-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.card--dashboard .card[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    -spec-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.card--dashboard .card[data-progress="48"] .circle .fill,
.card--dashboard .card[data-progress="48"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    -spec-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.card--dashboard .card[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    -spec-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.card--dashboard .card[data-progress="49"] .circle .fill,
.card--dashboard .card[data-progress="49"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(88.2deg);
    -moz-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    -o-transform: rotate(88.2deg);
    -spec-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.card--dashboard .card[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    -spec-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.card--dashboard .card[data-progress="50"] .circle .fill,
.card--dashboard .card[data-progress="50"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -spec-transform: rotate(90deg);
    transform: rotate(90deg)
}

.card--dashboard .card[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -spec-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card--dashboard .card[data-progress="51"] .circle .fill,
.card--dashboard .card[data-progress="51"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(91.8deg);
    -moz-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    -o-transform: rotate(91.8deg);
    -spec-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.card--dashboard .card[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    -spec-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.card--dashboard .card[data-progress="52"] .circle .fill,
.card--dashboard .card[data-progress="52"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    -spec-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.card--dashboard .card[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    -spec-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.card--dashboard .card[data-progress="53"] .circle .fill,
.card--dashboard .card[data-progress="53"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(95.4deg);
    -moz-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    -o-transform: rotate(95.4deg);
    -spec-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.card--dashboard .card[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    -spec-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.card--dashboard .card[data-progress="54"] .circle .fill,
.card--dashboard .card[data-progress="54"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    -spec-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.card--dashboard .card[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    -spec-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.card--dashboard .card[data-progress="55"] .circle .fill,
.card--dashboard .card[data-progress="55"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(99deg);
    -moz-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    -o-transform: rotate(99deg);
    -spec-transform: rotate(99deg);
    transform: rotate(99deg)
}

.card--dashboard .card[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    -spec-transform: rotate(198deg);
    transform: rotate(198deg)
}

.card--dashboard .card[data-progress="56"] .circle .fill,
.card--dashboard .card[data-progress="56"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    -spec-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.card--dashboard .card[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    -spec-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.card--dashboard .card[data-progress="57"] .circle .fill,
.card--dashboard .card[data-progress="57"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(102.6deg);
    -moz-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    -o-transform: rotate(102.6deg);
    -spec-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.card--dashboard .card[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    -spec-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.card--dashboard .card[data-progress="58"] .circle .fill,
.card--dashboard .card[data-progress="58"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    -spec-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.card--dashboard .card[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    -spec-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.card--dashboard .card[data-progress="59"] .circle .fill,
.card--dashboard .card[data-progress="59"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(106.2deg);
    -moz-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    -o-transform: rotate(106.2deg);
    -spec-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.card--dashboard .card[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    -spec-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.card--dashboard .card[data-progress="60"] .circle .fill,
.card--dashboard .card[data-progress="60"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    -spec-transform: rotate(108deg);
    transform: rotate(108deg)
}

.card--dashboard .card[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    -spec-transform: rotate(216deg);
    transform: rotate(216deg)
}

.card--dashboard .card[data-progress="61"] .circle .fill,
.card--dashboard .card[data-progress="61"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(109.8deg);
    -moz-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    -o-transform: rotate(109.8deg);
    -spec-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.card--dashboard .card[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    -spec-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.card--dashboard .card[data-progress="62"] .circle .fill,
.card--dashboard .card[data-progress="62"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    -spec-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.card--dashboard .card[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    -spec-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.card--dashboard .card[data-progress="63"] .circle .fill,
.card--dashboard .card[data-progress="63"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(113.4deg);
    -moz-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    -o-transform: rotate(113.4deg);
    -spec-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.card--dashboard .card[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    -spec-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.card--dashboard .card[data-progress="64"] .circle .fill,
.card--dashboard .card[data-progress="64"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    -spec-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.card--dashboard .card[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    -spec-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.card--dashboard .card[data-progress="65"] .circle .fill,
.card--dashboard .card[data-progress="65"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(117deg);
    -moz-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    -o-transform: rotate(117deg);
    -spec-transform: rotate(117deg);
    transform: rotate(117deg)
}

.card--dashboard .card[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    -spec-transform: rotate(234deg);
    transform: rotate(234deg)
}

.card--dashboard .card[data-progress="66"] .circle .fill,
.card--dashboard .card[data-progress="66"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    -spec-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.card--dashboard .card[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    -spec-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.card--dashboard .card[data-progress="67"] .circle .fill,
.card--dashboard .card[data-progress="67"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(120.6deg);
    -moz-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    -o-transform: rotate(120.6deg);
    -spec-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.card--dashboard .card[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    -spec-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.card--dashboard .card[data-progress="68"] .circle .fill,
.card--dashboard .card[data-progress="68"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    -spec-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.card--dashboard .card[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    -spec-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.card--dashboard .card[data-progress="69"] .circle .fill,
.card--dashboard .card[data-progress="69"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(124.2deg);
    -moz-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    -o-transform: rotate(124.2deg);
    -spec-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.card--dashboard .card[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    -spec-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.card--dashboard .card[data-progress="70"] .circle .fill,
.card--dashboard .card[data-progress="70"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    -spec-transform: rotate(126deg);
    transform: rotate(126deg)
}

.card--dashboard .card[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    -spec-transform: rotate(252deg);
    transform: rotate(252deg)
}

.card--dashboard .card[data-progress="71"] .circle .fill,
.card--dashboard .card[data-progress="71"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(127.8deg);
    -moz-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    -o-transform: rotate(127.8deg);
    -spec-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.card--dashboard .card[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    -spec-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.card--dashboard .card[data-progress="72"] .circle .fill,
.card--dashboard .card[data-progress="72"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    -spec-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.card--dashboard .card[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    -spec-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.card--dashboard .card[data-progress="73"] .circle .fill,
.card--dashboard .card[data-progress="73"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(131.4deg);
    -moz-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    -o-transform: rotate(131.4deg);
    -spec-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.card--dashboard .card[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    -spec-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.card--dashboard .card[data-progress="74"] .circle .fill,
.card--dashboard .card[data-progress="74"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    -spec-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.card--dashboard .card[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    -spec-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.card--dashboard .card[data-progress="75"] .circle .fill,
.card--dashboard .card[data-progress="75"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -spec-transform: rotate(135deg);
    transform: rotate(135deg)
}

.card--dashboard .card[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -spec-transform: rotate(270deg);
    transform: rotate(270deg)
}

.card--dashboard .card[data-progress="76"] .circle .fill,
.card--dashboard .card[data-progress="76"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    -spec-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.card--dashboard .card[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    -spec-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.card--dashboard .card[data-progress="77"] .circle .fill,
.card--dashboard .card[data-progress="77"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(138.6deg);
    -moz-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    -o-transform: rotate(138.6deg);
    -spec-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.card--dashboard .card[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    -spec-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.card--dashboard .card[data-progress="78"] .circle .fill,
.card--dashboard .card[data-progress="78"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    -spec-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.card--dashboard .card[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    -spec-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.card--dashboard .card[data-progress="79"] .circle .fill,
.card--dashboard .card[data-progress="79"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(142.2deg);
    -moz-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    -o-transform: rotate(142.2deg);
    -spec-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.card--dashboard .card[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    -spec-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.card--dashboard .card[data-progress="80"] .circle .fill,
.card--dashboard .card[data-progress="80"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    -spec-transform: rotate(144deg);
    transform: rotate(144deg)
}

.card--dashboard .card[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    -spec-transform: rotate(288deg);
    transform: rotate(288deg)
}

.card--dashboard .card[data-progress="81"] .circle .fill,
.card--dashboard .card[data-progress="81"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(145.8deg);
    -moz-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    -o-transform: rotate(145.8deg);
    -spec-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.card--dashboard .card[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    -spec-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.card--dashboard .card[data-progress="82"] .circle .fill,
.card--dashboard .card[data-progress="82"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    -spec-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.card--dashboard .card[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    -spec-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.card--dashboard .card[data-progress="83"] .circle .fill,
.card--dashboard .card[data-progress="83"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(149.4deg);
    -moz-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    -o-transform: rotate(149.4deg);
    -spec-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.card--dashboard .card[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    -spec-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.card--dashboard .card[data-progress="84"] .circle .fill,
.card--dashboard .card[data-progress="84"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    -spec-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.card--dashboard .card[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    -spec-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.card--dashboard .card[data-progress="85"] .circle .fill,
.card--dashboard .card[data-progress="85"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(153deg);
    -moz-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    -o-transform: rotate(153deg);
    -spec-transform: rotate(153deg);
    transform: rotate(153deg)
}

.card--dashboard .card[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    -spec-transform: rotate(306deg);
    transform: rotate(306deg)
}

.card--dashboard .card[data-progress="86"] .circle .fill,
.card--dashboard .card[data-progress="86"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    -spec-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.card--dashboard .card[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    -spec-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.card--dashboard .card[data-progress="87"] .circle .fill,
.card--dashboard .card[data-progress="87"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(156.6deg);
    -moz-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    -o-transform: rotate(156.6deg);
    -spec-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.card--dashboard .card[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    -spec-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.card--dashboard .card[data-progress="88"] .circle .fill,
.card--dashboard .card[data-progress="88"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    -spec-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.card--dashboard .card[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    -spec-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.card--dashboard .card[data-progress="89"] .circle .fill,
.card--dashboard .card[data-progress="89"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(160.2deg);
    -moz-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    -o-transform: rotate(160.2deg);
    -spec-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.card--dashboard .card[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    -spec-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.card--dashboard .card[data-progress="90"] .circle .fill,
.card--dashboard .card[data-progress="90"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    -spec-transform: rotate(162deg);
    transform: rotate(162deg)
}

.card--dashboard .card[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    -spec-transform: rotate(324deg);
    transform: rotate(324deg)
}

.card--dashboard .card[data-progress="91"] .circle .fill,
.card--dashboard .card[data-progress="91"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(163.8deg);
    -moz-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    -o-transform: rotate(163.8deg);
    -spec-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.card--dashboard .card[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    -spec-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.card--dashboard .card[data-progress="92"] .circle .fill,
.card--dashboard .card[data-progress="92"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    -spec-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.card--dashboard .card[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    -spec-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.card--dashboard .card[data-progress="93"] .circle .fill,
.card--dashboard .card[data-progress="93"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(167.4deg);
    -moz-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    -o-transform: rotate(167.4deg);
    -spec-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.card--dashboard .card[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    -spec-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.card--dashboard .card[data-progress="94"] .circle .fill,
.card--dashboard .card[data-progress="94"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    -spec-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.card--dashboard .card[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    -spec-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.card--dashboard .card[data-progress="95"] .circle .fill,
.card--dashboard .card[data-progress="95"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(171deg);
    -moz-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    -o-transform: rotate(171deg);
    -spec-transform: rotate(171deg);
    transform: rotate(171deg)
}

.card--dashboard .card[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    -spec-transform: rotate(342deg);
    transform: rotate(342deg)
}

.card--dashboard .card[data-progress="96"] .circle .fill,
.card--dashboard .card[data-progress="96"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    -spec-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.card--dashboard .card[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    -spec-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.card--dashboard .card[data-progress="97"] .circle .fill,
.card--dashboard .card[data-progress="97"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(174.6deg);
    -moz-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    -o-transform: rotate(174.6deg);
    -spec-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.card--dashboard .card[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    -spec-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.card--dashboard .card[data-progress="98"] .circle .fill,
.card--dashboard .card[data-progress="98"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    -spec-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.card--dashboard .card[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    -spec-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.card--dashboard .card[data-progress="99"] .circle .fill,
.card--dashboard .card[data-progress="99"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(178.2deg);
    -moz-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    -o-transform: rotate(178.2deg);
    -spec-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.card--dashboard .card[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    -spec-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.card--dashboard .card[data-progress="100"] .circle .fill,
.card--dashboard .card[data-progress="100"] .circle .mask.full {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -spec-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -spec-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card--dashboard .card[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -spec-transform: rotate(360deg);
    transform: rotate(360deg)
}

.card--dashboard .card__progress--bar {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 24px
}

.card--dashboard .card__progress--bar .progress__percentage {
    position: relative;
    margin: 0
}

.card--dashboard .card__progress--bar .progress__percentage .progress__percentage-value {
    -webkit-transform: translatex(-1.5rem);
    -moz-transform: translatex(-1.5rem);
    -ms-transform: translatex(-1.5rem);
    -o-transform: translatex(-1.5rem);
    -spec-transform: translatex(-1.5rem);
    transform: translatex(-1.5rem);
    display: inline-block;
    position: absolute;
    top: -0.5em;
    width: 3rem;
    color: #15244b;
    font-size: 14px;
    content: attr(data-percentage)
}

.card--dashboard .card__progress--bar .progress__percentage:after {
    display: block;
    position: absolute;
    top: -0.95rem;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";
    z-index: 0
}

.card--dashboard .card__progress--bar .progress__bar {
    display: block;
    position: relative;
    top: -0.75rem;
    height: 3px;
    background-color: #7ed321;
    z-index: 101
}

.card--dashboard .card__progress--circle {
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    -spec-transform: translatex(-50%);
    transform: translatex(-50%);
    position: absolute;
    top: -30px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    text-align: left;
    z-index: 103
}

.card--dashboard .card__progress--circle .circle .fill,
.card--dashboard .card__progress--circle .circle .mask {
    -webkit-backface-visibility: hidden;
    -spec-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    transition: transform 400ms ease;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.card--dashboard .card__progress--circle .circle .mask {
    clip: rect(0, 60px, 60px, 30px)
}

.card--dashboard .card__progress--circle .circle .mask .fill {
    background-color: #7ed321;
    clip: rect(0, 30px, 60px, 0)
}

.card--dashboard .card__posts {
    margin-top: auto;
    color: #15244b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.card--dashboard .card__coming-soon {
    font-weight: normal;
    opacity: 0.75
}

.products__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.products__list:after,
.products__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.products__list-item {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 24px
}

@media all and (min-width: 570px) {
    .products__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media all and (min-width: 992px) {
    .products__list-item {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

.products__collections-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 0 1rem
}

.products__collections-list:after,
.products__collections-list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.products__collections-list-item {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    line-height: 1
}

@media all and (min-width: 768px) {
    .products__collections-list-item {
        display: inline-block;
        width: auto;
        margin: 0 1rem 0 0
    }

    .products__collections-list-item:last-child {
        margin: 0
    }
}

.products__collections-list-item a {
    position: relative;
    padding-left: 0.8rem;
    line-height: 1;
    text-decoration: none
}

@media all and (min-width: 768px) {
    .products__collections-list-item a {
        padding-left: 0
    }
}

.products__collections-list-item a:after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #000;
    content: none
}

@media all and (min-width: 768px) {
    .products__collections-list-item a:after {
        bottom: -5px;
        width: 100%;
        height: 1px
    }
}

.products__collections-list-item a.active:after,
.products__collections-list-item a:active:after,
.products__collections-list-item a:focus:after,
.products__collections-list-item a:hover:after {
    content: ""
}

.product-action-button--private a {
    text-decoration: none
}

.product-action-button--private .fa {
    margin-right: 0.25rem
}

.products-coupon {
    position: fixed;
    top: 1rem;
    left: 1rem;
    width: calc(100% - 2rem);
    padding: 1rem;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 400
}

.products-coupon.products-coupon--valid {
    background-color: #216E2F
}

.products-coupon.products-coupon--invalid {
    background-color: #E75725
}

.products-coupon__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .products-coupon__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .products-coupon__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .products-coupon__container {
        max-width: 1200px
    }
}

.products-coupon__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 0.5;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

@media all and (min-width: 480px) {
    .products-coupon__close {
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -spec-transform: translatey(-50%);
        transform: translatey(-50%);
        top: 50%;
        right: 1rem
    }
}

.products-coupon__close,
.products-coupon__close:active,
.products-coupon__close:hover,
.products-coupon__close:focus {
    color: #fff
}

.products__search {
    display: flex;
    justify-content: space-between;
    margin: 0 0 2rem
}

.products__search-form {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -spec-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -spec-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.products__search-form:after,
.products__search-form:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.products__search-box {
    min-width: 100%;
    margin: 0 0 1rem auto
}

@media all and (min-width: 768px) {
    .products__search-box {
        min-width: 20rem
    }
}

.review__stars {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    display: inline-block;
    position: relative;
    width: auto;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden
}

.review__stars .review__star {
    width: 0.75rem;
    height: 0.75rem;
    color: #FCCD56;
    font-size: 0.75rem;
    line-height: normal;
    opacity: 1;
    z-index: 101
}

.review__stars input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -spec-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    width: 0.75rem;
    height: 0.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 102
}

.review__stars input:hover,
.review__stars input:active {
    outline: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.review__stars label {
    display: inline-block;
    position: relative;
    width: 0.75rem;
    height: 0.75rem
}

.review__stars .review__star~.review__star {
    left: 0.9375rem
}

.review__stars .review__star~.review__star~.review__star {
    left: 1.875rem
}

.review__stars .review__star~.review__star~.review__star~.review__star {
    left: 2.8125rem
}

.review__stars .review__star~.review__star~.review__star~.review__star~.review__star {
    left: 3.75rem
}

.review__stars-input {
    cursor: pointer
}

.review__stars-input:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FCCD56;
    font-family: "FontAwesome";
    font-size: 0.75rem;
    letter-spacing: 0.21rem;
    line-height: 1;
    content: "\f006 \f006 \f006 \f006 \f006"
}

.review__stars-input .review__star {
    cursor: pointer;
    opacity: 1
}

.review__stars-input input {
    position: relative;
    cursor: pointer
}

.review__stars-input input:checked+.review__star~.review__star {
    opacity: 0
}

.review__stars-input:hover .review__star,
.review__stars-input:focus .review__star {
    opacity: 1 !important
}

.review__stars-input:hover input:hover+.review__star~.review__star,
.review__stars-input:hover input:focus+.review__star~.review__star,
.review__stars-input:focus input:hover+.review__star~.review__star,
.review__stars-input:focus input:focus+.review__star~.review__star {
    opacity: 0 !important
}

.review__stars-count {
    position: relative;
    top: 1px;
    left: 7px;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    opacity: 0.5
}

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #fff;
    border-collapse: collapse
}

@media all and (min-width: 992px) {
    table {
        table-layout: fixed
    }
}

@media all and (max-width: 991px) {
    table {
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media all and (max-width: 991px) {
    table.table--responsive {
        border: 0;
        background: transparent
    }

    table.table--responsive thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }

    table.table--responsive tr {
        display: block;
        margin-bottom: 2rem;
        border-bottom: 3px solid rgba(21, 36, 75, 0.1);
        background-color: #fff
    }

    table.table--responsive tr:last-child {
        margin-bottom: 0
    }

    table.table--responsive td {
        display: block;
        min-height: 3rem;
        font-size: 14px;
        text-align: right
    }

    table.table--responsive td:before {
        float: left;
        font-weight: bold;
        content: attr(data-label)
    }

    table.table--responsive td:last-child {
        border-bottom: 0
    }
}

table table {
    background-color: #fff
}

table thead th {
    border-bottom: 1px solid rgba(21, 36, 75, 0.1);
    text-align: left;
    vertical-align: bottom
}

table tbody+tbody {
    border-top: 1px solid rgba(21, 36, 75, 0.1)
}

table tbody tr {
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    transition: background-color 200ms ease
}

table tbody tr:nth-of-type(odd) {
    background-color: #fff
}

table tbody tr,
table tbody tr:active,
table tbody tr:hover {
    -webkit-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    transition: background-color 200ms ease
}

table tbody tr:active,
table tbody tr:hover {
    background-color: #fafafa
}

table th,
table td {
    padding: 0.66667rem;
    border-top: 1px solid rgba(21, 36, 75, 0.1)
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    text-shadow: 0 0 1px transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word
}

@media all and (min-width: 768px) {
    body {
        font-size: 16px
    }
}

form,
input,
textarea,
label,
fieldset,
legend,
select,
optgroup,
option,
datalist,
keygen,
output {
    font-family: "Montserrat", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    line-height: 1.2
}

.page__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .page__heading {
        font-size: 45px
    }
}

.section__headings {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    margin: 0 0 1rem
}

@media all and (min-width: 768px) {
    .section__headings {
        margin: 0 0 2rem
    }
}

.section__headings--reverse .section__heading {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -spec-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -spec-order: 2;
    order: 2;
    -ms-flex-order: 2
}

.section__headings--reverse .section__subheading {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -spec-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    -spec-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.section__heading {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #15244b
}

@media all and (min-width: 768px) {
    .section__heading {
        font-size: 36px
    }
}

.section__heading--secondary {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600
}

@media all and (min-width: 768px) {
    .section__heading--secondary {
        font-size: 20px
    }
}

.section__subheading {
    margin-top: 16px;
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #15244b
}

@media all and (min-width: 480px) {
    .section__subheading {
        margin-top: 24px
    }
}

@media all and (min-width: 768px) {
    .section__subheading {
        font-size: 22px
    }
}

#language-bar {
    z-index: 9999
}

#skip-link a {
    position: absolute;
    top: auto;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -9999
}

#skip-link a:active,
#skip-link a:focus {
    top: auto;
    left: auto;
    margin: 15px;
    padding: 15px;
    width: 200px;
    height: 60px;
    border: 2px solid #FFED8F;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    overflow: auto;
    z-index: 9999
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%)
}

.hidden {
    display: none !important
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.noscroll {
    overflow: hidden
}

.admin-notice__bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999
}

@media all and (max-width: 991px) {
    .admin-notice__bar a {
        display: block
    }
}

#notifications {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

#notifications .row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

#notifications .row:after,
#notifications .row:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

#notifications .flash {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

.section-background-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.section__content-alignment__center [class*="__wrapper"] {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.section__content-alignment__right .section__headings,
.section__content-alignment__right .section__content {
    margin-right: 0;
    margin-left: auto
}

.section-height__small>[class*="__container"] {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.section-height__medium>[class*="__container"] {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.section-height__large>[class*="__container"] {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.section-height__xlarge>[class*="__container"] {
    padding-top: 20rem;
    padding-bottom: 20rem
}

.section__divide {
    display: block;
    width: 100%;
    height: 1px;
    margin: 1rem;
    background-color: #15244b;
    opacity: 0.2
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    z-index: 0
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f5a949;
    color: #000;
    display: inline-block;
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: 0;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
    z-index: 102
}

.owl-carousel .owl-nav .owl-prev:active,
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:active,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next:focus {
    border-color: transparent;
    background: #e5850d;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

.owl-carousel .owl-nav .owl-prev:active,
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:active,
.owl-carousel .owl-nav .owl-next:hover {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    border-color: #f7f7f7;
    background-color: #f7f7f7
}

.owl-carousel .owl-nav .owl-prev {
    left: -1rem
}

.owl-carousel .owl-nav .owl-prev .fa-angle-left {
    padding-right: 3px
}

.owl-carousel .owl-nav .owl-next {
    right: -1rem
}

.owl-carousel .owl-nav .owl-next .fa-angle-right {
    padding-left: 3px
}

.overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -9999
}

.overlay.show {
    opacity: 1;
    z-index: 200
}

.tooltip {
    display: inline-block;
    position: relative
}

.tooltip span {
    -webkit-transition: 200ms all ease-out;
    -moz-transition: 200ms all ease-out;
    transition: 200ms all ease-out;
    position: absolute;
    top: 0;
    left: 0;
    width: unset;
    min-width: 80vw;
    max-width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid rgba(21, 36, 75, 0.1);
    border-radius: 0;
    background: #fff;
    color: #15244b;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden
}

@media all and (min-width: 768px) {
    .tooltip span {
        min-width: 20rem
    }
}

.tooltip:active span,
.tooltip:focus span,
.tooltip:hover span {
    opacity: 1;
    visibility: visible
}

.vbox-overlay .vbox-preloader {
    -webkit-transform: translate(-50% -50% 0);
    -moz-transform: translate(-50% -50% 0);
    -ms-transform: translate(-50% -50% 0);
    -o-transform: translate(-50% -50% 0);
    -spec-transform: translate(-50% -50% 0);
    transform: translate(-50% -50% 0);
    top: 50%;
    left: 50%
}

.affiliate {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {
    .affiliate {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.affiliate__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .affiliate__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .affiliate__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .affiliate__container {
        max-width: 1200px
    }
}

.affiliate__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.affiliate__wrapper:after,
.affiliate__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.affiliate__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .affiliate__heading {
        font-size: 45px
    }
}

.affiliate__menu {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 767px) {
    .affiliate__menu {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -spec-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -spec-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media all and (min-width: 992px) {
    .affiliate__menu {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .affiliate__menu {
        margin: 0 0 2rem
    }
}

.affiliate__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 767px) {
    .affiliate__content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -spec-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -spec-order: 1;
        order: 1;
        -ms-flex-order: 1;
        margin: 0 0 2rem
    }
}

@media all and (min-width: 992px) {
    .affiliate__menu+.affiliate__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 2rem
    }
}

.affiliate__content h2 {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .affiliate__content h2 {
        font-size: 45px
    }
}

.affiliate__links {
    table-layout: auto
}

.affiliate__links-homepage {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease;
    display: block;
    width: 100%;
    padding: 1rem;
    border: 2px solid #d9d9d9;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: normal;
    display: inline-block;
    width: auto;
    background-color: #f7f7f7;
    line-height: 1
}

.affiliate__links-homepage[readonly] {
    background-color: #f7f7f7
}

.affiliate__links-homepage:active,
.affiliate__links-homepage:hover {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease
}

.affiliate__commissions-owed p {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease;
    display: block;
    width: 100%;
    padding: 1rem;
    border: 2px solid #d9d9d9;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: normal;
    display: inline-block;
    width: auto;
    min-width: 10rem;
    background-color: #f7f7f7;
    line-height: 1
}

.affiliate__commissions-owed p[readonly] {
    background-color: #f7f7f7
}

.affiliate__commissions-owed p:active,
.affiliate__commissions-owed p:hover {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease
}

.affiliate__commissions-owed h2,
.affiliate__commissions-paid h2,
.affiliate__commissions-overview h2 {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2
}

@media all and (min-width: 768px) {

    .affiliate__commissions-owed h2,
    .affiliate__commissions-paid h2,
    .affiliate__commissions-overview h2 {
        font-size: 24px
    }
}

.checkout {
    border-bottom: 1px solid rgba(21, 36, 75, 0.1)
}

.checkout .button {
    padding: 16px 24px
}

.checkout.checkout__thankyou,
.checkout.checkout__paypal-express {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {

    .checkout.checkout__thankyou,
    .checkout.checkout__paypal-express {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.checkout.checkout__thankyou .checkout__container {
    padding-bottom: 4rem
}

.checkout.checkout__thankyou .checkout__product-details {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -spec-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1rem
}

.checkout.checkout__thankyou .checkout__product-details:after,
.checkout.checkout__thankyou .checkout__product-details:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checkout.checkout__paypal-express .checkout__wrapper {
    margin-right: 0;
    margin-left: 0
}

.checkout__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .checkout__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .checkout__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .checkout__container {
        max-width: 1200px
    }
}

.checkout__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.checkout__wrapper:after,
.checkout__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checkout__thank-you {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

.checkout__start-learning {
    margin-top: 2rem
}

.checkout__form--sign-in .remote-sign-up__divider {
    display: none
}

.checkout__form--sign-up .remote-sign-in__divider {
    display: none
}

.progress-bar {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 2rem;
    padding: 0;
    font-size: 0;
    list-style: none
}

.progress-bar li {
    display: inline-block;
    font-size: 0.875rem
}

.progress-bar li:first-child:after {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    font-family: "FontAwesome";
    font-size: 0.9rem;
    content: "\f0da"
}

.progress-bar li.active {
    font-weight: bold
}

.checkout__form {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 1rem;
    padding-bottom: 2rem
}

@media all and (min-width: 992px) {
    .checkout__form {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 2rem
    }
}

.checkout__form .order-security {
    display: none
}

.checkout__product-overview {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 2rem;
    background-color: #fff;
    z-index: 1
}

@media all and (min-width: 992px) {
    .checkout__product-overview {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 6rem;
        padding-bottom: 2rem;
        padding-left: 2rem
    }
}

.checkout__product-overview:before,
.checkout__product-overview:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50vw;
    height: 100%;
    background-color: #fff;
    z-index: -1
}

@media all and (max-width: 991px) {
    .checkout__product-overview:before {
        right: 0;
        content: ""
    }
}

.checkout__product-overview:after {
    left: 0;
    content: ""
}

.checkout__sign-in,
.checkout__sign-up {
    margin: 0 0 2rem
}

.checkout__sign-in a,
.checkout__sign-up a {
    font-size: 14px
}

.checkout__thank-you {
    margin-bottom: 2rem
}

.checkout__order-receipt {
    margin-top: 1rem;
    margin-bottom: 2rem
}

@media all and (min-width: 768px) {
    .checkout__bundle-list {
        width: 80%
    }
}

.checkout__bundle-list-item {
    margin-left: 0
}

.checkout__bundle-list-item:last-child .checkout__product-details__wrapper,
.checkout__bundle-list-item:only-child .checkout__product-details__wrapper {
    border-bottom: 1px solid rgba(21, 36, 75, 0.1)
}

.checkout__bundle-list-item .checkout__product-details__wrapper strong {
    margin-bottom: 1rem
}

@media all and (max-width: 479px) {
    .checkout__bundle-list-item .checkout__product-details__wrapper strong {
        display: block;
        width: 100%
    }
}

@media all and (min-width: 480px) {
    .checkout__bundle-list-item .checkout__product-details__wrapper strong {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-right: 2rem
    }
}

@media all and (min-width: 992px) {
    .checkout__bundle-list-item .checkout__product-details__wrapper strong {
        position: relative;
        width: 100%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.checkout__bundle-list-item .checkout__product-details__wrapper a {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -spec-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start
}

@media all and (min-width: 480px) {
    .checkout__bundle-list-item .checkout__product-details__wrapper a {
        margin-right: 0;
        margin-left: auto
    }
}

.checkout__bundle-additional-courses {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 14px;
    text-align: center
}

.checkout__product-list {
    margin-bottom: 2rem
}

@media all and (min-width: 992px) {
    .checkout__product-list {
        margin-top: 2rem
    }
}

.checkout__product-list-item:last-child .checkout__product-details__wrapper,
.checkout__product-list-item:only-child .checkout__product-details__wrapper {
    border-bottom: 1px solid rgba(21, 36, 75, 0.1)
}

.checkout__product-details__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0;
    border-top: 1px solid rgba(21, 36, 75, 0.1)
}

.checkout__product-details__wrapper:after,
.checkout__product-details__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checkout__product-details {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -spec-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width: 480px) {
    .checkout__product-details {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.checkout__product-details:after,
.checkout__product-details:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checkout__product-image {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -spec-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover
}

@media all and (min-width: 480px) {
    .checkout__product-image {
        position: relative;
        width: 100%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-bottom: 0
    }
}

.checkout__product-name {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.75rem
}

@media all and (max-width: 479px) {
    .checkout__product-name {
        padding-left: 0
    }
}

@media all and (min-width: 768px) {
    .checkout__product-name {
        font-size: 24px
    }
}

.checkout__product-price {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 479px) {
    .checkout__product-price {
        padding-left: 0
    }
}

.checkout__product-description {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 1rem;
    padding-right: 0
}

@media all and (max-width: 479px) {
    .checkout__product-description {
        padding-left: 0
    }
}

.checkout__footer {
    padding-bottom: 2rem;
    font-size: 14px
}

@media all and (min-width: 992px) {
    .checkout__footer {
        padding-top: 2rem
    }
}

.checkout__footer-info,
.checkout__footer-help {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {

    .checkout__footer-info,
    .checkout__footer-help {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.checkout__footer-info a,
.checkout__footer-help a {
    display: inline-block
}

.checkout__footer-info strong,
.checkout__footer-info p,
.checkout__footer-help strong,
.checkout__footer-help p {
    padding-left: 1rem
}

.checkout__footer-info strong,
.checkout__footer-help strong {
    position: relative
}

.checkout__footer-info strong .fa,
.checkout__footer-help strong .fa {
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -spec-transform: translatey(-50%);
    transform: translatey(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: 0.5rem
}

.thinkific__checkout__cart-item__title {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    line-height: 1.75rem
}

@media all and (min-width: 768px) {
    .thinkific__checkout__cart-item__title {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 0
    }
}

.thinkific__checkout__cart-item__cost {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    line-height: 1.75rem
}

@media all and (min-width: 768px) {
    .thinkific__checkout__cart-item__cost {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-right: 0
    }
}

.thinkific__cart-item__cost {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    line-height: 1.75rem
}

@media all and (min-width: 768px) {
    .thinkific__cart-item__cost {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-right: 0
    }
}

.thinkific__checkout__coupon-code__submit-container .btn,
.thinkific__checkout__credit-card-submit-container .btn,
.thinkific__checkout__enroll-free__container .btn {
    -webkit-transition: all 200ms ease, font-size 200ms ease;
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f5a949;
    color: #000;
    padding: 0.8rem 4rem
}

@media all and (min-width: 768px) {

    .thinkific__checkout__coupon-code__submit-container .btn,
    .thinkific__checkout__credit-card-submit-container .btn,
    .thinkific__checkout__enroll-free__container .btn {
        font-size: 16px
    }
}

.thinkific__checkout__coupon-code__submit-container .btn:active,
.thinkific__checkout__coupon-code__submit-container .btn:hover,
.thinkific__checkout__coupon-code__submit-container .btn:focus,
.thinkific__checkout__credit-card-submit-container .btn:active,
.thinkific__checkout__credit-card-submit-container .btn:hover,
.thinkific__checkout__credit-card-submit-container .btn:focus,
.thinkific__checkout__enroll-free__container .btn:active,
.thinkific__checkout__enroll-free__container .btn:hover,
.thinkific__checkout__enroll-free__container .btn:focus {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

.thinkific__checkout__coupon-code__submit-container .btn:active,
.thinkific__checkout__coupon-code__submit-container .btn:hover,
.thinkific__checkout__coupon-code__submit-container .btn:focus,
.thinkific__checkout__credit-card-submit-container .btn:active,
.thinkific__checkout__credit-card-submit-container .btn:hover,
.thinkific__checkout__credit-card-submit-container .btn:focus,
.thinkific__checkout__enroll-free__container .btn:active,
.thinkific__checkout__enroll-free__container .btn:hover,
.thinkific__checkout__enroll-free__container .btn:focus {
    border-color: transparent;
    background: #e5850d;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

@media all and (max-width: 479px) {

    .thinkific__checkout__coupon-code__submit-container .btn,
    .thinkific__checkout__credit-card-submit-container .btn,
    .thinkific__checkout__enroll-free__container .btn {
        width: 100%;
        padding: 0.8rem 1rem
    }
}

.thinkific__checkout__coupon-code__submit-container .thinkific__checkout__credit-card-instantly-checkout,
.thinkific__checkout__credit-card-submit-container .thinkific__checkout__credit-card-instantly-checkout,
.thinkific__checkout__enroll-free__container .thinkific__checkout__credit-card-instantly-checkout {
    font-size: 12px;
    font-weight: bold;
    text-align: center
}

.thinkific__checkout__credit-card-submit-container {
    text-align: center
}

.thinkific__checkout__credit-card-submit-container .btn {
    width: 100%;
    height: 55px;
    border-radius: 4px
}

.paypal-smart-button__row {
    display: table;
    width: 100%;
    height: 32px;
    margin-bottom: 1rem;
    font-weight: 600;
    white-space: nowrap
}

.paypal-smart-button__row:before,
.paypal-smart-button__row:after {
    display: table-cell;
    position: relative;
    top: 1em;
    width: 45%;
    border-top: 1px solid rgba(21, 36, 75, 0.1);
    content: ""
}

.paypal-smart-button__row:before {
    right: 0
}

.paypal-smart-button__row:after {
    left: 0
}

.paypal-smart-button__text {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.thinkific__checkout__cart-item,
.thinkific__checkout__cart-item--total-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -spec-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1
}

.thinkific__checkout__cart-item:after,
.thinkific__checkout__cart-item:before,
.thinkific__checkout__cart-item--total-row:after,
.thinkific__checkout__cart-item--total-row:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.thinkific__checkout__cart-item__cost,
.thinkific__cart-item__cost {
    text-align: right
}

.thinkific__checkout__cart-item--total-row {
    width: 100%;
    margin: 2rem 0 1rem;
    padding: 2rem 0;
    border-top: 1px solid rgba(21, 36, 75, 0.1);
    border-bottom: 1px solid rgba(21, 36, 75, 0.1);
    font-weight: bold;
    line-height: 1
}

.thinkific__checkout__credit-card-container {
    padding-top: 2rem
}

#payment-form {
    position: relative;
    padding-top: 1rem
}

#local-payment-errors {
    display: none;
    position: relative;
    margin-bottom: 2rem;
    padding: 0.5rem;
    border: 1px solid #E75725;
    background-color: #E75725;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    z-index: 1
}

.paypal-button-row {
    margin-bottom: 1rem;
    padding-top: 1rem;
    text-align: center
}

.paypal-button-row__text {
    margin-bottom: 1rem
}

.paypal-express-checkout__form {
    width: 100%
}

.paypal-express-checkout__form .btn-primary {
    -webkit-transition: all 200ms ease, font-size 200ms ease;
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f5a949;
    color: #000
}

@media all and (min-width: 768px) {
    .paypal-express-checkout__form .btn-primary {
        font-size: 16px
    }
}

.paypal-express-checkout__form .btn-primary:active,
.paypal-express-checkout__form .btn-primary:hover,
.paypal-express-checkout__form .btn-primary:focus {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

.paypal-express-checkout__form .btn-primary:active,
.paypal-express-checkout__form .btn-primary:hover,
.paypal-express-checkout__form .btn-primary:focus {
    border-color: transparent;
    background: #e5850d;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

.thinkific__checkout__coupon-code__input,
.StripeElement {
    display: block;
    width: 100%;
    padding: 8px;
    border: 1px solid rgba(21, 36, 75, 0.1);
    border-radius: 0;
    font-size: 1rem
}

.thinkific__checkout__coupon-code__input::-webkit-input-placeholder,
.StripeElement::-webkit-input-placeholder {
    color: transparent
}

.thinkific__checkout__coupon-code__input::-moz-placeholder,
.StripeElement::-moz-placeholder {
    color: transparent
}

.thinkific__checkout__coupon-code__input:-ms-input-placeholder,
.StripeElement:-ms-input-placeholder {
    color: transparent
}

.thinkific__checkout__coupon-code__input:-moz-placeholder,
.StripeElement:-moz-placeholder {
    color: transparent
}

.thinkific__checkout__coupon-code__check-container {
    text-align: right
}

.thinkific__checkout__coupon-code__form-container {
    margin: 0
}

.thinkific__checkout__coupon-code.hide {
    display: none
}

.thinkific__checkout__coupon-code label {
    color: #15244b;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 2
}

.thinkific__checkout__coupon-code__container {
    position: relative
}

.thinkific__checkout__coupon-code__input-container {
    margin: 0 0 2rem
}

#thinkific__checkout__coupon-code__errors-container.visible {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 0.5rem;
    border: 1px solid #E75725;
    background-color: #E75725;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

#thinkific__checkout__coupon-code__errors-container.visible+.thinkific__checkout__coupon-code__input-container .thinkific__checkout__coupon-code__input {
    border-color: #E75725
}

#thinkific__checkout__coupon-code__errors-container.visible+.thinkific__checkout__coupon-code__input-container .thinkific__checkout__coupon-code__input:focus {
    outline-color: #E75725
}

.thinkific__checkout__coupon-code__input {
    background-color: #fff
}

.StripeElement {
    position: relative;
    margin: 0 0 2rem;
    background-color: #fff
}

.StripeElement--focus {
    border: 1px solid #7ed321
}

.StripeElement.StripeElement--invalid {
    border-color: #E75725;
    outline-color: #E75725
}

.CardField-number {
    color: #15244b;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 2
}

.CardField-number input {
    display: block
}

.paypal-express-checkout__order-security,
.order-security {
    display: block;
    width: 100%;
    padding: 2rem 0
}

.paypal-express-checkout__order-security img,
.order-security img {
    vertical-align: middle
}

.paypal-express-checkout__order-security img:first-child,
.order-security img:first-child {
    margin-right: 10px
}

.order-security {
    padding: 0 1rem 2rem
}

.order-security img {
    border-radius: 0;
    background-color: #fff
}

.collections__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem
}

@media all and (min-width: 768px) {
    .collections__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .collections__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .collections__container {
        max-width: 1200px
    }
}

@media all and (min-width: 768px) {
    .collections__container {
        padding-top: 4rem;
        padding-bottom: 2rem
    }
}

.collections__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .collections__heading {
        font-size: 45px
    }
}

.course-review {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {
    .course-review {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.course-review__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .course-review__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .course-review__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .course-review__container {
        max-width: 1200px
    }
}

.course-review__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.course-review__wrapper:after,
.course-review__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.course-review__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .course-review__heading {
        font-size: 45px
    }
}

.course-review__course-name {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .course-review__course-name {
        font-size: 36px
    }
}

.course-review__form {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 992px) {
    .course-review__form {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media all and (min-width: 768px) {
    .course-review__form {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.course-review__form .review__stars input {
    width: 2rem;
    height: 2rem;
    margin-left: -0.15rem
}

.course-review__form .review__stars input:focus {
    outline-offset: 0;
    outline-style: dotted
}

.course-review__form .review__star {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
    letter-spacing: 0.42rem
}

.course-review__form .review__stars-input {
    display: block;
    margin-top: 1rem;
    overflow: visible
}

.course-review__form .review__stars-input:before {
    font-size: 2rem
}

.course-review__form .review__star~.review__star {
    left: 2.09722rem
}

.course-review__form .review__star~.review__star~.review__star {
    left: 4.19444rem
}

.course-review__form .review__star~.review__star~.review__star~.review__star {
    left: 6.29166rem
}

.course-review__form .review__star~.review__star~.review__star~.review__star~.review__star {
    left: 8.22111rem
}

.course-review__submit {
    padding-top: 3rem
}

[data-menu-style="floating"]~.custom>div {
    margin-top: 6.5rem
}

.custom__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .custom__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .custom__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .custom__container {
        max-width: 1200px
    }
}

.student-dashboard__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem
}

@media all and (min-width: 768px) {
    .student-dashboard__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .student-dashboard__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .student-dashboard__container {
        max-width: 1200px
    }
}

@media all and (min-width: 768px) {
    .student-dashboard__container {
        padding-top: 4rem;
        padding-bottom: 2rem
    }
}

.student-dashboard__welcome {
    margin: 0;
    text-align: center
}

.student-dashboard__form .form__group {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -spec-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -spec-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-right: 0;
    margin-left: 0
}

.student-dashboard__form .form__select-no-label {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -spec-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0
}

.student-dashboard__form .form__select-no-label .form__control {
    border: 0;
    background-color: transparent;
    direction: rtl
}

.my-account__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem
}

@media all and (min-width: 768px) {
    .my-account__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .my-account__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .my-account__container {
        max-width: 1200px
    }
}

@media all and (min-width: 768px) {
    .my-account__container {
        padding-top: 4rem;
        padding-bottom: 2rem
    }
}

.my-account__banner .my-account__heading {
    margin: 0;
    text-align: center
}

.my-account__banner .my-account__span {
    display: block
}

.my-account__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.my-account__wrapper:after,
.my-account__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.my-account__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .my-account__heading {
        font-size: 45px
    }
}

.my-account__subheading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .my-account__subheading {
        font-size: 36px
    }
}

.my-account__menu {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 767px) {
    .my-account__menu {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -spec-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -spec-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media all and (min-width: 992px) {
    .my-account__menu {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .my-account__menu {
        margin: 0 0 2rem
    }
}

.my-account__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 767px) {
    .my-account__content {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -spec-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -spec-order: 1;
        order: 1;
        -ms-flex-order: 1;
        margin: 0 0 2rem
    }
}

@media all and (min-width: 992px) {
    .my-account__menu+.my-account__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 2rem
    }
}

.my-account__content .my-account__card_information {
    margin-bottom: 0;
    font-size: 1.333em
}

.my-account__profile__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.my-account__profile__wrapper:after,
.my-account__profile__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.my-account__avatar {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 1rem;
    padding-top: 8px
}

@media all and (min-width: 768px) {
    .my-account__avatar {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.my-account__avatar img {
    max-width: 150px;
    margin: 0 auto
}

.my-account__avatar input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    z-index: -9999
}

.my-account__avatar .button-upload {
    display: block;
    width: 100%;
    color: #000;
    font-size: 1rem;
    text-align: center
}

.my-account__avatar .button-upload:active,
.my-account__avatar .button-upload:hover {
    color: #262626
}

.my-account__avatar .form__feedback {
    font-size: 14px;
    line-height: normal;
    text-align: center
}

.my-account__avatar-label {
    display: block;
    cursor: pointer
}

.my-account__avatar-label img {
    margin: 0 auto 1rem
}

.my-account__avatar-label .button-upload {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer
}

.my-account__form-contents {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .my-account__form-contents {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.my-account__back-link {
    display: inline-block;
    margin: 0 0 1rem;
    font-size: 14px
}

.my-account__order-overview {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 2rem;
    list-style: none
}

.my-account__order-overview:after,
.my-account__order-overview:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.my-account__order-overview li {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .my-account__order-overview li {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.my-account__order-overview p {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease;
    display: block;
    width: 100%;
    padding: 1rem;
    border: 2px solid #d9d9d9;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    line-height: normal;
    background-color: #f7f7f7;
    line-height: 1
}

.my-account__order-overview p[readonly] {
    background-color: #f7f7f7
}

.my-account__order-overview p:active,
.my-account__order-overview p:hover {
    -webkit-transition: border-color 200ms ease, outline 200ms ease;
    -moz-transition: border-color 200ms ease, outline 200ms ease;
    transition: border-color 200ms ease, outline 200ms ease
}

.my-account__order-overview strong {
    color: #15244b;
    font-size: 14px;
    font-weight: bold;
    line-height: 2
}

.my-account__order-overview strong input,
.my-account__order-overview strong textarea {
    display: block
}

.my-account__order-overview strong input[type="checkbox"] {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    font-size: 1rem
}

.my-account__order-summary thead tr>*:last-child,
.my-account__order-summary tbody tr>*:last-child {
    text-align: right
}

.credit-card__buttons {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -spec-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -spec-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    margin-bottom: 2rem
}

@media all and (max-width: 767px) {
    .credit-card__buttons {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.credit-card__buttons:after,
.credit-card__buttons:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.credit-card__buttons .button {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -spec-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media all and (max-width: 767px) {
    .credit-card__buttons .button {
        width: 100%
    }
}

@media all and (min-width: 768px) {
    .credit-card__buttons .button {
        margin-right: 1rem
    }
}

.credit-card__buttons .btn {
    -webkit-transition: all 200ms ease, font-size 200ms ease;
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-right: 0.5rem
}

@media all and (min-width: 768px) {
    .credit-card__buttons .btn {
        font-size: 16px
    }
}

.credit-card__buttons .btn:active,
.credit-card__buttons .btn:hover,
.credit-card__buttons .btn:focus {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

.credit-card__buttons .btn-primary {
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f5a949;
    color: #000;
    margin-right: 0;
    margin-left: auto
}

.credit-card__buttons .btn-primary:active,
.credit-card__buttons .btn-primary:hover,
.credit-card__buttons .btn-primary:focus {
    border-color: transparent;
    background: #e5850d;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

.credit-card__buttons .btn-default {
    border: 2px solid #f5a623;
    border-radius: 4px;
    background-color: transparent;
    color: #f5a623
}

.credit-card__buttons .btn-default:active,
.credit-card__buttons .btn-default:hover,
.credit-card__buttons .btn-default:focus {
    border-color: #f5a623;
    background: transparent;
    color: #f5a623;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

table .btn-primary {
    -webkit-transition: all 200ms ease, font-size 200ms ease;
    -moz-transition: all 200ms ease, font-size 200ms ease;
    transition: all 200ms ease, font-size 200ms ease;
    display: inline-block;
    padding: 16px 24px;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #f5a949;
    color: #000
}

@media all and (min-width: 768px) {
    table .btn-primary {
        font-size: 16px
    }
}

table .btn-primary:active,
table .btn-primary:hover,
table .btn-primary:focus {
    -webkit-transition: all 300ms ease, box-shadow 400ms ease;
    -moz-transition: all 300ms ease, box-shadow 400ms ease;
    transition: all 300ms ease, box-shadow 400ms ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15)
}

table .btn-primary:active,
table .btn-primary:hover,
table .btn-primary:focus {
    border-color: transparent;
    background: #e5850d;
    color: #000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15)
}

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

.password-reset {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {
    .password-reset {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.password-reset__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .password-reset__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .password-reset__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .password-reset__container {
        max-width: 1200px
    }
}

.password-reset__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.password-reset__wrapper:after,
.password-reset__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.password-reset__heading {
    margin: 0 0 1rem;
    font-family: "Montserrat", sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.2
}

@media all and (min-width: 768px) {
    .password-reset__heading {
        font-size: 45px
    }
}

.password-reset__form {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 992px) {
    .password-reset__form {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media all and (max-width: 767px) {
    .password-reset__form p {
        text-align: center
    }
}

.password-reset__sent {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 992px) {
    .password-reset__sent {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media all and (max-width: 767px) {
    .password-reset__sent p {
        text-align: center
    }
}

.coming-soon__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.coming-soon__wrapper:after,
.coming-soon__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.coming-soon__form,
.coming-soon__thank-you {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 992px) {

    .coming-soon__form,
    .coming-soon__thank-you {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.coming-soon__thank-you .coming-soon__subheading {
    text-align: center
}

.sign-in,
.sign-up,
.express-sign-in,
.social-sign-up {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {

    .sign-in,
    .sign-up,
    .express-sign-in,
    .social-sign-up {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.sign-in .page__heading,
.sign-up .page__heading,
.social-sign-up .page__heading {
    margin-bottom: 2rem;
    text-align: center !important;
    /* color: #00b0ca; */
    color: #2182a0;


}

.sign-in__container,
.sign-up__container,
.express-sign-in__container,
.social-sign-up__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {

    .sign-in__container,
    .sign-up__container,
    .express-sign-in__container,
    .social-sign-up__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {

    .sign-in__container,
    .sign-up__container,
    .express-sign-in__container,
    .social-sign-up__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {

    .sign-in__container,
    .sign-up__container,
    .express-sign-in__container,
    .social-sign-up__container {
        max-width: 1200px
    }
}

.sign-in__wrapper,
.sign-up__wrapper,
.express-sign-in__wrapper,
.social-sign-up__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.sign-in__wrapper:after,
.sign-in__wrapper:before,
.sign-up__wrapper:after,
.sign-up__wrapper:before,
.express-sign-in__wrapper:after,
.express-sign-in__wrapper:before,
.social-sign-up__wrapper:after,
.social-sign-up__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.sign-in__form,
.sign-up__form,
.express-sign-in__form,
.social-sign-up__form {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {

    .sign-in__form,
    .sign-up__form,
    .express-sign-in__form,
    .social-sign-up__form {
        position: relative;
        width: 100%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media all and (min-width: 992px) {

    .sign-in__form,
    .sign-up__form,
    .express-sign-in__form,
    .social-sign-up__form {
        position: relative;
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.sign-in__form form,
.sign-up__form form,
.express-sign-in__form form,
.social-sign-up__form form {
    margin-bottom: 3rem
}

.sign-in__form .button-primary,
.sign-up__form .button-primary,
.express-sign-in__form .button-primary,
.social-sign-up__form .button-primary {
    margin: 0 auto
}

.sign-in__sign-up,
.sign-up__sign-in {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center
}

@media all and (min-width: 768px) {

    .sign-in__sign-up,
    .sign-up__sign-in {
        position: relative;
        width: 100%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media all and (min-width: 992px) {

    .sign-in__sign-up,
    .sign-up__sign-in {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.sign-in__sign-up a,
.sign-up__sign-in a {
    font-size: 14px
}

.sign-in .remote-sign-up__divider {
    display: none
}

.sign-up .remote-sign-in__divider {
    display: none
}

.remote-sign-in__vendor-logins {
    position: relative;
    margin-bottom: 2rem;
    text-align: center
}

.remote-sign-in__vendor-list {
    margin-bottom: 2rem;
    list-style: none;
    text-align: center
}

.remote-sign-in__vendor-list-item {
    display: inline-block;
    margin: 0 0.5rem
}

.remote-sign-in__vendor-list-item a {
    display: inline-block;
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    padding: 0 !important;
    border-radius: 50%;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5
}

.remote-sign-in__vendor-list-item a.facebook {
    background-color: #3b5998
}

.remote-sign-in__vendor-list-item a.google-plus {
    background-color: #db4437
}

.remote-sign-in__vendor-list-item a.instagram {
    background-color: #c32aa3
}

.remote-sign-in__vendor-list-item a.linkedin {
    background-color: #007bb5
}

.remote-sign-in__vendor-list-item a.pinterest {
    background-color: #bd081c
}

.remote-sign-in__vendor-list-item a.skype {
    background-color: #00aff0
}

.remote-sign-in__vendor-list-item a.slack {
    background-color: #4d394b
}

.remote-sign-in__vendor-list-item a.spotify {
    background-color: #1ed760
}

.remote-sign-in__vendor-list-item a.twitter {
    background-color: #1da1f2
}

.remote-sign-in__vendor-list-item a.youtube {
    background-color: red
}

.remote-sign-in__vendor-list-item a .fa {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -spec-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    top: 50%;
    left: 50%
}

.remote-sign-in__divider,
.remote-sign-up__divider {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 2rem;
    font-size: 20px;
    font-weight: 400;
    text-align: center !important;
    opacity: 0.5
}

.remote-sign-in__divider:before,
.remote-sign-up__divider:before {
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    -spec-transform: translatex(-50%);
    transform: translatex(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 1px;
    border-top: 1px solid #15244b;
    content: "";
    z-index: 0
}

.remote-sign-in__divider span,
.remote-sign-up__divider span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    background-color: #fff;
    z-index: 1
}

.banner__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .banner__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .banner__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .banner__container {
        max-width: 1200px
    }
}

.banner__container--small .banner__wrapper,
.banner__container--medium .banner__wrapper,
.banner__container--large .banner__wrapper,
.banner__container--xlarge .banner__wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media all and (min-width: 992px) {
    .banner__container--small .banner__wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .banner__container--medium .banner__wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .banner__container--large .banner__wrapper {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .banner__container--xlarge .banner__wrapper {
        padding-top: 20rem;
        padding-bottom: 20rem
    }
}

.banner__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.banner__wrapper:after,
.banner__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.banner .section__content {
    width: 100%
}

@media all and (max-width: 991px) {
    .banner.section--has-media .banner__container {
        padding-top: 4rem
    }

    .banner.section--has-media .banner__container--small .banner__wrapper,
    .banner.section--has-media .banner__container--medium .banner__wrapper,
    .banner.section--has-media .banner__container--large .banner__wrapper,
    .banner.section--has-media .banner__container--xlarge .banner__wrapper {
        padding-top: 3rem
    }
}

@media all and (min-width: 992px) {
    .banner.section--has-media .banner__container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .banner.section--has-media .section__content {
        align-self: center
    }
}

.banner.section--has-media .section__button-group .product-action-buttons__purchase {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.banner .section__heading {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.35
}

@media all and (min-width: 768px) {
    .banner .section__heading {
        font-size: 52px
    }
}

.banner .section__subheading {
    margin-top: 24px;
    margin-bottom: 0
}

.banner .section__button-group {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -spec-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -spec-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    gap: 0 1rem
}

@media all and (max-width: 767px) {
    .banner .section__button-group {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.banner .section__button-group:after,
.banner .section__button-group:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.banner .section__button-group .button {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -spec-flex-basis: auto;
    flex-basis: auto;
    -ms-flex-preferred-size: auto;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media all and (max-width: 767px) {
    .banner .section__button-group .button {
        width: 100%
    }
}

@media all and (min-width: 768px) {
    .banner .section__button-group .button {
        margin-right: 1rem
    }
}

@media all and (min-width: 1200px) {
    .banner .section__button-group {
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -spec-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -spec-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.banner .section__button-group .button {
    margin-bottom: 1rem;
    margin-left: 0
}

@media all and (max-width: 767px) {
    .banner .section__button-group .button--mobile-width-standard {
        width: unset
    }

    .banner .section__button-group .button--mobile-width-full {
        width: 100%
    }
}

@media all and (min-width: 768px) {
    .banner .section__button-group .button {
        margin-right: 0
    }

    .banner .section__button-group .button:first-of-type {
        margin-left: 0
    }
}

.banner .section__button-group .product-action-buttons--has-additional-prices .form__control.product-action-buttons__additional-prices {
    border-width: 2px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400
}

@media all and (min-width: 768px) {
    .banner .section__button-group .product-action-buttons--has-additional-prices .form__control.product-action-buttons__additional-prices {
        font-size: 16px
    }
}

.banner .section__button-group .product-action-buttons--has-additional-prices .form__select-no-label {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -spec-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    width: 100%;
    margin-bottom: 1rem;
    line-height: 1
}

.banner .section__button-group .product-action-buttons--has-additional-prices .button {
    line-height: 1;
    white-space: nowrap
}

.banner .section__button-group .product-action-buttons--has-additional-prices .button-purchase {
    width: 100%
}

@media all and (min-width: 768px) {
    .banner .section__button-group .product-action-buttons--has-additional-prices .button-purchase {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        width: auto
    }
}

.banner .section__button-group .product-action-buttons__purchase {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 0 1rem
}

@media all and (max-width: 767px) {
    .banner .section__button-group .product-action-buttons__purchase {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media all and (min-width: 768px) {
    .banner .section__button-group .product-action-buttons__purchase {
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -spec-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -spec-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -spec-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        -spec-flex: 1 0 auto;
        flex: 1 0 auto;
        position: relative;
        width: 100%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media all and (min-width: 992px) {
    .banner .section__button-group .product-action-buttons__purchase {
        position: relative;
        width: 100%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        margin-bottom: 1rem
    }
}

.banner .section__video {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    width: 100%
}

.banner .section__video__wrapper {
    width: 100%
}

.banner .section__image {
    width: 100%;
    min-height: 250px
}

@media all and (min-width: 768px) {
    .banner .section__image {
        min-height: 400px
    }
}

@media all and (min-width: 992px) {
    .banner .section__image {
        margin: 16px 0
    }
}

.bonus.section-background-image .bonus__list-item {
    opacity: 0.9
}

.bonus .section__content {
    padding: 2rem;
    border-radius: 0
}

@media all and (max-width: 767px) {
    .bonus .section__content {
        background-position: top center;
        background-size: 100% auto
    }
}

@media all and (min-width: 768px) {
    .bonus .section__content {
        padding: 6rem 4rem
    }
}

.bonus__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .bonus__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .bonus__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .bonus__container {
        max-width: 1200px
    }
}

.bonus__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.bonus__list:after,
.bonus__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.bonus__list-item {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 2rem 1rem;
    border: 0;
    background-color: #fff;
    text-align: center
}

@media all and (min-width: 992px) {
    .bonus__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media all and (min-width: 768px) {
    .bonus__list-item {
        padding: 3rem 2rem
    }
}

.bonus__list-item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.bonus__list-item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.bonus__list-item .section__heading--secondary {
    margin: 0 0 1rem
}

.bonus__list-item p {
    line-height: 1.4
}

.bonus__list-item .fa {
    margin-bottom: 1.33333rem;
    color: #7ed321;
    font-size: 3rem
}

.bundle-includes__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .bundle-includes__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .bundle-includes__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .bundle-includes__container {
        max-width: 1200px
    }
}

.bundle-includes .section__headings {
    margin: 0 0 2rem
}

.bundle-includes .section__button-group {
    text-align: right
}

.call-to-action .section__headings {
    margin: 0
}

.call-to-action .section__heading,
.call-to-action .section__subheading {
    color: #15244b
}

.call-to-action .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .call-to-action .section__content {
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media all and (min-width: 992px) {
    .call-to-action .section__content {
        flex: 0 0 40%;
        max-width: 40%
    }
}

.call-to-action .section__button-group {
    padding-top: 2rem;
    text-align: inherit
}

@media all and (max-width: 767px) {
    .call-to-action .section__button-group .button {
        margin-bottom: 1rem
    }
}

.call-to-action__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .call-to-action__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .call-to-action__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .call-to-action__container {
        max-width: 1200px
    }
}

.call-to-action__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.call-to-action__wrapper:after,
.call-to-action__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.call-to-action__section-link {
    display: block;
    text-decoration: none
}

.section-height__xlarge .call-to-action__section-link>[class*="__container"] {
    padding-top: 20rem;
    padding-bottom: 20rem
}

.section-height__large .call-to-action__section-link>[class*="__container"] {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.section-height__medium .call-to-action__section-link>[class*="__container"] {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.section-height__small .call-to-action__section-link>[class*="__container"] {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.cta-community__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .cta-community__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .cta-community__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .cta-community__container {
        max-width: 1200px
    }
}

.cta-community__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap
}

.cta-community__wrapper:after,
.cta-community__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.cta-community .section__content {
    align-self: center;
    text-align: center
}

.cta-community .section__heading {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.35
}

@media all and (min-width: 768px) {
    .cta-community .section__heading {
        font-size: 52px
    }
}

.cta-community.section__heading-alignment--right .section__headings {
    align-items: flex-end
}

.cta-community.section__heading-alignment--center .section__headings {
    align-items: center
}

.cta-course__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .cta-course__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .cta-course__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .cta-course__container {
        max-width: 1200px
    }
}

.cta-course__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap
}

.cta-course__wrapper:after,
.cta-course__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.cta-course .section__content {
    align-self: center;
    text-align: center
}

.cta-course .section__heading {
    font-family: "Montserrat", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.35
}

@media all and (min-width: 768px) {
    .cta-course .section__heading {
        font-size: 52px
    }
}

.cta-course.section__heading-alignment--right .section__headings {
    align-items: flex-end
}

.cta-course.section__heading-alignment--center .section__headings {
    align-items: center
}

@media all and (min-width: 992px) {
    .checklist.section__column-layout__two-column .checklist__list-item {
        padding-left: 0
    }
}

.checklist__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .checklist__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .checklist__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .checklist__container {
        max-width: 1200px
    }
}

.checklist__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.checklist__wrapper:after,
.checklist__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checklist__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.checklist__list:after,
.checklist__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checklist__list-item {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem
}

.checklist__list-item p {
    position: relative;
    margin: 0;
    padding-left: 3rem
}

.checklist__list-item .fa {
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    -spec-transform: translatey(-50%);
    transform: translatey(-50%);
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2rem;
    height: 2rem;
    margin: 0 1rem 0 0;
    border-radius: 50%;
    color: #7ed321;
    font-size: 2rem;
    line-height: 32px;
    text-align: center
}

.checkout__thank-you-upsells {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

.checkout__thank-you-upsells__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media all and (min-width: 768px) {
    .checkout__thank-you-upsells__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .checkout__thank-you-upsells__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .checkout__thank-you-upsells__container {
        max-width: 1200px
    }
}

.checkout__thank-you-upsells__container .section__headings {
    margin: 0 0 2rem
}

.checkout__thank-you-upsells__container .section__heading {
    margin-bottom: 0.5rem
}

.checkout__thank-you-upsells__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    padding: 0 1rem
}

.checkout__thank-you-upsells__list:after,
.checkout__thank-you-upsells__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.checkout__thank-you-upsells__list-item {
    width: 100%;
    padding-bottom: 2rem
}

.community-overview__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .community-overview__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .community-overview__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .community-overview__container {
        max-width: 1200px
    }
}

@media all and (max-width: 991px) {
    .community-overview__container header {
        margin-bottom: 24px
    }
}

.community-overview__content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px
}

@media all and (max-width: 991px) {
    .community-overview__content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.community-overview__description {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -spec-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    margin-bottom: 40px
}

.community-overview__card {
    margin-bottom: 16px
}

.community-card {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden
}

@media all and (min-width: 768px) {
    .community-card {
        width: 418px
    }
}

.community-card__image {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.community-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover
}

.community-card__details {
    padding: 24px 24px 0
}

@media all and (min-width: 768px) {
    .community-card__details {
        padding: 24px 38px 0
    }
}

.community-card__details__title {
    position: relative;
    margin-bottom: 16px;
    line-height: 30px
}

.community-card__details hr {
    max-width: 46px;
    height: 1px;
    margin: 0 0 24px;
    border: 0;
    background-color: #15244b
}

.community-card__details ul {
    margin-left: 0;
    list-style: none
}

.community-card__details-item {
    display: flex;
    margin-bottom: 16px
}

.community-card__details-item:last-child {
    margin-bottom: 24px
}

.community-card__details-item i {
    flex: 0 0 26px;
    color: #7ed321;
    font-size: 24px
}

.community-card__details-item span {
    margin-left: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px
}

.countdown {
    position: relative
}

.countdown .section__headings {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 2rem;
    text-align: center
}

@media all and (max-width: 991px) {
    .countdown .section__headings {
        margin: 0 0 2rem;
        text-align: center
    }
}

.countdown .section__heading {
    margin: 0 0 0.5rem
}

.countdown .section__button-group {
    display: block;
    width: 100%;
    padding-top: 2rem;
    text-align: center
}

.countdown .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center
}

.countdown ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: 0
}

.countdown__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .countdown__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .countdown__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .countdown__container {
        max-width: 1200px
    }
}

.countdown__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2rem
}

.countdown__wrapper:after,
.countdown__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.countdown-clock {
    display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 2rem;
    list-style: none;
    text-align: center
}

@media all and (min-width: 768px) {
    .countdown-clock {
        width: auto
    }
}

.countdown-clock li {
    display: inline-block;
    min-width: 50%;
    border-right: 1px solid transparent
}

@media all and (max-width: 767px) {

    .countdown-clock li:nth-child(1),
    .countdown-clock li:nth-child(2) {
        border-bottom: 1px solid #fff
    }

    .countdown-clock li:nth-child(2) .countdown__chrono {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0
    }

    .countdown-clock li:nth-child(3) .countdown__chrono {
        border-bottom-left-radius: 5px
    }
}

@media all and (min-width: 768px) {
    .countdown-clock li {
        min-width: 120px
    }
}

.countdown-clock li:nth-child(1) .countdown__chrono {
    border-top-left-radius: 5px
}

@media all and (min-width: 768px) {
    .countdown-clock li:nth-child(1) .countdown__chrono {
        border-bottom-left-radius: 5px
    }
}

.countdown-clock li:nth-child(4) {
    border-right: 0
}

.countdown-clock li:nth-child(4) .countdown__chrono {
    border-bottom-right-radius: 5px
}

@media all and (min-width: 768px) {
    .countdown-clock li:nth-child(4) .countdown__chrono {
        border-top-right-radius: 5px
    }
}

.countdown__chrono {
    padding: 1rem;
    background: #fff;
    line-height: 1;
    text-align: center;
    word-break: normal
}

.countdown__chrono .countdown__count {
    font-family: "Montserrat", sans-serif;
    font-weight: 600
}

.countdown__chrono strong {
    display: block;
    padding: 5px 0 0;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600
}

.countdown__chrono span {
    opacity: .6
}

.course-cards__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .course-cards__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .course-cards__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .course-cards__container {
        max-width: 1200px
    }
}

.course-cards__featured-list-item {
    width: 100%;
    padding: 0 1rem 2rem 1rem
}

.course-cards .section__headings {
    margin: 0 0 4rem
}

.course-categories .section__headings {
    margin: 0 0 4rem
}

.course-categories .section__heading,
.course-categories .section__subheading {
    color: #15244b
}

.course-categories__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .course-categories__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .course-categories__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .course-categories__container {
        max-width: 1200px
    }
}

.course-curriculum__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .course-curriculum__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .course-curriculum__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .course-curriculum__container {
        max-width: 1200px
    }
}

@media all and (max-width: 991px) {
    .course-curriculum__container header {
        margin-bottom: 24px
    }
}

.course-curriculum .section__subheading {
    margin-bottom: 0
}

@media all and (min-width: 480px) {
    .course-curriculum .section__subheading {
        margin-top: 8px
    }
}

.course-curriculum__content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px
}

@media all and (max-width: 991px) {
    .course-curriculum__content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.course-curriculum__chapter-container {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -spec-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    gap: 0 40px
}

@media all and (max-width: 991px) {
    .course-curriculum__chapter-container {
        margin-bottom: 40px
    }
}

.course-curriculum__chapter-container--empty {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width: 991px) {
    .course-curriculum__chapter-container--empty {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.course-curriculum__chapter-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    align-self: flex-start;
    width: 100%;
    list-style: none
}

.course-curriculum__chapter-list:after,
.course-curriculum__chapter-list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.course-curriculum__chapter-list .course-curriculum__chapter {
    border-bottom: 1px solid #15244b
}

.course-curriculum__chapter-list--empty {
    margin-bottom: 40px;
    opacity: 40%
}

.course-curriculum__chapter-list--empty ol {
    width: 100%;
    margin-left: 0
}

.course-curriculum__chapter-header {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 24px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer
}

.course-curriculum__chapter-header .toga-icon {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: #7ed321;
    font-size: 1.5rem
}

.course-curriculum__chapter-header.collapse .toga-icon {
    transform: rotate(-180deg)
}

.course-curriculum__chapter-header.collapse .course-curriculum__chapter-title {
    position: relative
}

.course-curriculum__chapter-header.collapse .course-curriculum__chapter-content {
    opacity: 0
}

.course-curriculum__chapter-content {
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    padding: 0 24px 8px;
    list-style: none
}

.course-curriculum__chapter-content a {
    text-decoration: none
}

.course-curriculum__chapter-content a p {
    text-decoration: underline
}

.course-curriculum__chapter-content a:active p,
.course-curriculum__chapter-content a:hover p {
    text-decoration: none
}

.course-curriculum__chapter-content li {
    position: relative;
    margin-bottom: 1em;
    line-height: 1.5
}

.course-curriculum__chapter-content--collapsed {
    display: none
}

.course-curriculum__chapter {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0;
    padding-left: 0;
    line-height: 1
}

.course-curriculum__chapter-content-wrapper {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -spec-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    overflow: hidden
}

.course-curriculum__chapter-content-wrapper ol {
    margin: 0;
    list-style: none
}

.course-curriculum__chapter-content-wrapper.disabled {
    pointer-events: none
}

.course-curriculum__chapter-title {
    position: relative;
    margin: 0;
    padding-right: 2rem;
    font-family: "Montserrat", sans-serif;
    font-size: 19.2px;
    font-weight: 400
}

.course-curriculum__lesson-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.course-curriculum__lesson-title p {
    margin: 4px 0;
    padding-right: 1rem
}

.course-curriculum__chapter-lesson {
    display: flex
}

.course-curriculum__chapter-lesson--free {
    margin: 4px 0;
    padding: 5px 8px;
    border-radius: 5px;
    background-color: #7ed321;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase
}

.course-curriculum__chapter-lesson i {
    margin: 4px 0;
    padding-right: 1rem;
    font-size: 1.5rem;
    vertical-align: sub
}

.course-curriculum__chapter-toggle .button--link {
    margin-top: 2rem;
    padding: 0;
    border: 0;
    background: none;
    color: #000;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    text-transform: none
}

.course-curriculum__chapter-toggle .button--link:hover,
.course-curriculum__chapter-toggle .button--link:active,
.course-curriculum__chapter-toggle .button--link:focus {
    color: #262626;
    cursor: pointer
}

.course-curriculum__card {
    margin-bottom: 16px
}

.course-curriculum-card {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden
}

@media all and (min-width: 768px) {
    .course-curriculum-card {
        width: 418px
    }
}

.course-curriculum-card__image {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.course-curriculum-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover
}

.course-curriculum-card__details {
    padding: 24px 24px 0
}

@media all and (min-width: 768px) {
    .course-curriculum-card__details {
        padding: 24px 38px 0
    }
}

.course-curriculum-card__details__title {
    position: relative;
    margin-bottom: 16px;
    line-height: 30px
}

.course-curriculum-card__details hr {
    max-width: 46px;
    height: 1px;
    margin: 0 0 24px;
    border: 0;
    background-color: #15244b
}

.course-curriculum-card__details ul {
    margin-left: 0;
    list-style: none
}

.course-curriculum-card__details-item {
    display: flex;
    margin-bottom: 16px
}

.course-curriculum-card__details-item:last-child {
    margin-bottom: 24px
}

.course-curriculum-card__details-item i {
    flex: 0 0 26px;
    color: #7ed321;
    font-size: 24px
}

.course-curriculum-card__details-item span {
    margin-left: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px
}

@media all and (min-width: 992px) {
    .description.section__column-layout__two-column .section__content {
        padding-left: 0
    }
}

.description .section__heading,
.description .section__subheading {
    color: #15244b
}

.description .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .description .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.description .section__button-group {
    padding-top: 3rem
}

.description__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .description__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .description__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .description__container {
        max-width: 1200px
    }
}

.description__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.description__wrapper:after,
.description__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.faq.section__heading-alignment--right details {
    padding-right: 2rem;
    padding-left: 0
}

.faq.section__heading-alignment--right .faq__list-item i {
    right: -40px;
    left: initial
}

.faq.section__heading-alignment--right .section__body {
    text-align: right
}

.faq.section__heading-alignment--center details {
    padding-right: 2rem
}

.faq.section__heading-alignment--center .section__body {
    text-align: center
}

.faq .section__headings {
    padding: 0
}

.faq .section__content {
    text-align: left
}

@media all and (min-width: 768px) {
    .faq .section__content {
        padding-right: 0;
        padding-left: 0
    }
}

.faq .section__headings,
.faq .section__content {
    width: 100%
}

.faq__container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative;
    width: 100%;
    margin: 0 auto
}

@media all and (min-width: 768px) {
    .faq__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .faq__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .faq__container {
        max-width: 1200px
    }
}

.faq__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .faq__wrapper {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media all and (min-width: 992px) {
    .faq__wrapper {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.faq__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap
}

.faq__list:after,
.faq__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.faq__list-item {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 2rem
}

.faq__list-item:nth-of-type(1) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -spec-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.faq__list-item:nth-of-type(2) {
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -spec-animation-delay: 0.75s;
    animation-delay: 0.75s
}

.faq__list-item:nth-of-type(3) {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -spec-animation-delay: 1s;
    animation-delay: 1s
}

.faq__list-item:last-of-type {
    margin-bottom: 0
}

.faq__list-item details {
    padding-left: 2rem;
    cursor: pointer
}

.faq__list-item details summary {
    list-style: none
}

.faq__list-item details summary::-webkit-details-marker {
    display: none
}

.faq__list-item details[open]~p {
    -webkit-transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    -moz-transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    max-height: 0;
    padding: 0;
    opacity: 0
}

.faq__list-item details[open] i {
    transform: rotate(180deg)
}

.faq__list-item strong {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -spec-user-select: none;
    user-select: none;
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    font-weight: 600;
    line-height: 1.5
}

.faq__list-item strong i {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    top: 0;
    left: -40px;
    color: #7ed321;
    font-size: 1.5rem
}

.faq__list-item p {
    -webkit-transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    -moz-transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    transition: max-height 200ms ease, padding 200ms ease, opacity 200ms ease;
    position: relative;
    max-height: 1000px;
    margin: 0;
    padding: 1rem 0;
    opacity: 1;
    overflow: hidden;
    z-index: 102
}

.footer {
    margin-top: auto;
    padding-top: 2rem;
    padding-bottom: 1rem;
    background-color: #fff;
    color: #000
}

.home-landing-page .footer,
.course-landing-page .footer,
.bundle-landing-page .footer {
    border-top: 0
}

.footer .section__content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.footer .section__content:after,
.footer .section__content:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.footer .section__divide {
    background-color: #15244b
}

.footer__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .footer__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .footer__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .footer__container {
        max-width: 1200px
    }
}

.footer__nav-site,
.footer__nav-social {
    text-align: center
}

.footer__nav-site a,
.footer__nav-social a {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.footer__nav-site a:active,
.footer__nav-site a:hover,
.footer__nav-social a:active,
.footer__nav-social a:hover {
    color: #000
}

.footer__nav-site li,
.footer__nav-social li {
    display: inline-block
}

.footer__nav-site li:last-child,
.footer__nav-social li:last-child {
    margin-right: 0
}

.footer__nav-site {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 2rem
}

@media all and (min-width: 992px) {
    .footer__nav-site {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        display: block;
        margin-bottom: 0;
        text-align: left
    }
}

.footer__nav-site .footer__nav-item {
    margin: 0 1rem
}

@media all and (min-width: 768px) {
    .footer__nav-site .footer__nav-item {
        margin-right: 2rem;
        margin-left: 0
    }
}

.footer__nav-site .footer__nav-item a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

.footer__nav-social {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 992px) {
    .footer__nav-social {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        text-align: right
    }
}

.footer__nav-social a {
    font-size: 1.2rem
}

.footer__nav-social .footer__nav-item {
    margin: 0 0.4rem
}

@media all and (min-width: 768px) {
    .footer__nav-social .footer__nav-item {
        margin-right: 0.8rem
    }
}

.footer__copyright,
.footer__white-label {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    color: #000;
    font-size: 14px;
    text-align: center;
    opacity: 0.8
}

@media all and (min-width: 768px) {

    .footer__copyright,
    .footer__white-label {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media all and (min-width: 768px) {
    .footer__copyright {
        text-align: left
    }
}

.footer__white-label {
    margin-right: 0;
    margin-left: auto
}

@media all and (min-width: 768px) {
    .footer__white-label {
        text-align: right
    }
}

.footer__white-label a {
    color: #000;
    text-decoration: none
}

.gallery .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%
}

.gallery__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.gallery__wrapper:after,
.gallery__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.gallery__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.gallery__list:after,
.gallery__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.gallery__list-item {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important
}

@media all and (min-width: 992px) {
    .gallery__list-item.gallery__list-item-count-2 {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }

    .gallery__list-item.gallery__list-item-count-3 {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.gallery__list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.text-icon.section__background-decoration .section__content {
    padding-bottom: 2rem
}

.text-icon .section__headings {
    margin-bottom: 3rem
}

.text-icon .section__heading,
.text-icon .section__subheading {
    color: #15244b
}

.text-icon__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .text-icon__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .text-icon__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .text-icon__container {
        max-width: 1200px
    }
}

.text-icon__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.text-icon__list:after,
.text-icon__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.text-icon__list-item {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    text-align: center
}

@media all and (min-width: 768px) {
    .text-icon__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media all and (min-width: 992px) {
    .text-icon__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.text-icon__list-item p {
    line-height: 1.4
}

@media all and (min-width: 768px) {
    .text-icon__list-item p {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.text-icon__list-item .fa {
    margin: 0 0 2rem;
    color: #7ed321;
    font-size: 2.5rem
}

.text-image .section__content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.text-image .section__content:after,
.text-image .section__content:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.text-image .section__heading,
.text-image .section__subheading {
    color: #15244b
}

.text-image .section__button-group {
    padding-top: 3rem
}

.text-image__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .text-image__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .text-image__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .text-image__container {
        max-width: 1200px
    }
}

.text-image__body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 50%;
    max-width: 50%
}

@media all and (max-width: 991px) {
    .text-image__body {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -spec-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -spec-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media all and (min-width: 992px) {
    .text-image__body {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.text-image__image {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0
}

.text-image__image img {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center
}

.text-image__body+.text-image__image {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 50%;
    max-width: 50%
}

@media all and (max-width: 991px) {
    .text-image__body+.text-image__image {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -spec-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -spec-order: 1;
        order: 1;
        -ms-flex-order: 1;
        margin-bottom: 2rem
    }
}

.text-image__image img {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    border-radius: 0
}

.instructor {
    overflow: hidden
}

.instructor .section__headings {
    margin: 0 0 4rem
}

.instructor .section__heading,
.instructor .section__subheading {
    color: #15244b
}

.instructor .owl-carousel .owl-nav {
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    text-align: center
}

.instructor .owl-carousel .owl-nav .owl-next,
.instructor .owl-carousel .owl-nav .owl-prev {
    position: relative;
    top: initial;
    right: initial;
    left: initial;
    padding: 0
}

.instructor .owl-carousel .owl-nav .owl-prev {
    margin-right: 2rem
}

.instructor__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .instructor__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .instructor__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .instructor__container {
        max-width: 1200px
    }
}

.instructor__list {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto
}

@media all and (min-width: 768px) {
    .instructor__list.owl-carousel .owl-stage-outer {
        overflow: visible
    }
}

@media all and (min-width: 768px) {
    .instructor__list.owl-carousel .owl-item {
        opacity: 0.2
    }

    .instructor__list.owl-carousel .owl-item.center {
        opacity: 1
    }
}

.instructor__list.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto
}

.instructor__list-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.instructor__list-item:after,
.instructor__list-item:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

@media all and (min-width: 768px) {
    .instructor__list-item {
        text-align: left
    }
}

.instructor__avatar {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (max-width: 767px) {
    .instructor__avatar {
        margin: 0 0 1rem
    }
}

@media all and (min-width: 768px) {
    .instructor__avatar {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: auto
    }

    .owl-item.center+.owl-item .instructor__avatar {
        margin-right: auto;
        margin-left: 0
    }
}

@media all and (min-width: 768px) and (max-width: 992px) {
    .instructor__avatar {
        padding-left: 0
    }
}

.instructor__avatar-img {
    margin: 0 auto;
    border-radius: 0
}

@media all and (max-width: 991px) {
    .instructor__avatar-img {
        max-width: 220px
    }
}

.instructor__profile {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 2rem
}

@media all and (min-width: 768px) {
    .instructor__profile {
        display: none
    }
}

.instructor__profile header {
    margin: 0 0 1rem
}

.instructor__profile ul {
    margin: 0
}

.owl-item.center .instructor__profile {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media all and (min-width: 768px) {
    .owl-item.center .instructor__profile {
        position: relative;
        width: 100%;
        flex: 0 0 50%;
        max-width: 50%;
        display: block
    }
}

@media all and (min-width: 1200px) {
    .owl-item.center .instructor__profile {
        padding-right: 3rem;
        padding-left: 1rem
    }
}

.instructor__title {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.instructor__social .fa {
    margin-top: 1rem;
    margin-right: 0.5rem
}

@media all and (min-width: 992px) {
    .lead-capture {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }
}

.lead-capture .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto
}

@media all and (min-width: 768px) {
    .lead-capture .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.lead-capture .form__group {
    margin-top: 1rem
}

.lead-capture .button:disabled,
.lead-capture .button[aria-disabled="true"] {
    border: 2px solid #e5e5e5;
    background-color: #e5e5e5;
    color: #adb5bd
}

.lead-capture .lead-capture__success {
    pointer-events: none
}

.lead-capture .lead-capture__success .form__group:not(.form__button-group) {
    opacity: 0.3
}

.lead-capture .lead-capture__error-msg {
    display: none;
    padding: 0 1rem;
    color: #E75725
}

.lead-capture .lead-capture__success-msg {
    display: none
}

.lead-capture__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .lead-capture__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .lead-capture__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .lead-capture__container {
        max-width: 1200px
    }
}

.lead-capture__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.lead-capture__wrapper:after,
.lead-capture__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.header {
    -webkit-transition: background-color 400ms ease, box-shadow 200ms ease;
    -moz-transition: background-color 400ms ease, box-shadow 200ms ease;
    transition: background-color 400ms ease, box-shadow 200ms ease;
    position: relative;
    border-bottom: 1px solid rgba(21, 36, 75, 0.1);
    background-color: #fff;
    z-index: 301
}

.home-landing-page .header,
.course-landing-page .header,
.bundle-landing-page .header,
.page-template .header,
.coming-soon-page .header,
.student-dashboard .header,
.student-certificate-page .header,
.collections-landing-page .header {
    border-bottom: 0
}

@media all and (min-width: 768px) {

    .home-landing-page .header.fixed,
    .course-landing-page .header.fixed,
    .bundle-landing-page .header.fixed,
    .page-template .header.fixed,
    .coming-soon-page .header.fixed,
    .student-dashboard .header.fixed,
    .student-certificate-page .header.fixed,
    .collections-landing-page .header.fixed {
        -webkit-transition: background-color 400ms ease, box-shadow 200ms ease;
        -moz-transition: background-color 400ms ease, box-shadow 200ms ease;
        transition: background-color 400ms ease, box-shadow 200ms ease;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05)
    }

    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary),
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary),
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary),
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary),
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary) {
        color: #00aff0;
    }

    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .home-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .course-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .bundle-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .page-template .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .coming-soon-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .student-dashboard .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .student-certificate-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):active,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):hover,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>a:not(.button-secondary):focus,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):active,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):hover,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__nav-item>button:not(.button-secondary):focus,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):active,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):hover,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>a:not(.button-secondary):focus,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):active,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):hover,
    .collections-landing-page .header.fixed:not([data-menu-style="floating"]) .header__school-name>button:not(.button-secondary):focus {
        color: #00aff0;
    }
}

.header__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
    padding: 1.6rem 1rem
}

@media all and (min-width: 768px) {
    .header__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .header__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .header__container {
        max-width: 1200px
    }
}

.header__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -spec-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -spec-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -spec-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -spec-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative;
    margin: 0
}

.header__wrapper:after,
.header__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.header__logo {
    padding-right: 1rem;
    line-height: 1
}

@media all and (max-width: 767px) {
    .header__logo {
        max-width: 12rem
    }
}

.header__logo a {
    display: inline-block;
    text-decoration: none
}

.header__logo img {
    width: auto;
    max-width: initial;
    max-height: 35px
}

@media all and (max-width: 767px) {
    .header__logo img {
        display: block;
        max-width: 100%;
        max-height: 60px
    }
}

.header__school-name {
    display: inline-block;
    min-width: 12rem;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3
}

@media all and (min-width: 768px) {
    .header__school-name {
        font-size: 18px
    }
}

.header__school-name a {
    color: #000
}

[data-menu-style="floating"] .header__school-name a {
    color: #fffbfb
}

.header__school-name a:active,
.header__school-name a:hover,
.header__school-name a:focus {
    color: #000
}

[data-menu-style="floating"] .header__school-name a:active,
[data-menu-style="floating"] .header__school-name a:hover,
[data-menu-style="floating"] .header__school-name a:focus {
    color: #ffafaf
}

.header__nav {
    width: 100%
}

@media all and (max-width: 767px) {
    .header__nav {
        display: block;
        position: absolute;
        top: 160%;
        left: 0;
        width: 100%;
        margin: 0;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        z-index: -9999
    }

    .header__nav .header__nav-item {
        display: block
    }

    .header__nav .header__nav-item a:not(.button-secondary),
    .header__nav .header__nav-item button:not(.button-secondary) {
        display: block;
        padding: 8px 16px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        text-decoration: none
    }

    .header__nav .header__nav-item a:not(.button-secondary):active,
    .header__nav .header__nav-item a:not(.button-secondary):hover,
    .header__nav .header__nav-item a:not(.button-secondary):focus,
    .header__nav .header__nav-item button:not(.button-secondary):active,
    .header__nav .header__nav-item button:not(.button-secondary):hover,
    .header__nav .header__nav-item button:not(.button-secondary):focus {
        background-color: #71bd1e;
        color: #00aff0;
    }

    .header__nav .header__nav-item .dropdown__toggle-button {
        display: none
    }
}

@media all and (min-width: 768px) {
    .header__nav.header__nav--left>ul {
        text-align: left
    }

    .header__nav.header__nav--left .header__logo {
        padding-right: 3rem
    }

    .header__nav.header__nav--left .dropdown,
    .header__nav.header__nav--left .header__nav-sign-in {
        float: right
    }

    .header__nav.header__nav--left .dropdown__menu {
        right: -10px
    }
}

@media all and (min-width: 992px) {
    .header__nav.header__nav--left.header__nav--has-cta .header__nav-sign-in {
        position: relative;
        top: 0.5rem
    }
}

.header__nav>ul {
    text-align: right
}

@media all and (min-width: 768px) {
    .header__nav>ul>li:first-child {
        margin-left: 0
    }
}

[data-menu-style="floating"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent
}

.student-dashboard [data-menu-style="floating"],
.collections-landing-page [data-menu-style="floating"] {
    position: relative
}

.student-dashboard [data-menu-style="floating"].fixed,
.collections-landing-page [data-menu-style="floating"].fixed {
    position: sticky
}

[data-menu-style="floating"]~.home>section:first-of-type,
[data-menu-style="floating"]~.course>section:first-of-type,
[data-menu-style="floating"]~.bundle>section:first-of-type,
[data-menu-style="floating"]~.coming-soon>section:first-of-type,
[data-menu-style="floating"]~.student-certificate>section:first-of-type,
[data-menu-style="floating"]~.custom>section:first-of-type {
    padding-top: 66px
}

@media all and (max-width: 767px) {
    [data-menu-type="header__nav--dropdown"].header[data-menu="open"] .header__nav {
        -webkit-transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        -moz-transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        opacity: 1;
        visibility: visible;
        z-index: 302
    }

    [data-menu-type="header__nav--dropdown"].header .header__nav {
        -webkit-transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        -moz-transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        transition: opacity 400ms ease, visibility 400ms ease, z-index 400ms ease
    }
}

@media all and (max-width: 767px) {
    [data-menu-type="header__nav--overlay"].header[data-menu="open"] {
        -webkit-transition: background-color 200ms ease, opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        -moz-transition: background-color 200ms ease, opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        transition: background-color 200ms ease, opacity 400ms ease, visibility 400ms ease, z-index 400ms ease;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #7ed321 !important;
        z-index: 302
    }

    [data-menu-type="header__nav--overlay"].header[data-menu="open"] .header__nav {
        padding-top: 2rem;
        box-shadow: none;
        opacity: 1;
        visibility: visible
    }

    [data-menu-type="header__nav--overlay"].header[data-menu="open"] .header__school-name a {
        color: #fff
    }

    [data-menu-type="header__nav--overlay"].header[data-menu="open"] .header__mobile-button {
        z-index: 303
    }

    [data-menu-type="header__nav--overlay"].header[data-menu="open"] .header__mobile-button span:before,
    [data-menu-type="header__nav--overlay"].header[data-menu="open"] .header__mobile-button span:after {
        background-color: #fff
    }
}

.header__nav-item {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase
}

@media all and (min-width: 768px) {
    .header__nav-item {
        margin-left: 2rem
    }

    .header__nav-item.dropdown {
        margin-right: 10px
    }

    .header__nav-item>a:not(.button-secondary),
    .header__nav-item>button:not(.button-secondary) {
        color: #00b0ca;
        font-weight: 700;
        text-decoration: none
    }
}

@media all and (min-width: 768px) and (max-width: 767px) {

    .header__nav-item>a:not(.button-secondary),
    .header__nav-item>button:not(.button-secondary) {
        display: inline-block;
        background-color: transparent;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        text-transform: none
    }

    .header__nav-item>a:not(.button-secondary):after,
    .header__nav-item>button:not(.button-secondary):after {
        display: block;
        position: relative;
        top: -5px;
        width: 100%;
        height: 2px;
        background-color: transparent;
        content: "";
        opacity: 0.6
    }

    .header__nav-item>a:not(.button-secondary):active:after,
    .header__nav-item>a:not(.button-secondary):hover:after,
    .header__nav-item>a:not(.button-secondary):focus:after,
    .header__nav-item>button:not(.button-secondary):active:after,
    .header__nav-item>button:not(.button-secondary):hover:after,
    .header__nav-item>button:not(.button-secondary):focus:after {
        background-color: #000
    }
}

@media all and (min-width: 768px) {

    [data-menu-style="floating"] .header__nav-item>a:not(.button-secondary),
    [data-menu-style="floating"] .header__nav-item>button:not(.button-secondary) {
        color: #fffbfb
    }

    .header__nav-item>a:not(.button-secondary):active,
    .header__nav-item>a:not(.button-secondary):hover,
    .header__nav-item>a:not(.button-secondary):focus,
    .header__nav-item>button:not(.button-secondary):active,
    .header__nav-item>button:not(.button-secondary):hover,
    .header__nav-item>button:not(.button-secondary):focus {
        color: #BCD500
    }

    [data-menu-style="floating"] .header__nav-item>a:not(.button-secondary):active,
    [data-menu-style="floating"] .header__nav-item>a:not(.button-secondary):hover,
    [data-menu-style="floating"] .header__nav-item>a:not(.button-secondary):focus,
    [data-menu-style="floating"] .header__nav-item>button:not(.button-secondary):active,
    [data-menu-style="floating"] .header__nav-item>button:not(.button-secondary):hover,
    [data-menu-style="floating"] .header__nav-item>button:not(.button-secondary):focus {
        color: #ffafaf
    }
}

.user-signed-in .dropdown__menu .header__nav-item--default {
    display: none
}

@media all and (max-width: 767px) {
    .user-signed-in .header__nav-item--default.header__nav-item {
        display: none
    }

    .user-signed-in .dropdown__menu .header__nav-item--default {
        display: block
    }
}

.header__nav-cta {
    display: none
}

@media all and (min-width: 992px) {
    .header__nav-cta {
        display: inline-block
    }
}

.header__user-avatar {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    border-radius: 50%;
    vertical-align: middle
}

.header__mobile-button {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background-color: transparent
}

@media all and (min-width: 768px) {
    .header__mobile-button {
        display: none
    }
}

.header__mobile-button:hover .header__mobile-button__toggle-icon span,
.header__mobile-button:active .header__mobile-button__toggle-icon span,
.header__mobile-button:focus .header__mobile-button__toggle-icon span {
    background-color: #000
}

.header__mobile-button:hover .header__mobile-button__toggle-icon span:before,
.header__mobile-button:hover .header__mobile-button__toggle-icon span:after,
.header__mobile-button:active .header__mobile-button__toggle-icon span:before,
.header__mobile-button:active .header__mobile-button__toggle-icon span:after,
.header__mobile-button:focus .header__mobile-button__toggle-icon span:before,
.header__mobile-button:focus .header__mobile-button__toggle-icon span:after {
    background-color: #000
}

.header__mobile-button__label {
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    -spec-transform: translatex(-50%);
    transform: translatex(-50%);
    display: block;
    position: absolute;
    left: 50%;
    width: max-content;
    margin-top: 2px;
    color: #000;
    font-size: 0.6rem;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

[data-menu-style="floating"] .header__mobile-button__label {
    color: #fffbfb
}

.open .header__mobile-button__label {
    color: #fff
}

.header__mobile-button__toggle-icon {
    -webkit-transition: background 250ms;
    -moz-transition: background 250ms;
    transition: background 250ms;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.header__mobile-button__toggle-icon span {
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms ease;
    transition: background 250ms ease;
    display: block;
    position: absolute;
    top: 10.5px;
    right: 0;
    left: 0;
    height: 3px;
    background-color: #000
}

.header__mobile-button__toggle-icon span:before,
.header__mobile-button__toggle-icon span:after {
    -webkit-transition-duration: 250ms, 250ms;
    -moz-transition-duration: 250ms, 250ms;
    -spec-transition-duration: 250ms, 250ms;
    transition-duration: 250ms, 250ms;
    -webkit-transition-delay: 250ms, 0s;
    -moz-transition-delay: 250ms, 0s;
    -spec-transition-delay: 250ms, 0s;
    transition-delay: 250ms, 0s;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    content: ""
}

.open .header__mobile-button__toggle-icon span:before,
.open .header__mobile-button__toggle-icon span:after {
    -webkit-transition-delay: 0s, 250ms;
    -moz-transition-delay: 0s, 250ms;
    -spec-transition-delay: 0s, 250ms;
    transition-delay: 0s, 250ms
}

.header__mobile-button__toggle-icon span:before {
    transition-property: top, -webkit-transform, -moz-transform, transform;
    -webkit-transition-property: top, -webkit-transform, -moz-transform, -webkit-transform;
    -moz-transition-property: top, -webkit-transform, -moz-transform, -moz-transform;
    top: -7px
}

.open .header__mobile-button__toggle-icon span:before {
    top: 0;
    transform: rotate(45deg)
}

.header__mobile-button__toggle-icon span:after {
    transition-property: bottom, -webkit-transform, -moz-transform, transform;
    -webkit-transition-property: bottom, -webkit-transform, -moz-transform, -webkit-transform;
    -moz-transition-property: bottom, -webkit-transform, -moz-transform, -moz-transform;
    bottom: -7px
}

.open .header__mobile-button__toggle-icon span:after {
    bottom: 0;
    transform: rotate(-45deg)
}

[data-menu-style="floating"] .header__mobile-button__toggle-icon span {
    background-color: #fffbfb
}

[data-menu-style="floating"] .header__mobile-button__toggle-icon span:before,
[data-menu-style="floating"] .header__mobile-button__toggle-icon span:after {
    background-color: #fffbfb
}

.open .header__mobile-button__toggle-icon span {
    background: none !important
}

.dropdown {
    position: relative
}

.dropdown__toggle-button {
    display: block;
    position: relative;
    width: 100%;
    border: 0;
    background-color: transparent;
    font-family: inherit;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer
}

@media all and (min-width: 768px) {
    .dropdown__menu {
        position: absolute;
        top: 100%;
        right: -15px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
        opacity: 0;
        visibility: hidden;
        z-index: -9999;
        width: auto;
        min-width: 11rem;
        background-color: #fff
    }

    .dropdown.open .dropdown__menu {
        -webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 400ms, z-index 0s linear 0.01s;
        -moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 400ms, z-index 0s linear 0.01s;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 400ms, z-index 0s linear 0.01s;
        -webkit-transform: translateY(-1em);
        -moz-transform: translateY(-1em);
        -ms-transform: translateY(-1em);
        -o-transform: translateY(-1em);
        -spec-transform: translateY(-1em);
        transform: translateY(-1em);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        -spec-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -spec-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        visibility: visible;
        z-index: 303
    }

    .dropdown__menu li {
        display: block
    }

    .dropdown__menu li.dropdown__menu-item a {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        display: block;
        padding: 5px 16px;
        background-color: #fff;
        color: #000;
        font-weight: 500;
        text-align: left;
        text-decoration: none
    }

    .dropdown__menu li.dropdown__menu-item a:active,
    .dropdown__menu li.dropdown__menu-item a:hover,
    .dropdown__menu li.dropdown__menu-item a:focus {
        background-color: #fff;
        color: #000
    }
}

@media all and (min-width: 992px) {
    .pricing-table.section__column-layout__two-column .section__content {
        padding-left: 0
    }
}

.pricing-table__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .pricing-table__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .pricing-table__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .pricing-table__container {
        max-width: 1200px
    }
}

.pricing-table__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.pricing-table__wrapper:after,
.pricing-table__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

@media all and (min-width: 480px) {
    .pricing-table__list li {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
}

.pricing-table__list-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -spec-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -spec-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0 0.5rem;
    padding: 1rem;
    border-radius: 0;
    background-color: #fff
}

@media all and (min-width: 768px) {
    .pricing-table__list-item {
        padding: 1rem 2rem
    }
}

.pricing-table__list-item:after,
.pricing-table__list-item:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.pricing-table__list-item:last-of-type {
    margin: 0
}

.pricing-table__list-item .button {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    position: relative;
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    font-size: 0;
    text-transform: none
}

@media all and (max-width: 319px) {
    .pricing-table__list-item .button {
        padding: 0
    }
}

@media all and (min-width: 480px) {
    .pricing-table__list-item .button {
        width: auto;
        height: auto;
        font-size: 16px
    }
}

.pricing-table__list-item .fa {
    -webkit-transform: translatex(-50%) translatey(-50%);
    -moz-transform: translatex(-50%) translatey(-50%);
    -ms-transform: translatex(-50%) translatey(-50%);
    -o-transform: translatex(-50%) translatey(-50%);
    -spec-transform: translatex(-50%) translatey(-50%);
    transform: translatex(-50%) translatey(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    letter-spacing: -3px
}

@media all and (min-width: 480px) {
    .pricing-table__list-item .fa {
        display: none
    }
}

.pricing-table__list-item .fa:before {
    font-size: 1rem;
    line-height: 0.8rem
}

.pricing-table__list-item-details {
    position: relative;
    width: 100%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

@media all and (min-width: 480px) {
    .pricing-table__list-item-details {
        flex: 0 0 60%;
        align-self: center;
        max-width: 60%;
        min-height: 1px;
        padding: 0
    }
}

.pricing-table__list-item-details__price {
    margin: 0 0 0.5rem
}

.reviews {
    overflow: hidden
}

.reviews .section__headings {
    margin: 0 0 4rem
}

.reviews .section__heading,
.reviews .section__subheading {
    color: #15244b
}

.reviews .section__content {
    padding: 0 2rem
}

@media all and (max-width: 767px) {
    .reviews .owl-carousel .owl-nav {
        position: relative;
        padding-top: 2rem;
        text-align: center
    }

    .reviews .owl-carousel .owl-nav .owl-next,
    .reviews .owl-carousel .owl-nav .owl-prev {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
        padding: 0
    }

    .reviews .owl-carousel .owl-nav .owl-prev {
        margin-right: 2rem
    }
}

@media all and (min-width: 768px) {
    .reviews .owl-carousel .owl-nav .owl-prev {
        left: -1rem
    }

    .reviews .owl-carousel .owl-nav .owl-next {
        right: -1rem
    }
}

.reviews__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .reviews__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .reviews__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .reviews__container {
        max-width: 1200px
    }
}

.reviews__list {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto
}

@media all and (min-width: 992px) {
    .reviews__list {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media all and (min-width: 768px) {
    .reviews__list .owl-item.active {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.reviews__list-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    height: 100%;
    padding: 1rem
}

.reviews__list-item .review__author {
    margin: 0 0 1.33333rem;
    padding: 0 0 1rem;
    border-bottom: 1px solid #fafafa
}

.reviews__list-item .review__stars {
    -webkit-transform-origin: 0 70% 0;
    -moz-transform-origin: 0 70% 0;
    -ms-transform-origin: 0 70% 0;
    -o-transform-origin: 0 70% 0;
    -spec-transform-origin: 0 70% 0;
    transform-origin: 0 70% 0;
    margin: 0 0 2rem
}

.review__title {
    margin: 0 0 1rem;
    color: #7ed321
}

.review__author {
    color: #15244b;
    font-family: "Montserrat", sans-serif;
    font-size: 14px
}

.review__body--complete {
    display: none
}

.review__show-more,
.review__show-less {
    font-size: 14px;
    font-weight: bold
}

.review__show-more,
.review__show-more:active,
.review__show-more:hover,
.review__show-less,
.review__show-less:active,
.review__show-less:hover {
    text-decoration: none
}

.rich-text .section__headings,
.rich-text .section__content {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -spec-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -spec-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -spec-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

@media all and (min-width: 992px) {

    .rich-text .section__headings,
    .rich-text .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.rich-text__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .rich-text__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .rich-text__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .rich-text__container {
        max-width: 1200px
    }
}

.rich-text__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -spec-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -spec-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.rich-text__wrapper:after,
.rich-text__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.showcase .section__headings {
    margin: 0 0 4rem
}

.showcase .section__heading,
.showcase .section__subheading {
    color: #15244b
}

.showcase .owl-carousel .owl-nav {
    top: 50%;
    padding-top: 2rem;
    text-align: center
}

.showcase .owl-carousel .owl-nav .owl-next,
.showcase .owl-carousel .owl-nav .owl-prev {
    position: relative;
    top: initial;
    right: initial;
    left: initial;
    padding: 0
}

.showcase .owl-carousel .owl-nav .owl-prev {
    margin-right: 2rem
}

.showcase__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .showcase__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .showcase__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .showcase__container {
        max-width: 1200px
    }
}

.showcase__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -spec-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -spec-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.showcase__list:after,
.showcase__list:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.showcase__list-item {
    -webkit-align-self: center;
    -moz-align-self: center;
    -spec-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-height: 1px;
    padding-right: 1rem;
    padding-left: 1rem;
    text-align: center
}

@media all and (max-width: 991px) {
    .showcase__list-item {
        margin: 0 0 2rem
    }
}

@media all and (min-width: 768px) {
    .showcase__list-item {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media all and (min-width: 992px) {
    .showcase__list-item {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.student-certificate__container {
    max-width: 960px;
    margin: 32px auto 64px
}

.student-certificate__image {
    padding: 16px
}

.student-certificate__image .faded {
    opacity: 0.3
}

@media all and (min-width: 768px) {
    .student-certificate__data {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }
}

.student-certificate__data .student-certificate__data__container {
    display: flex;
    padding: 4px 16px
}

.student-certificate__data .student-certificate__data__container .student-certificate__data__label {
    padding-right: 8px;
    font-weight: 600;
    flex-shrink: 0
}

.student-certificate__share {
    padding: 24px 0
}

@media all and (min-width: 768px) {
    .student-certificate__share {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.student-certificate__share .button {
    margin-bottom: 5px;
    margin-left: 12px;
    padding: 8px 16px;
    text-transform: uppercase;
    cursor: pointer
}

.student-certificate__share .addthis_inline_share_toolbox {
    margin-bottom: 12px;
    margin-left: 12px
}

@media all and (min-width: 768px) {
    .student-certificate__share .addthis_inline_share_toolbox {
        margin: 0
    }
}

.student-certificate__expired {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    padding: 0 16px
}

.student-certificate__expired .student-certificate__expired__hr {
    width: 100%;
    border-top: 1px solid #000
}

.student-certificate__expired .student-certificate__expired__label__container {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 16px
}

.student-certificate__expired .student-certificate__expired__label__container .toga-icon {
    font-size: 24px
}

.student-certificate__expired .student-certificate__expired__label__container .student-certificate__expired__label {
    margin-left: 8px;
    font-weight: 700
}

.student-dashboard__communities {
    padding-top: 4rem
}

.student-dashboard .section__heading {
    margin-bottom: 2rem
}

@media all and (min-width: 768px) {
    .student-dashboard .section__heading {
        margin-bottom: 3rem
    }
}

.testimonials {
    overflow: hidden
}

.testimonials .section__headings {
    margin: 0 0 4rem
}

.testimonials .section__heading,
.testimonials .section__subheading {
    color: #15244b
}

.testimonials__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .testimonials__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .testimonials__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .testimonials__container {
        max-width: 1200px
    }
}

.testimonials__list {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto
}

@media all and (min-width: 992px) {
    .testimonials__list {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media all and (max-width: 767px) {
    .testimonials__list.owl-carousel .owl-nav {
        position: relative;
        padding-top: 2rem;
        text-align: center
    }

    .testimonials__list.owl-carousel .owl-nav .owl-next,
    .testimonials__list.owl-carousel .owl-nav .owl-prev {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
        padding: 0px
    }

    .testimonials__list.owl-carousel .owl-nav .owl-prev {
        margin-right: 2rem
    }
}

@media all and (min-width: 768px) {
    .testimonials__list.owl-carousel .owl-nav .owl-prev {
        left: 1rem;
        padding: 0px
    }

    .testimonials__list.owl-carousel .owl-nav .owl-next {
        right: 1rem;
        padding: 0px
    }
}

.testimonials__list.owl-carousel .owl-item img {
    display: inline-block;
    width: 100px;
    height: 100px
}

@media all and (min-width: 768px) {
    .testimonials__list.owl-carousel .owl-item.active {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.testimonials__list-item {
    padding-right: 2rem;
    padding-left: 2rem;
    text-align: center
}

@media all and (min-width: 768px) {
    .testimonials__list-item {
        padding-right: 20%;
        padding-left: 20%
    }
}

.testimonials__list-item header {
    margin: 0 0 1rem
}

.testimonials__list-item img {
    margin: 0 auto 2rem;
    border-radius: 50%;
    overflow: hidden
}

.testimonial__title {
    margin: 0 0 0.5rem
}

.testimonial__author {
    margin-bottom: 1.33333rem;
    color: #15244b;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: bold
}

.upsells .section__headings {
    margin: 0 0 2rem
}

.upsells .section__heading,
.upsells .section__subheading {
    color: #15244b
}

.upsells__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .upsells__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .upsells__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .upsells__container {
        max-width: 1200px
    }
}

.upsells__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    padding-right: 0;
    padding-left: 0
}

.upsells__wrapper:after,
.upsells__wrapper:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

@media all and (min-width: 480px) {
    .upsells__list li {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
}

.upsells__list-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -spec-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -spec-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    position: relative;
    margin: 0 0 0.5rem;
    padding: 1.33333rem 1rem;
    border-radius: 0;
    background-color: #fff
}

@media all and (min-width: 768px) {
    .upsells__list-item {
        padding-left: 5rem
    }
}

.upsells__list-item:after,
.upsells__list-item:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.upsells__list-item:last-of-type {
    margin: 0
}

.upsells__list-item .fa {
    position: absolute;
    top: 1.5rem;
    left: 2rem;
    font-size: 24px
}

@media all and (max-width: 767px) {
    .upsells__list-item .fa {
        display: none
    }
}

.upsells__details {
    position: relative;
    width: 100%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -spec-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -spec-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width: 768px) {
    .upsells__details {
        position: relative;
        width: 100%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.upsells__details:after,
.upsells__details:before {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -spec-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    order: 1
}

.upsells__details__wrapper {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 75%;
    max-width: 75%
}

@media all and (max-width: 767px) {
    .upsells__details__wrapper {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.upsells__price {
    position: relative;
    width: 100%;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0
}

.upsells__title {
    margin: 0
}

.upsells__description {
    padding-top: 0.66667rem
}

.upsells__buy {
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    margin-right: 0;
    margin-left: auto;
    text-align: right
}

@media all and (max-width: 767px) {
    .upsells__buy {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        padding-right: 0;
        padding-left: 0
    }
}

@media all and (min-width: 768px) {
    .upsells__buy {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.upsells__buy .button {
    position: relative
}

@media all and (max-width: 767px) {
    .upsells__buy .button {
        width: 3rem;
        height: 3rem;
        font-size: 0
    }

    .upsells__buy .button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #000;
        font-family: "FontAwesome";
        font-size: 1.33333rem;
        letter-spacing: -3px;
        line-height: 2.2;
        content: "\f054"
    }
}

@media all and (min-width: 768px) {
    .upsells__buy .button {
        min-width: 8rem
    }
}

.upsells__buy .button-secondary:before {
    color: #f5a623
}

.video .section__content {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0;
    z-index: 1
}

.video .section__content:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    pointer-events: none
}

.video .section__content__wrapper {
    padding: 2rem 0;
    text-align: center
}

@media all and (min-width: 480px) {
    .video .section__content__wrapper {
        padding: 3rem 0 4rem
    }
}

@media all and (min-width: 768px) {
    .video .section__content__wrapper {
        padding: 4rem 0 6rem
    }
}

@media all and (min-width: 992px) {
    .video .section__content__wrapper {
        padding: 6rem 0 8rem
    }
}

.video .section__headings {
    margin: 0;
    padding-top: 2rem
}

.video .section__subheading {
    margin: 0
}

.video__container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media all and (min-width: 768px) {
    .video__container {
        max-width: 768px
    }
}

@media all and (min-width: 992px) {
    .video__container {
        max-width: 992px
    }
}

@media all and (min-width: 1200px) {
    .video__container {
        max-width: 1200px
    }
}

.video__play-button {
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-backface-visibility: hidden;
    -spec-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-filter: blur(0);
    -spec-filter: blur(0);
    filter: blur(0);
    display: block;
    width: 2em;
    height: 2em;
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: #7ed321;
    font-size: 1.5rem;
    letter-spacing: -3px;
    line-height: 2em;
    text-align: center
}

@media all and (min-width: 768px) {
    .video__play-button {
        width: 2.5em;
        height: 2.5em;
        font-size: 2rem;
        line-height: 2.5em
    }
}

.video__play-button:active,
.video__play-button:hover {
    cursor: pointer
}

.video__play-button .fa {
    color: #fff
}

.section__video--trigger {
    height: 0;
    overflow: hidden
}

header.header .header__logo___2909e img {
    max-height: none;
    width: 10rem;
    height: auto;
}