﻿@font-face {
    font-family: "Sofia-Pro-Bold";
    src: url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "Sofia-Pro-Semi-Bold";
    src: url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Sofia-Pro-Regular";
    src: url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Sofia-Pro-Light";
    src: url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Butler';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn3.careeraddict.com/assets/Butler_Medium-f5a61aaf54dd47870637c2333957e7da99cbcdf9380c09abd977f1b27a340489.otf) format("opentype")
}

@font-face {
    font-family: 'Butler';
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: url(https://cdn0.careeraddict.com/assets/Butler_Bold-cc8b26ab19aabe5540620719c35f0a80b0e0715355bea9d04cc9ef8e71a8e3f2.otf) format("opentype")
}

@media print,
screen and (min-width: 40em) {

    .reveal.large,
    .reveal.small,
    .reveal.tiny,
    .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

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
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    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-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64.0625em&xlarge=75em&xxlarge=90.0625em"
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto
}

[data-whatinput='mouse'] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 87.25rem;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width: 40em) {
    .grid-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

@media print,
screen and (min-width: 40em) {
    .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%
}

.cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-shrink,
.grid-x>.small-full,
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,
screen and (min-width: 40em) {

    .grid-x>.medium-shrink,
    .grid-x>.medium-full,
    .grid-x>.medium-1,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64.0625em) {

    .grid-x>.large-shrink,
    .grid-x>.large-full,
    .grid-x>.large-1,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x>.small-12,
.grid-x>.small-11,
.grid-x>.small-10,
.grid-x>.small-9,
.grid-x>.small-8,
.grid-x>.small-7,
.grid-x>.small-6,
.grid-x>.small-5,
.grid-x>.small-4,
.grid-x>.small-3,
.grid-x>.small-2,
.grid-x>.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.3333333333%
}

.grid-x>.small-2 {
    width: 16.6666666667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.3333333333%
}

.grid-x>.small-5 {
    width: 41.6666666667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.3333333333%
}

.grid-x>.small-8 {
    width: 66.6666666667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.3333333333%
}

.grid-x>.small-11 {
    width: 91.6666666667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,
screen and (min-width: 40em) {
    .grid-x>.medium-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x>.medium-12,
    .grid-x>.medium-11,
    .grid-x>.medium-10,
    .grid-x>.medium-9,
    .grid-x>.medium-8,
    .grid-x>.medium-7,
    .grid-x>.medium-6,
    .grid-x>.medium-5,
    .grid-x>.medium-4,
    .grid-x>.medium-3,
    .grid-x>.medium-2,
    .grid-x>.medium-1,
    .grid-x>.medium-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x>.medium-shrink {
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.3333333333%
    }

    .grid-x>.medium-2 {
        width: 16.6666666667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.3333333333%
    }

    .grid-x>.medium-5 {
        width: 41.6666666667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.3333333333%
    }

    .grid-x>.medium-8 {
        width: 66.6666666667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.3333333333%
    }

    .grid-x>.medium-11 {
        width: 91.6666666667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-x>.large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x>.large-12,
    .grid-x>.large-11,
    .grid-x>.large-10,
    .grid-x>.large-9,
    .grid-x>.large-8,
    .grid-x>.large-7,
    .grid-x>.large-6,
    .grid-x>.large-5,
    .grid-x>.large-4,
    .grid-x>.large-3,
    .grid-x>.large-2,
    .grid-x>.large-1,
    .grid-x>.large-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x>.large-shrink {
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.3333333333%
    }

    .grid-x>.large-2 {
        width: 16.6666666667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.3333333333%
    }

    .grid-x>.large-5 {
        width: 41.6666666667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.3333333333%
    }

    .grid-x>.large-8 {
        width: 66.6666666667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.3333333333%
    }

    .grid-x>.large-11 {
        width: 91.6666666667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-x {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem
    }
}

.grid-margin-x>.cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-x>.cell {
        width: calc(100% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem
    }
}

.grid-margin-x>.auto {
    width: auto
}

.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.3333333333% - 1.25rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.6666666667% - 1.25rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.3333333333% - 1.25rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.6666666667% - 1.25rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.3333333333% - 1.25rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.6666666667% - 1.25rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-x>.auto {
        width: auto
    }

    .grid-margin-x>.shrink {
        width: auto
    }

    .grid-margin-x>.small-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.small-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.small-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.small-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.small-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x>.medium-auto {
        width: auto
    }

    .grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-x>.large-auto {
        width: auto
    }

    .grid-margin-x>.large-shrink {
        width: auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem
    }
}

.grid-padding-x>.cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-padding-x>.cell {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem
    }
}

.small-up-1>.cell {
    width: 100%
}

.small-up-2>.cell {
    width: 50%
}

.small-up-3>.cell {
    width: 33.3333333333%
}

.small-up-4>.cell {
    width: 25%
}

.small-up-5>.cell {
    width: 20%
}

.small-up-6>.cell {
    width: 16.6666666667%
}

.small-up-7>.cell {
    width: 14.2857142857%
}

.small-up-8>.cell {
    width: 12.5%
}

@media print,
screen and (min-width: 40em) {
    .medium-up-1>.cell {
        width: 100%
    }

    .medium-up-2>.cell {
        width: 50%
    }

    .medium-up-3>.cell {
        width: 33.3333333333%
    }

    .medium-up-4>.cell {
        width: 25%
    }

    .medium-up-5>.cell {
        width: 20%
    }

    .medium-up-6>.cell {
        width: 16.6666666667%
    }

    .medium-up-7>.cell {
        width: 14.2857142857%
    }

    .medium-up-8>.cell {
        width: 12.5%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-up-1>.cell {
        width: 100%
    }

    .large-up-2>.cell {
        width: 50%
    }

    .large-up-3>.cell {
        width: 33.3333333333%
    }

    .large-up-4>.cell {
        width: 25%
    }

    .large-up-5>.cell {
        width: 20%
    }

    .large-up-6>.cell {
        width: 16.6666666667%
    }

    .large-up-7>.cell {
        width: 14.2857142857%
    }

    .large-up-8>.cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.3333333333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.6666666667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.2857142857% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.small-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3>.cell {
        width: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6>.cell {
        width: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-x.large-up-7>.cell {
        width: calc(14.2857142857% - 1.875rem)
    }

    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse>.cell {
    margin-right: 0;
    margin-left: 0
}

.small-margin-collapse>.small-1 {
    width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
    width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
    width: 25%
}

.small-margin-collapse>.small-4 {
    width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
    width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
    width: 50%
}

.small-margin-collapse>.small-7 {
    width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
    width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
    width: 75%
}

.small-margin-collapse>.small-10 {
    width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
    width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
    width: 100%
}

@media print,
screen and (min-width: 40em) {
    .small-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.medium-3 {
        width: 25%
    }

    .small-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.medium-6 {
        width: 50%
    }

    .small-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.medium-9 {
        width: 75%
    }

    .small-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .small-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.large-3 {
        width: 25%
    }

    .small-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.large-6 {
        width: 50%
    }

    .small-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.large-9 {
        width: 75%
    }

    .small-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

.small-padding-collapse>.cell {
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width: 40em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .medium-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width: 40em) {
    .medium-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.small-3 {
        width: 25%
    }

    .medium-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.small-6 {
        width: 50%
    }

    .medium-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.small-9 {
        width: 75%
    }

    .medium-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 40em) {
    .medium-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.medium-3 {
        width: 25%
    }

    .medium-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.medium-6 {
        width: 50%
    }

    .medium-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.medium-9 {
        width: 75%
    }

    .medium-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .medium-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.large-3 {
        width: 25%
    }

    .medium-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.large-6 {
        width: 50%
    }

    .medium-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.large-9 {
        width: 75%
    }

    .medium-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.large-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .medium-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-margin-collapse>.cell {
        margin-right: 0;
        margin-left: 0
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.small-3 {
        width: 25%
    }

    .large-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.small-6 {
        width: 50%
    }

    .large-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.small-9 {
        width: 75%
    }

    .large-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.small-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.medium-3 {
        width: 25%
    }

    .large-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.medium-6 {
        width: 50%
    }

    .large-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.medium-9 {
        width: 75%
    }

    .large-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.large-3 {
        width: 25%
    }

    .large-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.large-6 {
        width: 50%
    }

    .large-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.large-9 {
        width: 75%
    }

    .large-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.large-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

    .large-padding-collapse>.cell {
        padding-right: 0;
        padding-left: 0
    }
}

.small-offset-0 {
    margin-left: 0%
}

.grid-margin-x>.small-offset-0 {
    margin-left: calc(0% + 0.625rem)
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.3333333333% + 0.625rem)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.6666666667% + 0.625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + 0.625rem)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.3333333333% + 0.625rem)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.6666666667% + 0.625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + 0.625rem)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.3333333333% + 0.625rem)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.6666666667% + 0.625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + 0.625rem)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.3333333333% + 0.625rem)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.6666666667% + 0.625rem)
}

@media print,
screen and (min-width: 40em) {
    .medium-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + 0.9375rem)
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.3333333333% + 0.9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.6666666667% + 0.9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + 0.9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.3333333333% + 0.9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.6666666667% + 0.9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + 0.9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.3333333333% + 0.9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.6666666667% + 0.9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + 0.9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.3333333333% + 0.9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.6666666667% + 0.9375rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + 0.9375rem)
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.3333333333% + 0.9375rem)
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.6666666667% + 0.9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + 0.9375rem)
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.3333333333% + 0.9375rem)
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.6666666667% + 0.9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + 0.9375rem)
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.3333333333% + 0.9375rem)
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.6666666667% + 0.9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + 0.9375rem)
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.3333333333% + 0.9375rem)
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.6666666667% + 0.9375rem)
    }
}

.grid-y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.grid-y>.cell {
    width: auto;
    max-width: none
}

.grid-y>.auto {
    height: auto
}

.grid-y>.shrink {
    height: auto
}

.grid-y>.small-shrink,
.grid-y>.small-full,
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,
screen and (min-width: 40em) {

    .grid-y>.medium-shrink,
    .grid-y>.medium-full,
    .grid-y>.medium-1,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64.0625em) {

    .grid-y>.large-shrink,
    .grid-y>.large-full,
    .grid-y>.large-1,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-y>.small-12,
.grid-y>.small-11,
.grid-y>.small-10,
.grid-y>.small-9,
.grid-y>.small-8,
.grid-y>.small-7,
.grid-y>.small-6,
.grid-y>.small-5,
.grid-y>.small-4,
.grid-y>.small-3,
.grid-y>.small-2,
.grid-y>.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-y>.small-1 {
    height: 8.3333333333%
}

.grid-y>.small-2 {
    height: 16.6666666667%
}

.grid-y>.small-3 {
    height: 25%
}

.grid-y>.small-4 {
    height: 33.3333333333%
}

.grid-y>.small-5 {
    height: 41.6666666667%
}

.grid-y>.small-6 {
    height: 50%
}

.grid-y>.small-7 {
    height: 58.3333333333%
}

.grid-y>.small-8 {
    height: 66.6666666667%
}

.grid-y>.small-9 {
    height: 75%
}

.grid-y>.small-10 {
    height: 83.3333333333%
}

.grid-y>.small-11 {
    height: 91.6666666667%
}

.grid-y>.small-12 {
    height: 100%
}

@media print,
screen and (min-width: 40em) {
    .grid-y>.medium-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y>.medium-12,
    .grid-y>.medium-11,
    .grid-y>.medium-10,
    .grid-y>.medium-9,
    .grid-y>.medium-8,
    .grid-y>.medium-7,
    .grid-y>.medium-6,
    .grid-y>.medium-5,
    .grid-y>.medium-4,
    .grid-y>.medium-3,
    .grid-y>.medium-2,
    .grid-y>.medium-1,
    .grid-y>.medium-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y>.medium-shrink {
        height: auto
    }

    .grid-y>.medium-1 {
        height: 8.3333333333%
    }

    .grid-y>.medium-2 {
        height: 16.6666666667%
    }

    .grid-y>.medium-3 {
        height: 25%
    }

    .grid-y>.medium-4 {
        height: 33.3333333333%
    }

    .grid-y>.medium-5 {
        height: 41.6666666667%
    }

    .grid-y>.medium-6 {
        height: 50%
    }

    .grid-y>.medium-7 {
        height: 58.3333333333%
    }

    .grid-y>.medium-8 {
        height: 66.6666666667%
    }

    .grid-y>.medium-9 {
        height: 75%
    }

    .grid-y>.medium-10 {
        height: 83.3333333333%
    }

    .grid-y>.medium-11 {
        height: 91.6666666667%
    }

    .grid-y>.medium-12 {
        height: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-y>.large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y>.large-12,
    .grid-y>.large-11,
    .grid-y>.large-10,
    .grid-y>.large-9,
    .grid-y>.large-8,
    .grid-y>.large-7,
    .grid-y>.large-6,
    .grid-y>.large-5,
    .grid-y>.large-4,
    .grid-y>.large-3,
    .grid-y>.large-2,
    .grid-y>.large-1,
    .grid-y>.large-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-y>.large-shrink {
        height: auto
    }

    .grid-y>.large-1 {
        height: 8.3333333333%
    }

    .grid-y>.large-2 {
        height: 16.6666666667%
    }

    .grid-y>.large-3 {
        height: 25%
    }

    .grid-y>.large-4 {
        height: 33.3333333333%
    }

    .grid-y>.large-5 {
        height: 41.6666666667%
    }

    .grid-y>.large-6 {
        height: 50%
    }

    .grid-y>.large-7 {
        height: 58.3333333333%
    }

    .grid-y>.large-8 {
        height: 66.6666666667%
    }

    .grid-y>.large-9 {
        height: 75%
    }

    .grid-y>.large-10 {
        height: 83.3333333333%
    }

    .grid-y>.large-11 {
        height: 91.6666666667%
    }

    .grid-y>.large-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-padding-y>.cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-padding-y>.cell {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }
}

.grid-margin-y>.auto {
    height: auto
}

.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y>.auto {
        height: auto
    }

    .grid-margin-y>.shrink {
        height: auto
    }

    .grid-margin-y>.small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y>.medium-auto {
        height: auto
    }

    .grid-margin-y>.medium-shrink {
        height: auto
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-y>.large-auto {
        height: auto
    }

    .grid-margin-y>.large-shrink {
        height: auto
    }

    .grid-margin-y>.large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container>.grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media print,
screen and (min-width: 40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container>.grid-x {
        max-height: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container>.grid-x {
        max-height: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
}

@media print,
screen and (min-width: 40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,
screen and (min-width: 40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem
    }
}

.grid-margin-y>.auto {
    height: auto
}

.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.3333333333% - 1.25rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.6666666667% - 1.25rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.3333333333% - 1.25rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.6666666667% - 1.25rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.3333333333% - 1.25rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.6666666667% - 1.25rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.3333333333% - 1.25rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.6666666667% - 1.25rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem)
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y>.auto {
        height: auto
    }

    .grid-margin-y>.shrink {
        height: auto
    }

    .grid-margin-y>.small-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.small-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.small-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.small-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.small-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y>.medium-auto {
        height: auto
    }

    .grid-margin-y>.medium-shrink {
        height: auto
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-y>.large-auto {
        height: auto
    }

    .grid-margin-y>.large-shrink {
        height: auto
    }

    .grid-margin-y>.large-1 {
        height: calc(8.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-2 {
        height: calc(16.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.large-4 {
        height: calc(33.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-5 {
        height: calc(41.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.large-7 {
        height: calc(58.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-8 {
        height: calc(66.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.large-10 {
        height: calc(83.3333333333% - 1.875rem)
    }

    .grid-margin-y>.large-11 {
        height: calc(91.6666666667% - 1.875rem)
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,
screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem)
    }
}

@media print,
screen and (min-width: 40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem)
    }
}

.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

@media print,
screen and (min-width: 40em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,
screen and (min-width: 40em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
    line-height: 0;
    color: #cacaca
}

h1,
.h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

h2,
.h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

h3,
.h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

h4,
.h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

h5,
.h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

h6,
.h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem
}

@media print,
screen and (min-width: 40em) {

    h1,
    .h1 {
        font-size: 3rem
    }

    h2,
    .h2 {
        font-size: 2.5rem
    }

    h3,
    .h3 {
        font-size: 1.9375rem
    }

    h4,
    .h4 {
        font-size: 1.5625rem
    }

    h5,
    .h5 {
        font-size: 1.25rem
    }

    h6,
    .h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #083A50;
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:focus {
    color: #073245
}

a img {
    border: 0
}

hr {
    clear: both;
    max-width: 87.25rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

ul,
ol,
dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc
}

ol {
    margin-left: 1.25rem
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold
}

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure {
    margin: 0
}

code {
    padding: 0.125rem 0.3125rem 0.0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #0a0a0a
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

ul.no-bullet,
ol.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 0.5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type='submit'],
[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type='search'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem
}

[type='checkbox']+label,
[type='radio']+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type='checkbox']+label[for],
[type='radio']+label[for] {
    cursor: pointer
}

label>[type='checkbox'],
label>[type='radio'] {
    margin-right: 0.5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0
}

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.input-group>:first-child,
.input-group>.input-group-button:first-child>* {
    border-radius: 0 0 0 0
}

.input-group>:last-child,
.input-group>.input-group-button:last-child>* {
    border-radius: 0 0 0 0
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label,
.input-group-button,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: 0.5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

.fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    -webkit-background-origin: content-box;
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    -webkit-background-size: 9px 6px;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #8a8a8a;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #faedeb
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #cc4b37
}

.form-error.is-visible {
    display: block
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #083A50;
    color: #ffffff
}

[data-whatinput='mouse'] .button {
    outline: 0
}

.button:hover,
.button:focus {
    background-color: #073144;
    color: #ffffff
}

.button.tiny {
    font-size: 0.6rem
}

.button.small {
    font-size: 0.75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #083A50;
    color: #ffffff
}

.button.primary:hover,
.button.primary:focus {
    background-color: #062e40;
    color: #ffffff
}

.button.secondary {
    background-color: #ED8A47;
    color: #0a0a0a
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #e06816;
    color: #0a0a0a
}

.button.success {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:hover,
.button.success:focus {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:hover,
.button.warning:focus {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.alert {
    background-color: #cc4b37;
    color: #ffffff
}

.button.alert:hover,
.button.alert:focus {
    background-color: #a53b2a;
    color: #ffffff
}

.button.disabled,
.button[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus {
    background-color: #083A50;
    color: #ffffff
}

.button.disabled.primary,
.button.primary[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:hover,
.button.disabled.primary:focus,
.button.primary[disabled],
.button.primary[disabled]:hover,
.button.primary[disabled]:focus {
    background-color: #083A50;
    color: #ffffff
}

.button.disabled.secondary,
.button.secondary[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button.secondary[disabled],
.button.secondary[disabled]:hover,
.button.secondary[disabled]:focus {
    background-color: #ED8A47;
    color: #0a0a0a
}

.button.disabled.success,
.button.success[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:hover,
.button.disabled.success:focus,
.button.success[disabled],
.button.success[disabled]:hover,
.button.success[disabled]:focus {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.disabled.warning,
.button.warning[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:hover,
.button.disabled.warning:focus,
.button.warning[disabled],
.button.warning[disabled]:hover,
.button.warning[disabled]:focus {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.disabled.alert,
.button.alert[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button.alert[disabled],
.button.alert[disabled]:hover,
.button.alert[disabled]:focus {
    background-color: #cc4b37;
    color: #ffffff
}

.button.hollow {
    border: 1px solid #083A50;
    color: #083A50
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
    background-color: transparent
}

.button.hollow.disabled,
.button.hollow.disabled:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled],
.button.hollow[disabled]:hover,
.button.hollow[disabled]:focus {
    background-color: transparent
}

.button.hollow:hover,
.button.hollow:focus {
    border-color: #041d28;
    color: #041d28
}

.button.hollow.disabled:hover,
.button.hollow[disabled]:hover,
.button.hollow.disabled:focus,
.button.hollow[disabled]:focus {
    border: 1px solid #083A50;
    color: #083A50
}

.button.hollow.primary {
    border: 1px solid #083A50;
    color: #083A50
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
    border-color: #041d28;
    color: #041d28
}

.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled]:hover,
.button.hollow.primary.disabled:focus,
.button.hollow.primary[disabled]:focus {
    border: 1px solid #083A50;
    color: #083A50
}

.button.hollow.secondary {
    border: 1px solid #ED8A47;
    color: #ED8A47
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
    border-color: #8c410e;
    color: #8c410e
}

.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled]:hover,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary[disabled]:focus {
    border: 1px solid #ED8A47;
    color: #ED8A47
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:hover,
.button.hollow.success:focus {
    border-color: #157539;
    color: #157539
}

.button.hollow.success.disabled:hover,
.button.hollow.success[disabled]:hover,
.button.hollow.success.disabled:focus,
.button.hollow.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
    border-color: #805700;
    color: #805700
}

.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled]:hover,
.button.hollow.warning.disabled:focus,
.button.hollow.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
    border-color: #67251a;
    color: #67251a
}

.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled]:hover,
.button.hollow.alert.disabled:focus,
.button.hollow.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.clear {
    border: 1px solid #083A50;
    color: #083A50
}

.button.clear,
.button.clear:hover,
.button.clear:focus {
    background-color: transparent
}

.button.clear.disabled,
.button.clear.disabled:hover,
.button.clear.disabled:focus,
.button.clear[disabled],
.button.clear[disabled]:hover,
.button.clear[disabled]:focus {
    background-color: transparent
}

.button.clear:hover,
.button.clear:focus {
    border-color: #041d28;
    color: #041d28
}

.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
    border: 1px solid #083A50;
    color: #083A50
}

.button.clear,
.button.clear.disabled,
.button.clear[disabled],
.button.clear:hover,
.button.clear.disabled:hover,
.button.clear[disabled]:hover,
.button.clear:focus,
.button.clear.disabled:focus,
.button.clear[disabled]:focus {
    border-color: transparent
}

.button.clear.primary {
    border: 1px solid #083A50;
    color: #083A50
}

.button.clear.primary:hover,
.button.clear.primary:focus {
    border-color: #041d28;
    color: #041d28
}

.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
    border: 1px solid #083A50;
    color: #083A50
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary[disabled],
.button.clear.primary:hover,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled]:hover,
.button.clear.primary:focus,
.button.clear.primary.disabled:focus,
.button.clear.primary[disabled]:focus {
    border-color: transparent
}

.button.clear.secondary {
    border: 1px solid #ED8A47;
    color: #ED8A47
}

.button.clear.secondary:hover,
.button.clear.secondary:focus {
    border-color: #8c410e;
    color: #8c410e
}

.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
    border: 1px solid #ED8A47;
    color: #ED8A47
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary[disabled],
.button.clear.secondary:hover,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled]:hover,
.button.clear.secondary:focus,
.button.clear.secondary.disabled:focus,
.button.clear.secondary[disabled]:focus {
    border-color: transparent
}

.button.clear.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.clear.success:hover,
.button.clear.success:focus {
    border-color: #157539;
    color: #157539
}

.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success[disabled],
.button.clear.success:hover,
.button.clear.success.disabled:hover,
.button.clear.success[disabled]:hover,
.button.clear.success:focus,
.button.clear.success.disabled:focus,
.button.clear.success[disabled]:focus {
    border-color: transparent
}

.button.clear.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning:hover,
.button.clear.warning:focus {
    border-color: #805700;
    color: #805700
}

.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning[disabled],
.button.clear.warning:hover,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled]:hover,
.button.clear.warning:focus,
.button.clear.warning.disabled:focus,
.button.clear.warning[disabled]:focus {
    border-color: transparent
}

.button.clear.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.clear.alert:hover,
.button.clear.alert:focus {
    border-color: #67251a;
    color: #67251a
}

.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert[disabled],
.button.clear.alert:hover,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled]:hover,
.button.clear.alert:focus,
.button.clear.alert.disabled:focus,
.button.clear.alert[disabled]:focus {
    border-color: transparent
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow::after,
.button.dropdown.clear::after {
    border-top-color: #083A50
}

.button.dropdown.hollow.primary::after,
.button.dropdown.clear.primary::after {
    border-top-color: #083A50
}

.button.dropdown.hollow.secondary::after,
.button.dropdown.clear.secondary::after {
    border-top-color: #ED8A47
}

.button.dropdown.hollow.success::after,
.button.dropdown.clear.success::after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after,
.button.dropdown.clear.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after,
.button.dropdown.clear.alert::after {
    border-top-color: #cc4b37
}

.button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0
}

a.button:hover,
a.button:focus {
    text-decoration: none
}

.accordion {
    margin-left: 0;
    background: #ffffff;
    list-style-type: none
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child>:first-child {
    border-radius: 0 0 0 0
}

.accordion-item:last-child>:last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #083A50
}

:last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:hover,
.accordion-title:focus {
    background-color: #e6e6e6
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'
}

.is-active>.accordion-title::before {
    content: '\2013'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #ffffff;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.accordion-menu li {
    width: 100%
}

.accordion-menu a {
    padding: 0.7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
    padding: 0.7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #083A50 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent>a::after {
    right: 1rem;
    left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent>a::after {
    right: auto;
    left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true']>a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle>a {
    margin-right: 40px
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #083A50 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto
}

.submenu-toggle[aria-expanded='true']::after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    background-color: white;
    color: #0a0a0a
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #c5e9f9;
    color: #0a0a0a
}

.callout.secondary {
    background-color: #fcede3;
    color: #0a0a0a
}

.callout.success {
    background-color: #e1faea;
    color: #0a0a0a
}

.callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a
}

.callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a
}

.callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem
}

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

.card>:last-child {
    margin-bottom: 0
}

.card-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 1rem;
    background: #e6e6e6
}

.card-divider>:last-child {
    margin-bottom: 0
}

.card-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem
}

.card-section>:last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover,
.close-button:focus {
    color: #0a0a0a
}

.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1
}

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-whatinput='mouse'] .menu li {
    outline: 0
}

.menu a,
.menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem
}

.menu input,
.menu select,
.menu a,
.menu button {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.menu.vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu.expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.menu.simple {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.menu.simple li+li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print,
screen and (min-width: 40em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.medium-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.medium-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.medium-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .menu.large-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu.large-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .menu.large-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem
}

.menu.icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-top a,
.menu.icon-right a,
.menu.icon-bottom a,
.menu.icon-left a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
    margin-right: 0.25rem
}

.menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
    margin-left: 0.25rem
}

.menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center
}

.menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center
}

.menu .is-active>a {
    background: #083A50;
    color: #ffffff
}

.menu .active>a {
    background: #083A50;
    color: #ffffff
}

.menu.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0
}

.menu.align-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu.align-center li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit
}

.menu-centered>.menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-centered>.menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu-centered>.menu li .submenu li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #ffffff;
    -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
    content: ''
}

.menu-icon:hover::after {
    background: #cacaca;
    -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

.menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 1rem
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #083A50 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
}

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0
}

.dropdown.menu>li>a {
    padding: 0.7rem 1rem
}

.dropdown.menu>li.is-active>a {
    background: transparent;
    color: #083A50
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #083A50 transparent transparent;
    right: auto;
    left: 5px
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #083A50
}

@media print,
screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #083A50 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #083A50 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #083A50
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #083A50 transparent transparent;
        right: 5px;
        left: auto;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #083A50 transparent transparent;
        right: auto;
        left: 5px
    }

    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #083A50
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #ffffff
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #083A50 transparent transparent;
    right: auto;
    left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #083A50
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive-embed.widescreen,
.flex-video.widescreen {
    padding-bottom: 56.25%
}

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 0;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #083A50;
    color: #ffffff
}

.label.primary {
    background: #083A50;
    color: #ffffff
}

.label.secondary {
    background: #ED8A47;
    color: #0a0a0a
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #ffffff
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination::before,
.pagination::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.pagination::after {
    clear: both
}

.pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none
}

.pagination li:last-child,
.pagination li:first-child {
    display: inline-block
}

@media print,
screen and (min-width: 40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #0a0a0a
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #083A50;
    color: #ffffff;
    cursor: default
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #0a0a0a
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: '\00ab'
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: '\00bb'
}

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #cacaca;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.slider-fill.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #083A50;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #073144
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    width: 100%
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: auto
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 87.25rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 87.25rem
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 87.25rem
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 87.25rem
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.99875em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: 0.875rem;
    font-weight: bold;
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #cacaca;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #ffffff;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    content: ''
}

input:checked~.switch-paddle {
    background: #083A50
}

input:checked~.switch-paddle::after {
    left: 2.25rem
}

[data-whatinput='mouse'] input:focus~.switch-paddle {
    outline: 0
}

.switch-inactive,
.switch-active {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem
}

.switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle::after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem
}

.switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle::after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle::after {
    left: 2.75rem
}

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

thead,
tbody,
tfoot {
    border: 1px solid #f2f2f2;
    background-color: #ffffff
}

caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold
}

thead {
    background: #f9f9f9;
    color: #0a0a0a
}

tfoot {
    background: #f2f2f2;
    color: #0a0a0a
}

thead tr,
tfoot tr {
    background: transparent
}

thead th,
thead td,
tfoot th,
tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left
}

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f2f2f2
}

table.unstriped tbody {
    background-color: #ffffff
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    background-color: #ffffff
}

@media screen and (max-width: 64.06125em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f4f4f4
}

table.hover tfoot tr:hover {
    background-color: #ededed
}

table.hover tbody tr:hover {
    background-color: #fafafa
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ededed
}

.table-scroll {
    overflow-x: auto
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #ffffff;
    list-style-type: none
}

.tabs::before,
.tabs::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #083A50
}

.tabs.primary>li>a {
    color: #ffffff
}

.tabs.primary>li>a:hover,
.tabs.primary>li>a:focus {
    background: #0a4863
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #083A50
}

[data-whatinput='mouse'] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: #ffffff;
    color: #073245
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected='true'] {
    background: #e6e6e6;
    color: #083A50
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #ffffff;
    color: #0a0a0a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #ffffff;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    line-height: 0
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow 200ms ease-out;
    transition: -webkit-box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out
}

a.thumbnail:hover,
a.thumbnail:focus {
    -webkit-box-shadow: 0 0 6px 1px rgba(8, 58, 80, 0.5);
    box-shadow: 0 0 6px 1px rgba(8, 58, 80, 0.5)
}

a.thumbnail image {
    -webkit-box-shadow: none;
    box-shadow: none
}

.title-bar {
    padding: 0.5rem;
    background: #0a0a0a;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}

.title-bar-left,
.title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.433rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #ffffff
}

.tooltip::before {
    position: absolute
}

.tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%
}

.tooltip.bottom.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto
}

.tooltip.top.align-center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%
}

.tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto
}

.tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.align-top::before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom::before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left::before {
    left: 10%;
    right: auto
}

.tooltip.align-right::before {
    left: auto;
    right: 10%
}

.top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width: 40em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .top-bar .top-bar-left {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: auto
    }

    .top-bar .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: auto
    }
}

@media screen and (max-width: 64.06125em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 74.99875em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0.5rem 1rem 0.5rem 0
}

.top-bar-left,
.top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 39.99875em),
screen and (min-width: 64.0625em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 64.06125em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 64.06125em),
screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .show-for-landscape,
    .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before,
.clearfix::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.clearfix::after {
    clear: both
}

.slide-in-down.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0
}

.spin-in.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(-0.75turn);
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(0.75turn);
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0.75turn);
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-0.75turn);
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    opacity: 0
}

.slow {
    -webkit-transition-duration: 750ms !important;
    transition-duration: 750ms !important
}

.fast {
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important
}

.long-delay {
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

@-webkit-keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: spin-ccw-1turn;
    animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
    -webkit-animation-delay: 300ms !important;
    animation-delay: 300ms !important
}

.long-delay {
    -webkit-animation-delay: 700ms !important;
    animation-delay: 700ms !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.payment-small-icon {
    background: url("../image/payment-icons-7360d256f2898aed8757b508fd872f772dcb0e850d8b367ccff1dc1ad337fa65.svg")
}

.payment-small-icon.credit-card {
    background-position: -21px -17px;
    width: 21px;
    height: 16px;
    margin-right: 6px;
    margin-top: 2px
}

.payment-small-icon.payPal {
    background-position: -167px -16px;
    width: 75px;
    height: 19px
}

.payment-small-icon.visa-card {
    background-position: -21px -53px;
    width: 31px;
    height: 22px;
    display: inline-block;
    margin-right: 5px
}

@media screen and (max-width: 39.99875em) {
    .payment-small-icon.visa-card {
        position: absolute;
        top: -58px;
        right: 40px
    }
}

.payment-small-icon.applePay {
    background-position: -103px -16px;
    width: 47px;
    height: 19px
}

.payment-small-icon.applePay.white {
    background-position: -21px -138px;
    width: 45px;
    height: 19px;
    margin-left: 5px
}

.payment-small-icon.mastercard {
    background-position: -71px -53px;
    width: 32px;
    height: 22px;
    display: inline-block
}

@media screen and (max-width: 39.99875em) {
    .payment-small-icon.mastercard {
        position: absolute;
        top: -58px;
        right: 0
    }
}

.payment-small-icon.visa-payment-methods {
    background-position: -21px -53px;
    width: 82px;
    height: 22px;
    display: inline-block
}

@media screen and (max-width: 39.99875em) {
    .checkout-info-wrapper {
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .checkout-info-wrapper {
        margin: 0 -10px
    }
}

.checkout-info-wrapper .custom-checkbox {
    border-radius: 50% !important;
    margin-right: 10px !important
}

.checkout-info-wrapper .agreeText {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5)
}

.checkout-info-wrapper .agreeText a {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5);
    text-decoration: underline
}

.checkout-info-wrapper .err input,
.checkout-info-wrapper .relative-checkbox.err .custom-checkbox {
    border: 2px solid #FF523E !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .checkout-info-wrapper.for-review-cv {
        max-width: 709px;
        margin: 0 auto 40px
    }
}

.checkout-info {
    background: #DEE4E6;
    padding: 20px
}

@media screen and (min-width: 64.0625em) {
    .checkout-info {
        margin-right: 20px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .checkout-info {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 40em) {
    .checkout-info {
        border-radius: 10px
    }
}

.checkout-bundle-img {
    max-width: 140px;
    margin-right: 10px
}

.content-box .content-box-title {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 5px
}

@media screen and (max-width: 361px) {
    .content-box .content-box-title {
        font-size: 18px
    }
}

@media screen and (max-width: 345px) {
    .content-box .content-box-title {
        font-size: 15px
    }
}

.content-box .content-box-desc {
    color: rgba(8, 58, 80, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin: 0
}

@media screen and (max-width: 39.99875em) {
    .content-box .content-box-desc {
        line-height: 18px
    }
}

.checkout-bullets-wrapper {
    margin: 20px 0 30px
}

.checkout-bullets-wrapper li {
    font-size: 15px;
    line-height: 23px;
    color: rgba(8, 58, 80, 0.8);
    font-family: "Sofia-Pro-Light", sans-serif;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
    text-indent: 0
}

.checkout-bullets-wrapper li.bonus-bullet {
    padding-top: 4px;
    color: #083A50;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    line-height: 1
}

.checkout-offer-label {
    background-color: #ED8A47;
    color: #ffffff;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 14px;
    line-height: 13px;
    margin: 0;
    text-align: right;
    padding: 5px;
    display: inline-block
}

.checkout-offer-label--absolute {
    position: absolute;
    top: -10px
}

.checkout-offer-label--left {
    text-align: left
}

.checkout-offer-price {
    color: rgba(8, 58, 80, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    text-align: right
}

.checkout-price {
    color: #083A50;
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0
}

.checkout-total {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 7px 0 0
}

.checkout-wrapper {
    max-width: 1040px;
    margin: 0 auto
}

.checkout-wrapper .grid-container {
    padding-top: 25px !important
}

.checkout-wrapper.for-individuals .checkout-bullets-wrapper {
    margin: 20px 20px 30px
}

.checkout-wrapper.for-individuals .checkout-bullets-wrapper li {
    list-style: disc;
    display: list-item
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .page-pagination {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (max-width: 359px) {
    .checkout-wrapper .page-pagination {
        margin-left: 0;
        margin-right: 0
    }
}

.checkout-wrapper .header {
    margin-bottom: 20px
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .header {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (max-width: 359px) {
    .checkout-wrapper .header {
        margin-left: 0;
        margin-right: 0
    }
}

.checkout-wrapper .header .subtitle-text {
    font-size: 14px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(8, 58, 80, 0.5);
    margin-bottom: 0px
}

.checkout-wrapper .header h1 {
    font-size: 35px;
    line-height: 40px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .header h1 {
        font-size: 30px
    }
}

.checkout-wrapper .payment-form {
    background-color: #ffffff;
    padding: 30px 0px
}

@media screen and (min-width: 40em) {
    .checkout-wrapper .payment-form {
        border-radius: 10px
    }
}

@media screen and (min-width: 40em) {
    .checkout-wrapper .payment-form .payment-process-buttons {
        float: unset;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.checkout-wrapper .payment-form .csc .tooltip-container {
    z-index: 4
}

.checkout-wrapper .payment-form .csc .payment-tooltip .tooltip--form {
    left: -125px
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .payment-form .csc .payment-tooltip .tooltip--form {
        left: -112px
    }

    .checkout-wrapper .payment-form .csc .payment-tooltip .tooltip--form:before {
        left: 80%;
        -webkit-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        transform: translateX(-80%)
    }
}

.checkout-wrapper .payment-form .user-section {
    padding: 0 20px
}

@media screen and (max-width: 359px) {
    .checkout-wrapper .payment-form .user-section {
        padding: 0 10px
    }
}

.checkout-wrapper .payment-form .user-section .grid-x {
    margin-bottom: 10px
}

.checkout-wrapper .payment-form .user-section .payment-tooltip .tooltip--form {
    top: -120px
}

.checkout-wrapper .payment-form .user-section .tooltip-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.checkout-wrapper .payment-form .user-section .tooltip-container .tooltip--form.bottom {
    bottom: -120px;
    top: unset;
    left: -70px
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .payment-form .user-section .tooltip-container .tooltip--form.bottom {
        left: -72px
    }
}

.checkout-wrapper .payment-form .user-section .tooltip-container .tooltip--form.bottom::before {
    top: unset
}

@media screen and (max-width: 64.06125em) {

    .checkout-wrapper .payment-form .padL5,
    .checkout-wrapper .payment-form .padR5 {
        padding: 0 !important
    }
}

.checkout-wrapper .payment-form .payment-process {
    padding: 0 20px
}

@media screen and (max-width: 359px) {
    .checkout-wrapper .payment-form .payment-process {
        padding: 0 10px
    }
}

.checkout-wrapper .payment-form h3 {
    font-size: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 18px;
    color: #083A50
}

.checkout-wrapper .payment-form .checkout-tabs {
    padding-top: 20px
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .payment-form .checkout-tabs {
        border-top: 1px solid rgba(112, 112, 112, 0.2)
    }
}

@media screen and (min-width: 40em) {
    .checkout-wrapper .payment-form .checkout-tabs .tabs-title>a {
        line-height: 1.3
    }
}

.checkout-wrapper .payment-form [type='text'],
.checkout-wrapper .payment-form [type='password'],
.checkout-wrapper .payment-form [type='date'],
.checkout-wrapper .payment-form [type='datetime'],
.checkout-wrapper .payment-form [type='datetime-local'],
.checkout-wrapper .payment-form [type='month'],
.checkout-wrapper .payment-form [type='week'],
.checkout-wrapper .payment-form [type='email'],
.checkout-wrapper .payment-form [type='number'],
.checkout-wrapper .payment-form [type='search'],
.checkout-wrapper .payment-form [type='tel'],
.checkout-wrapper .payment-form [type='time'],
.checkout-wrapper .payment-form [type='url'],
.checkout-wrapper .payment-form [type='color'],
.checkout-wrapper .payment-form select,
.checkout-wrapper .payment-form textarea,
.checkout-wrapper .payment-form .cardPlaceholder {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: rgba(10, 30, 46, 0.1);
    height: 40px;
    font-size: 12px;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.checkout-wrapper .payment-form .red-warning {
    top: 12px
}

@media screen and (min-width: 64.0625em) {
    .checkout-wrapper .payment-form .inline-card-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.checkout-wrapper .payment-form .card-input {
    position: relative;
    display: inline-block;
    width: 55%
}

@media screen and (max-width: 64.06125em) {
    .checkout-wrapper .payment-form .card-input {
        width: 100%
    }
}

.checkout-wrapper .payment-form .count-hint {
    position: absolute;
    top: 12px;
    right: 15px;
    color: rgba(77, 77, 77, 0.5);
    font-size: 10px
}

@media print,
screen and (min-width: 64.0625em) {
    .checkout-wrapper .payment-form .expiry-input {
        width: 24% !important
    }
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .payment-form .expiry-input {
        width: 60% !important
    }
}

.checkout-wrapper .payment-form .expiry-date-label {
    font-size: 12px !important;
    line-height: 17px;
    opacity: .5;
    position: absolute;
    top: 12px;
    right: 23px;
    color: #4D4D4D
}

.checkout-wrapper .payment-form .csc {
    position: relative;
    float: right;
    width: 18% !important
}

@media screen and (max-width: 39.99875em) {
    .checkout-wrapper .payment-form .csc {
        width: 39% !important
    }
}

.checkout-wrapper .payment-form .csc .tooltip-container {
    position: absolute;
    right: 14px;
    top: 12px;
    height: 15px
}

.checkout-wrapper .payment-form .form-buttons {
    margin-top: 10px
}

.checkout-wrapper .payment-form .button-red {
    height: 50px !important;
    font-size: 18px;
    width: auto !important
}

.checkout-wrapper .payment-form .err .error,
.checkout-wrapper .payment-process .err .error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.checkout-wrapper .payment-form .error,
.checkout-wrapper .payment-process .error {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 12px;
    line-height: 15px
}

.checkout-wrapper .payment-form .relative-checkbox label,
.checkout-wrapper .payment-process .relative-checkbox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.checkout-wrapper .payment-form .relative-checkbox label.relative-checkbox__label--inline,
.checkout-wrapper .payment-process .relative-checkbox label.relative-checkbox__label--inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    font-family: "Sofia-Pro-Bold", sans-serif !important
}

.checkout-wrapper .payment-form .relative-checkbox label.relative-checkbox__label--inline .custom-checkbox,
.checkout-wrapper .payment-process .relative-checkbox label.relative-checkbox__label--inline .custom-checkbox {
    margin-top: -1px
}

@media screen and (max-width: 39.99875em) {

    .checkout-wrapper .payment-form .relative-checkbox label,
    .checkout-wrapper .payment-process .relative-checkbox label {
        margin-bottom: 10px
    }
}

.checkout-wrapper .payment-form .relative-checkbox.err .agreeText,
.checkout-wrapper .payment-form .relative-checkbox.err .agreeText a,
.checkout-wrapper .payment-process .relative-checkbox.err .agreeText,
.checkout-wrapper .payment-process .relative-checkbox.err .agreeText a {
    color: rgba(10, 30, 46, 0.5)
}

.checkout-wrapper .payment-form [type='text'],
.checkout-wrapper .payment-form [type='email'],
.checkout-wrapper .payment-form [type='number'],
.checkout-wrapper .payment-form [type='tel'],
.checkout-wrapper .payment-form select,
.checkout-wrapper .payment-form textarea,
.checkout-wrapper .payment-process [type='text'],
.checkout-wrapper .payment-process [type='email'],
.checkout-wrapper .payment-process [type='number'],
.checkout-wrapper .payment-process [type='tel'],
.checkout-wrapper .payment-process select,
.checkout-wrapper .payment-process textarea {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

@media screen and (max-width: 64.06125em) {
    .checkout-wrapper .grey-payment {
        margin: 35px auto 0
    }
}

.checkout-wrapper .trustpilot-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0
}

@media screen and (max-width: 64.06125em) {
    .checkout-wrapper .trustpilot-box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.checkout-wrapper .trustpilot-box .trustpilot-rate {
    font-size: 24px;
    line-height: 24px;
    color: #53B27E;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-left: 10px
}

@media screen and (min-width: 64.0625em) {
    .checkout-wrapper .trustpilot-box .trustpilot-rate {
        line-height: 20px
    }
}

.checkout-wrapper .secured-card-msg {
    font-size: 10px;
    line-height: 15px;
    color: rgba(77, 77, 77, 0.5)
}

.cv-writing-order .cardPlaceholder,
.payment-form .cardPlaceholder {
    height: 40px;
    margin: 0 !important
}

.cv-writing-order .coupon-area,
.payment-form .coupon-area {
    position: relative
}

@media screen and (min-width: 40em) {

    .cv-writing-order .coupon-area,
    .payment-form .coupon-area {
        max-width: 250px
    }
}

@media screen and (max-width: 39.99875em) {

    .cv-writing-order .coupon-area.err,
    .payment-form .coupon-area.err {
        margin-bottom: 2rem
    }
}

.cv-writing-order .coupon-area .coupon-field,
.payment-form .coupon-area .coupon-field {
    margin-bottom: 5px;
    display: inline-block;
    position: absolute;
    right: 0;
    width: 250px
}

.cv-writing-order .coupon-area .coupon-field input,
.payment-form .coupon-area .coupon-field input {
    border-radius: 25px;
    height: 30px;
    font-size: 12px
}

.cv-writing-order .coupon-area .coupon-field.err,
.payment-form .coupon-area .coupon-field.err {
    position: absolute;
    right: 0
}

.cv-writing-order .coupon-area .coupon-field.err .red-warning,
.payment-form .coupon-area .coupon-field.err .red-warning {
    top: 11px
}

.cv-writing-order .coupon-area .coupon-field.err input,
.payment-form .coupon-area .coupon-field.err input {
    border-radius: 25px
}

.cv-writing-order .coupon-area .coupon-field .red-warning,
.payment-form .coupon-area .coupon-field .red-warning {
    right: 130px
}

.cv-writing-order .coupon-area .tick,
.payment-form .coupon-area .tick {
    display: inline-block
}

.cv-writing-order .coupon-area .tick:after,
.payment-form .coupon-area .tick:after {
    content: '';
    display: block;
    width: 8px;
    height: 13px;
    margin-right: 10px;
    border: solid #74D6C5;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    z-index: 2
}

.cv-writing-order .coupon-area button,
.payment-form .coupon-area button {
    display: inline-block;
    position: relative;
    height: 28px;
    right: 1px;
    top: 1px;
    padding: 5px 10px;
    line-height: 1;
    margin: 0 !important;
    min-width: 100px;
    background-color: rgba(77, 77, 77, 0.2) !important;
    font-size: 12px;
    border-radius: 25px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cv-writing-order .coupon-area button:hover:not([disabled]),
.payment-form .coupon-area button:hover:not([disabled]) {
    background-color: rgba(77, 77, 77, 0.5) !important
}

.cv-writing-order .coupon-area button:disabled,
.payment-form .coupon-area button:disabled {
    cursor: not-allowed;
    opacity: 1 !important;
    color: rgba(255, 255, 255, 0.5)
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-bundles-checkout-popup {
        max-width: 730px;
        width: 730px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-checkout-popup {
        max-width: 668px;
        width: 100%;
        padding: 50px 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-checkout-popup {
        border-radius: 0 !important
    }
}

@media screen and (max-width: 376px) {
    .cv-bundles-checkout-popup {
        padding: 50px 0
    }
}

.cv-bundles-checkout-popup h3 {
    font-size: 39px;
    line-height: 45px;
    margin: 20px 0 10px 0
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-checkout-popup h3 {
        font-size: 28px;
        line-height: 30px
    }
}

@media screen and (max-width: 376px) {
    .cv-bundles-checkout-popup h3 {
        max-width: 210px;
        margin-left: auto;
        margin-right: auto
    }
}

.cv-bundles-checkout-popup .cv-checkout-popup-msg {
    font-size: 24px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50;
    margin: 0 0 16px 0
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-checkout-popup .cv-checkout-popup-msg {
        font-size: 22px;
        line-height: 25px
    }
}

.cv-bundles-checkout-popup .share-function-box {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(10, 30, 46, 0.1);
    margin: 0 auto 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 480px
}

.cv-bundles-checkout-popup .share-function-box:last-of-type {
    border-bottom: none;
    margin-bottom: 30px
}

.cv-bundles-checkout-popup .share-function-box.form-container {
    padding: 0;
    margin: 0
}

.cv-bundles-checkout-popup .share-function-box.form-container .relative-checkbox__label {
    margin: 10px 0 0 0
}

@media screen and (max-width: 340px) {
    .cv-bundles-checkout-popup .share-function-box .button-grey-share {
        min-width: 70px
    }
}

.cv-bundles-checkout-popup .share-email-input {
    position: relative;
    margin: 10px 0 0 0
}

.cv-bundles-checkout-popup .share-email-input input {
    border-radius: 20px;
    height: 40px;
    background-color: rgba(8, 58, 80, 0.05);
    font-size: 15px;
    color: rgba(10, 30, 46, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif
}

.cv-bundles-checkout-popup .share-email-input .button-grey-share {
    min-width: 80px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #0A1E2E;
    font-family: "Sofia-Pro-Regular", sans-serif;
    text-decoration: none
}

.cv-bundles-checkout-popup .share-email-input .button-grey-share:focus {
    color: #0A1E2E
}

.cv-bundles-checkout-popup .share-function-text {
    color: #122535;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

@media screen and (max-width: 340px) {
    .cv-bundles-checkout-popup .share-function-text {
        font-size: 15px;
        line-height: 1.3
    }
}

.cv-bundles-checkout-popup .button-red {
    height: 60px
}

@media screen and (max-width: 340px) {
    .cv-bundles-checkout-popup .button-red {
        font-size: 20px
    }
}

.cv-bundles-checkout-popup .cv-checkout-popup-note {
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 24px;
    color: rgba(18, 37, 53, 0.5);
    margin: 15px 0 0 0
}

.cv-bundles-checkout-popup .cv-checkout-popup-note span {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

.cv-bundles-checkout-popup .cv-checkout-popup-note a {
    color: rgba(18, 37, 53, 0.5);
    text-decoration: underline
}

.cv-bundles-checkout-popup .custom-checkbox {
    border-radius: 50% !important;
    margin-right: 10px !important
}

.cv-bundles-checkout-popup .agreeText {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5)
}

@media screen and (max-width: 340px) {
    .cv-bundles-checkout-popup .agreeText {
        font-size: 11px
    }
}

.cv-bundles-checkout-popup .agreeText a {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5);
    text-decoration: underline
}

@media screen and (max-width: 340px) {
    .cv-bundles-checkout-popup .agreeText a {
        font-size: 11px
    }
}

.cv-writing-order.for-cvs .expiry-date-label,
.cv-writing-order.for-payment .expiry-date-label {
    opacity: .5;
    position: absolute;
    top: 12px;
    right: 33px;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: #4D4D4D
}

.error-wrapper {
    background: rgba(255, 0, 0, 0.1);
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

@media screen and (max-width: 440px) {
    .error-wrapper {
        display: -webkit-inline-box;
        width: 100%
    }
}

.error-wrapper .red-cross {
    background: url("../image/red-cross-1e59dc6759979353dc3a19ca0ef500c4c4a691f3a87bd29bb7d8588a4fe4e591.png") no-repeat;
    width: 18px;
    height: 18px
}

.error-wrapper p {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 14px;
    margin: 0;
    color: #ff0000;
    line-height: 1.1
}

@media screen and (max-width: 480px) {
    .error-wrapper p {
        max-width: 315px
    }
}

@media screen and (min-width: 441px) {
    .error-wrapper p {
        padding-left: 10px
    }
}

.checkout-tabs .payment-process [type='text'],
.checkout-tabs .payment-process [type='email'],
.checkout-tabs .payment-process [type='number'],
.checkout-tabs .payment-process [type='tel'],
.checkout-tabs .payment-process select,
.checkout-tabs .payment-process textarea,
.checkout-tabs .payment-process .cardPlaceholder {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

@media screen and (max-width: 359px) {
    .checkout-tabs .payment-process .paypal-buttons {
        max-width: 290px !important
    }
}

.checkout-tabs .payment-process-title {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    text-align: left;
    padding: 0;
    position: relative
}

@media screen and (min-width: 40em) {
    .checkout-tabs .payment-process-title {
        display: -webkit-box
    }
}

.checkout-tabs .payment-process-buttons {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1rem 0
}

.checkout-tabs .payment-process-buttons .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.checkout-tabs .payment-process-buttons .button-light-blue,
.checkout-tabs .payment-process-buttons .button-light-yellow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkout-tabs .payment-process-buttons .button-red {
    height: 60px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .checkout-tabs .payment-process-buttons .button-red {
        width: 216px
    }

    .checkout-tabs .payment-process-buttons .button-red .cv-bundle-icon.trolley-icon {
        margin: 0 7px 0 0
    }
}

@media screen and (max-width: 39.99875em) {
    .checkout-tabs .payment-process-buttons .button-red {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 39.99875em) {
    .checkout-tabs .payment-process-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%
    }
}

.checkout-tabs .payment-process-buttons .error {
    padding-left: 2px;
    margin-bottom: 5px
}

@media screen and (min-width: 64.0625em) {
    .checkout-tabs .limited-area .payment-process-buttons .error {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 2px
    }
}

@media screen and (min-width: 1451px) {
    .checkout-tabs .limited-area .payment-process-buttons .error {
        max-width: 200px
    }
}

@media screen and (max-width: 1450px) and (min-width: 1025px) {
    .checkout-tabs .limited-area .payment-process-buttons .error {
        max-width: 140px
    }
}

.checkout-tabs .tabs {
    width: 100%;
    border: none;
    background: transparent;
    list-style-type: none;
    margin: 15px 0 20px 0;
    position: relative
}

.checkout-tabs .tabs::before,
.checkout-tabs .tabs::after {
    display: table;
    content: ' '
}

.checkout-tabs .tabs::after {
    clear: both
}

.checkout-tabs .tabs .tabs-title {
    border-radius: 5px;
    margin: 0 10px 0 0;
    min-width: 115px;
    border: none
}

.checkout-tabs .tabs .tabs-title:not(.is-active) a {
    background: rgba(77, 77, 77, 0.1)
}

@media screen and (max-width: 39.99875em) {
    .checkout-tabs .tabs .tabs-title {
        min-width: 105px
    }
}

.checkout-tabs .tabs .tabs-title>a {
    border-radius: 20px;
    font-size: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    height: 40px;
    line-height: 1.4;
    text-align: center;
    padding: 10px 15px;
    background: rgba(77, 77, 77, 0.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #333333;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.checkout-tabs .tabs .tabs-title>a:hover {
    background: rgba(77, 77, 77, 0.35)
}

.checkout-tabs .tabs .tabs-title>a:focus {
    text-decoration: none;
    border: none;
    outline: none
}

.checkout-tabs .tabs-panel {
    display: none;
    border: none;
    padding: 0
}

.checkout-tabs .tabs-panel.is-active {
    display: block
}

.checkout-tabs .tabs-content {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: transparent;
    border: none;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 15px
}

.checkout-tabs .payment-icons {
    position: absolute;
    right: 0
}

@media screen and (max-width: 39.99875em) {
    .checkout-tabs .payment-icons {
        margin-top: 10px
    }
}

.left-checkout-info {
    border-radius: 10px 10px 0 0;
    margin: 0 auto 30px 0;
    max-width: 390px
}

@media screen and (min-width: 64.0625em) {
    .left-checkout-info {
        width: calc(100% - 30px)
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .left-checkout-info {
        max-width: unset;
        margin: 0 auto 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .left-checkout-info {
        max-width: unset;
        margin: 0 auto;
        border-radius: 0;
        border-bottom: 1px solid rgba(112, 112, 112, 0.2)
    }
}

.left-checkout-info.on-bundle-checkout {
    max-width: unset;
    background: #ffffff
}

@media screen and (min-width: 40em) {
    .left-checkout-info.on-bundle-checkout {
        border-radius: 10px
    }
}

.left-checkout-info.on-bundle-checkout .cv-bundle-type {
    padding: 11px 20px 0 30px
}

@media screen and (max-width: 359px) {
    .left-checkout-info.on-bundle-checkout .cv-bundle-type {
        padding: 11px 10px 0 10px
    }
}

@media print,
screen and (min-width: 40em) {
    .left-checkout-info.on-bundle-checkout .cv-bundle-type {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

.left-checkout-info.on-bundle-checkout .cv-bundle-type p {
    margin: 0;
    font-size: 21px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ffffff
}

.left-checkout-info.on-bundle-checkout .cv-bundle-type h3 {
    font-size: 29px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ffffff;
    line-height: 36px;
    margin: 0;
    padding-top: 20px
}

.left-checkout-info.on-bundle-checkout .cv-bundle-type img {
    float: right
}

.left-checkout-info.on-bundle-checkout .desc {
    padding: 20px
}

@media screen and (max-width: 359px) {
    .left-checkout-info.on-bundle-checkout .desc {
        padding: 20px 10px
    }
}

.left-checkout-info.on-bundle-checkout .desc p {
    font-size: 15px;
    line-height: 21px;
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 15px
}

.left-checkout-info.on-bundle-checkout .desc p b {
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Bold", sans-serif
}

.left-checkout-info .info-bg {
    width: 100%;
    max-width: 390px;
    height: 123px;
    padding: 30px 20px;
    border-radius: 10px 10px 0 0
}

.left-checkout-info .info-bg--review {
    background: url("../image/cv-review-checkout-img-6f0ce41fdc7aa70b840b0b736ce5b419460ef5968c006c4ab13b56c49d000a8e.png");
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .left-checkout-info .info-bg--review {
        background: url("../image/cv-review-checkout-img-tablet-34f7c8498679956a23f8f51f8318c404ef7405f9ea725c919c585ea597e8c071.png");
        -webkit-background-size: cover;
        background-size: cover;
        width: 100%;
        max-width: unset
    }
}

@media screen and (max-width: 39.99875em) {
    .left-checkout-info .info-bg--review {
        background: url("../image/cv-review-checkout-img-mobile-32e7c7967253c847e4941f5e53fda502090085e125b1d1624c5fbae1daad4ff7.png");
        -webkit-background-size: cover;
        background-size: cover;
        max-width: unset;
        width: 100%;
        border-radius: 0
    }
}

@media screen and (max-width: 359px) {
    .left-checkout-info .info-bg--review {
        padding: 30px 10px
    }
}

.left-checkout-info .info-bg .review-info-heading,
.left-checkout-info .info-bg .review-info-subheading {
    color: #4095DB;
    font-size: 26px;
    line-height: 34px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin: 0
}

.left-checkout-info .info-bg .review-info-subheading {
    font-size: 21px;
    line-height: 36px
}

.left-checkout-info .content-box-review {
    padding: 20px;
    background: #ffffff
}

@media screen and (max-width: 359px) {
    .left-checkout-info .content-box-review {
        padding: 20px 10px
    }
}

.left-checkout-info .content-box-review .content-box-desc {
    font-size: 15px;
    line-height: 21px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D
}

.left-checkout-info .content-box-review .content-box-desc--bold {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: rgba(77, 77, 77, 0.8)
}

.left-checkout-info .content-box-review .content-box-desc--light {
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(77, 77, 77, 0.8)
}

.left-checkout-info .content-box-flex {
    padding: 25px 20px;
    background: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(112, 112, 112, 0.2);
    position: relative
}

@media screen and (max-width: 359px) {
    .left-checkout-info .content-box-flex {
        padding: 25px 10px
    }
}

@media screen and (min-width: 40em) {
    .left-checkout-info .content-box-flex:last-child {
        border-radius: 0 0 10px 10px
    }
}

.left-checkout-info .content-box-flex .abs-error {
    position: absolute;
    bottom: 0
}

.left-checkout-info .content-box-flex .content-box-cv-heading {
    color: #083A50;
    font-size: 15px;
    line-height: 1;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0
}

.left-checkout-info .content-box-flex .checkout-uploaded-cv {
    color: #083A50;
    font-size: 15px;
    line-height: 1;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    max-width: 200px;
    overflow-wrap: break-word;
    text-align: right
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .left-checkout-info .content-box-flex .checkout-uploaded-cv {
        max-width: unset
    }
}

.left-checkout-info .content-box-flex .delete-uploaded-cv {
    color: rgba(255, 0, 17, 0.5);
    font-size: 12px;
    line-height: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    text-decoration: underline;
    margin: 0;
    float: right
}

.left-checkout-info .content-box-flex .checkout-cv-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.left-checkout-info .content-box-total {
    font-size: 21px;
    line-height: 27px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(8, 58, 80, 0.5);
    margin: 0
}

.left-checkout-info .content-box-price {
    font-size: 30px;
    line-height: 38px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 1460px) {
    .cv-affiliate {
        max-width: 960px
    }
}

.cv-affiliate__container .partners-desc {
    margin-bottom: 30px
}

.cv-affiliate__promo-label {
    font-size: 18px;
    line-height: 20px;
    color: rgba(10, 30, 46, 0.5);
    margin: 0 0 20px 0;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.cv-affiliate__promo-btn {
    background-color: #f6f6f6 !important;
    color: #083A50 !important;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    z-index: 0
}

.cv-affiliate__promo-btn .cross {
    position: absolute;
    left: 13px;
    top: 13px
}

.cv-affiliate__promo-btn .minus-icon {
    position: absolute;
    left: 15px;
    top: 19px
}

.cv-affiliate__promo-btn:hover {
    cursor: pointer;
    background-color: #EBEBEB
}

.cv-affiliate__promo-btn-text {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif;
    padding: 0 0 0 10px;
    position: relative;
    top: 0
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__last-row .submit-btn {
        margin-top: 15px
    }
}

.cv-affiliate__last-row .relative-checkbox.err .error {
    position: absolute;
    bottom: -32px;
    min-width: 235px;
    right: -10px;
    margin-bottom: 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__last-row .relative-checkbox.err .error {
        bottom: -35px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__last-row {
        margin-top: 20px
    }
}

.cv-affiliate__show-more {
    font-size: 13px;
    color: rgba(8, 58, 80, 0.5);
    text-decoration: underline
}

.cv-affiliate__show-more:hover {
    color: rgba(8, 58, 80, 0.5);
    cursor: pointer
}

.cv-affiliate__show-more .grey-chevron-down {
    display: inline-block;
    margin: 0 0 0 2px
}

.cv-affiliate__title {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 20px
}

.cv-affiliate__text {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 15px;
    color: #083A50;
    margin: 0
}

.cv-affiliate__text span {
    color: rgba(10, 30, 46, 0.5)
}

.cv-affiliate__balance {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 28px;
    color: #083A50;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media print,
screen and (min-width: 40em) {
    .cv-affiliate__balance {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__balance {
        font-size: 22px
    }
}

.cv-affiliate__balance span {
    margin: 4px 5px 0 0;
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5)
}

.cv-affiliate__button {
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    background: rgba(10, 30, 46, 0.1) !important;
    font-size: 11px !important;
    color: rgba(10, 30, 46, 0.5) !important;
    padding: 8px 15px !important;
    height: 30px !important;
    min-width: 74px !important;
    line-height: 1.1 !important;
    margin-top: 10px !important
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__button {
        margin: 20px 0 !important
    }
}

.cv-affiliate__button-orange {
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    font-size: 15px !important;
    padding: 12px 25px !important;
    height: 40px !important;
    min-width: 110px !important;
    line-height: 1.1 !important;
    margin: 0 0 0 10px !important
}

@media screen and (max-width: 64.06125em) {
    .cv-affiliate__button-orange {
        margin: 0 0 10px 10px !important
    }
}

.cv-affiliate__statistics-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media screen and (min-width: 64.0625em) {

    .cv-affiliate__statistics-box--marginless select,
    .cv-affiliate__statistics-box--marginless input {
        margin-bottom: 0 !important
    }
}

.cv-affiliate__statistics-box--item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__statistics-box--item {
        width: 100%
    }
}

.cv-affiliate__statistics-box--item-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cv-affiliate__statistics-box--item-full-line {
    width: 100%
}

.cv-affiliate__statistics-box--item-half {
    width: calc(50% - 10px)
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__statistics-box--item-half {
        width: 100%
    }
}

.cv-affiliate__graph-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.cv-affiliate__graph-info p {
    margin: 0 !important
}

.cv-affiliate__graph-info p:last-child {
    margin-right: -10px !important
}

.cv-affiliate__earnings {
    margin-left: 40px
}

.cv-affiliate__earnings--circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.cv-affiliate__earnings--circle-light-red {
    background: rgba(255, 0, 17, 0.5)
}

.cv-affiliate__earnings--circle-light-orange {
    background: rgba(237, 138, 71, 0.5)
}

.cv-affiliate__earnings--circle-orange {
    background: #ED8A47
}

.cv-affiliate__earnings--circle-blue {
    background: rgba(0, 144, 255, 0.5)
}

.cv-affiliate__earnings--links {
    font-size: 20px;
    color: #083A50;
    margin: 0 10px
}

.cv-affiliate__earnings--statistics {
    font-size: 24px;
    color: #083A50;
    margin-top: 20px;
    margin-bottom: 0 !important
}

.cv-affiliate__earnings--statistics-number {
    color: rgba(10, 30, 46, 0.5);
    font-size: 18px;
    margin-left: 65px
}

.cv-affiliate__blk {
    background: #f6f6f6;
    padding: 20px 30px;
    margin: 20px 0 0 0 !important
}

.cv-affiliate__blk--table {
    padding: 20px 0
}

@media screen and (min-width: 40em) {
    .cv-affiliate__blk--table .cv-affiliate__select select {
        margin: 0 !important
    }
}

.cv-affiliate__blk--table .cv-affiliate__heading-row {
    padding: 0 30px
}

@media screen and (max-width: 340px) {
    .cv-affiliate__blk--table .cv-affiliate__heading-row {
        padding: 0 10px
    }
}

.cv-affiliate__blk h2 {
    font-size: 24px;
    color: #083A50;
    line-height: 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__blk h2 {
        margin-bottom: 20px
    }
}

.cv-affiliate__blk table {
    margin-top: 40px;
    border-collapse: collapse
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__blk table {
        margin-top: 20px
    }
}

.cv-affiliate__blk table th {
    background: rgba(10, 30, 46, 0.1);
    padding: 10px 30px;
    color: #ED8A47;
    font-size: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    text-align: left;
    font-weight: normal !important
}

@media screen and (max-width: 64.06125em) {
    .cv-affiliate__blk table th {
        padding: 10px
    }
}

.cv-affiliate__blk table tr {
    text-align: left
}

.cv-affiliate__blk table tr:nth-child(odd) {
    background: #f6f6f6;
    border-bottom: 1px solid #f6f6f6
}

.cv-affiliate__blk table tr:nth-child(even) {
    background: rgba(10, 30, 46, 0.1)
}

.cv-affiliate__blk table tr td {
    padding: 10px 30px;
    font-size: 13px;
    color: rgba(10, 30, 46, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif
}

.cv-affiliate__link {
    font-size: 15px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 10px 0 0 !important;
    color: #083A50
}

@media screen and (max-width: 64.06125em) {
    .cv-affiliate__link {
        margin: 0 10px 10px 0 !important
    }
}

.cv-affiliate__input-wrap {
    background: rgba(8, 58, 80, 0.1) !important
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__input-wrap {
        margin-bottom: 10px
    }
}

.cv-affiliate__input {
    border-radius: 20px !important;
    height: 40px !important;
    margin-bottom: 0 !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    color: rgba(8, 58, 80, 0.5) !important
}

@media screen and (min-width: 40em) {
    .cv-affiliate__input-paypal {
        margin-right: 10px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__input-paypal {
        margin-bottom: 10px !important
    }
}

.cv-affiliate__input select,
.cv-affiliate__input input,
.cv-affiliate__select select,
.cv-affiliate__select input {
    background: rgba(8, 58, 80, 0.1) !important;
    padding: 10px 20px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    height: 40px !important;
    line-height: 1.2 !important;
    color: #083A50 !important
}

.cv-affiliate__select {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cv-affiliate__select::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 25px;
    cursor: pointer;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -403px -433px;
    width: 12px;
    height: 8px
}

.cv-affiliate__select select {
    margin-right: 10px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

@media screen and (min-width: 64.0625em) {
    .cv-affiliate__select select {
        min-width: 174px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-affiliate__select select {
        min-width: 150px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-affiliate__table-container {
        display: block;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap
    }
}

.cv-affiliate__dashboard {
    background: #ffffff
}

.cv-affiliate__payments {
    background: #ffffff
}

.cv-affiliate__payments--desc {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 10px
}

.cv-affiliate__payments--note {
    font-size: 12px;
    color: rgba(10, 30, 46, 0.5);
    text-align: right;
    margin: 10px 0 0 0
}

.cv-affiliate__settings {
    background: #ffffff
}

.cv-affiliate__settings label {
    margin-top: 15px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cv-bundle-icon {
    background: url("../image/cv-bundle-sprite-22e3f51ee44819b09a12529760131ec329d9a678203f92fa32acfa32c19455da.svg")
}

.cv-bundle-icon.bullet {
    background-position: -57px -12px;
    width: 23px;
    height: 22px;
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: table
}

.cv-bundle-icon.small-bullet,
.checkout-bullets-wrapper .cv-bundle-icon.bullet {
    background-position: -15px -206px;
    width: 16px;
    height: 17px;
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
    display: table
}

.cv-bundle-icon.bonus-icon-blue {
    background-position: -88px -12px;
    width: 23px;
    height: 22px;
    margin: 0 10px 0 0;
    display: table;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cv-bundle-icon.bonus-icon-small,
.checkout-bullets-wrapper .cv-bundle-icon.bonus-icon-blue {
    background-position: -41px -206px;
    width: 16px;
    height: 17px;
    margin: 0 10px 0 0;
    display: table
}

.cv-bundle-icon.bonus-icon-red {
    background-position: -120px -12px;
    width: 22px;
    height: 22px;
    margin: -1px 5px 0 0
}

.cv-bundle-icon.bonus-icon-orange {
    background-position: 186px 129px;
    width: 22px;
    height: 23px;
    margin: 0 5px -2px 0
}

.cv-bundle-icon.trolley-icon {
    background-position: -280px -14px;
    width: 19px;
    height: 21px;
    margin: 0 10px 0 0
}

.cv-bundle-icon.trustpilot-vertical {
    background-position: -375px -204px;
    width: 116px;
    height: 55px
}

.cv-bundle-icon.trustpilot-img {
    background-position: -301px -52px;
    width: 342px;
    height: 35px;
    margin: auto
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-icon.trustpilot-img {
        background-position: -99px -54px;
        width: 183px;
        height: 77px
    }
}

.cv-bundle-icon.blue-search-icon {
    background-position: -152px -17px;
    width: 15px;
    height: 16px
}

.cv-bundle-icon.secured-ssl {
    background-position: -487px -102px;
    width: 173px;
    height: 41px;
    margin-left: 20px
}

.cv-bundle-icon.secured-ssl-small {
    background-position: -536px -156px;
    width: 124px;
    height: 30px;
    margin-bottom: 10px
}

.cv-bundle-icon.by-CA {
    background-position: -300px -108px;
    width: 157px;
    height: 20px
}

.cv-bundle-icon.red-circle {
    background-position: -202px -14px;
    width: 18px;
    height: 19px;
    position: absolute
}

.cv-bundle-icon.red-circle.top-center {
    top: 45px;
    left: 55%
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.red-circle.top-center {
        top: 30px;
        left: 90%
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-icon.red-circle.top-center {
        left: 80%
    }
}

.cv-bundle-icon.red-circle.middle-left {
    top: 40%;
    left: 2%
}

@media screen and (max-width: 1475px) and (min-width: 1442px) {
    .cv-bundle-icon.red-circle.middle-left {
        left: 0.5%
    }
}

@media screen and (max-width: 1441px) and (min-width: 1025px) {
    .cv-bundle-icon.red-circle.middle-left {
        left: 2.5%
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.red-circle.middle-left {
        left: unset;
        right: 20%
    }
}

.cv-bundle-icon.yellow-circle {
    background-position: -253px -14px;
    width: 18px;
    height: 19px;
    position: absolute
}

.cv-bundle-icon.yellow-circle.top-left {
    top: 70px;
    left: 20%
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.yellow-circle.top-left {
        top: 55px
    }
}

.cv-bundle-icon.yellow-circle.middle-right {
    top: 50%;
    right: 6%
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.yellow-circle.middle-right {
        top: 70%;
        right: 10%
    }
}

.cv-bundle-icon.yellow-circle.middle {
    top: 70%;
    right: 50%
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .cv-bundle-icon.yellow-circle.middle {
        right: 46%
    }
}

.cv-bundle-icon.blue-cross {
    background-position: -230px -16px;
    width: 14px;
    height: 14px;
    position: absolute
}

.cv-bundle-icon.blue-cross.top-center {
    top: 20%;
    left: 40%
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.blue-cross.top-center {
        top: 95px;
        left: 60%
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-icon.blue-cross.top-center {
        top: 62%
    }
}

@media screen and (max-width: 374px) {
    .cv-bundle-icon.blue-cross.top-center {
        top: 65%
    }
}

.cv-bundle-icon.blue-cross.top-right {
    top: 85px;
    right: 4%
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-icon.blue-cross.top-right {
        top: 42%;
        left: 20%;
        right: unset
    }
}

.cv-bundle-icon.blue-cross.bot-right {
    bottom: 80px;
    right: 2%
}

.cv-bundle-icon.blue-cross.bot-left {
    bottom: 15%;
    left: 5%
}

@media screen and (max-width: 1441px) and (min-width: 1025px) {
    .cv-bundle-icon.blue-cross.bot-left {
        bottom: 10%;
        left: 3%
    }
}

.cv-bundle-icon.payment {
    background-position: -14px -56px;
    width: 67px;
    height: 70px;
    margin: 0 auto 20px auto
}

.cv-bundle-icon.payment-orange {
    background-position: -505px -236px;
    width: 60px;
    height: 70px;
    margin: 0 auto 20px auto
}

.cv-bundle-icon.warning {
    background-position: -393px -12px;
    width: 20px;
    height: 18px;
    margin: 0
}

@media screen and (max-width: 445px) {
    .cv-bundle-icon.warning {
        width: 30px
    }
}

.cv-bundle-icon.grey-tooltip {
    background-position: -419px -16px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 5px -2px 0
}

.cv-bundle-icon.lock-icon {
    background-position: -369px -12px;
    width: 17px;
    height: 19px;
    margin: 0 10px 0 0
}

.cv-bundle-icon.safe-checkout {
    background-position: -15px -152px;
    width: 162px;
    height: 38px;
    margin-left: 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-icon.safe-checkout {
        background-position: -201px -156px;
        width: 124px;
        height: 26px
    }
}

.cv-bundle-icon.safe-checkout-small {
    background-position: -201px -156px;
    width: 124px;
    height: 26px;
    margin-bottom: 10px
}

@media screen and (max-width: 359px) {
    .cv-bundle-icon.safe-checkout-small {
        margin-bottom: 4px
    }
}

.cv-bundle-icon.grey-payment {
    background-position: -79px -206px;
    width: 266px;
    height: 28px
}

.cv-bundle-icon.blue-email {
    background-position: -13px -248px;
    width: 21px;
    height: 15px;
    display: inline-block
}

.cv-bundle-icon.blue-star {
    background-position: -46px -245px;
    width: 21px;
    height: 21px;
    display: inline-block
}

.cv-bundle-icon.blue-star--small {
    background-position: -29px -154px;
    width: 13px;
    height: 13px;
    display: inline-block;
    -webkit-background-size: 435px 208px;
    background-size: 435px 208px
}

.cv-bundle-icon.blue-print {
    background-position: -80px -243px;
    width: 24px;
    height: 25px;
    display: inline-block
}

.cv-bundle-icon.tooltip-icon {
    background-position: -117px -249px;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    position: relative;
    top: 1px
}

.cv-bundle-icon.payPal {
    background-position: -427px -161px;
    width: 63px;
    height: 17px;
    margin-left: 5px
}

@media screen and (min-width: 40em) {
    .cv-bundle-icon.payPal {
        margin-top: 4px
    }
}

.cv-bundle-icon.small-lock {
    background-position: -145px -249px;
    width: 12px;
    height: 13px;
    display: inline-block;
    margin-right: 5px
}

.cv-bundle-icon.download-white {
    background-position: -634px -198px;
    width: 28px;
    height: 34px;
    display: inherit
}

.grid-container.cv-bundle-container {
    padding-top: 40px !important
}

@media screen and (max-width: 39.99875em) {
    .grid-container.cv-bundle-container {
        padding-top: 20px !important;
        max-width: 500px
    }
}

.cv-bundle-banner {
    position: relative
}

.cv-bundle-banner .btn {
    margin-right: 20px
}

.cv-bundle-banner .ad-documents {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 372px;
    z-index: 0;
    max-width: 65%
}

.cv-bundle-banner--content {
    position: relative;
    z-index: 1;
    min-height: 372px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bundle-banner {
        padding: 0 20px 25px;
        margin: 0 -50px 0 -50px
    }

    .cv-bundle-banner .btn {
        margin-bottom: 20px
    }

    .cv-bundle-banner .ad-documents {
        max-width: 55%;
        right: 15px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-banner--content {
        min-height: auto
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-banner {
        padding-bottom: 185px
    }

    .cv-bundle-banner .ad-documents {
        max-width: none
    }
}

.cv-bundle-banner-title {
    font-size: 45px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    line-height: 50px;
    margin: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bundle-banner-title {
        font-size: 35px;
        line-height: 40px;
        max-width: 500px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-banner-title {
        font-size: 30px;
        line-height: 34px
    }
}

.cv-bundle-banner-text {
    font-size: 24px;
    line-height: 26px;
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin: 15px 0 30px 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bundle-banner-text {
        margin: 10px 0 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-banner-text {
        margin: 15px 0;
        font-size: 18px
    }
}

.red-line-through {
    text-decoration: line-through;
    -webkit-text-decoration-color: #FF0000;
    text-decoration-color: #FF0000
}

@media screen and (max-width: 1330px) and (max-width: 64.06125em) {
    .cv-bundle-button .btn {
        margin-bottom: 20px
    }

    .cv-bundle-button .flex-align-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width: 1330px) and (max-width: 39.99875em) {
    .cv-bundle-button .btn {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 1330px) {
    .cv-bundle-button .cv-bundles-initial-price {
        text-align: left
    }
}

@media screen and (max-width: 1330px) and (max-width: 39.99875em) {
    .cv-bundle-button .cv-bundles-initial-price {
        font-size: 13px
    }
}

@media screen and (max-width: 1330px) and (max-width: 350px) {
    .cv-bundle-button .cv-bundles-initial-price {
        font-size: 12px
    }
}

@media screen and (max-width: 1330px) and (max-width: 340px) {
    .cv-bundle-button .cv-bundles-initial-price {
        font-size: 10px
    }
}

@media screen and (max-width: 1330px) {
    .cv-bundle-button .cv-bundles-price {
        text-align: left
    }
}

@media screen and (max-width: 1330px) and (max-width: 39.99875em) {
    .cv-bundle-button .cv-bundles-price span {
        font-size: 20px
    }
}

@media screen and (max-width: 1330px) and (max-width: 39.99875em) {
    .cv-bundle-button .cv-bundles-price {
        font-size: 30px !important
    }
}

.cv-bundles-offer {
    background: #801112;
    color: #ffffff;
    max-width: 341px;
    height: 40px;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    display: grid
}

.cv-bundles-offer.big {
    max-width: 511px;
    margin-bottom: 30px
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-offer.big {
        margin-top: 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-offer.big {
        margin-top: 0px
    }
}

.cv-bundles-offer .star {
    background: url("../image/star-a727e50e11f0c240b77469059a5749f11705ddb67f0fda33385e544c0a2007f9.svg") no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 10px
}

.cv-bundles-offer p {
    color: #ffffff;
    margin: auto;
    text-align: center;
    font-size: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    vertical-align: middle;
    line-height: 40px
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-offer {
        margin-bottom: 10px
    }
}

.cv-bundles-offer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid #f6f6f6;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.cv-bundles-offer:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 12px solid #f6f6f6;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent
}

.cv-bundles-title {
    font-size: 40px;
    line-height: 1
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-title {
        font-size: 35px
    }
}

@media screen and (max-width: 374px) {
    .cv-bundles-title {
        font-size: 30px
    }
}

.cv-bundles-subtitle {
    font-size: 24px !important;
    line-height: 26px;
    color: rgba(77, 77, 77, 0.8) !important;
    margin: 0 0 40px 0 !important;
    padding-top: 10px
}

.cv-bundles-subtitle--blue {
    color: #083A50 !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bundles-subtitle {
        margin: 0 0 45px 0 !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-subtitle {
        font-size: 18px !important;
        margin: 0 0 20px 0 !important
    }
}

.cv-bundles-featured-carousel {
    background-color: #f6f6f6 !important
}

.cv-bundles-featured-carousel .grid-container {
    padding-top: 20px !important;
    padding-bottom: 70px !important
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-featured-carousel .grid-container {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-featured-carousel .grid-container {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

.cv-bundles-featured-carousel .heading-orange {
    color: #4D4D4D !important;
    font-size: 18px !important;
    line-height: 26px !important
}

.cv-bundles-featured-carousel .logo-block img {
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important
}

@media screen and (min-width: 64.0625em) {
    .cv-bundles-featured-carousel .logo-block img:hover {
        opacity: 0.7 !important
    }
}

.cv-bundle-about {
    font-size: 28px !important;
    line-height: 30px !important
}

@media screen and (max-width: 1281px) and (min-width: 1025px) {
    .cv-bundle-about {
        font-size: 26px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-about {
        font-size: 25px !important
    }
}

.cv-bundles-info {
    font-size: 18px;
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 15px;
    line-height: 1.3;
    text-rendering: optimizeLegibility
}

.cv-bundles-info ul {
    margin-left: 0 !important
}

.cv-bundles-info ul li {
    font-size: 18px !important;
    line-height: 24px !important;
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Semi-Bold", sans-serif !important;
    list-style: none !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    text-indent: 0 !important
}

.cv-bundles-info ul .bonus {
    color: #083A50;
    padding-top: 2px;
    line-height: 21px !important
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-info.order-info {
        margin: 10px 0 0 0
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-info.marginless {
        margin: 0
    }
}

.cv-bundles-initial-price {
    font-size: 14px;
    line-height: 16px;
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-bottom: 0;
    text-align: right
}

.cv-bundles-initial-price--left {
    text-align: left
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-initial-price {
        margin-top: 10px;
        text-align: center
    }
}

.cv-bundles-offer-label {
    color: #801112;
    font-size: 18px;
    line-height: 25px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-bottom: 0;
    text-align: right
}

.cv-bundles-offer-label--left {
    text-align: left
}

.cv-bundles-price {
    color: #801112;
    font-size: 40px;
    line-height: 30px
}

@media screen and (max-width: 64.06125em) {
    .cv-bundles-price {
        font-size: 35px
    }
}

.cv-bundles-price span {
    font-size: 25px;
    line-height: 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-price span {
        font-size: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundles-price {
        font-size: 40px !important
    }
}

.templates-accordion .accordion,
.templates-accordion .accordion-content {
    background-color: transparent
}

.templates-accordion .accordion-item a {
    color: #083A50
}

.templates-accordion .accordion-item a:hover {
    text-decoration: none !important
}

.templates-accordion .accordion-item.is-active .accordion-title {
    border-bottom: 0
}

.templates-accordion .accordion-item.is-active .accordion-content {
    border-bottom: 1px solid #EBEBEB
}

.templates-accordion .accordion-content {
    border: none;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    display: block;
    padding: 0;
    max-height: 0;
    color: rgba(77, 77, 77, 0.8);
    font-size: 18px
}

.templates-accordion p {
    line-height: 1.3
}

.templates-accordion ul,
.templates-accordion ol {
    margin-bottom: 20px
}

.templates-accordion ul li,
.templates-accordion ol li {
    list-style: inherit
}

@media screen and (max-width: 39.99875em) {

    .templates-accordion ul li,
    .templates-accordion ol li {
        line-height: 1.3
    }
}

.templates-accordion .accordion-item:last-child .accordion-title {
    border-bottom: none
}

.templates-accordion .accordion-title {
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    border: none;
    border-bottom: 1px solid #EBEBEB;
    padding: 20px 15px 20px 0;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.templates-accordion .accordion-title:hover {
    cursor: pointer;
    background: transparent
}

.templates-accordion .accordion-title:hover:before {
    opacity: 1
}

.templates-accordion .accordion-title:before {
    content: '';
    background-image: url("../image/cv-bundle-sprite-22e3f51ee44819b09a12529760131ec329d9a678203f92fa32acfa32c19455da.svg");
    background-position: -351px -20px;
    opacity: 0.5;
    width: 11px;
    height: 8px;
    right: 0;
    margin-top: 0
}

@media screen and (max-width: 39.99875em) {
    .templates-accordion .accordion-title:before {
        right: -2px
    }
}

.templates-accordion .is-active>.accordion-title::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.trustpilot-review {
    font-size: 35px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    margin: 0 0 20px 0
}

@media screen and (max-width: 424px) {
    .trustpilot-review {
        max-width: 232px;
        margin: 0 auto 20px
    }
}

.trustpilot-review span {
    font-family: "Sofia-Pro-Regular", sans-serif
}

.templates-item-slider-container.grid-container {
    padding-bottom: 0 !important
}

@media screen and (max-width: 39.99875em) {
    .templates-item-slider-container.grid-container {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .templates-item-slider-wrapper,
    .reviews-slider-wrapper {
        margin: 0 -50px;
        width: calc(100% + 100px)
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-item-slider-wrapper {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

@media screen and (max-width: 39.99875em) {
    .reviews-slider-wrapper {
        margin: 0 -30px;
        width: calc(100% + 60px)
    }
}

@media screen and (max-width: 359px) {
    .reviews-slider-wrapper {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

@media screen and (max-width: 64.06125em) {
    .templates-item-header {
        position: absolute;
        left: 50px;
        z-index: 1;
        margin-top: 23px
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-item-header {
        left: 10px;
        margin-top: 0
    }

    .templates-item-header .templates-item-slider-title {
        margin: 3px 135px 20px auto;
        line-height: 30px !important
    }
}

@media screen and (max-width: 402px) {
    .templates-item-header .templates-item-slider-title {
        line-height: 25px !important;
        font-size: 23px
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-item-header .tab-holder {
        top: 0
    }
}

.templates-item-slider-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 auto 20px auto;
    font-size: 25px;
    line-height: 30px
}

@media screen and (max-width: 64.06125em) {
    .templates-item-slider-title {
        margin: 15px 0;
        width: auto !important;
        position: relative !important
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-item-slider-title {
        margin: 5px 135px 20px auto;
        line-height: 30px !important
    }
}

@media screen and (max-width: 402px) {
    .templates-item-slider-title {
        line-height: 25px;
        margin: auto
    }
}

.reviews-slider {
    margin: 0 -10px;
    width: calc(100% + 20px)
}

.reviews-slider .slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.reviews-slider .slick-slide {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: inherit;
    padding: 0 10px
}

.reviews-slider .slick-prev,
.reviews-slider .slick-next {
    width: 36px !important;
    height: 36px !important;
    background-color: rgba(10, 30, 46, 0.1) !important;
    border-radius: 50% !important;
    color: #0A1E2E;
    top: 40% !important;
    z-index: 2;
    bottom: 0
}

.reviews-slider .slick-prev::before,
.reviews-slider .slick-next::before {
    display: inline-block;
    margin-top: 10px
}

.reviews-slider .slick-prev.slick-disabled:hover,
.reviews-slider .slick-next.slick-disabled:hover {
    background-color: rgba(10, 30, 46, 0.1) !important
}

.reviews-slider .slick-prev {
    left: -35px !important
}

.reviews-slider .slick-prev::before {
    margin-left: 1px
}

.reviews-slider .slick-next {
    right: -35px !important
}

.reviews-slider .slick-next::before {
    margin-right: 1px
}

@media screen and (max-width: 64.06125em) {
    .reviews-slider {
        overflow: hidden;
        margin: 0;
        width: 100%
    }

    .reviews-slider .slick-prev {
        left: 10px !important
    }

    .reviews-slider .slick-next {
        right: 10px !important
    }

    .reviews-slider .slick-list {
        margin: 0 50px 0;
        overflow: visible
    }
}

.templates-items-slider {
    width: 100%
}

.templates-items-slider .slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.templates-items-slider .slick-list {
    padding: 0 0 16px 0;
    margin-left: -10px;
    margin-right: -10px
}

.templates-items-slider .slick-slide {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: inherit
}

@media screen and (max-width: 64.06125em) {
    .templates-items-slider {
        overflow: hidden
    }

    .templates-items-slider .slick-list {
        margin: 140px 50px 0 40px;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-items-slider .slick-list {
        margin: 75px 45px 0 5px
    }
}

.templates-items-slider .slick-track {
    margin-left: unset !important
}

.templates-items-slider .slick-slide {
    padding: 0 10px
}

@media screen and (max-width: 39.99875em) {
    .templates-items-slider .slick-slide {
        padding: 0 7px
    }
}

@media screen and (max-width: 359px) {
    .templates-items-slider .slick-slide {
        padding: 0 5px
    }
}

.templates-items-slider .slick-slide>div {
    width: inherit
}

.templates-items-slider .slick-prev,
.templates-items-slider .slick-next {
    background: transparent !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid #184B5E;
    border-radius: 50% !important;
    position: absolute !important;
    top: -90px !important;
    margin: 0;
    overflow: visible;
    z-index: 1
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .templates-items-slider .slick-prev,
    .templates-items-slider .slick-next {
        top: 70px !important
    }
}

@media screen and (max-width: 39.99875em) {

    .templates-items-slider .slick-prev,
    .templates-items-slider .slick-next {
        width: 40px !important;
        height: 40px !important;
        top: 0 !important
    }
}

.templates-items-slider .slick-prev:hover,
.templates-items-slider .slick-next:hover {
    background: transparent !important
}

@media screen and (min-width: 64.0625em) {

    .templates-items-slider .slick-prev:hover .slider-arrow--next,
    .templates-items-slider .slick-next:hover .slider-arrow--next {
        background: url("../image/orange_arrow_right-8df01458361c23fdfe8bc135fb4eac7590fdca2791719a5cb3c9c821ebf853f2.svg") no-repeat
    }

    .templates-items-slider .slick-prev:hover .slider-arrow--prev,
    .templates-items-slider .slick-next:hover .slider-arrow--prev {
        background: url("../image/orange_arrow_left-d19198f6a8592bd7487ccbc3e735f7658fc9bc71b8740b3851a66e38b0da24b3.svg") no-repeat
    }
}

.templates-items-slider .slick-prev:hover:before,
.templates-items-slider .slick-next:hover:before {
    content: '' !important
}

.templates-items-slider .slick-next {
    right: 0 !important
}

.templates-items-slider .slick-next:before {
    content: '' !important
}

@media screen and (max-width: 64.06125em) {
    .templates-items-slider .slick-next {
        right: 50px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-items-slider .slick-next {
        right: 10px !important
    }
}

.templates-items-slider .slick-prev {
    left: calc(100% - 125px) !important
}

.templates-items-slider .slick-prev:before {
    content: '' !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .templates-items-slider .slick-prev {
        left: calc(100% - 175px) !important
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-items-slider .slick-prev {
        right: 60px !important;
        left: auto !important
    }
}

.templates-items-slider .slider-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.templates-items-slider .slider-arrow--next {
    background: url("../image/blue_arrow_right-96cf7ffe69c5839be4a2d2c0982fe8e422aa56a20a540f931830c1d1b661e857.svg") no-repeat
}

.templates-items-slider .slider-arrow--prev {
    background: url("../image/blue_arrow_left-2be3c131d043de958bd49a3b57b47826fe17d186c3c60e0f18eac0a8b58680bf.svg") no-repeat
}

@media screen and (max-width: 39.99875em) {
    .templates-items-slider .slider-arrow {
        width: 15px;
        height: 15px
    }
}

.templates-item {
    background: #f6f6f6;
    border-radius: 5px;
    height: 100%
}

@media screen and (max-width: 406px) {
    .templates-item {
        margin-top: 15px
    }
}

.templates-item:hover {
    cursor: pointer
}

.templates-item:focus {
    outline: none
}

.greyArea .templates-item {
    background-color: #ffffff
}

.templates-item-pic {
    height: 220px;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.templates-item-pic .search-icon-blue {
    background: url("../image/MagnifyGlassBlue-0e6f97bff7c884c521b183c4a832d3eb984bd6a0f4c6f75d5534145db70c7a19.svg") no-repeat;
    width: 15px;
    height: 15px
}

.templates-item-pic:hover .templates-item-pic-layer {
    background-color: rgba(255, 255, 255, 0.5)
}

.templates-item-pic:hover .search-icon-blue {
    background: url("../image/MagnifyGlassRed-1a838d970a21e928f35b16811fcf1d18c05a8dcff0b7e8c9973454cc1636feec.svg") no-repeat
}

.templates-item-pic:hover~.templates-item-details h5 {
    color: #801112
}

.templates-item-pic .templates-item-pic-layer {
    height: 220px
}

.greyArea .templates-item-pic:hover~.templates-item-details h5 {
    color: #ED8A47
}

.templates-item-view {
    background: #ffffff;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    padding: 8px;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.templates-item-details {
    padding: 20px
}

.templates-item-details h5 {
    color: #083A50;
    line-height: 1.2;
    margin-bottom: 15px
}

.templates-item-details p {
    color: rgba(77, 77, 77, 0.5);
    line-height: 1.4;
    margin-bottom: 10px;
    min-height: 75px
}

.bonus-section {
    position: relative
}

.bonus-section .grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .bonus-section {
        padding-top: 100px
    }
}

@media screen and (max-width: 39.99875em) {
    .bonus-section {
        padding-top: 50px
    }
}

.bonus-section-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-section-img {
    background-image: url("../image/Bonus-Item-Desktop-8cb272534ef7935aa23bf80d57d7ddd82f092eff61af0befae85e20a926f9b26.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 436px;
    width: 887px;
    margin: 45px 0 0 0
}

@media screen and (max-width: 1778px) and (min-width: 1025px) {
    .bonus-section-img {
        -webkit-background-size: contain;
        background-size: contain;
        height: 360px;
        max-width: 887px;
        width: 100%;
        margin: 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .bonus-section-img {
        background-image: url("../image/Bonus-Item-Tablet-08a37f72c536deb0261eac77a28b4dca3d55199131242226cfe27dca1c691529.png");
        max-width: 758px;
        width: 100%;
        background-position: bottom center;
        margin: 45px auto 0
    }
}

@media screen and (max-width: 39.99875em) {
    .bonus-section-img {
        background-image: url("../image/Bonus-Item-Mobile-70e32a7ee0243ebf5352dc1dcd134940210eab5f77a66c3176a446a274278896.png");
        max-width: 321px;
        width: 100%;
        height: 185px;
        background-position: bottom center;
        margin: 35px auto 0
    }
}

.bonus-section-img--get-hired {
    background-image: url("../image/desktop-bonus-img-506e8d53475fbe6435927b811088b91efe70eeec32a568f30808fd0761c5a052.png")
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .bonus-section-img--get-hired {
        background-image: url("../image/tablet-bonus-img-df909d49781cc5d10744beff37a54b8ff2dcef6e09e4c5d2b46918061385c0fa.png")
    }
}

@media screen and (max-width: 39.99875em) {
    .bonus-section-img--get-hired {
        background-image: url("../image/mobile-bonus-img-0db4c85ccd1eda98cd19d03154e0af7f61a6b3a43c6e9d3056333049ba76d351.png")
    }
}

.bonus-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #801112;
    font-size: 21px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-bottom: 10px
}

.bonus-item--orange {
    color: #ED8A47
}

.bonus-section-title {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 10px
}

@media screen and (max-width: 790px) and (min-width: 641px) {
    .bonus-section-title {
        font-size: 33px
    }
}

@media screen and (max-width: 39.99875em) {
    .bonus-section-title {
        font-size: 28px
    }
}

.bonus-section-desc {
    max-width: 600px;
    margin: 30px 0 0 0;
    line-height: 1.4
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .medium-marginless {
        margin: 0 -50px;
        width: calc(100% + 100px) !important
    }
}

@media screen and (max-width: 39.99875em) {
    .medium-marginless {
        margin: 0 -30px;
        width: calc(100% + 60px) !important
    }
}

@media screen and (max-width: 359px) {
    .medium-marginless {
        margin: 0 -10px;
        width: calc(100% + 20px) !important
    }
}

.cv-bundles-promo-title {
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 10px
}

.cv-bundles-promo-price {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #74D6C5;
    margin-bottom: 20px
}

.cv-bundles-promo-price p {
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 0
}

.cv-bundle-unique-link {
    background: #f6f6f6;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-bundle-unique-link p {
    margin: 0 0 0 10px;
    color: #8e8e8e;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 13px
}

.reveal.templates-item-preview {
    padding: 0 !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal.templates-item-preview {
        max-width: 900px;
        width: 900px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal.templates-item-preview--small {
        width: 733px !important
    }
}

.reveal.templates-item-preview .templates-item-close-button {
    background: #ffffff;
    height: 30px;
    width: 30px;
    min-width: 0;
    border-radius: 5px;
    padding: 8px 9px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.reveal.templates-item-preview .templates-item-close-button:hover .templates-item-close-icon {
    background: url("../image/closeIconRed-748e51fc0c051d78893d141792616fe3eae1cae8210d7c757ec9184fe65d15e8.svg") no-repeat
}

.reveal.templates-item-preview .templates-item-close-button .templates-item-close-icon {
    background: url("../image/closeIconBlue-7d2680e45360ddd70db5c0bb6e43cd3634ab18dd319cab52f0a2da021948bac6.svg") no-repeat;
    width: 12px;
    height: 12px
}

.reveal.templates-item-preview.add-animation {
    -webkit-animation-name: popupContentMoveDownToMiddle;
    animation-name: popupContentMoveDownToMiddle;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

.templates-item-preview-details {
    padding: 15px 30px
}

.templates-item-preview-details h5 {
    color: #083A50;
    font-size: 18px;
    line-height: 22px
}

.templates-item-preview-details p {
    color: rgba(77, 77, 77, 0.5) !important;
    line-height: 26px !important;
    margin: 15px 0 10px 0 !important
}

.cv-bundle-coupon {
    background-image: url(../image/Coupon-Desktop-eb82314cb8933dae8589a64da07d03b827c952615fc86cbab176383b075d9a33.png);
    position: relative;
    width: 944px;
    height: 212px;
    margin: 20px auto 0 auto
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-coupon {
        background-image: url(../image/Coupon-Tablet-72f6ce8e9cae896f090fa2dd56da9996f526c944786b179b884e3b11371a3b93.png);
        width: 668px;
        height: 269px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon {
        background-image: url(../image/Coupon-Mobile-0b559975a0a56337fb864aaa66ab083f8e9ae1159a12586b1154c075e2067467.png);
        width: 316px;
        height: 443px;
        margin: 30px auto 0 auto
    }
}

.cv-bundle-coupon .content-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px 0 45px;
    height: 212px
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-coupon .content-block {
        height: 269px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon .content-block {
        height: 443px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px 30px
    }
}

.cv-bundle-coupon .left-area {
    text-align: left;
    width: 644px
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon .left-area {
        width: 254px;
        height: 310px
    }
}

.cv-bundle-coupon .left-area h4 {
    color: #ffffff;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 35px;
    margin-bottom: 15px;
    max-width: 490px;
    line-height: 35px
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-coupon .left-area h4 {
        max-width: 297px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon .left-area h4 {
        font-size: 30px;
        line-height: 35px
    }
}

.cv-bundle-coupon .left-area p {
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    max-width: 490px;
    line-height: 24px
}

@media screen and (max-width: 64.06125em) {
    .cv-bundle-coupon .left-area p {
        max-width: 297px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon .left-area p {
        max-width: 254px
    }
}

.cv-bundle-coupon .left-area p span {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #74D6C5;
    font-size: 24px
}

.cv-bundle-coupon .right-area {
    text-align: left;
    width: 300px
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-coupon .right-area {
        width: 254px;
        height: 100px
    }
}

.cv-bundle-coupon .right-area a {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47;
    font-size: 15px;
    text-decoration: underline
}

.cv-bundle-coupon .right-area .cv-coupon-box {
    position: relative;
    margin-bottom: 10px
}

.cv-bundle-coupon .right-area .cv-coupon-box input {
    background: #f6f6f6;
    color: rgba(77, 77, 77, 0.5);
    padding: 10px 8px;
    height: 40px;
    cursor: default
}

.cv-bundle-coupon .right-area .cv-coupon-box .cv-coupon-button {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(77, 77, 77, 0.1);
    padding: 10px;
    height: 40px;
    min-width: 80px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #083A50;
    line-height: 1.4;
    text-decoration: none
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bundle-coupon .right-area .cv-coupon-box .cv-coupon-button {
        min-width: 70px
    }
}

.reveal.cv-bundles-exit-popup h3 {
    font-size: 39px;
    line-height: 45px
}

@media screen and (max-width: 376px) {
    .reveal.cv-bundles-exit-popup h3 {
        padding: 0 30px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal.cv-bundles-exit-popup {
        max-width: 900px;
        width: 900px
    }
}

@media screen and (min-width: 40em) {
    .reveal.cv-bundles-exit-popup {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 64.06125em) {
    .reveal.cv-bundles-exit-popup {
        max-width: 668px;
        width: 100%;
        padding: 50px 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup {
        border-radius: 0 !important
    }
}

@media screen and (max-width: 376px) {
    .reveal.cv-bundles-exit-popup {
        padding: 50px 0
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon {
    background-image: url(../image/Coupon-Popup-Desktop-69e6c0bf08f3fc48c08235082ff10221d5872531cd8eaf1c63dc15ac1eef8b75.png);
    position: relative;
    width: 738px;
    height: 180px;
    margin: 20px auto 40px auto
}

@media screen and (max-width: 64.06125em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon {
        background-image: url(../image/Coupon-Popup-Tablet-1baa54413eb20dedcb280ae9c0ccae1a162a657dc6b702bad1764726ffea72ef.png);
        width: 610px;
        height: 228px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon {
        background-image: url(../image/Coupon-Popup-Mobile-8874c117996785c71b27f9bac0cf681036ce0bd464669d5ee57e5abd785bde93.png);
        width: 316px;
        height: 418px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .content-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    height: 180px
}

@media screen and (max-width: 64.06125em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .content-block {
        height: 228px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .content-block {
        height: 418px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 25px 30px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .left-area {
    text-align: center;
    width: 344px
}

@media screen and (max-width: 64.06125em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .left-area {
        width: 474px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .left-area {
        width: 254px;
        height: 180px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .left-area h4 {
    color: #ED8A47 !important;
    font-size: 35px !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 38px !important;
    max-width: 254px
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .left-area p {
    max-width: 250px;
    font-size: 26px !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 38px !important;
    color: #ffffff !important
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .right-area {
    text-align: left
}

@media screen and (min-width: 40em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .right-area {
        width: 363px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .right-area h4 {
    color: #ffffff;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .right-area p {
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    line-height: 26px
}

@media screen and (max-width: 64.06125em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-coupon .right-area p {
        line-height: 22px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-msg {
    font-size: 24px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50;
    margin: 0 0 16px 0
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-msg p {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #ED8A47 !important
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-msg p {
        margin-top: 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-msg {
        line-height: 1.2;
        margin: 16px 0
    }
}

@media screen and (max-width: 376px) {
    .reveal.cv-bundles-exit-popup .cv-bundles-popup-msg {
        padding: 0 30px
    }
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-price {
    font-size: 30px !important;
    font-family: "Sofia-Pro-Regular", sans-serif;
    line-height: 1 !important;
    color: #74D6C5 !important;
    margin: 15px 0 !important
}

.reveal.cv-bundles-exit-popup .cv-bundles-popup-note {
    font-size: 13px !important;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 26px !important;
    color: rgba(77, 77, 77, 0.8) !important
}

@-webkit-keyframes popupContentMoveDownToMiddle {
    0% {
        top: -50%
    }

    100% {
        top: 50%
    }
}

@keyframes popupContentMoveDownToMiddle {
    0% {
        top: -50%
    }

    100% {
        top: 50%
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cv-packages {
    background: url("../image/cv-packages-896197fcf4c85d3a630f06214efd48712ffe7ea94d65b53231b208e74648ddfe.svg")
}

.cv-packages.trustpilot-white-with-stars {
    background-position: -651px -13px;
    width: 247px;
    height: 28px
}

.cv-packages.trustpilot-with-stars {
    background-position: -825px -86px;
    width: 280px;
    height: 28px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-packages.trustpilot-with-stars {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

.cv-packages.blue-bullet {
    background-position: -649px -89px;
    width: 22px;
    height: 22px
}

.cv-packages.arrow-pagination {
    background-position: -225px -26px;
    width: 13px;
    height: 8px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    margin: 2px 5px 0 5px
}

.cv-packages.trustpilot-big {
    background-position: -888px -150px;
    width: 140px;
    height: 34px
}

@media print,
screen and (min-width: 40em) {
    .cv-packages.trustpilot-big {
        margin-left: 5px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-packages.trustpilot-big {
        margin: 10px auto 0 auto
    }
}

.cv-packages.trustpilot-stars-big {
    background-position: -686px -151px;
    width: 183px;
    height: 33px
}

.cv-packages.cv-bundle-starter-tick {
    background-position: -689px -89px;
    width: 23px;
    height: 22px
}

.cv-packages.cv-bundle-development-tick {
    background-position: -731px -89px;
    width: 22px;
    height: 22px
}

.cv-packages.cv-bundle-advancement-tick {
    background-position: -772px -89px;
    width: 22px;
    height: 22px
}

.cv-packages.pci-visa {
    background-position: -385px -14px;
    width: 93px;
    height: 28px;
    margin-top: 40px;
    display: inline-block
}

.cv-packages.verified-visa {
    background-position: -497px -17px;
    width: 52px;
    height: 23px;
    margin-top: 40px;
    display: inline-block;
    margin: 0 20px
}

.cv-packages.secure-core {
    background-position: -568px -18px;
    width: 63px;
    height: 20px;
    margin-top: 40px;
    display: inline-block
}

.cv-packages.guarantee {
    background-position: -683px -316px;
    width: 151px;
    height: 150px
}

.cv-packages.guarantee-days {
    background-position: -13px -488px;
    width: 151px;
    height: 150px
}

.cv-packages.guarantee-days-small {
    background-position: -203px -496px;
    width: 101px;
    height: 101px
}

.cv-packages.guarantee-days-small--with-v-spaces {
    background-position: -203px -490px;
    height: 109px
}

.cv-packages.help {
    background-position: -366px -490px;
    width: 107px;
    height: 109px
}

.cv-packages.download {
    background-position: -534px -513px;
    width: 99px;
    height: 77px
}

.cv-packages.download--with-v-spaces {
    background-position: -534px -490px;
    height: 109px
}

.cv-packages.grey-info-icon {
    background-position: -989px -260px;
    width: 15px;
    height: 14px
}

.cv-packages.blue-info-icon {
    background-position: -937px -259px;
    width: 17px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    margin: 10px 0 0 10px
}

.cv-packages.cv-blue-bullet-point {
    background-position: -649px -89px;
    width: 22px;
    height: 23px
}

.cv-packages.blue-magnify {
    background-position: -124px -22px;
    width: 16px;
    height: 16px
}

.cv-packages.light-blue-arrow {
    background-position: -14px -82px;
    width: 25px;
    height: 31px
}

.cv-packages.light-blue-payment {
    background-position: -675px -214px;
    width: 67px;
    height: 71px;
    margin: 0 auto 20px auto
}

.cv-packages.upload-cv {
    background-position: -162px -86px;
    width: 21px;
    height: 20px;
    display: inline-block
}

@media print,
screen and (min-width: 40em) {
    .cv-packages.upload-cv {
        margin: 0 0 0 10px
    }
}

.cv-packages.uploaded-cv {
    background-position: -63px -83px;
    width: 31px;
    height: 31px;
    display: inline-block;
    margin: 0 0 0 10px
}

.cv-packages.order-success {
    background-position: -363px -66px;
    width: 56px;
    height: 63px;
    margin: 0 auto 20px auto
}

.cv-packages.light-blue-hand {
    background-position: -364px -68px;
    width: 54px;
    height: 60px;
    margin: 10px auto 40px
}

.cv-packages.white-next-arrow {
    background-position: -1002px -217px;
    width: 22px;
    height: 12px;
    margin: 0 0 0 10px;
    display: inline-block
}

.cv-packages.blue-prev-arrow {
    background-position: -969px -217px;
    width: 22px;
    height: 12px;
    margin: 0 10px 0 0;
    display: inline-block
}

.cv-packages.grey-tooltip {
    background-position: -989px -260px;
    width: 15px;
    height: 14px;
    margin: 0 10px 0 0;
    display: inline-block
}

.cv-packages.white-warning-icon {
    background-position: -1038px -257px;
    width: 19px;
    height: 18px
}

.cv-packages.failed-payment-icon {
    background-position: -286px -68px;
    width: 59px;
    height: 59px;
    margin: 0 auto 20px auto
}

.no-webp .banner-top-cv {
    background-image: url("../image/cv-help-banner-3d408564aa4708254956fb4e39b41f2ecd7e3673eba1d13483583da0adc88795.png") !important
}

.no-webp .cv-services-section .cv-services-img.writing {
    background-image: url("../image/cv-writing-service-1321744344f03837be08e4756f30df08b8f15c1e78e676c520dca6f66a6a4ee3.png")
}

.no-webp .cv-services-section .cv-services-img.review {
    background-image: url("../image/cv-review-service-bad8c0cf0607cf2f26a358683f0b27b20e0b904b6be4b70d9a3d29a85646d3ab.png")
}

.no-webp .cv-services-section .cv-services-img.bundles {
    background-image: url("../image/cv-bundles-service-7046e3dbdd91fa18b6cf235a48b75f451561fbdabf40b2332ba984d38d05adde.png")
}

.no-webp .cv-side-bubble.is-on-right {
    background-image: url("../image/gray-bubble-right-777434a48aac48269829fa3911e09362e29fae254a66bd30c152db77e42a2851.svg")
}

.no-webp .cv-side-bubble.is-on-left {
    background-image: url("../image/gray-bubble-left-cb1f483f85e2e27c94773ac1a02ebf480eec0bd6ca703c74c1fb730188b99e15.svg")
}

.no-webp .cv-side-bubble.white-small-on-right {
    background-image: url("../image/white-small-bubble-right-21dc8c9a0ad2c27053935e4e317c30d58f881807d8d282831169459603a17686.png")
}

.no-webp .cv-side-bubble.white-small-on-left {
    background-image: url("../image/white-small-bubble-left-075716592c64423e5d0afc4ce2e97d6b13899222eb94c89d36242b98f3fdb474.png")
}

.no-webp .cv-side-bubble.white-on-right {
    background-image: url("../image/white-bubble-right-4d0e2d6e9c448d34f334b2b5e2ce156a5cf2466716ac7b5e4939b9f50b1185cc.png")
}

.no-webp .cv-side-bubble.white-on-left {
    background-image: url("../image/white-bubble-left-38019c3b0d8603a121fb5bd5660b0afc9cc0d8eb4bacea752a56abb2a60973e7.png")
}

.cv-side-bubble {
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    z-index: -1
}

.cv-side-bubble.is-on-right {
    right: 0;
    background-image: url("../image/gray-bubble-right-e935eacf943a704e8335a115f12d3543a5fdd41f26042f05ce1c875286385dc5.webp");
    width: 241px;
    height: 880px;
    top: 200px
}

.cv-side-bubble.is-on-left {
    left: 0;
    background-image: url("../image/gray-bubble-left-bb4dd0e4edca74ba681d06bdd425cd9bbb3da03e3f42d12637a1dd3d55b3e0dd.webp");
    width: 233px;
    height: 814px;
    top: 200px
}

.cv-side-bubble.white-small-on-right {
    right: 0;
    background-image: url("../image/white-small-bubble-right-bf0b1bb02c8b7c67e8842f568f4d9ed2db475cafe8dbc53610cb28da2ae3a823.webp");
    width: 169px;
    height: 487px;
    top: 80px;
    z-index: 0
}

.cv-side-bubble.white-small-on-left {
    left: 0;
    background-image: url("../image/white-small-bubble-left-5ee8100bc0762477aad6cb5094f8d04b7afd5ce0457f7dc5f7ab8534b6d4cabb.webp");
    width: 169px;
    height: 487px;
    top: 80px;
    z-index: 0
}

.cv-side-bubble.white-on-right {
    right: 0;
    background-image: url("../image/white-bubble-right-037e77d84825af63926bb3c3eef2bf4e5e1afb0d08734fa0ea5eef0cfde1db93.webp");
    width: 241px;
    height: 850px;
    top: 80px;
    z-index: 0
}

.cv-side-bubble.white-on-left {
    left: 0;
    background-image: url("../image/white-bubble-left-464c1deb1ddcc76bcc82cffe669cf9e38d5957501e738567f1fc65a5e4919f70.webp");
    width: 233px;
    height: 814px;
    top: 80px;
    z-index: 0
}

@media screen and (max-width: 1365px) {
    .cv-side-bubble.desktop-up {
        display: none
    }
}

.cv-top-wave {
    background-image: url("../image/desktop-wave-top-6dff9299456a978988d5d9a3272603e9f2722320f840278168972e91f219f81e.png");
    background-repeat: no-repeat;
    min-height: 420px;
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
    margin-bottom: -100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 2375px) and (min-width: 2201px) {
    .cv-top-wave {
        min-height: 400px
    }
}

@media screen and (max-width: 2200px) and (min-width: 1921px) {
    .cv-top-wave {
        min-height: 360px
    }
}

@media screen and (max-width: 1920px) and (min-width: 1750px) {
    .cv-top-wave {
        min-height: 315px
    }
}

@media screen and (max-width: 1749px) and (min-width: 1683px) {
    .cv-top-wave {
        min-height: 300px
    }
}

@media screen and (max-width: 1682px) and (min-width: 1025px) {
    .cv-top-wave {
        min-height: 246px;
        margin-bottom: -50px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-top-wave {
        background-image: url("../image/tablet-wave-top-675b915cbebd4411731a00951481eac9d3203500b6d6a4442a71704d98a478f8.png");
        margin-bottom: 0;
        min-height: 300px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-top-wave {
        background-image: url("../image/mobile-wave-top-a6e8f75f1404493525446c473a3a2606370c4cb9038e2e0b00cfb744e056b412.png");
        min-height: 170px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 420px) {
    .cv-top-wave {
        min-height: 140px
    }
}

@media screen and (max-width: 370px) {
    .cv-top-wave {
        min-height: 125px
    }
}

.cv-bottom-wave {
    background-image: url("../image/desktop-wave-bottom-e2e8dac3d29c6415fec77a38ea360edab7e8d4be0507720de14b200cb88553ea.png");
    background-repeat: no-repeat;
    min-height: 546px;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #083A50;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-bottom-wave.white-wave {
    background-color: #ffffff
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-bottom-wave {
        min-height: 336px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-bottom-wave {
        background-image: url("../image/tablet-wave-bottom-6885dcff934e0dc8e634561e82001a4cf3760e613fb47711257d0d8f12f4afbd.png");
        min-height: 498px
    }
}

@media screen and (max-width: 769px) and (min-width: 640px) {
    .cv-bottom-wave {
        min-height: 350px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bottom-wave {
        background-image: url("../image/mobile-wave-bottom-420573771948b600dfbc22b65b80dfa17c57552103d315f21637eb5d82c8ab91.png");
        min-height: 260px
    }
}

.cv-packages-wave {
    position: relative
}

.cv-unique-section {
    position: relative;
    background-color: #EEEEEE
}

.cv-unique-section .cv-unique-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #083A50
}

@media screen and (max-width: 64.06125em) {
    .cv-unique-section .cv-unique-title {
        margin-bottom: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-unique-section .cv-unique-title {
        margin: 0 10px 25px
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-unique-section .cv-dash-outline {
        background-image: url("../image/big-line-e9c476940ba72cf7b721c6487e90a5491fd02549ae0e6d032582f75d67a010d4.png");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center top;
        height: 380px;
        top: 0;
        position: relative
    }
}

@media screen and (min-width: 64.0625em) and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-dash-outline {
        height: 283px
    }
}

.cv-unique-section .dots {
    position: relative;
    margin: 0 auto -16px;
    background: #EEEEEE
}

.cv-unique-section .cv-products-bg {
    background: #EEEEEE;
    position: absolute;
    right: 0;
    left: 0;
    margin: -65px 0 0 0
}

.cv-unique-section .cv-products {
    max-width: 1300px;
    margin: 0 auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-unique-section .cv-products {
        margin: 0 50px -140px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-unique-section .cv-products {
        max-width: 320px
    }
}

.cv-unique-section .cv-products .large-3:first-child .title {
    max-width: 180px
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products .large-3:first-child {
        margin-top: -19%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products .large-3:first-child {
        margin-top: -20%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products .large-3:nth-child(2) {
        margin-top: -13%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products .large-3:nth-child(2) {
        margin-top: -11%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-unique-section .cv-products .large-3:nth-child(2) {
        margin-top: 11%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products .large-3:nth-child(3) {
        margin-top: -16%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products .large-3:nth-child(3) {
        margin-top: -14%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products .large-3:last-child {
        margin-top: -16%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products .large-3:last-child {
        margin-top: -10%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-unique-section .cv-products .large-3:last-child {
        margin-top: 11%
    }
}

.cv-unique-section .cv-products .unique-products {
    background: url("../image/cv-packages-896197fcf4c85d3a630f06214efd48712ffe7ea94d65b53231b208e74648ddfe.svg");
    background-position: center;
    width: 146px;
    height: 146px;
    margin: 0 auto 15px
}

.cv-unique-section .cv-products .unique-products.competitive-rates {
    background-position: -19px -149px;
    width: 147px
}

.cv-unique-section .cv-products .unique-products.trained-cv-experts {
    background-position: -512px -149px
}

.cv-unique-section .cv-products .unique-products.satisfaction-guaranteed {
    background-position: -184px -149px
}

.cv-unique-section .cv-products .unique-products.email-support {
    background-position: -348px -149px
}

.cv-unique-section .cv-products .unique-products.delivery-time {
    background-position: -20px -320px;
    width: 141px;
    height: 141px
}

.cv-unique-section .cv-products .unique-products.delivery-format {
    background-position: -184px -320px;
    width: 141px;
    height: 141px
}

.cv-unique-section .cv-products .unique-products.unlimited-versions {
    background-position: -348px -320px;
    width: 141px;
    height: 141px
}

.cv-unique-section .cv-products .unique-products.ats-templates {
    background-position: -512px -320px;
    width: 141px;
    height: 141px
}

.cv-unique-section .cv-products .title {
    font-size: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 25px;
    color: #083A50;
    max-width: 230px;
    margin: 0 auto
}

@media screen and (max-width: 64.06125em) {
    .cv-unique-section .cv-products .title {
        margin: 0 auto 45px
    }
}

.cv-unique-section .cv-products.on-cv-writing {
    max-width: 1400px
}

@media screen and (min-width: 64.0625em) {
    .cv-unique-section .cv-products.on-cv-writing .large-2 {
        width: 20%
    }
}

.cv-unique-section .cv-products.on-cv-writing .large-2 .title {
    max-width: 200px
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:first-child {
        margin-top: -20%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(2) {
        margin-top: -12%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(2) {
        margin-top: 11%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(3) {
        margin-top: -13%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(3) {
        margin-top: -11%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(4) {
        margin-top: -16%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(4) {
        margin-top: -14%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:nth-child(4) {
        margin-top: 11%
    }
}

@media screen and (min-width: 1921px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:last-child {
        margin-top: -14%
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .cv-unique-section .cv-products.on-cv-writing .large-2:last-child {
        margin-top: -10%
    }
}

.banner-top-with-image {
    width: 100%;
    background-color: #f6f6f6
}

.banner-top-with-image .grid-container {
    padding-top: 30px !important
}

@media screen and (min-width: 64.0625em) {
    .banner-top-with-image .banner-middle-content {
        margin: auto
    }
}

.banner-top-with-image .banner-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #083A50;
    max-width: 700px
}

@media screen and (max-width: 39.99875em) {
    .banner-top-with-image .banner-title {
        font-size: 28px
    }
}

.banner-top-with-image .banner-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 50px;
    line-height: 55px;
    color: #083A50;
    margin: 5px 0 40px 0
}

@media screen and (max-width: 39.99875em) {
    .banner-top-with-image .banner-desc {
        font-size: 30px;
        line-height: 34px
    }
}

@media screen and (max-width: 450px) {
    .banner-top-with-image .banner-desc {
        max-width: 337px
    }
}

@media screen and (min-width: 64.0625em) {
    .banner-top-with-image .banner-image img {
        display: block;
        margin-left: auto
    }
}

@media screen and (max-width: 64.06125em) {
    .banner-top-with-image .banner-image {
        margin: 40px 0 0 auto;
        text-align: center
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top-with-image .banner-image {
        margin: 25px -30px 0 0;
        float: right
    }
}

@media screen and (max-width: 359px) {
    .banner-top-with-image .banner-image {
        margin: 25px -10px 0 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .banner-top-with-image .image-blk {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .banner-top-with-image .image-blk .banner-image {
        margin: 0 0 0 auto;
        width: 454px
    }
}

.page-pagination {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #8e8e8e;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-pagination a {
    color: rgba(142, 142, 142, 0.5)
}

.page-pagination a:hover {
    text-decoration: underline;
    cursor: pointer
}

.cv-product-action-block {
    background-color: #f6f6f6;
    padding: 75px 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-product-action-block {
        padding: 70px 30px
    }
}

.cv-product-action-block.white {
    background: #ffffff
}

.cv-product-action-block h3 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 35px;
    line-height: 30px;
    color: #083A50;
    margin-bottom: 10px
}

@media screen and (max-width: 39.99875em) {
    .cv-product-action-block h3 {
        font-size: 28px;
        line-height: 30px
    }
}

.cv-product-action-block p {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #083A50;
    margin-bottom: 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-product-action-block p {
        font-size: 18px;
        line-height: 21px
    }
}

.tab-holder {
    margin-bottom: 20px
}

@media screen and (max-width: 39.99875em) {
    .tab-holder {
        margin-bottom: 0;
        position: relative;
        top: 40px
    }
}

.tab-holder ul {
    margin: 0 !important
}

.tab-holder li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 5px
}

.tab-holder li:first-child {
    margin-left: 0
}

.tab-holder li:last-child {
    margin-right: 0
}

@media screen and (max-width: 39.99875em) {
    .tab-holder li {
        margin: 0 3px
    }
}

.tab-holder li a {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 16px;
    color: #083A50;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border: 1px solid #083A50;
    padding: 8px 20px;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

@media screen and (max-width: 39.99875em) {
    .tab-holder li a {
        padding: 5px 15px;
        font-size: 12px
    }
}

@media screen and (max-width: 340px) {
    .tab-holder li a {
        padding: 5px 10px
    }
}

.tab-holder li a:hover,
.tab-holder li a.active {
    background-color: #083A50;
    cursor: pointer;
    color: #ffffff
}

.faq-block h3 {
    margin-bottom: 25px
}

.faq-block .templates-accordion ul {
    margin-bottom: 0 !important
}

.faq-block .templates-accordion ul p a {
    text-decoration: underline
}

.faq-block .templates-accordion ul p a:hover {
    text-decoration: underline !important;
    color: #ED8A47
}

@media print,
screen and (min-width: 64.0625em) {
    .faq-block .large-6 {
        width: 48.5%
    }

    .faq-block .large-6:first-child {
        margin-right: 15px
    }

    .faq-block .large-6:last-child {
        margin-left: 15px
    }
}

@media screen and (min-width: 64.0625em) and (max-width: 1100px) and (min-width: 1025px) {
    .faq-block .large-6 {
        width: 47.5%
    }
}

.faq-block .contact-us {
    font-size: 24px;
    line-height: 32px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 60px auto 0 auto;
    text-align: center
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .faq-block .contact-us {
        margin: 60px auto 10px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .faq-block .contact-us {
        max-width: 270px;
        margin: 50px auto 20px auto
    }
}

.faq-block .contact-us a {
    color: #ED8A47;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.faq-block .contact-us a:hover {
    color: #083A50;
    cursor: pointer
}

.assistance-container {
    margin: 0 auto
}

.assistance-container h3,
.assistance-container p,
.assistance-container button {
    text-align: center;
    margin: 0 auto;
    font-size: 30px
}

@media screen and (max-width: 64.06125em) {

    .assistance-container h3,
    .assistance-container p,
    .assistance-container button {
        font-size: 28px
    }
}

.assistance-container h3 {
    margin-bottom: 20px !important
}

.assistance-container .assistance-desc {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    text-align: center;
    margin: 0 auto;
    padding: 0
}

.assistance-container .button {
    margin-top: 40px
}

.applause-container {
    background: #f6f6f6
}

@media screen and (max-width: 39.99875em) {
    .applause-container {
        text-align: center
    }
}

.applause-container .title {
    margin: 0 0 20px 0;
    font-size: 30px
}

.applause-container .review-title {
    font-size: 30px;
    line-height: 36px;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%
}

.applause-container .desc {
    margin: 0 0 40px 0;
    font-size: 18px;
    color: #4D4D4D
}

.applause-container .big-comment {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #ffffff;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 64.06125em) {
    .applause-container .big-comment {
        margin-top: 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .applause-container .big-comment {
        margin: 20px -30px 0 -30px
    }
}

.applause-container .big-comment .comment-desc {
    max-width: unset;
    display: inline-block;
    width: 100%
}

.applause-container .big-comment h4 {
    margin: 0 0 20px 0
}

@media print,
screen and (min-width: 40em) {
    .applause-container .big-comment h4 {
        float: left
    }
}

.applause-container .big-comment .star-block {
    margin: 0 0 20px 0
}

@media print,
screen and (min-width: 40em) {
    .applause-container .big-comment .star-block {
        float: right
    }
}

.applause-container .comment-date {
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #8e8e8e
}

.applause-container .comment-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D
}

@media screen and (max-width: 64.06125em) {
    .applause-container .comment-desc {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 40em) {
    .applause-container .comment-desc {
        min-height: 100px;
        margin-right: 20px
    }
}

@media (max-width: 1300px) and (min-width: 1025px) {
    .applause-container .comment-desc {
        min-height: 150px
    }
}

.applause-container .star-block {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 15px 0 20px 0
}

.applause-container .star-block .star {
    margin: 0 2px
}

.applause-container .feedback {
    width: 100%;
    margin: 0 0 40px 0
}

.applause-container .feedback .star {
    background: #53B27E;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 25px;
    width: 25px;
    text-align: center;
    display: inline-block
}

.applause-container .feedback .star .white-star {
    margin: 7px auto
}

.banner-top-cv {
    background-image: url(../image/cv-help-banner-58781eb0bb7aa5c352c5f96b8c2ca32533c818146ed7580f1de1d1ac16477438.webp);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 481px
}

@media screen and (max-width: 1024px) and (min-width: 840px) {
    .banner-top-cv {
        background-position: 79% center
    }
}

@media screen and (max-width: 839px) and (min-width: 640px) {
    .banner-top-cv {
        background-position: 66% center
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top-cv {
        background-position: 64% center;
        background-color: #F6F6F6;
        height: unset
    }
}

@media screen and (min-width: 64.0625em) {
    .banner-top-cv .grid-container {
        padding-top: 108px !important;
        padding-bottom: 108px !important
    }
}

.banner-top-cv .banner-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    padding-top: 50px
}

@media screen and (max-width: 64.06125em) {
    .banner-top-cv .banner-title {
        padding-top: 80px
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top-cv .banner-title {
        font-size: 28px;
        padding-top: 70px
    }
}

.banner-top-cv .banner-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 50px;
    line-height: 55px;
    color: #083A50;
    margin: 5px 0 30px 0;
    max-width: 735px
}

@media screen and (max-width: 64.06125em) {
    .banner-top-cv .banner-desc {
        max-width: 525px
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top-cv .banner-desc {
        font-size: 30px;
        line-height: 34px;
        max-width: 300px
    }
}

.banner-top-cv .banner-note {
    font: bold 30px/1.3 "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    height: 1.3em;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 0 .1em 0;
    margin-bottom: 0
}

@media screen and (max-width: 39.99875em) {
    .banner-top-cv .banner-note {
        font: bold 24px / 1.3 "Sofia-Pro-Bold", sans-serif;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 425px) and (min-width: 360px) {
    .banner-top-cv .banner-note {
        width: calc(100% + 30px)
    }
}

@media screen and (max-width: 359px) {
    .banner-top-cv .banner-note {
        font: bold 21px / 1.3 "Sofia-Pro-Bold", sans-serif
    }
}

.banner-top-cv .banner-note>span {
    float: left;
    margin-right: 10px;
    height: 1.3em;
    top: -1.3em
}

@media screen and (max-width: 39.99875em) {
    .banner-top-cv .banner-note>span {
        margin: 0 10px 30px 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.banner-top-cv .banner-note>.animate-container {
    display: inline-block;
    color: #ffffff;
    float: left;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
    bottom: 0;
    left: 0
}

.banner-top-cv .banner-note>.animate-container .animate {
    display: inline-block;
    -webkit-animation: ticker-first-loop 7.5s linear, ticker 7.5s linear infinite;
    animation: ticker-first-loop 7.5s linear, ticker 7.5s linear infinite;
    -webkit-animation-delay: 2s, 9.5s;
    animation-delay: 2s, 9.5s
}

.banner-top-cv .banner-note>.animate-container .animate2 {
    display: inline-block;
    -webkit-animation: ticker2 7.5s linear infinite;
    animation: ticker2 7.5s linear infinite;
    -webkit-animation-delay: 5.75s;
    animation-delay: 5.75s
}

@-webkit-keyframes ticker-first-loop {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    5% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    16.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    21.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    33.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    38.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    50.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    55.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    66.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    71.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    83.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    88.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    100% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }
}

@keyframes ticker-first-loop {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    5% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    16.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    21.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    33.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    38.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    50.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    55.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    66.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    71.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    83.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    88.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    100% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translateY(33.3%);
        transform: translateY(33.3%)
    }

    5% {
        -webkit-transform: translateY(33.3%);
        transform: translateY(33.3%)
    }

    16.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    21.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    33.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    38.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    50.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    55.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    66.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    71.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    83.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    88.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    100% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translateY(33.3%);
        transform: translateY(33.3%)
    }

    5% {
        -webkit-transform: translateY(33.3%);
        transform: translateY(33.3%)
    }

    16.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    21.7% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    33.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    38.4% {
        -webkit-transform: translateY(-33.3%);
        transform: translateY(-33.3%)
    }

    50.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    55.1% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    66.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    71.8% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    83.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    88.5% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    100% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }
}

@-webkit-keyframes ticker2 {
    0% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    5% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    16.7% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    21.7% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    33.4% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    38.4% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    50.1% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }

    55.1% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }

    66.8% {
        -webkit-transform: translateY(-199.8%);
        transform: translateY(-199.8%)
    }

    71.8% {
        -webkit-transform: translateY(-199.8%);
        transform: translateY(-199.8%)
    }

    83.5% {
        -webkit-transform: translateY(-233.1%);
        transform: translateY(-233.1%)
    }

    88.5% {
        -webkit-transform: translateY(-233.1%);
        transform: translateY(-233.1%)
    }

    100% {
        -webkit-transform: translateY(-266.4%);
        transform: translateY(-266.4%)
    }
}

@keyframes ticker2 {
    0% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    5% {
        -webkit-transform: translateY(-66.6%);
        transform: translateY(-66.6%)
    }

    16.7% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    21.7% {
        -webkit-transform: translateY(-99.9%);
        transform: translateY(-99.9%)
    }

    33.4% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    38.4% {
        -webkit-transform: translateY(-133.2%);
        transform: translateY(-133.2%)
    }

    50.1% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }

    55.1% {
        -webkit-transform: translateY(-166.5%);
        transform: translateY(-166.5%)
    }

    66.8% {
        -webkit-transform: translateY(-199.8%);
        transform: translateY(-199.8%)
    }

    71.8% {
        -webkit-transform: translateY(-199.8%);
        transform: translateY(-199.8%)
    }

    83.5% {
        -webkit-transform: translateY(-233.1%);
        transform: translateY(-233.1%)
    }

    88.5% {
        -webkit-transform: translateY(-233.1%);
        transform: translateY(-233.1%)
    }

    100% {
        -webkit-transform: translateY(-266.4%);
        transform: translateY(-266.4%)
    }
}

.cv-services-section {
    position: relative;
    overflow: hidden
}

.cv-services-section .cv-side-bubble.is-on-right {
    top: 200px
}

.cv-services-section .cv-side-bubble.is-on-left {
    top: 25%
}

.cv-services-section .cv-services-img {
    background-repeat: no-repeat;
    background-position: top right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 247px;
    width: 258px
}

@media screen and (max-width: 64.06125em) {
    .cv-services-section .cv-services-img {
        margin: 0 auto 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-services-img {
        margin: 0 auto 50px
    }
}

.cv-services-section .cv-services-img.writing {
    background-image: url("../image/cv-writing-service-0d62d771b31cb581a85aa55d125d0e80d9d7fed19e9715635ea7665f494c013c.webp")
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-img.writing {
        margin: 0 97px 0 0
    }
}

@media screen and (max-width: 1270px) and (min-width: 1025px) {
    .cv-services-section .cv-services-img.writing {
        margin: 0 50px 0 0
    }
}

.cv-services-section .cv-services-img.review {
    background-image: url("../image/cv-review-service-cfa260766cf86cebf50da0273201a943666c4c3d2a25811b4c4043c4fb1694dd.webp")
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-img.review {
        margin: 0 0 0 90px
    }
}

@media screen and (max-width: 1270px) and (min-width: 1025px) {
    .cv-services-section .cv-services-img.review {
        margin: 0 0 0 50px
    }
}

.cv-services-section .cv-services-img.bundles {
    background-image: url("../image/cv-bundles-service-53e9443ec8fc4979ec758938d012abf3700795ec328e8456d0e1e5770fc70f7c.webp")
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-img.bundles {
        margin: 0 96px 0 0
    }
}

@media screen and (max-width: 1270px) and (min-width: 1025px) {
    .cv-services-section .cv-services-img.bundles {
        margin: 0 50px 0 0
    }
}

.cv-services-section .cv-service {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 32px;
    line-height: 1;
    margin: 0 0 8px 0;
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-service {
        font-size: 28px;
        line-height: 35px;
        margin: 0 0 12px 0
    }
}

.cv-services-section .cv-service-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 24px;
    line-height: 1;
    margin: 0;
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-service-desc {
        font-size: 21px;
        line-height: 25px
    }
}

.cv-services-section .cv-services-box {
    margin: 0 auto 180px auto
}

@media screen and (max-width: 64.06125em) {
    .cv-services-section .cv-services-box {
        margin: 0 auto 90px;
        max-width: 495px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-services-box {
        margin: 0 0 120px
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-box:last-of-type {
        margin: 0 0 0 auto
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .service-flex-start {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .service-flex-center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .service-flex-end {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.cv-services-section .cv-services-bullets {
    margin: 30px 0 40px
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-bullets {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 1270px) and (min-width: 1025px) {
    .cv-services-section .cv-services-bullets {
        max-width: 600px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-services-bullets {
        margin: 20px 0 40px
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-services-section .cv-services-bullets ul:first-child {
        margin-right: 40px
    }
}

.cv-services-section .cv-services-bullets li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 21px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: rgba(8, 58, 80, 0.8);
    margin: 0;
    width: calc(100% + 30px)
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .cv-services-bullets li {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 17px 0;
        width: 100%;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
        -ms-flex-align: normal;
        align-items: normal
    }
}

.cv-services-section .cv-services-bullets li span {
    margin: 0 12px 0 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cv-services-section .service-price-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-services-section .service-price-box .button {
    margin: 0 20px 0 0;
    height: 60px;
    border-radius: 30px;
    padding: 15px 20px
}

.cv-services-section .service-price {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    color: #083A50
}

.cv-services-section .service-price span {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    line-height: 1;
    margin: 0;
    color: rgba(8, 58, 80, 0.5)
}

@media screen and (max-width: 39.99875em) {
    .cv-services-section .service-price span {
        display: block
    }
}

.cv-services-section .service-price div[data-react-class] {
    display: inline-block
}

.main-templates-section {
    background-image: url("../image/desktop-cv-bubbles-e16790ace8cf2309c5106a268e77aba237007aa3b0b17ccdeedaa3c71ee0e686.png");
    min-height: 388px;
    background-color: #083A50;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .main-templates-section {
        background-image: url("../image/tablet-cv-bubbles-49cea6014924aab52986065469eeea3ef97f208d70b1acf1262cdc49de516d6b.png");
        min-height: 393px;
        background-position: right center
    }
}

@media screen and (max-width: 39.99875em) {
    .main-templates-section {
        background-image: url("../image/mobile-cv-bubbles-67814f7052190869456f2980b6e0735acf97505662c736240f1c3feadbe76e32.png");
        min-height: 400px
    }

    .main-templates-section .grid-x {
        margin-top: -40px
    }
}

@media screen and (max-width: 424px) {
    .main-templates-section .grid-x {
        margin-top: -60px
    }
}

@media screen and (max-width: 374px) {
    .main-templates-section {
        min-height: 380px
    }
}

.main-templates-section .blue-line {
    background: #083A50;
    margin: 0 0 -5px 0
}

@media screen and (max-width: 39.99875em) {
    .main-templates-section .blue-line {
        height: 5px
    }
}

.main-templates-section .grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.main-templates-section .main-templates-img {
    background-image: url("../image/desktop-cv-templates-img-b53d28c824726a5285ea8a9b55362efd42d38c6ae2cd71643524f85f3483bb98.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-background-size: contain;
    background-size: contain;
    min-height: 423px;
    width: 766px;
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (min-width: 1440px) {
    .main-templates-section .main-templates-img {
        right: 100px
    }
}

@media screen and (max-width: 1279px) and (min-width: 1000px) {
    .main-templates-section .main-templates-img {
        width: 590px;
        right: 20px
    }
}

@media screen and (max-width: 999px) {
    .main-templates-section .main-templates-img {
        min-height: 240px;
        right: 20px
    }
}

@media screen and (max-width: 720px) {
    .main-templates-section .main-templates-img {
        background-image: url("../image/mobile-tablet-cv-templates-img-23e69664dd543e00b47a614a6222526bb9276744c688e20fce12167990f24c23.png");
        min-height: 208px
    }
}

@media screen and (max-width: 39.99875em) {
    .main-templates-section .main-templates-img {
        background-image: url("../image/mobile-tablet-cv-templates-img-23e69664dd543e00b47a614a6222526bb9276744c688e20fce12167990f24c23.png");
        min-height: 208px;
        left: 0;
        right: 0;
        margin: 0 auto;
        min-width: unset;
        max-width: 374px
    }
}

@media screen and (max-width: 374px) {
    .main-templates-section .main-templates-img {
        max-width: 300px
    }
}

.main-templates-section .main-templates-header {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    margin: 0 0 10px 0
}

.main-templates-section .main-templates-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 50px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .main-templates-section .main-templates-desc {
        font-size: 40px;
        max-width: 600px
    }
}

@media screen and (max-width: 39.99875em) {
    .main-templates-section .main-templates-desc {
        font-size: 28px;
        line-height: 33px
    }
}

.main-templates-section .main-templates-price-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-templates-section .main-templates-price-box .button {
    margin: 0 20px 0 0;
    height: 60px;
    border-radius: 30px;
    padding: 15px 30px
}

.main-templates-section .main-templates-price {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    color: #ffffff
}

.main-templates-section .main-templates-price-text {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    color: rgba(255, 255, 255, 0.5)
}

.main-logos-section {
    background: #f6f6f6;
    margin: auto
}

.main-logos-section .main-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-logos-section .main-logos-title {
    margin: 0
}

@media screen and (max-width: 64.06125em) {
    .main-logos-section .main-logos-title {
        text-align: center;
        margin: 0 0 15px 0
    }
}

.main-logos-section .main-logo {
    width: auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .main-logos-section .main-logo:nth-child(6) {
        margin-right: 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .main-logos-section .main-logo:nth-child(7) {
        margin-left: 0
    }
}

.main-logos-section .main-logo .logo-icon {
    margin-right: auto;
    margin-left: auto
}

@media screen and (max-width: 64.06125em) {
    .main-logos-section .main-logo {
        width: 25%;
        margin: 0 auto 10px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .main-logos-section .main-logo {
        width: 50%;
        padding-bottom: 10px
    }
}

.cv-bundle-packages {
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    margin: 0 auto
}

@media screen and (min-width: 64.0625em) {
    .cv-bundle-packages {
        height: 100%
    }
}

@media print,
screen and (min-width: 40em) {
    .cv-bundle-packages {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        max-width: 438px
    }
}

@media screen and (max-width: 640px) and (min-width: 360px) {
    .cv-bundle-packages {
        margin: 0 -20px 20px -20px;
        width: calc(100% + 40px)
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-bundle-packages {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #D6D6D6
    }
}

.cv-bundle-packages .cv-bundle-type {
    padding: 11px 20px 0 30px
}

@media print,
screen and (min-width: 40em) {
    .cv-bundle-packages .cv-bundle-type {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

@media screen and (max-width: 359px) {
    .cv-bundle-packages .cv-bundle-type {
        padding: 11px 10px 0 10px
    }
}

.cv-bundle-packages .cv-bundle-type p {
    margin: 0;
    font-size: 21px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ffffff
}

.cv-bundle-packages .cv-bundle-type h3 {
    font-size: 29px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ffffff;
    line-height: 36px;
    margin: 0;
    padding-top: 20px
}

.cv-bundle-packages .cv-bundle-type img {
    float: right
}

.cv-bundle-packages .desc {
    padding: 20px 30px
}

@media screen and (max-width: 359px) {
    .cv-bundle-packages .desc {
        padding: 20px 10px
    }
}

.cv-bundle-packages .desc p {
    font-size: 18px;
    color: rgba(77, 77, 77, 0.5);
    line-height: 21px;
    margin-bottom: 29px
}

.cv-bundle-packages .desc ul li {
    color: #4D4D4D;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 0px;
    text-indent: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 5px
}

.cv-bundle-packages .desc ul li span {
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
    display: table;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cv-bundle-packages .cv-bundle-price {
    border-top: 1px solid #D6D6D6;
    padding: 20px 30px
}

@media screen and (max-width: 359px) {
    .cv-bundle-packages .cv-bundle-price {
        padding: 20px 10px
    }
}

.cv-bundle-packages .cv-bundle-price .button {
    margin-bottom: 0
}

.cv-bundle-packages .cv-bundle-price .original-price {
    font-size: 12px;
    color: #0a0a0a;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    text-decoration: line-through;
    -webkit-text-decoration-color: #FF523E;
    text-decoration-color: #FF523E
}

.cv-order-review {
    position: relative
}

.cv-order-review .cv-side-bubble.is-on-right {
    top: 0
}

.cv-order-review .cv-side-bubble.is-on-left {
    top: 0
}

@media screen and (max-width: 639px) and (min-width: 360px) {
    .cv-order-review .cv-review-container.grid-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.cv-order-review .cv-order-banner {
    background: rgba(64, 149, 219, 0.3);
    position: relative;
    z-index: 1;
    border-radius: 10px;
    height: 380px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-order-review .cv-order-banner {
        max-width: 814px
    }
}

@media screen and (max-width: 1080px) and (min-width: 1025px) {
    .cv-order-review .cv-order-banner {
        height: 440px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-order-review .cv-order-banner {
        margin: 0 -20px;
        border-radius: 0;
        height: 350px;
        width: calc(100% + 40px)
    }
}

@media screen and (max-width: 359px) {
    .cv-order-review .cv-order-banner {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

.cv-order-review .cv-order-banner .particle {
    position: absolute;
    z-index: 2;
    border-radius: 50%
}

.cv-order-review .cv-order-banner .particle:nth-child(1) {
    height: 30px;
    width: 30px;
    top: 14px
}

@media screen and (max-width: 39.99875em) {
    .cv-order-review .cv-order-banner .particle:nth-child(1) {
        top: 0px
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(2) {
    height: 45px;
    width: 45px;
    top: 175px;
    left: 180px
}

.cv-order-review .cv-order-banner .particle:nth-child(3) {
    height: 32px;
    width: 32px;
    top: 234px
}

.cv-order-review .cv-order-banner .particle:nth-child(4) {
    height: 90px;
    width: 90px;
    top: 0;
    left: 0
}

.cv-order-review .cv-order-banner .particle:nth-child(5) {
    height: 50px;
    width: 50px;
    top: 105px;
    left: 0px
}

.cv-order-review .cv-order-banner .particle:nth-child(6) {
    height: 170px;
    width: 170px;
    right: 200px
}

@media screen and (max-width: 39.99875em) {
    .cv-order-review .cv-order-banner .particle:nth-child(6) {
        right: 175px;
        bottom: 105px
    }
}

@-webkit-keyframes particle-animation-1 {
    0% {
        -webkit-transform: translate3d(20%, 30%, 0);
        transform: translate3d(20%, 30%, 0)
    }

    25% {
        -webkit-transform: translate3d(50%, 40%, 0);
        transform: translate3d(50%, 40%, 0)
    }

    50% {
        -webkit-transform: translate3d(90%, 20%, 0);
        transform: translate3d(90%, 20%, 0)
    }

    75% {
        -webkit-transform: translate3d(10%, 70%, 0);
        transform: translate3d(10%, 70%, 0)
    }

    100% {
        -webkit-transform: translate3d(20%, 30%, 0);
        transform: translate3d(20%, 30%, 0)
    }
}

@keyframes particle-animation-1 {
    0% {
        -webkit-transform: translate3d(20%, 30%, 0);
        transform: translate3d(20%, 30%, 0)
    }

    25% {
        -webkit-transform: translate3d(50%, 40%, 0);
        transform: translate3d(50%, 40%, 0)
    }

    50% {
        -webkit-transform: translate3d(90%, 20%, 0);
        transform: translate3d(90%, 20%, 0)
    }

    75% {
        -webkit-transform: translate3d(10%, 70%, 0);
        transform: translate3d(10%, 70%, 0)
    }

    100% {
        -webkit-transform: translate3d(20%, 30%, 0);
        transform: translate3d(20%, 30%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(1) {
    -webkit-animation: particle-animation-1 30s linear infinite;
    animation: particle-animation-1 30s linear infinite;
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
    -webkit-transform: translate3d(20%, 30%, 0);
    transform: translate3d(20%, 30%, 0);
    background: rgba(64, 149, 219, 0.3)
}

@-webkit-keyframes particle-animation-2 {
    0% {
        -webkit-transform: translate3d(60%, 20%, 0);
        transform: translate3d(60%, 20%, 0)
    }

    25% {
        -webkit-transform: translate3d(40%, 70%, 0);
        transform: translate3d(40%, 70%, 0)
    }

    50% {
        -webkit-transform: translate3d(20%, 70%, 0);
        transform: translate3d(20%, 70%, 0)
    }

    75% {
        -webkit-transform: translate3d(10%, 60%, 0);
        transform: translate3d(10%, 60%, 0)
    }

    100% {
        -webkit-transform: translate3d(60%, 20%, 0);
        transform: translate3d(60%, 20%, 0)
    }
}

@keyframes particle-animation-2 {
    0% {
        -webkit-transform: translate3d(60%, 20%, 0);
        transform: translate3d(60%, 20%, 0)
    }

    25% {
        -webkit-transform: translate3d(40%, 70%, 0);
        transform: translate3d(40%, 70%, 0)
    }

    50% {
        -webkit-transform: translate3d(20%, 70%, 0);
        transform: translate3d(20%, 70%, 0)
    }

    75% {
        -webkit-transform: translate3d(10%, 60%, 0);
        transform: translate3d(10%, 60%, 0)
    }

    100% {
        -webkit-transform: translate3d(60%, 20%, 0);
        transform: translate3d(60%, 20%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(2) {
    -webkit-animation: particle-animation-2 30s linear infinite;
    animation: particle-animation-2 30s linear infinite;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
    -webkit-transform: translate3d(60%, 20%, 0);
    transform: translate3d(60%, 20%, 0);
    background: rgba(64, 149, 219, 0.3)
}

@-webkit-keyframes particle-animation-3 {
    0% {
        -webkit-transform: translate3d(90%, 100%, 0);
        transform: translate3d(90%, 100%, 0)
    }

    25% {
        -webkit-transform: translate3d(90%, 30%, 0);
        transform: translate3d(90%, 30%, 0)
    }

    50% {
        -webkit-transform: translate3d(70%, 50%, 0);
        transform: translate3d(70%, 50%, 0)
    }

    75% {
        -webkit-transform: translate3d(80%, 90%, 0);
        transform: translate3d(80%, 90%, 0)
    }

    100% {
        -webkit-transform: translate3d(90%, 100%, 0);
        transform: translate3d(90%, 100%, 0)
    }
}

@keyframes particle-animation-3 {
    0% {
        -webkit-transform: translate3d(90%, 100%, 0);
        transform: translate3d(90%, 100%, 0)
    }

    25% {
        -webkit-transform: translate3d(90%, 30%, 0);
        transform: translate3d(90%, 30%, 0)
    }

    50% {
        -webkit-transform: translate3d(70%, 50%, 0);
        transform: translate3d(70%, 50%, 0)
    }

    75% {
        -webkit-transform: translate3d(80%, 90%, 0);
        transform: translate3d(80%, 90%, 0)
    }

    100% {
        -webkit-transform: translate3d(90%, 100%, 0);
        transform: translate3d(90%, 100%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(3) {
    -webkit-animation: particle-animation-3 30s linear infinite;
    animation: particle-animation-3 30s linear infinite;
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
    -webkit-transform: translate3d(90%, 100%, 0);
    transform: translate3d(90%, 100%, 0);
    background: rgba(64, 149, 219, 0.3)
}

@-webkit-keyframes particle-animation-4 {
    0% {
        -webkit-transform: translate3d(30%, 60%, 0);
        transform: translate3d(30%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(100%, 80%, 0);
        transform: translate3d(100%, 80%, 0)
    }

    50% {
        -webkit-transform: translate3d(60%, 70%, 0);
        transform: translate3d(60%, 70%, 0)
    }

    75% {
        -webkit-transform: translate3d(80%, 40%, 0);
        transform: translate3d(80%, 40%, 0)
    }

    100% {
        -webkit-transform: translate3d(30%, 60%, 0);
        transform: translate3d(30%, 60%, 0)
    }
}

@keyframes particle-animation-4 {
    0% {
        -webkit-transform: translate3d(30%, 60%, 0);
        transform: translate3d(30%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(100%, 80%, 0);
        transform: translate3d(100%, 80%, 0)
    }

    50% {
        -webkit-transform: translate3d(60%, 70%, 0);
        transform: translate3d(60%, 70%, 0)
    }

    75% {
        -webkit-transform: translate3d(80%, 40%, 0);
        transform: translate3d(80%, 40%, 0)
    }

    100% {
        -webkit-transform: translate3d(30%, 60%, 0);
        transform: translate3d(30%, 60%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(4) {
    -webkit-animation: particle-animation-4 30s linear infinite;
    animation: particle-animation-4 30s linear infinite;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    -webkit-transform: translate3d(30%, 60%, 0);
    transform: translate3d(30%, 60%, 0);
    background: rgba(64, 149, 219, 0.3)
}

@-webkit-keyframes particle-animation-5 {
    0% {
        -webkit-transform: translate3d(100%, 60%, 0);
        transform: translate3d(100%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(60%, 80%, 0);
        transform: translate3d(60%, 80%, 0)
    }

    50% {
        -webkit-transform: translate3d(50%, 80%, 0);
        transform: translate3d(50%, 80%, 0)
    }

    75% {
        -webkit-transform: translate3d(30%, 50%, 0);
        transform: translate3d(30%, 50%, 0)
    }

    100% {
        -webkit-transform: translate3d(100%, 60%, 0);
        transform: translate3d(100%, 60%, 0)
    }
}

@keyframes particle-animation-5 {
    0% {
        -webkit-transform: translate3d(100%, 60%, 0);
        transform: translate3d(100%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(60%, 80%, 0);
        transform: translate3d(60%, 80%, 0)
    }

    50% {
        -webkit-transform: translate3d(50%, 80%, 0);
        transform: translate3d(50%, 80%, 0)
    }

    75% {
        -webkit-transform: translate3d(30%, 50%, 0);
        transform: translate3d(30%, 50%, 0)
    }

    100% {
        -webkit-transform: translate3d(100%, 60%, 0);
        transform: translate3d(100%, 60%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(5) {
    -webkit-animation: particle-animation-5 30s linear infinite;
    animation: particle-animation-5 30s linear infinite;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: translate3d(100%, 60%, 0);
    transform: translate3d(100%, 60%, 0);
    background: rgba(64, 149, 219, 0.3)
}

@-webkit-keyframes particle-animation-6 {
    0% {
        -webkit-transform: translate3d(70%, 60%, 0);
        transform: translate3d(70%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(70%, 20%, 0);
        transform: translate3d(70%, 20%, 0)
    }

    50% {
        -webkit-transform: translate3d(70%, 30%, 0);
        transform: translate3d(70%, 30%, 0)
    }

    75% {
        -webkit-transform: translate3d(60%, 10%, 0);
        transform: translate3d(60%, 10%, 0)
    }

    100% {
        -webkit-transform: translate3d(70%, 60%, 0);
        transform: translate3d(70%, 60%, 0)
    }
}

@keyframes particle-animation-6 {
    0% {
        -webkit-transform: translate3d(70%, 60%, 0);
        transform: translate3d(70%, 60%, 0)
    }

    25% {
        -webkit-transform: translate3d(70%, 20%, 0);
        transform: translate3d(70%, 20%, 0)
    }

    50% {
        -webkit-transform: translate3d(70%, 30%, 0);
        transform: translate3d(70%, 30%, 0)
    }

    75% {
        -webkit-transform: translate3d(60%, 10%, 0);
        transform: translate3d(60%, 10%, 0)
    }

    100% {
        -webkit-transform: translate3d(70%, 60%, 0);
        transform: translate3d(70%, 60%, 0)
    }
}

.cv-order-review .cv-order-banner .particle:nth-child(6) {
    -webkit-animation: particle-animation-6 30s linear infinite;
    animation: particle-animation-6 30s linear infinite;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    -webkit-transform: translate3d(70%, 60%, 0);
    transform: translate3d(70%, 60%, 0);
    background: rgba(64, 149, 219, 0.3)
}

.cv-order-review .cv-order-banner .upload-area-container {
    width: 100%;
    height: 100%;
    z-index: 3
}

.cv-order-review .cv-order-banner .cv-order-upload-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-order-review .cv-order-title {
    font-size: 35px;
    line-height: 1;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 39.99875em) {
    .cv-order-review .cv-order-title {
        font-size: 28px;
        line-height: 30px
    }
}

.cv-order-review .cv-order-desc {
    font-size: 16px;
    line-height: 24px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0;
    position: relative;
    z-index: 3
}

.cv-order-review .cv-order-tip {
    font-size: 12px;
    line-height: 24px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    position: relative;
    z-index: 3
}

.cv-order-review .cv-order-button {
    background-color: #ffffff;
    color: #4095DB;
    height: 77px;
    min-width: 240px;
    border-radius: 39px;
    padding: 20px;
    font-size: 26px;
    margin: 20px 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3;
    box-shadow: 0px 20px 25px #4095DB59;
    -webkit-box-shadow: 0px 20px 25px #4095DB59;
    -moz-box-shadow: 0px 20px 25px #4095DB59
}

.cv-order-review .cv-order-button .light-blue-arrow {
    margin: 0 0 0 10px
}

.cv-order-review .cv-order-button:hover {
    cursor: pointer;
    opacity: 0.8
}

.cv-order-review .cv-order-bullets {
    margin: 0 0 0 60px
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .cv-order-review .cv-order-bullets {
        margin: 0 0 0 30px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-order-review .cv-order-bullets {
        margin: 40px 0 0 0
    }
}

.cv-order-review .cv-order-bullets .bullets-order-title {
    font-size: 25px;
    line-height: 1;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

.cv-order-review .cv-order-bullets li {
    font-size: 18px;
    line-height: 25px;
    color: rgba(8, 58, 80, 0.8);
    font-family: "Sofia-Pro-Regular", sans-serif;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    text-indent: 0
}

.cv-order-review .cv-order-bullets li span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 2px 10px 0 0
}

.cv-order-review .cv-order-bullets .cv-order-price-block {
    margin: 30px 0 0 0
}

.cv-order-review .cv-order-bullets .cv-order-price-block--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .cv-order-review .cv-order-bullets .cv-order-price-block {
        margin: 15px 0 0 0
    }
}

.cv-order-review .cv-order-bullets .cv-order-price {
    font-size: 21px;
    line-height: 25px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(8, 58, 80, 0.5);
    margin: 0 30px 0 0
}

@media screen and (max-width: 1279px) {
    .cv-order-review .cv-order-bullets .cv-order-price {
        line-height: 1
    }
}

@media screen and (max-width: 359px) {
    .cv-order-review .cv-order-bullets .cv-order-price {
        margin: 0
    }
}

.cv-order-review .cv-order-bullets .cv-order-price span {
    font-size: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

@media screen and (min-width: 438px) {
    .cv-order-review .cv-order-bullets .cv-order-price span {
        margin: 0 0 0 5px
    }
}

.cv-order-review .cv-order-bullets .report-button {
    border: 2px solid #083A50;
    background-color: #ffffff;
    color: #083A50;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 195px;
    -ms-flex: 0 0 195px;
    flex: 0 0 195px
}

.cv-order-review .cv-order-bullets .report-button .blue-magnify {
    margin: 3px 0 0 10px
}

.cv-order-review .cv-order-bullets .report-button:hover {
    cursor: pointer;
    opacity: 0.8
}

.for-cv-tips {
    background: #f6f6f6;
    position: relative
}

.for-cv-tips .cv-tips-heading,
.for-cv-tips .cv-tips-sub-heading {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .for-cv-tips .cv-tips-heading,
    .for-cv-tips .cv-tips-sub-heading {
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {

    .for-cv-tips .cv-tips-heading,
    .for-cv-tips .cv-tips-sub-heading {
        padding: 0 30px
    }
}

@media screen and (max-width: 359px) {

    .for-cv-tips .cv-tips-heading,
    .for-cv-tips .cv-tips-sub-heading {
        padding: 0 10px
    }
}

.for-cv-tips .cv-tips-heading {
    font-size: 50px;
    line-height: 1.3;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .for-cv-tips .cv-tips-heading {
        margin: 0 0 -10px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .for-cv-tips .cv-tips-heading {
        font-size: 28px;
        margin: 0 0 5px 0
    }
}

.for-cv-tips .cv-tips-sub-heading {
    font-size: 25px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    margin: 0 0 50px 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .for-cv-tips .cv-tips-sub-heading {
        margin: 15px 0 0 0;
        position: absolute;
        max-width: 600px
    }
}

@media screen and (max-width: 730px) and (min-width: 640px) {
    .for-cv-tips .cv-tips-sub-heading {
        max-width: 550px
    }
}

@media screen and (max-width: 39.99875em) {
    .for-cv-tips .cv-tips-sub-heading {
        font-size: 18px;
        margin: 0 0 30px 0;
        line-height: 1.5
    }
}

.for-cv-tips .slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.for-cv-tips .slick-slide {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: inherit
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.banner-top.templates-header {
    background: url("../image/CV-Templates-86675d819ad31c11a68d02f4fcf0f09bf9bd9c9db6e3c519296d5c5fefbd08e5.jpg")
}

.banner-top.templates-header .grid-container.transparent {
    padding: 100px 0 50px 0 !important
}

@media screen and (max-width: 39.99875em) {
    .banner-top.templates-header .grid-container.transparent {
        padding: 100px 10px 40px 10px !important
    }
}

.banner-top.templates-header .layer {
    background: rgba(0, 0, 0, 0.7)
}

.banner-top .templates-wrapper {
    max-width: 655px;
    margin: 0 auto;
    text-align: center
}

.banner-top .templates-wrapper .title-page {
    font-size: 45px;
    line-height: 1.1 !important;
    margin-bottom: 10px
}

@media screen and (max-width: 39.99875em) {
    .banner-top .templates-wrapper .title-page {
        font-size: 30px
    }
}

.banner-top .templates-wrapper h2 {
    color: rgba(255, 255, 255, 0.7);
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 35px;
    line-height: 1.1
}

@media screen and (max-width: 39.99875em) {
    .banner-top .templates-wrapper h2 {
        font-size: 18px
    }
}

.grey-row {
    height: 40px;
    background: #f6f6f6
}

.template-overview h1 {
    margin: 0;
    font-size: 40px;
    line-height: 40px
}

.template-overview h1.small {
    font-size: 30px;
    line-height: 34px
}

@media screen and (max-width: 64.06125em) {
    .template-overview h1 {
        font-size: 30px;
        line-height: 30px
    }
}

.template-overview h2 {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    margin: 10px 0 20px 0;
    color: rgba(77, 77, 77, 0.5)
}

.template-overview h2.secondary-clr {
    color: #ED8A47
}

.template-overview h2 a {
    color: #74D6C5;
    font-size: 18px
}

.template-overview h2 a:hover {
    cursor: pointer;
    text-decoration: underline
}

@media print,
screen and (min-width: 64.0625em) {
    .template-overview .grid-container.templates-details-container {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }
}

@media screen and (max-width: 64.06125em) {
    .template-overview .grid-container.templates-details-container {
        padding-top: 0 !important;
        padding-bottom: 40px !important;
        background: #ffffff
    }
}

.template-overview .grid-container.templates-details-container--get-hired {
    padding-top: 30px !important
}

.template-overview .grid-container.templates-details-container--get-hired .cv-bundle-icon {
    width: 19px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

.template-overview .grid-container.templates-details-container--get-hired .img-container {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #083A4F), color-stop(50%, #D5D3D3));
    background: -webkit-linear-gradient(#083A4F 50%, #D5D3D3 50%);
    background: linear-gradient(#083A4F 50%, #D5D3D3 50%);
    position: relative;
    cursor: pointer
}

.template-overview .grid-container.templates-details-container--get-hired .img-container img {
    width: 100%
}

.template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1280-b {
    display: none
}

.template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1024-b {
    display: none
}

.template-overview .grid-container.templates-details-container--get-hired .img-container .mw-768-b {
    display: none
}

.template-overview .grid-container.templates-details-container--get-hired .img-container .mw-320-b {
    display: none
}

.template-overview .grid-container.templates-details-container--get-hired .circle {
    width: 120px;
    height: 120px;
    top: 20px;
    right: 20px;
    -webkit-box-shadow: 0px 3px 25px #00000029;
    box-shadow: 0px 3px 25px #00000029;
    color: #ffffff;
    font-family: "Sofia-Pro-Regular", sans-serif;
    line-height: 26px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.template-overview .grid-container.templates-details-container--get-hired .circle .txt-big {
    font-size: 35px;
    font-weight: 900;
    margin-bottom: 5px
}

.template-overview .grid-container.templates-details-container--get-hired .circle .txt-small {
    font-size: 24px;
    font-weight: 300
}

@media screen and (min-width: 1280px) {
    .template-overview .grid-container.templates-details-container--get-hired .img-container {
        width: 55%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    .template-overview .grid-container.templates-details-container--get-hired .desc-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }
}

@media screen and (min-width: 1280px) and (max-width: 1380px) {
    .template-overview .grid-container.templates-details-container--get-hired {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle {
        top: 18px;
        right: 30px
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1280-a {
        display: none
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1280-b {
        display: inline-block
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .template-overview .grid-container.templates-details-container--get-hired {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .template-overview .grid-container.templates-details-container--get-hired .page-pagination {
        padding: 25px 50px;
        margin: 0
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle {
        top: 20px;
        left: 20px;
        right: auto
    }

    .template-overview .grid-container.templates-details-container--get-hired>.grid-x {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .template-overview .grid-container.templates-details-container--get-hired .templates-details--get-hired {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (max-width: 1279px) {
    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1280-a {
        display: none
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1280-b {
        display: none
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1024-b {
        display: inline-block
    }
}

@media screen and (max-width: 64.06125em) {
    .template-overview .grid-container.templates-details-container--get-hired {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .template-overview .grid-container.templates-details-container--get-hired .page-pagination {
        padding: 15px 30px;
        margin: 0
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle {
        top: 18px;
        right: 18px
    }

    .template-overview .grid-container.templates-details-container--get-hired .templates-details--get-hired {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (max-width: 768px) {
    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-1024-b {
        display: none
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-768-b {
        display: inline-block
    }
}

@media screen and (max-width: 39.99875em) {
    .template-overview .grid-container.templates-details-container--get-hired .page-pagination {
        padding: 15px 10px;
        margin: 0
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle {
        width: 60px;
        height: 60px;
        top: 9px;
        right: 15px;
        line-height: 13px
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle .txt-big {
        font-size: 17px;
        margin-bottom: 2px
    }

    .template-overview .grid-container.templates-details-container--get-hired .circle .txt-small {
        font-size: 12px
    }

    .template-overview .grid-container.templates-details-container--get-hired .templates-details--get-hired {
        padding-top: 20px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 320px) {
    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-768-b {
        display: none
    }

    .template-overview .grid-container.templates-details-container--get-hired .img-container .mw-320-b {
        display: inline-block
    }
}

@media screen and (min-width: 64.0625em) {

    .template-overview .templates-slider-area>div,
    .template-overview .templates-slider-area .templates-slider-container,
    .template-overview .templates-slider-area .templates-slider,
    .template-overview .templates-slider-area .slick-list,
    .template-overview .templates-slider-area .slick-track,
    .template-overview .templates-slider-area .slick-slide div {
        height: 100%
    }

    .template-overview .templates-slider-area .templates-slider-container .templates-slider .img-container {
        height: 100%;
        width: auto;
        overflow: hidden
    }
}

.template-overview .templates-info-area {
    min-width: 450px
}

@media screen and (max-width: 1200px) {
    .template-overview .templates-info-area {
        min-width: 400px
    }
}

@media screen and (max-width: 64.06125em) {
    .template-overview .templates-info-area {
        min-width: auto
    }
}

.template-overview .templates-details {
    background-color: #ffffff;
    padding: 30px
}

@media screen and (min-width: 64.0625em) {
    .template-overview .templates-details {
        position: relative;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .template-overview .templates-details--with-min-height {
        min-height: 540px;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 64.06125em) {
    .template-overview .templates-details {
        padding: 60px 0 0 0;
        background-color: transparent
    }
}

.template-overview .templates-details>h3 {
    line-height: 30px;
    font-size: 25px;
    margin: 0 0 10px 0
}

.template-overview .templates-details .info {
    font-size: 18px;
    color: #083A50;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 1rem;
    line-height: 26px;
    text-rendering: optimizeLegibility
}

.template-overview .templates-details .info a {
    font-size: 16px;
    color: #4D4D4D
}

.template-overview .templates-details .info a:hover {
    cursor: pointer;
    text-decoration: underline
}

.template-overview .templates-details ul {
    margin-left: 20px
}

.template-overview .templates-details ul li {
    font-size: 18px;
    line-height: 26px;
    list-style: initial;
    color: #083A50
}

.template-overview .templates-details .info-list ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px
}

.template-overview .templates-details .info-list ul li {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 26px;
    position: relative;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 5px
}

.template-overview .templates-details .info-list ul li:before {
    content: ' ';
    background-image: url("../image/cv-bundle-sprite-22e3f51ee44819b09a12529760131ec329d9a678203f92fa32acfa32c19455da.svg");
    background-position: -14px -206px;
    width: 19px;
    height: 17px;
    position: absolute;
    top: 4px;
    left: 0
}

.template-overview .templates-details .info-list ul li.bonus:before {
    top: 3px;
    background-position: -40px -206px
}

.template-overview .templates-details .info-list ul li .cv-bundle-icon {
    width: 19px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

.template-overview .templates-details .button-green-rounded {
    margin: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (max-width: 350px) {
    .template-overview .templates-details .button-green-rounded {
        max-width: 150px;
        padding: 8px 20px !important
    }
}

.template-overview .templates-details .button-green-rounded:hover {
    color: #ffffff
}

@media screen and (max-width: 350px) {
    .template-overview .templates-details .button-green-rounded {
        font-size: 16px;
        line-height: 18px
    }
}

.template-overview .templates-details .price {
    font-size: 40px;
    line-height: 30px
}

.template-overview .templates-details .price span {
    font-size: 20px
}

.template-overview .templates-details .cv-bundle-details-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.template-overview .templates-details--get-hired {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%
}

.template-overview .templates-details--get-hired .cv-bundles-title {
    font-size: 50px !important;
    color: #ED8A47;
    margin-bottom: 0 !important;
    line-height: 1
}

.template-overview .templates-details--get-hired .cv-bundles-subtitle {
    font-size: 30px !important;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 20px !important;
    color: #083A50
}

.template-overview .templates-details--get-hired .bonus-icon-small {
    position: relative;
    top: 2px
}

.template-overview .templates-details--get-hired ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.template-overview .templates-details--get-hired .cv-bundles-info p,
.template-overview .templates-details--get-hired .cv-bundles-info ul li {
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    line-height: 1.3;
    color: #083A50
}

.template-overview .templates-details--get-hired .cv-bundles-info p b,
.template-overview .templates-details--get-hired .cv-bundles-info ul li b {
    font-family: "Sofia-Pro-Bold", sans-serif !important
}

.template-overview .templates-details--get-hired .button-red {
    background-color: #ED8A47
}

.template-overview .templates-details--get-hired .cv-bundles-offer-label {
    color: #ED8A47
}

.template-overview .templates-details--get-hired .cv-bundles-price {
    color: #083A50;
    display: inline-block
}

.template-overview .templates-details--get-hired .cv-bundles-price span {
    font-size: 20px;
    display: inline-block;
    width: 100%
}

.template-overview .templates-details--get-hired .cv-bundles-price--with-offer {
    color: #ED8A47
}

@media screen and (max-width: 39.99875em) {
    .template-overview .templates-details--get-hired .cv-bundles-title {
        font-size: 35px !important
    }

    .template-overview .templates-details--get-hired .cv-bundles-subtitle {
        font-size: 25px !important
    }

    .template-overview .templates-details--get-hired ul li {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .template-overview .templates-details--get-hired .cv-bundles-info ul li {
        line-height: 1.1 !important
    }

    .template-overview .templates-details--get-hired .cv-bundle-details-button {
        text-align: center;
        margin-top: 15px
    }

    .template-overview .templates-details--get-hired .cv-bundles-offer-label {
        text-align: center;
        width: 100%;
        margin-top: 15px
    }

    .template-overview .templates-details--get-hired .cv-bundles-price {
        text-align: center;
        width: 100%
    }
}

.template-overview .button-wrapper {
    margin: 35px 0 0 0
}

@media print,
screen and (min-width: 64.0625em) {
    .template-overview .button-wrapper {
        position: absolute;
        width: calc(100% - 60px);
        bottom: 35px
    }
}

.template-overview .more-templates {
    padding-top: 0 !important
}

.template-overview .more-templates .sample-slider {
    margin: 0
}

@media screen and (max-width: 39.99875em) {

    .template-overview .more-templates h3,
    .template-overview .more-templates .see-all-link {
        margin: 0 0 0 5px
    }
}

.template-overview .more-templates .similar-templates-container {
    min-height: 363px
}

@media screen and (min-width: 1366px) {
    .template-overview.templates-bundle .grid-container .large-8 {
        width: 60%
    }

    .template-overview.templates-bundle .grid-container .large-4 {
        width: 40%
    }
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .template-overview.templates-bundle .grid-container .large-8 {
        width: 50%
    }

    .template-overview.templates-bundle .grid-container .large-4 {
        width: 50%
    }
}

.template-overview.templates-bundle .cv-bundle-details-button {
    margin: 35px 0 0 0
}

@media screen and (min-width: 1284px) {
    .template-overview.templates-bundle .cv-bundle-details-button {
        position: absolute;
        width: calc(100% - 60px);
        bottom: 30px
    }
}

@media screen and (max-width: 1285px) and (min-width: 1025px) {
    .template-overview.templates-bundle .cv-bundle-details-button {
        margin: 30px 0 0 0;
        bottom: 25px
    }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .template-overview.templates-bundle .cv-bundle-details-button {
        margin: 50px 0 0 0
    }
}

.template-overview.templates-bundle .templates-details .cv-bundles-title {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 1
}

@media screen and (max-width: 39.99875em) {
    .template-overview.templates-bundle .templates-details .cv-bundles-title {
        font-size: 30px
    }
}

@media screen and (max-width: 280px) {
    .template-overview.templates-bundle .templates-details .cv-bundles-title {
        font-size: 25px
    }
}

.template-overview.templates-bundle .templates-details .templates-price-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 350px) {
    .template-overview.templates-bundle .templates-details .templates-price-wrapper .cv-bundles-price span {
        font-size: 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .template-overview.templates-bundle .templates-details .templates-price-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .template-overview.templates-bundle .templates-details .templates-price-wrapper .button {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 64.0625em) {
    .template-overview.templates-bundle .templates-details {
        height: 542px
    }
}

@media screen and (max-width: 1441px) and (min-width: 1366px) {
    .template-overview.templates-bundle .templates-details {
        height: 580px
    }
}

@media screen and (max-width: 1365px) and (min-width: 1279px) {
    .template-overview.templates-bundle .templates-details {
        height: 524px
    }
}

@media screen and (max-width: 1278px) and (min-width: 1025px) {
    .template-overview.templates-bundle .templates-details {
        height: 542px
    }
}

@media screen and (max-width: 1324px) and (min-width: 1200px) {
    .template-overview.templates-bundle .templates-details .button-red {
        font-size: 19px
    }
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
    .template-overview.templates-bundle .templates-details .button-red {
        font-size: 17px;
        height: 60px
    }
}

.templates-package sup {
    top: -1em
}

.templates-package li {
    color: rgba(77, 77, 77, 0.8);
    padding-left: 1em;
    text-indent: -1em;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    line-height: 22px
}

@media screen and (max-width: 39.99875em) {
    .templates-package li {
        width: 100%;
        padding-bottom: 10px
    }
}

.templates-package li:before {
    content: "\2022";
    color: #74D6C5;
    font-weight: bold;
    padding-right: 10px
}

.templates-package .cv-type-block {
    padding: 15px 30px
}

@media screen and (max-width: 39.99875em) {
    .templates-package .cv-type-block {
        padding: 13px 30px !important
    }
}

@media screen and (max-width: 350px) {
    .templates-package .cv-type-block {
        padding: 13px 15px !important
    }
}

.templates-package .cv-type-block .cv-type {
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .templates-package .cv-type-block .cv-type {
        font-size: 15px;
        line-height: 1.2
    }
}

.templates-package .cv-bundles-info li {
    width: 100%
}

.templates-package .cv-bundles-info li:before {
    content: ""
}

.extended-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important
}

.extended-container .extended {
    max-width: none !important;
    top: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .extended-container .extended.cv-type-block,
    .extended-container .extended.for-accordion {
        padding: 25px 50px
    }
}

.extended-container .extended .hide-for-small-only {
    max-width: 87.25rem;
    margin: 0 auto
}

.payment-container {
    background-color: #ffffff;
    padding: 30px;
    text-align: center;
    max-width: 800px;
    margin: 45px auto 0 auto
}

.payment-container.cv-bundles {
    max-width: 944px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .payment-container.cv-bundles {
        max-width: 668px
    }
}

.payment-container.cv-bundles p {
    color: rgba(77, 77, 77, 0.8)
}

.payment-container.cv-bundles .cv-bundle-unique-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.payment-container.bundle-package {
    max-width: 944px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .payment-container.bundle-package {
        max-width: 668px
    }
}

.payment-container h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px
}

.payment-container .blk {
    max-width: 600px;
    margin: 0 auto
}

.payment-container .blk .link-blk {
    border: 1px solid #63BEAE;
    margin-top: 10px
}

.payment-container .blk .link-blk p {
    margin: 10px
}

.payment-wrapper {
    text-align: center;
    max-width: 500px;
    margin: 0 auto
}

.see-all-link {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.see-all-link:hover {
    cursor: pointer;
    color: #74D6C5
}

@media screen and (max-width: 64.06125em) {
    .see-all-link {
        color: #74D6C5
    }
}

.info-wrapper h1 {
    text-align: center;
    margin: 0 0 40px 0
}

.info-wrapper h3 {
    margin: 0 0 20px 0
}

.info-wrapper p {
    margin: 0 auto 30px auto;
    max-width: 560px
}

.info-wrapper p.no-max-width {
    max-width: unset
}

.process-caption {
    max-width: 200px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    line-height: 25px;
    min-height: 50px
}

@media screen and (max-width: 64.06125em) {
    .process-caption {
        margin-bottom: 30px;
        margin-top: 20px
    }
}

.cv-templates-featured .layer {
    background: rgba(0, 0, 0, 0.5) !important
}

.cv-templates-featured .grid-container {
    padding: 50px 0 0 0 !important
}

@media screen and (max-width: 90.06125em) {
    .cv-templates-featured .grid-container {
        padding: 50px 50px 0 50px !important
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-templates-featured .grid-container {
        padding: 50px 30px 0 30px !important
    }
}

.cv-templates-featured h3 {
    font-size: 30px;
    color: #ffffff;
    max-width: 700px
}

@media print,
screen and (min-width: 40em) {
    .cv-templates-featured h3 {
        margin: 0 auto
    }
}

.cv-templates-featured .subtitle {
    font-size: 50px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ffffff;
    max-width: 700px;
    margin: 20px 0;
    line-height: 50px
}

@media print,
screen and (min-width: 40em) {
    .cv-templates-featured .subtitle {
        margin: 10px auto 20px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-templates-featured .subtitle {
        font-size: 28px;
        line-height: 35px
    }
}

.cv-templates-featured .starting-price {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 10px;
    text-align: left
}

@media screen and (max-width: 39.99875em) {
    .cv-templates-featured .starting-price {
        margin-left: 15px
    }
}

.cv-templates-featured .starting-price .from {
    color: #ffffff;
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 1
}

.cv-templates-featured .starting-price .price {
    color: #ffffff;
    font-size: 30px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    line-height: 1;
    text-align: left !important
}

@media screen and (max-width: 64.06125em) {
    .cv-templates-featured .button-green-cv {
        margin-bottom: 20px !important
    }
}

.articles-results.career-paths .all-templates {
    padding-top: 50px !important
}

@media screen and (max-width: 39.99875em) {
    .articles-results.career-paths .all-templates .filter-buttons .filter-container {
        width: 49%
    }

    .articles-results.career-paths .all-templates .filter-buttons .filter-container button.filter {
        width: 100%;
        min-width: auto !important
    }
}

.articles-results.career-paths .all-templates .filter-buttons .filter-container .button-white {
    min-width: 200px
}

@media screen and (min-width: 640px) and (max-width: 800px) {
    .articles-results.career-paths .all-templates .filter-buttons .filter-container .button-white {
        min-width: 160px
    }
}

@media screen and (max-width: 39.99875em) {
    .articles-results.career-paths .all-templates .filter-buttons .filter-container .button-white {
        font-size: 15px
    }
}

.articles-results.career-paths .all-templates .filter-buttons .filter-container .filter-content.active {
    min-width: 200px
}

@media screen and (max-width: 39.99875em) {
    .articles-results.career-paths .all-templates .filter-buttons .filter-container .filter-content.active {
        min-width: 100% !important
    }
}

@media screen and (max-width: 39.99875em) {
    .articles-results.career-paths .all-templates .filter-buttons .filter-container .filter-content ul li {
        font-size: 15px;
        line-height: 1.2;
        padding: 5px 0
    }

    .articles-results.career-paths .all-templates .filter-buttons .filter-container .filter-content ul li a {
        font-size: 15px;
        line-height: 1.2
    }
}

.articles-results.career-paths .all-templates .list-cv-templates .cell {
    padding-top: 0;
    padding-bottom: 0
}

.articles-results.career-paths .all-templates .list-cv-templates .cell .cv-template-small-block {
    padding: 10px
}

@media screen and (max-width: 39.99875em) {
    .articles-results.career-paths .all-templates .list-cv-templates .cell .cv-template-small-block {
        padding: 10px 0
    }
}

.articles-results.career-paths .all-templates .list-cv-templates .cell .cv-template-small-block .info h4 {
    font-size: 22px;
    min-height: 30px
}

.cv-template-small-block .cv-details-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5px
}

.cv-template-small-block .cv-details-inline p {
    color: rgba(77, 77, 77, 0.5)
}

.trustpilot-block .star-block {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 20px 0
}

.trustpilot-block .star-block .star {
    margin: 0 2px
}

.trustpilot-block .trustpilot-result {
    font-size: 48px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.trustpilot-block .review {
    font-size: 18px;
    color: #083A50
}

.trustpilot-block .rate-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media print,
screen and (min-width: 64.0625em) {
    .trustpilot-block .rate-block {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.trustpilot-block .rate {
    font-size: 18px;
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    display: inline-block
}

.trustpilot-block .rate span {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.trustpilot-block .trust-pilot-white {
    display: inline-block;
    margin: 0 0 0 20px !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.logo-icon {
    background: url("../image/Logos-932e0755a25f63d4c52c50b8722755b1542227224a1852979bf4742ec736334f.svg")
}

.logo-icon.CH-logo {
    background-position: -7px -32px;
    width: 196px;
    height: 48px
}

@media print,
screen and (min-width: 40em) {
    .logo-icon.CH-logo {
        float: right
    }
}

.logo-icon.ask-men {
    background-position: -143px -112px;
    width: 119px;
    height: 33px
}

.logo-icon.pay-scale {
    background-position: -276px -104px;
    width: 122px;
    height: 41px
}

.logo-icon.ladders {
    background-position: -14px -170px;
    width: 118px;
    height: 32px
}

.logo-icon.total-jobs {
    background-position: -143px -172px;
    width: 122px;
    height: 23px
}

.logo-icon.aljazeera {
    background-position: -277px -167px;
    width: 120px;
    height: 31px
}

.logo-icon.fast-company {
    background-position: -10px -119px;
    width: 121px;
    height: 19px;
    margin: 8px auto
}

.logo-icon.trust-pilot {
    background-position: -226px -44px;
    width: 100px;
    height: 25px;
    display: inline-block
}

.logo-icon.trust-pilot-white {
    background-position: -226px -12px;
    width: 100px;
    height: 25px;
    margin: 0 0 0 20px
}

@media screen and (max-width: 39.99875em) {
    .logo-icon.trust-pilot-white {
        margin: 0 auto
    }
}

.logo-icon.paypal-white {
    background-position: -343px -77px;
    width: 75px;
    height: 21px
}

.banner-top {
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    background-position: 70% center !important
}

.banner-top .layer {
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%
}

.banner-top .title-page {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff;
    line-height: 55px
}

@media screen and (max-width: 64.06125em) {
    .banner-top .title-page {
        line-height: 40px
    }
}

.banner-top .description-page {
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 55px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    max-width: 800px;
    margin-top: 30px
}

@media screen and (max-width: 39.99875em) {
    .banner-top .description-page {
        font-size: 30px;
        line-height: 30px
    }
}

.order-cv-packages .title {
    font-size: 30px;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    text-align: center;
    margin-bottom: 5px
}

@media screen and (max-width: 39.99875em) {
    .order-cv-packages .title {
        font-size: 28px
    }
}

.order-cv-packages .desc {
    font-size: 21px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    text-align: center;
    margin-bottom: 30px
}

@media screen and (max-width: 39.99875em) {
    .order-cv-packages .desc {
        font-size: 18px
    }
}

.cv-writing-container .cell {
    padding: 0 8px
}

@media (min-width: 1150px) {
    .cv-writing-container .xlarge-3 {
        width: 25%
    }
}

.cv-writing-block {
    margin-bottom: 20px;
    background: #ffffff
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-block.level {
        -webkit-box-shadow: 0px 3px 6px #00000029;
        box-shadow: 0px 3px 6px #00000029
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-writing-block.level {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block.level {
        margin: 0 -30px 50px -30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block.level {
        margin: 0 -10px 50px -10px
    }
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-block.level {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }
}

.cv-writing-block.level .cv-type-block {
    padding: 15px;
    display: inline-block;
    width: 100%;
    height: 90px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block.level .cv-type-block {
        padding: 15px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block.level .cv-type-block {
        padding: 15px 10px
    }
}

.cv-writing-block.level .cv-type-block .details {
    width: calc(100% - 80px);
    float: left;
    z-index: 1;
    position: relative
}

@media screen and (max-width: 1280px) and (min-width: 1150px) {
    .cv-writing-block.level .cv-type-block .details {
        width: calc(100% - 70px)
    }
}

.cv-writing-block.level .cv-type-block .cv-type-img {
    float: left;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

@media screen and (max-width: 1280px) and (min-width: 1150px) {
    .cv-writing-block.level .cv-type-block .cv-type-img {
        margin-right: 10px
    }
}

.cv-writing-block.level .cv-type-block .cv-type {
    font-size: 26px;
    color: #ffffff
}

@media screen and (max-width: 1280px) and (min-width: 1150px) {
    .cv-writing-block.level .cv-type-block .cv-type {
        font-size: 25px;
        line-height: 30px
    }
}

.cv-writing-block.level .cv-type-block .cv-product-title {
    font-size: 16px;
    color: #ffffff
}

@media screen and (max-width: 1280px) and (min-width: 1150px) {
    .cv-writing-block.level .cv-type-block .cv-product-title {
        font-size: 14px
    }
}

.cv-writing-block.package {
    margin-top: 17px;
    margin-bottom: 0 !important
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-block.package {
        margin-bottom: 20px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }
}

.cv-writing-block.add-extras {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-block.add-extras {
        margin-bottom: 0
    }
}

.cv-writing-block.add-extras h3 {
    margin-bottom: 20px
}

.cv-writing-block .content {
    overflow-y: hidden;
    -webkit-transition: max-height 0.6s ease;
    transition: max-height 0.6s ease;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0.2)));
    -webkit-mask-image: -webkit-linear-gradient(black, rgba(0, 0, 0, 0.2) 100%);
    -webkit-mask-repeat: no-repeat
}

.cv-writing-block .content.active {
    -webkit-mask-image: none
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .content {
        overflow-y: visible;
        -webkit-mask-image: none;
        max-height: auto !important
    }
}

.cv-writing-block .more {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 15px;
    color: rgba(142, 142, 142, 0.5);
    position: relative;
    display: inline-block
}

.cv-writing-block .more.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cv-writing-block .more:after {
    background-image: url("../image/cv-packages-896197fcf4c85d3a630f06214efd48712ffe7ea94d65b53231b208e74648ddfe.svg");
    content: '';
    margin: -4px 14px;
    background-position: -225px -26px;
    width: 13px;
    height: 8px;
    position: absolute;
    top: 13px;
    left: 25px
}

.cv-writing-block .cv-details {
    background: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.cv-writing-block .cv-details .product-option {
    color: #083A50 !important;
    font-size: 18px
}

.cv-writing-block .cv-details .cv-desc {
    padding: 30px 20px 30px 30px;
    text-align: left;
    margin-bottom: 25px
}

.cv-writing-block .cv-details .cv-desc.--out-extras {
    padding: 20px 20px 0 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .cv-details .cv-desc.--out-extras {
        padding: 20px 30px 0 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-details .cv-desc.--out-extras {
        padding: 20px 10px 0 10px
    }
}

.cv-writing-block .cv-details .cv-desc.--out-extras .tooltip--form {
    top: -233px;
    left: -48px;
    color: #ffffff !important;
    font-size: 13px !important
}

@media screen and (max-width: 375px) {
    .cv-writing-block .cv-details .cv-desc.--out-extras .tooltip--form {
        left: 0
    }
}

.cv-writing-block .cv-details .cv-desc.--out-extras .tooltip--form ul li,
.cv-writing-block .cv-details .cv-desc.--out-extras .tooltip--form p {
    color: #ffffff !important;
    font-size: 13px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-writing-block .cv-details .cv-desc {
        padding: 30px 0 30px 30px
    }
}

.cv-writing-block .cv-details .cv-desc ul li {
    font-size: 16px;
    line-height: 19px;
    color: rgba(77, 77, 77, 0.5)
}

.cv-writing-block .cv-details .original-price {
    font-size: 12px;
    color: #0a0a0a;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    text-decoration: line-through;
    -webkit-text-decoration-color: #FF523E;
    text-decoration-color: #FF523E
}

.cv-writing-block .cv-details .offer {
    font-size: 13px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #74D6C5 !important;
    font-weight: bold;
    margin: 0
}

.cv-writing-block .cv-details .extra.without_accordion {
    padding: 20px;
    border-top: 1px solid #e6e6e6
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .cv-details .extra.without_accordion {
        padding: 20px 30px
    }
}

.cv-writing-block .cv-details .extra.without_accordion h5 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 22px
}

.cv-writing-block .cv-details .extra.without_accordion .tooltip--form {
    top: -107px
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-details .extra.without_accordion {
        padding: 20px 10px
    }
}

.cv-writing-block .cv-details .extra .line {
    margin-bottom: 10px
}

.cv-writing-block .cv-details .extra .accordion-title {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    text-align: left;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    padding: 25px 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .cv-details .extra .accordion-title {
        padding: 25px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-details .extra .accordion-title {
        padding: 25px 10px
    }
}

.cv-writing-block .cv-details .extra .accordion-title:before {
    width: 15px;
    height: 9px;
    content: '';
    margin: -4px 14px;
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -213px -110px
}

@media (max-width: 1300px) and (min-width: 1150px) {
    .cv-writing-block .cv-details .extra .accordion-title {
        padding: 1.25rem 20px
    }
}

.cv-writing-block .cv-details .extra .is-active>.accordion-title::before {
    width: 16px;
    height: 10px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -190px -109px
}

.cv-writing-block .cv-details .extra .accordion-content {
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    padding: 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .cv-details .extra .accordion-content {
        padding: 20px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-details .extra .accordion-content {
        padding: 20px 10px
    }
}

.cv-writing-block .cv-details .extra .accordion-content h5 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 22px;
    color: #083A50
}

.cv-writing-block .cv-details .extra .accordion-content .price {
    text-align: left
}

@media (max-width: 1300px) and (min-width: 1150px) {
    .cv-writing-block .cv-details .extra .accordion-content {
        padding: 20px
    }
}

@media (max-width: 1440px) {
    .cv-writing-block .cv-details .extra .cell {
        padding: 0
    }
}

.cv-writing-block .cv-details .cv-price {
    padding: 15px 20px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .cv-details .cv-price {
        padding: 15px 30px;
        border-bottom: 1px solid #dddddd
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-details .cv-price {
        padding: 15px 10px
    }
}

.cv-writing-block .cv-details .cv-price h3 {
    font-size: 30px;
    line-height: 36px
}

@media (max-width: 1279px) and (min-width: 1150px) {
    .cv-writing-block .cv-details .cv-price h3 {
        font-size: 25px;
        line-height: 30px
    }
}

.cv-writing-block .cv-details h5 {
    color: #083a50;
    font-size: 16px;
    font-family: "Sofia-Pro-Light", sans-serif;
    position: relative
}

.cv-writing-block .accordion {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.cv-writing-block .accordion-title:before {
    width: 15px;
    height: 10px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -213px -349px
}

.cv-writing-block .is-active>.accordion-title::before {
    width: 16px;
    height: 10px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -190px -349px
}

.cv-writing-block .cv-type-block {
    text-align: left
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-block .cv-type-block {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-block .cv-type-block.order {
        margin: 0 -30px;
        padding: 20px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-block .cv-type-block.order {
        margin: 0 -10px;
        padding: 20px 10px
    }
}

.cv-writing-block .cv-type-block.sticky {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-transition: margin-top .25s;
    transition: margin-top .25s
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-block .cv-type-block.sticky {
        padding: 20px 50px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-block .cv-type-block.sticky {
        margin: 0
    }
}

@media screen and (max-width: 39.99875em) and (min-width: 40em) {
    .cv-writing-block .cv-type-block.closed {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
}

.cv-writing-block .cv_tooltip {
    width: 20px;
    height: 20px;
    background: #8e8e8e;
    color: #ffffff;
    border-radius: 50%;
    text-align: center
}

.cv-writing-block .remove {
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -372px -62px;
    width: 10px;
    height: 3px;
    display: inline-block;
    vertical-align: middle
}

.cv-writing-block .remove.disabled {
    opacity: 0.2
}

.cv-writing-block .remove:hover {
    cursor: pointer;
    background-position: -306px -62px;
    width: 11px;
    height: 3px
}

.cv-writing-block .add {
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -386px -58px;
    width: 11px;
    height: 10px;
    display: inline-block;
    vertical-align: middle
}

.cv-writing-block .add.disabled {
    opacity: 0.2
}

.cv-writing-block .add:hover {
    cursor: pointer;
    background-position: -321px -58px;
    width: 11px;
    height: 10px
}

.cv-writing-block .price {
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 15px;
    line-height: 17px;
    margin: 0
}

.cv-writing-block .price.--offer {
    -webkit-text-decoration-color: #FF523E !important;
    text-decoration-color: #FF523E !important;
    text-decoration: line-through
}

.cv-writing-block .quantity {
    color: #083A50;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.cv-writing-block .total-sup {
    font-size: 21px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin-right: 7px !important;
    opacity: 0.5;
    top: 2px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .total-sup {
        margin-right: 0 !important;
        margin-left: 7px;
        top: 5px !important;
        font-size: 15px
    }
}

.cv-writing-block .price-package {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .price-package {
        font-size: 25px
    }
}

.cv-writing-block .price-package .original-price {
    text-decoration: line-through;
    -webkit-text-decoration-color: red;
    text-decoration-color: red;
    font-size: 30px;
    opacity: 0.5;
    top: 0
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-block .price-package .original-price {
        font-size: 25px
    }
}

@media screen and (max-width: 400px) {
    .cv-writing-block .price-package .original-price {
        font-size: 21px
    }
}

@media screen and (max-width: 400px) {
    .cv-writing-block .price-package {
        font-size: 21px
    }
}

.cv-writing-block .button {
    min-width: 110px;
    margin-bottom: 0
}

.cv-writing-block .custom-checkbox {
    width: 30px !important;
    height: 30px !important;
    float: right;
    margin: 0 !important
}

.cv-writing-block .custom-checkbox svg {
    top: 8px !important;
    left: 8px !important;
    stroke: white !important
}

.cv-writing-block .custom-checkbox.checked {
    border: none !important
}

.cv-writing-block .included {
    color: #083A50;
    font-size: 15px;
    padding: 10px;
    height: 30px;
    line-height: 12px;
    border-radius: 5px;
    display: inline-block;
    font-family: "Sofia-Pro-Light", sans-serif;
    background: #f6f6f6;
    position: relative;
    width: 97px
}

.cv-writing-block .included .tick-mark {
    top: 10px;
    left: 2px;
    width: 12px;
    height: 12px
}

.cv-writing-block .included .tick-mark:before {
    height: 7px;
    width: 2px
}

.cv-writing-block .included .tick-mark:after {
    width: 14px
}

.cv-writing-block .highlight .included {
    position: absolute;
    bottom: 7px;
    right: 10px
}

.cv-writing-block .highlight .included .tick-mark:after {
    bottom: 1px
}

.cv-writing-block .tooltip-icon {
    margin-left: 5px !important;
    position: absolute;
    margin-top: 5px
}

.cv-type-block,
.for-accordion {
    color: #ffffff;
    background: transparent;
    padding: 20px 30px
}

.cv-type-block h5,
.for-accordion h5 {
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif
}

.cv-type-block .cv-type,
.cv-type-block.cv-type,
.for-accordion .cv-type,
.for-accordion.cv-type {
    color: #ffffff;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 26px;
    line-height: 36px
}

@media screen and (max-width: 360px) {

    .cv-type-block .cv-type,
    .cv-type-block.cv-type,
    .for-accordion .cv-type,
    .for-accordion.cv-type {
        font-size: 21px;
        line-height: 25px
    }
}

.cv-type-block .cv-type.accordion-title,
.cv-type-block.cv-type.accordion-title,
.for-accordion .cv-type.accordion-title,
.for-accordion.cv-type.accordion-title {
    font-size: 25px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    border-color: transparent
}

.cv-type-block .cv-type .original-price,
.cv-type-block.cv-type .original-price,
.for-accordion .cv-type .original-price,
.for-accordion.cv-type .original-price {
    font-size: 14px;
    text-decoration: line-through;
    top: -0.2rem
}

@media screen and (max-width: 39.99875em) {

    .cv-type-block .cv-type .original-price,
    .cv-type-block.cv-type .original-price,
    .for-accordion .cv-type .original-price,
    .for-accordion.cv-type .original-price {
        top: 0
    }
}

.cv-type-block .cv-product-title,
.for-accordion .cv-product-title {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 14.5px;
    line-height: 18px;
    color: #ffffff;
    margin: 0
}

@media (max-width: 475px) {

    .cv-type-block.order,
    .for-accordion.order {
        padding: 15px 30px 5px 30px
    }
}

@media screen and (max-width: 64.06125em) {

    .cv-type-block.order,
    .for-accordion.order {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .cv-type-block,
    .for-accordion {
        padding: 25px 30px
    }
}

.cv-service-block {
    background: #ffffff
}

.cv-service-block .process-caption {
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 64.06125em) {
    .cv-service-block .process-caption {
        margin-bottom: 30px
    }
}

.satisfaction-container {
    background: #ffffff
}

.satisfaction-container .grid-container {
    padding-top: 0 !important;
    max-width: 900px;
    margin-top: -10px;
    padding-bottom: 90px !important
}

@media screen and (max-width: 39.99875em) {
    .satisfaction-container .grid-container {
        margin-top: -55px;
        padding-bottom: 50px !important
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .satisfaction-container .grid-container .medium-4 {
        width: 30%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .satisfaction-container .grid-container .medium-8 {
        width: 70%
    }
}

.satisfaction-container .cv-packages {
    margin: 0 35px 0 auto
}

@media screen and (max-width: 39.99875em) {
    .satisfaction-container .cv-packages {
        margin: 0 auto 20px auto
    }
}

.satisfaction-container .satisfaction-header {
    font-size: 24px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 0 20px 0
}

@media screen and (max-width: 39.99875em) {
    .satisfaction-container .satisfaction-header {
        text-align: center
    }
}

.satisfaction-container .satisfaction-desc {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D
}

@media screen and (max-width: 39.99875em) {
    .satisfaction-container .satisfaction-desc {
        margin-top: 20px;
        text-align: center
    }
}

.satisfaction-container--move-below .grid-container {
    margin-top: 0;
    padding-top: 64px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .satisfaction-container--move-below .grid-container {
        padding-top: 54px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .satisfaction-container--move-below .grid-container {
        padding-top: 44px !important
    }
}

.cv-process-container {
    background: transparent
}

.cv-process-container .cv-process-title {
    font-size: 30px
}

.cv-process-container .cv-process-subtitle {
    font-size: 25px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 20px 0
}

@media screen and (max-width: 64.06125em) {
    .cv-process-container .cv-process-subtitle {
        font-size: 21px
    }
}

.cv-process-container .process-block {
    text-align: center
}

@media screen and (min-width: 64.0625em) {
    .cv-process-container .process-block {
        padding-right: 20px;
        margin: 40px 0 0 0
    }
}

.cv-process-container .process-block .circle-with-number {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #ED8A47;
    color: #ED8A47;
    text-align: center;
    margin: 0 auto
}

.cv-process-container .process-block .circle-with-number.is-blue {
    border: 2px solid #4095DB;
    color: #4095DB
}

@media screen and (max-width: 64.06125em) {
    .cv-process-container .process-block .circle-with-number {
        margin: 40px auto 0 auto
    }
}

.cv-process-container .process-block .circle-with-number span {
    font-size: 50px;
    line-height: 1.1;
    font-family: "Sofia-Pro-Light", sans-serif
}

.cv-process-container .process-block .step {
    margin: 20px 0
}

@media screen and (max-width: 39.99875em) {
    .cv-process-container .process-block .step {
        margin: 30px 0 20px
    }
}

.cv-process-container .process-block .step-desc {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D
}

@media screen and (min-width: 64.0625em) {
    .cv-process-container .process-block .step-desc {
        max-width: 334px;
        margin: 0 auto
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-process-container .process-block .step-desc {
        max-width: 400px;
        margin: 0 auto
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-process-container .process-block {
        text-align: center
    }
}

.cv-process-container .cv-process-tip {
    margin: 70px 0 0 0;
    font-size: 15px;
    line-height: 18px;
    color: rgba(77, 77, 77, 0.8);
    text-align: center
}

@media screen and (max-width: 39.99875em) {
    .cv-process-container .cv-process-tip {
        margin: 80px 0 0 0
    }
}

.cv-process-container .cv-process-tip span {
    display: inline-block;
    margin: 0 10px 0 0
}

.review {
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #0a0a0a;
    display: inline-block;
    vertical-align: text-bottom
}

.review span {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

.cv-writing-order {
    max-width: 1040px;
    margin: 0 auto
}

.cv-writing-order .grey-clr-txt {
    color: rgba(77, 77, 77, 0.8) !important;
    line-height: 26px
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-order.return-pg .grid-container {
        padding: 80px 50px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.return-pg .grid-container {
        padding: 40px 0 !important
    }
}

.cv-writing-order.return-pg .return-pg-heading {
    font-size: 40px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.return-pg .return-pg-heading {
        font-size: 28px;
        line-height: 35px;
        margin: 0 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.return-pg h3 {
        font-size: 24px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.return-pg .button-green-cv.button--big-rounded {
        height: 60px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .grid-container {
        padding: 25px 50px !important
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .grid-container {
        padding: 25px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .grid-container {
        padding: 25px 10px
    }
}

.cv-writing-order .err .error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.cv-writing-order .error {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 12px;
    line-height: 15px
}

.cv-writing-order .relative-checkbox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .relative-checkbox label {
        margin-bottom: 10px
    }
}

.cv-writing-order .relative-checkbox.err .agreeText,
.cv-writing-order .relative-checkbox.err .agreeText a {
    color: rgba(10, 30, 46, 0.5)
}

.cv-writing-order [type='text'],
.cv-writing-order [type='email'],
.cv-writing-order [type='number'],
.cv-writing-order [type='tel'],
.cv-writing-order select,
.cv-writing-order textarea {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.cv-writing-order.for-cvs {
    max-width: 1100px
}

.cv-writing-order .subtitle-text {
    font-size: 14px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(8, 58, 80, 0.5);
    margin-bottom: 5px
}

.cv-writing-order h1 {
    font-size: 40px;
    line-height: 45px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 auto
}

@media screen and (max-width: 359px) {
    .cv-writing-order .safe-checkout-text {
        font-size: 30px;
        line-height: 35px
    }
}

@media (max-width: 320px) {

    .cv-writing-order [type='text'],
    .cv-writing-order [type='password'],
    .cv-writing-order [type='date'],
    .cv-writing-order [type='datetime'],
    .cv-writing-order [type='datetime-local'],
    .cv-writing-order [type='month'],
    .cv-writing-order [type='week'],
    .cv-writing-order [type='email'],
    .cv-writing-order [type='number'],
    .cv-writing-order [type='search'],
    .cv-writing-order [type='tel'],
    .cv-writing-order [type='time'],
    .cv-writing-order [type='url'],
    .cv-writing-order [type='color'],
    .cv-writing-order select,
    .cv-writing-order textarea {
        font-size: 15px;
        padding: 10px 8px
    }
}

.cv-writing-order .button-purple {
    margin: 0 0 1rem 0
}

.cv-writing-order span.agreeText .secondary-link {
    color: rgba(8, 58, 80, 0.5) !important;
    text-decoration: underline
}

.cv-writing-order .relative-checkbox.err .secondary-link {
    color: #FF523E !important
}

.cv-writing-order .payment-icons {
    position: absolute;
    right: 0
}

.cv-writing-order .cv-order-info {
    background: #ffffff;
    padding: 30px;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: rgba(77, 77, 77, 0.5)
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-info {
        border-bottom: 1px solid #dddddd;
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .cv-order-info {
        margin: 0 -10px;
        padding: 30px 10px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .cv-order-info {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: 20px
    }
}

.cv-writing-order .cv-order-details {
    background: #ffffff;
    padding: 30px;
    margin-bottom: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details {
        margin: 0 -30px
    }
}

.cv-writing-order .cv-order-details.templates {
    padding: 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .cv-order-details.templates {
        padding: 0 0 30px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details.templates ul {
        margin: 0 -10px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details.templates {
        background: none;
        border: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }
}

.cv-writing-order .cv-order-details.templates img {
    min-height: 100px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .cv-order-details.templates img {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .cv-order-details.templates .cv-bundles-info {
        padding: 0 30px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details.templates .cv-bundles-info li {
        padding-left: 0
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details.templates .cv-bundles-info li::before {
        padding-right: 0
    }
}

.cv-writing-order .cv-order-details img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .cv-order-details {
        padding: 40px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .cv-order-details {
        margin: 0 -10px;
        padding: 40px 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .cv-order-details {
        margin-bottom: 0;
        border-bottom: 1px solid #dddddd
    }
}

.cv-writing-order .cv-order-details .template-content {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: rgba(77, 77, 77, 0.8)
}

@media screen and (min-width: 64.0625em) {
    .cv-writing-order .cv-order-details .template-content {
        padding: 0 20px
    }
}

.cv-writing-order .add-template {
    background: #ffffff;
    padding: 30px 30px 0 30px;
    margin-bottom: 0 !important
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .add-template {
        margin-bottom: 20px !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 209px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .add-template {
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .add-template {
        margin: 0 -10px;
        padding: 30px 10px 0 10px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .add-template img {
        position: relative;
        top: -40px
    }
}

.cv-writing-order .add-template h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-writing-order .add-template .price {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 25px;
    margin: 0 20px
}

.cv-writing-order .add-template p {
    font-size: 21px;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 28px;
    color: #083A50;
    margin: 25px 0 30px 0
}

.cv-writing-order .product-block {
    padding: 10px;
    border: 2px solid transparent;
    background-color: #f6f6f6;
    margin-right: 8px;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .product-block {
        width: 180px
    }
}

.cv-writing-order .product-block .product-name {
    color: #083A50;
    line-height: 22px;
    margin-bottom: 25px
}

@media (max-width: 1440px) {
    .cv-writing-order .product-block .product-name {
        margin-bottom: 0
    }
}

.cv-writing-order .product-block .product-name.--included {
    padding-right: 2px
}

.cv-writing-order .product-block .price {
    font-size: 15px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    position: absolute;
    bottom: 10px
}

@media (max-width: 1440px) {
    .cv-writing-order .product-block .price {
        position: initial
    }
}

.cv-writing-order .product-block:hover,
.cv-writing-order .product-block.highlight {
    background: #ffffff;
    border: 2px solid #ED8A47;
    cursor: pointer
}

.cv-writing-order .product-block .offer {
    color: #ED8A47;
    font-weight: bold;
    font-size: 15px;
    font-family: "Sofia-Pro-Bold", sans-serif
}

@media (max-width: 1440px) and (min-width: 641px) {
    .cv-writing-order .product-block {
        width: 48%;
        margin-bottom: 10px
    }
}

@media (max-width: 640px) {
    .cv-writing-order .product-block {
        min-width: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.cv-writing-order .product-block .custom-checkbox svg {
    stroke: white !important
}

.cv-writing-order .product-block .custom-checkbox.checked {
    border: none !important
}

.cv-writing-order .template-select {
    background: #ffffff;
    padding: 30px;
    margin: 0 0 20px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.cv-writing-order .template-select h2 {
    padding-bottom: 40px
}

.cv-writing-order .template-select .space {
    margin-bottom: 20px
}

.cv-writing-order .template-select .link {
    color: #083A50;
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .template-select .link {
        color: #74D6C5
    }
}

.cv-writing-order .template-select .link.see-more {
    color: #74D6C5
}

.cv-writing-order .template-select .link.see-more.hide-for-large {
    margin-top: 20px
}

.cv-writing-order .template-select .link:hover {
    color: #74D6C5;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.cv-writing-order .template-select .select-label:after {
    right: 20px
}

.cv-writing-order .template-select .select-label .err:after {
    right: 30px
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .template-select {
        margin: 0
    }

    .cv-writing-order .template-select .padR5 {
        padding-right: 0
    }

    .cv-writing-order .template-select .padL5 {
        padding-left: 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-writing-order .template-select {
        padding: 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .template-select {
        padding: 40px 30px
    }
}

.cv-writing-order .user-details {
    background: #ffffff;
    padding: 30px
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .user-details {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .user-details {
        margin: 0 -30px;
        border-top: 1px solid rgba(112, 112, 112, 0.2)
    }
}

.cv-writing-order .user-details h2 {
    padding-bottom: 40px
}

.cv-writing-order .user-details [type='text'],
.cv-writing-order .user-details [type='email'],
.cv-writing-order .user-details [type='number'],
.cv-writing-order .user-details [type='tel'],
.cv-writing-order .user-details select,
.cv-writing-order .user-details textarea {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.cv-writing-order .user-details .upload-area {
    margin-top: 20px
}

.cv-writing-order .user-details .upload-area .upload-field {
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-order .user-details .upload-area .upload-field {
        width: 100%;
        margin-right: 10px
    }
}

.cv-writing-order .user-details .upload-area button {
    display: inline-block;
    margin-bottom: 10px
}

.cv-writing-order .user-details .upload-area .button-upload-cv {
    background: #E5E5E5;
    font-size: 18px;
    color: #083A50;
    font-family: "Sofia-Pro-Regular", sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .user-details .upload-area .button-upload-cv {
        max-width: 50px;
        min-width: 50px;
        padding: 10px 15px
    }

    .cv-writing-order .user-details .upload-area .button-upload-cv .upload-button {
        margin: 0;
        right: 4px
    }
}

.cv-writing-order .user-details .upload-area input[readonly] {
    background-color: #f6f6f6
}

.cv-writing-order .user-details .space {
    margin-bottom: 20px
}

.cv-writing-order .user-details .select-label:after {
    right: 20px
}

.cv-writing-order .user-details .select-label .err:after {
    right: 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .user-details {
        padding: 40px 30px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .user-details {
        margin: 0 -10px;
        padding: 30px 10px
    }
}

.cv-writing-order .user-details .tooltip--form {
    top: -114px;
    left: -102px;
    max-width: 15rem;
    background: #083A50
}

.cv-writing-order .user-details .tooltip--form:before {
    border-color: #083A50 transparent transparent
}

.cv-writing-order .payment-process {
    background: #ffffff;
    padding: 30px !important;
    margin: 0 0 20px 0
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-writing-order .payment-process {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .payment-process {
        margin: 0 -30px;
        border-top: 1px solid #dddddd;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px
    }
}

@media screen and (max-width: 359px) {
    .cv-writing-order .payment-process {
        margin: 0 -10px;
        padding: 30px 10px !important
    }
}

.cv-writing-order .payment-process .select-label {
    width: 80px;
    display: inline-block;
    margin: 0 10px 10px 0
}

.cv-writing-order .payment-process .select-label select {
    color: rgba(77, 77, 77, 0.5);
    margin-bottom: 0 !important
}

.cv-writing-order .payment-process .expiry-input {
    float: left;
    margin-right: 10px
}

.cv-writing-order .payment-process .csc {
    position: relative;
    float: right
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process .csc {
        max-width: 170px;
        float: left
    }
}

.cv-writing-order .payment-process .csc .tooltip-container {
    position: absolute;
    right: 10px;
    top: 17px;
    height: 15px;
    z-index: 4
}

.cv-writing-order .payment-process .csc .tooltip-container .small-icon.tooltip-icon {
    margin-left: 4px
}

.cv-writing-order .payment-process .csc input {
    margin-bottom: 0 !important
}

.cv-writing-order .payment-process .csc .err.cvc {
    display: inline-block
}

.cv-writing-order .payment-process .card-input {
    position: relative
}

.cv-writing-order .payment-process .card-input input {
    padding-right: 35px !important
}

.cv-writing-order .payment-process .card-input .count-hint {
    position: absolute;
    top: 16px;
    right: 15px;
    color: #4D4D4D;
    font-size: 15px
}

.cv-writing-order .payment-process .card-input .err+.count-hint {
    right: 35px
}

.cv-writing-order .payment-process:not(.paypal) .form-buttons {
    margin-top: 20px
}

@media (min-width: 1400px) {
    .cv-writing-order .payment-process:not(.paypal) .xlarge-1 {
        width: 8.33333%
    }

    .cv-writing-order .payment-process:not(.paypal) .xlarge-2 {
        width: 16.66667%
    }

    .cv-writing-order .payment-process:not(.paypal) .xlarge-10 {
        width: 83.33333%
    }

    .cv-writing-order .payment-process:not(.paypal) .large-offset-4 {
        margin-left: 35.6%
    }

    .cv-writing-order .payment-process:not(.paypal) .large-size {
        width: 10.33333% !important
    }
}

@media (max-width: 1440px) and (min-width: 1281px) {
    .cv-writing-order .payment-process:not(.paypal) .large-size {
        width: 10.33333% !important
    }
}

@media (max-width: 1440px) and (min-width: 1400px) {
    .cv-writing-order .payment-process:not(.paypal) .large-offset-4 {
        margin-left: 35.33333%
    }
}

@media (max-width: 1399px) and (min-width: 1279px) {
    .cv-writing-order .payment-process:not(.paypal) .large-offset-4 {
        margin-left: 27.33333%
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .cv-writing-order .payment-process:not(.paypal) .large-offset-4 {
        margin-left: 16.33333%
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .payment-process.paypal {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 40px
    }
}

@media (min-width: 1441px) {
    .cv-writing-order .payment-process.paypal .form-buttons {
        text-align: right
    }
}

@media (max-width: 1440px) and (min-width: 1025px) {
    .cv-writing-order .payment-process.paypal .form-buttons .large-3 {
        width: 26%
    }

    .cv-writing-order .payment-process.paypal .form-buttons .large-4 {
        width: 32.33333%
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process.paypal h3 {
        display: inline-block
    }

    .cv-writing-order .payment-process.paypal .payment-icons {
        display: inline-block;
        margin: 0 0 0 10px;
        position: relative;
        top: 3px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-writing-order .payment-process {
        padding: 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process {
        padding: 40px 30px
    }

    .cv-writing-order .payment-process .button-green-cv,
    .cv-writing-order .payment-process .button-purple {
        margin-bottom: 0;
        margin-top: 10px
    }

    .cv-writing-order .payment-process .relative_checkbox {
        margin-top: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process .payment-icons {
        margin-top: 10px
    }
}

.cv-writing-order .payment-process .accordion-title:before {
    width: 15px;
    height: 9px;
    content: '';
    margin-right: -16px;
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -213px -110px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process .accordion-title:before {
        margin-top: -5px
    }
}

.cv-writing-order .payment-process .accordion-title,
.cv-writing-order .payment-process .accordion-content {
    border-color: #ffffff
}

.cv-writing-order .payment-process .accordion-content {
    -webkit-transition: all .5s;
    transition: all .5s;
    max-height: 0;
    overflow: hidden;
    display: block;
    padding: 0
}

.cv-writing-order .payment-process .accordion-title {
    padding: 0
}

@media screen and (min-width: 40em) {
    .cv-writing-order .payment-process .accordion-title {
        display: -webkit-box
    }
}

.cv-writing-order .payment-process .accordion-title:hover,
.cv-writing-order .payment-process .accordion-title:focus {
    background: white
}

.cv-writing-order .payment-process.is-active>.accordion-title::before {
    width: 16px;
    height: 10px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -190px -109px
}

.cv-writing-order .payment-process.is-active .accordion-content {
    max-height: 100vh;
    padding: 20px 0 0 0;
    overflow: initial
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order .payment-process.is-active .accordion-content--card {
        min-height: 341px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process.is-active .accordion-content--card {
        min-height: 469px
    }
}

.cv-writing-order .payment-process .paypal-white {
    display: inline-block;
    margin-bottom: -5px
}

.cv-writing-order .payment-process .button-purple span {
    margin-right: 10px
}

@media (max-width: 1440px) and (min-width: 1400px) {
    .cv-writing-order .payment-process .cvc_caption {
        width: 16.66667%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-writing-order .payment-process .cvc_caption {
        text-align: right;
        margin-right: 5px
    }

    .cv-writing-order .payment-process .cvc_caption.medium-offset-1 {
        margin-left: 7.33333%
    }
}

@media (max-width: 639px) {
    .cv-writing-order .payment-process .large-size {
        margin-right: 9.9px
    }
}

@media (max-width: 418px) {
    .cv-writing-order .payment-process .large-size {
        margin-right: 7px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order .payment-process span.agreeText {
        width: unset;
        line-height: unset
    }
}

.cv-writing-order .caption {
    color: #4D4D4D;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.cv-writing-order .caption.cvc {
    margin-bottom: 9px
}

.cv-writing-order .caption.cvc .tooltip-icon {
    margin-left: 5px
}

@media screen and (min-width: 64.0625em) {
    .cv-writing-order .caption.cvc {
        text-align: right;
        margin-right: 10px;
        margin-bottom: 10px
    }
}

@media print,
screen and (min-width: 40em) {
    .cv-writing-order .caption.cvc {
        margin-bottom: 16px
    }
}

.cv-writing-order .cv-order-result {
    padding: 30px 15px;
    background: #ffffff;
    margin: 40px auto 0;
    max-width: 945px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.cv-writing-order .cv-order-result p,
.cv-writing-order .cv-order-result ul li {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    font-size: 18px;
    margin: 0 auto 10px auto;
    max-width: 730px
}

.cv-writing-order .cv-order-result p strong,
.cv-writing-order .cv-order-result ul li strong {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: rgba(77, 77, 77, 0.8)
}

.cv-writing-order .cv-order-result .blk {
    max-width: 510px;
    margin: 0 auto
}

.cv-writing-order .cv-order-result .working-hours {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

.cv-writing-order .cv-order-result h2 {
    margin: 0 0 20px 0
}

.cv-writing-order .cv-order-result h3 {
    margin-bottom: 20px
}

.cv-writing-order .cv-order-result ul li:before {
    content: '•';
    color: #74D6C5
}

.cv-writing-order .cv-order-result .buttons-area {
    margin: 20px 0
}

.cv-writing-order .cv-order-result .blue-strong {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: rgba(8, 58, 80, 0.8) !important
}

.cv-writing-order input:focus::-webkit-input-placeholder {
    color: transparent !important
}

.cv-writing-order input:focus:-moz-placeholder {
    color: transparent
}

.cv-writing-order input:focus::-moz-placeholder {
    color: transparent
}

.cv-writing-order input:focus:-ms-input-placeholder {
    color: transparent
}

@media screen and (max-width: 64.06125em) {
    .cv-writing-order:not(.for-qa) .user-details .padR5 {
        padding-right: 0
    }

    .cv-writing-order:not(.for-qa) .user-details .padL5 {
        padding-left: 0
    }
}

@media print,
screen and (min-width: 40em) {
    .list-cv-templates {
        margin: 0 -5px 50px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .list-cv-templates {
        margin-top: 30px
    }
}

.list-cv-templates .cv-template-small-block {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px
}

.list-cv-templates .cv-template-small-block:hover .img img {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.list-cv-templates .cv-template-small-block:hover .info h4,
.list-cv-templates .cv-template-small-block:hover .info h5 {
    color: #74D6C5;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.list-cv-templates .cv-template-small-block p {
    margin: 0
}

.list-cv-templates .cv-template-small-block.last {
    margin-right: 0
}

.list-cv-templates .cv-template-small-block.selected img {
    -webkit-box-shadow: 0 0 0 3px #74D6C5;
    box-shadow: 0 0 0 3px #74D6C5;
    border-radius: 5px
}

.list-cv-templates .cv-template-small-block .img {
    height: 220px
}

.list-cv-templates .cv-template-small-block .img img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.list-cv-templates .cv-template-small-block.checkout .img {
    height: 250px;
    position: relative
}

.list-cv-templates .cv-template-small-block.checkout .img img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.list-cv-templates .cv-template-small-block.checkout .price {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #083A50;
    padding: 5px;
    color: #ffffff;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-top: 10px;
    font-size: 13px;
    position: absolute;
    top: 0px;
    right: 10px
}

.list-cv-templates .cv-template-small-block.checkout .tick {
    height: 40px;
    width: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #74D6C5;
    padding: 10px;
    color: #ffffff;
    content: '/';
    font-family: "Sofia-Pro-Bold", sans-serif;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px
}

.list-cv-templates .cv-template-small-block.checkout .tick .tick-text {
    margin: 0 10px 0 0
}

.list-cv-templates .cv-template-small-block.checkout .tick .small-icon.white-tick {
    margin: 4px 0
}

.list-cv-templates .cv-template-small-block .info {
    padding: 20px;
    background: #ffffff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-cv-templates .cv-template-small-block .info>* {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.list-cv-templates .cv-template-small-block .info>.cv-details-inline {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.list-cv-templates .cv-template-small-block .info .price {
    color: #74D6C5;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px
}

.list-cv-templates .cv-template-small-block .info .original-price {
    font-size: 14px;
    line-height: 1;
    text-decoration: line-through
}

.list-cv-templates .cv-template-small-block .info h4 {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    min-height: 56px
}

.list-cv-templates .cv-template-small-block.cv-template-small-block--secondary:hover .info h4,
.list-cv-templates .cv-template-small-block.cv-template-small-block--secondary:hover .info h5 {
    color: #ED8A47
}

.list-cv-templates .cv-template-small-block.cv-template-small-block--secondary .info .price {
    color: #ED8A47
}

.list-cv-templates.grey .cv-template-small-block .info {
    background: #f6f6f6 !important
}

@media screen and (min-width: 768px) {
    .list-cv-templates.grey .img img:hover {
        opacity: 1;
        -webkit-box-shadow: 0 0 0 3px #74D6C5;
        box-shadow: 0 0 0 3px #74D6C5;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.questionnaire-template {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.questionnaire-template::-webkit-scrollbar {
    display: none
}

.questionnaire-template #mv_privacy_settings {
    display: none !important
}

.questionnaire-template #adhesion_desktop_wrapper {
    display: none !important
}

.questionnaire {
    text-align: center
}

@media screen and (max-width: 1690px) and (min-width: 1281px) {
    .questionnaire .grid-container.transparent {
        padding-top: 100px !important
    }
}

@media screen and (max-width: 1280px) and (min-width: 641px) {
    .questionnaire .grid-container.transparent {
        padding-top: 120px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .grid-container.transparent {
        padding-top: 110px !important
    }
}

.questionnaire .side-bubble {
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    bottom: 0;
    z-index: -1
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .side-bubble {
        bottom: 25%
    }
}

.questionnaire .side-bubble.is-on-right {
    right: 0;
    background-image: url("../image/gray-bubble-right-qre-61096cf9be1dd91645c129fb395a59215e6579415569c522761a3e6bed1e2563.webp");
    width: 241px;
    height: 880px
}

@media screen and (max-width: 64.06125em) {
    .questionnaire .side-bubble.is-on-right {
        width: 141px;
        height: 515px
    }
}

.questionnaire .side-bubble.is-on-left {
    left: 0;
    background-image: url("../image/gray-bubble-left-qre-ae8ad32d36e6a73d7a899a5195bbb29c1f60a9c30a782a0d8067ef9f47956da7.webp");
    width: 233px;
    height: 814px
}

@media screen and (max-width: 64.06125em) {
    .questionnaire .side-bubble.is-on-left {
        width: 136px;
        height: 476px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .side-bubble.is-on-left {
        top: 70px
    }
}

.questionnaire .questionnaire-container {
    max-width: 1190px;
    margin: auto
}

@media screen and (max-width: 1280px) {
    .questionnaire .questionnaire-container {
        max-width: 1000px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .questionnaire-container {
        max-width: 615px
    }
}

.questionnaire .questionnaire-title {
    font-size: 29px;
    line-height: 40px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #7E97A2;
    margin: 0
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-title {
        font-size: 30px;
        line-height: 32px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .questionnaire-title {
        font-size: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-title {
        font-size: 25px;
        line-height: 30px
    }
}

@media screen and (max-width: 370px) {
    .questionnaire .questionnaire-title {
        font-size: 24px
    }
}

.questionnaire .questionnaire-info {
    font-size: 38px;
    line-height: 1;
    color: #ffffff;
    margin: 16px auto 0;
    max-width: 915px
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-info {
        font-size: 35px;
        margin: 10px auto 0
    }
}

@media screen and (max-width: 1024px) and (min-width: 640px) {
    .questionnaire .questionnaire-info {
        font-size: 30px;
        line-height: 35px;
        margin: 10px auto 0
    }
}

@media screen and (max-width: 710px) and (min-width: 640px) {
    .questionnaire .questionnaire-info {
        font-size: 25px;
        line-height: 30px
    }
}

@media screen and (max-width: 64.06125em) {
    .questionnaire .questionnaire-info {
        max-width: 615px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-info {
        font-size: 25px;
        line-height: 30px
    }
}

@media screen and (min-width: 1281px) {
    .questionnaire .questionnaire-img-list {
        min-height: 285px
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-img-list {
        min-height: 270px
    }
}

.questionnaire .questionnaire-list {
    list-style-type: none;
    max-width: 770px;
    margin: auto
}

@media screen and (min-width: 1281px) {
    .questionnaire .questionnaire-list {
        min-height: 285px
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-list {
        min-height: 270px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .questionnaire-list {
        max-width: 580px
    }
}

@media screen and (max-width: 440px) {
    .questionnaire .questionnaire-list {
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .questionnaire .questionnaire-list {
        margin: 0
    }
}

.questionnaire .questionnaire-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none;
    box-shadow: none
}

.questionnaire .questionnaire-list-item:last-child .questionnaire-option {
    margin-bottom: 0
}

.questionnaire .questionnaire-list-item:hover,
.questionnaire .questionnaire-list-item.touched {
    cursor: pointer
}

.questionnaire .questionnaire-list-item:hover .questionnaire-option,
.questionnaire .questionnaire-list-item:hover .questionnaire-selection,
.questionnaire .questionnaire-list-item.touched .questionnaire-option,
.questionnaire .questionnaire-list-item.touched .questionnaire-selection {
    background-color: #ED8A47
}

@media (hover: none) {

    .questionnaire .questionnaire-list-item:hover .questionnaire-option,
    .questionnaire .questionnaire-list-item:hover .questionnaire-selection,
    .questionnaire .questionnaire-list-item.touched .questionnaire-option,
    .questionnaire .questionnaire-list-item.touched .questionnaire-selection {
        background-color: rgba(255, 255, 255, 0.2)
    }

    .questionnaire .questionnaire-list-item:hover .questionnaire-tick,
    .questionnaire .questionnaire-list-item.touched .questionnaire-tick {
        display: none
    }
}

.questionnaire .questionnaire-list-item:hover .questionnaire-tick,
.questionnaire .questionnaire-list-item.touched .questionnaire-tick {
    background: url("../image/tick-4e512c5af5c229cacfca12123ab66db6edbcdfff007b42f03b4f0cc23802f095.svg");
    background-repeat: no-repeat;
    width: 27px;
    height: 21px;
    margin: auto;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease
}

@media screen and (max-width: 39.99875em) {

    .questionnaire .questionnaire-list-item:hover .questionnaire-tick,
    .questionnaire .questionnaire-list-item.touched .questionnaire-tick {
        background: url("../image/tick-mobile-7f4d363c9a6c347b920f102fbb124c4160485448aac8b20f5f32dda393d4ff0c.svg");
        width: 18px;
        height: 14px
    }
}

.questionnaire .questionnaire-options-wrapper {
    width: 100%;
    text-align: left;
    padding: 0 20px 0 0
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-options-wrapper {
        padding: 0 15px 0 0
    }
}

@media screen and (max-width: 380px) {
    .questionnaire .questionnaire-options-wrapper {
        padding: 0 8px 0 0
    }
}

.questionnaire .questionnaire-option {
    border-radius: 50px;
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 30px;
    height: 56px;
    width: 680px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-option {
        height: 55px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .questionnaire-option {
        width: 500px;
        height: 55px
    }
}

@media screen and (max-width: 690px) and (min-width: 640px) {
    .questionnaire .questionnaire-option {
        width: 430px;
        height: 48px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-option {
        padding: 0 15px;
        width: 320px;
        height: 42px
    }
}

@media screen and (max-width: 390px) {
    .questionnaire .questionnaire-option {
        padding: 0 7px;
        width: 280px
    }
}

@media screen and (max-width: 340px) {
    .questionnaire .questionnaire-option {
        width: 250px
    }
}

.questionnaire .questionnaire-option-text {
    font-size: 29px;
    line-height: 1;
    margin: 0;
    padding: 0 0 4px 0;
    text-align: left;
    color: #FFFFFF
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-option-text {
        font-size: 28px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .questionnaire .questionnaire-option-text {
        font-size: 24px;
        padding: 0
    }
}

@media screen and (max-width: 690px) and (min-width: 640px) {
    .questionnaire .questionnaire-option-text {
        font-size: 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-option-text {
        font-size: 16px;
        padding: 0
    }
}

@media screen and (max-width: 390px) {
    .questionnaire .questionnaire-option-text {
        font-size: 15px
    }
}

@media screen and (max-width: 340px) {
    .questionnaire .questionnaire-option-text {
        font-size: 13px
    }
}

.questionnaire .questionnaire-selection {
    width: 56px;
    height: 56px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}

@media screen and (max-width: 1280px) and (min-width: 691px) {
    .questionnaire .questionnaire-selection {
        width: 55px;
        height: 55px
    }
}

@media screen and (max-width: 690px) and (min-width: 640px) {
    .questionnaire .questionnaire-selection {
        width: 48px;
        height: 48px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-selection {
        width: 42px;
        height: 42px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .questionnaire .questionnaire-list-icons:nth-child(3),
    .questionnaire .questionnaire-list-icons:nth-child(4) {
        margin-top: 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-list-icons {
        margin: 30px 0 0 0
    }

    .questionnaire .questionnaire-list-icons:first-child {
        margin: 0
    }
}

.questionnaire .questionnaire-circle {
    width: 145px;
    height: 145px;
    background: #7E97A2;
    border-radius: 50%;
    margin: auto
}

.questionnaire .questionnaire-circle:hover {
    opacity: 0.7
}

@media screen and (max-width: 1280px) and (min-width: 691px) {
    .questionnaire .questionnaire-circle {
        width: 125px;
        height: 125px
    }
}

@media screen and (max-width: 690px) {
    .questionnaire .questionnaire-circle {
        width: 100px;
        height: 100px
    }
}

.questionnaire .questionnaire-circle div {
    width: 145px;
    height: 145px
}

@media screen and (max-width: 1280px) and (min-width: 691px) {
    .questionnaire .questionnaire-circle div {
        width: 125px;
        height: 125px
    }
}

@media screen and (max-width: 690px) {
    .questionnaire .questionnaire-circle div {
        width: 100px;
        height: 100px
    }
}

.questionnaire .questionnaire-circle .questionnaire-studentLife {
    background: url("../image/categories-studentLife-Advice-5170e09708a590b42d6f41a1f24b57f4b6669d6cd097ecaaa0da18929345884f.svg")
}

.questionnaire .questionnaire-circle .questionnaire-school-leaver {
    background: url("../image/categories-school-leaver-advice-7c7040150f3aa6392693e04ea541816dad6e6d4d67268d89c38545821bb60548.svg")
}

.questionnaire .questionnaire-circle .questionnaire-graduate-advice {
    background: url("../image/categories-graduate-advice-b89b5488212122559293011d407413e3d7f47b45681fe78b4146d09d5efb368d.svg")
}

.questionnaire .questionnaire-circle .questionnaire-career-paths {
    background: url("../image/categories-explore-careerPaths-a85738a514da070560fc6c96203c3889811692af69733e36ea12ca22ca545750.svg")
}

.questionnaire .questionnaire-circle .questionnaire-career-advice {
    background: url("../image/categories-choosing-career-advice-0c63d064f78f53221797332f5e4fad6470a7d37ae3c4dfdeef5f864a28508042.svg")
}

.questionnaire .questionnaire-circle .questionnaire-cv-advice {
    background: url("../image/categories-CV-advice-fc6784a144bb3e680a8ce2d97b01414d778c68ae0817fc95d0ed1738ff6b3bf8.svg")
}

.questionnaire .questionnaire-circle .questionnaire-interview-advice {
    background: url("../image/categories-interview-advice-6cff6f12479d8887baa30eb02c1a8c1a8f2c7ccc9233b253fc6fe18130f9f817.svg")
}

.questionnaire .questionnaire-circle .questionnaire-network-advice {
    background: url("../image/categories-networking-advice-2c2772005ad7ca8f42bde929c794154db42779e3b226b93cf2848feefa45ed99.svg")
}

.questionnaire .questionnaire-circle .questionnaire-job-search-advice {
    background: url("../image/categories-job-search-advice-852de4c58ce3e34bf342aec786b8734d2cd419b131c18815536f1df918b061ff.svg")
}

.questionnaire .questionnaire-circle .questionnaire-development-advice {
    background: url("../image/categories-career-development-advice-a1d83d622a84b782de898d51dc8d7d90f1abcf47e0e849c9ceb4f607cc56f6a9.svg")
}

.questionnaire .questionnaire-circle .questionnaire-advancement-advice {
    background: url("../image/categories-career-advancement-advice-28655db8540594e231ae10cd1302391e5e36b6a5a117a6a9099a2b45dd935963.svg")
}

.questionnaire .questionnaire-circle .questionnaire-finding-job-advice {
    background: url("../image/section-finding-job-d01d3e3173bc55150c42b4e548a9b90c33faecb5e7ff2f5907ccffbedaf3c4bd.svg")
}

.questionnaire .questionnaire-circle .questionnaire-succeeding-work-advice {
    background: url("../image/section-succeeding-work-advice-f6a3a2edef526145497e1ab1b6e4fee4d956250b0a634c6b26a68ae90f36dc8b.svg")
}

.questionnaire .questionnaire-circle .questionnaire-management-advice {
    background: url("../image/section-management-advice-a5fca155718134ebbd0ccecc9b57730d2c42909de5b0ea60d320b88042bb07f1.svg")
}

.questionnaire .questionnaire-circle .questionnaire-career-test {
    background: url("../image/PromoLink-careerHunter-test-bd6a55d443f4efd8e01672cd8e84bd1b5f9e7d7dd72f11435f15cbf973746491.svg")
}

.questionnaire .questionnaire-circle .questionnaire-job-board {
    background: url("../image/PromoLink-job-board-55c732bf0bfbcc88d6cf65cfed95ad8989f12bbc6801e9446a0704d1279fcd20.svg")
}

.questionnaire .questionnaire-circle .questionnaire-cv-template-bundle {
    background: url("../image/PromoLink-CVTemplateBundle-e142a3e223db35a21cf4c63e64a0dfe224a4c49933e5d54544453eef8e023719.svg")
}

.questionnaire .questionnaire-circle .questionnaire-professionalCV {
    background: url("../image/PromoLink-professionalCV-50bee9cd7f68eecf0a22ac7e9f19ba93357c7ea886ece83e5d3447e7fa628b41.svg")
}

.questionnaire .questionnaire-list-img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background-position: center;
    margin: auto
}

.questionnaire .questionnaire-list-img:hover {
    opacity: 0.7
}

@media screen and (max-width: 1280px) and (min-width: 691px) {
    .questionnaire .questionnaire-list-img {
        width: 125px;
        height: 125px
    }
}

@media screen and (max-width: 690px) {
    .questionnaire .questionnaire-list-img {
        width: 100px;
        height: 100px
    }
}

.questionnaire .questionnaire-option-info {
    font-size: 22px;
    line-height: 28px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    color: #ffffff;
    max-width: 275px;
    margin: 20px auto
}

.questionnaire .questionnaire-option-info:hover {
    color: #ED8A47 !important
}

@media screen and (min-width: 1281px) {
    .questionnaire .questionnaire-option-info {
        min-height: 60px
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .questionnaire .questionnaire-option-info {
        font-size: 22px;
        line-height: 25px;
        margin: 15px auto;
        min-height: 75px;
        max-width: 230px
    }
}

@media screen and (max-width: 1024px) and (min-width: 691px) {
    .questionnaire .questionnaire-option-info {
        font-size: 22px;
        line-height: 25px;
        margin: 10px auto;
        max-width: 280px;
        min-height: 50px
    }
}

@media screen and (max-width: 690px) and (min-width: 640px) {
    .questionnaire .questionnaire-option-info {
        font-size: 18px;
        line-height: 22px;
        max-width: 250px;
        min-height: 45px;
        margin: 10px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .questionnaire .questionnaire-option-info {
        font-size: 18px;
        line-height: 22px;
        max-width: 260px;
        min-height: auto
    }
}

.questionnaire .questionnaire-option-link {
    font-size: 18px;
    line-height: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47;
    border: 2px solid #ED8A47;
    border-radius: 35px;
    padding: 7px 15px;
    display: inline-block;
    height: 40px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.questionnaire .questionnaire-option-link:hover {
    background: #ED8A47 !important;
    color: #ffffff !important
}

.questionnaire .questionnaire-option-link:hover .orange-arrow {
    background-position: -349px -24px !important
}

@media screen and (max-width: 1280px) and (min-width: 691px) {
    .questionnaire .questionnaire-option-link {
        font-size: 18px;
        line-height: 20px
    }
}

@media screen and (max-width: 690px) {
    .questionnaire .questionnaire-option-link {
        font-size: 16px;
        line-height: 20px
    }
}

.questionnaire .questionnaire-button {
    font-size: 18px;
    line-height: 17px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #7E97A2;
    display: inline-block;
    margin: 25px 0 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.questionnaire .questionnaire-button:hover {
    color: #ED8A47;
    cursor: pointer
}

.questionnaire .questionnaire-button:hover .back-arrow {
    background: url("../image/arrow-back-orange-1077505c2d4869937df173685e393798b448bd4aed4b13a025241aabbb5c3df8.svg")
}

.questionnaire .back-arrow {
    background: url("../image/arrow-back-white-170d6db600cda7aa08c7edb15a573b2821f546cc1e31b1f7698f12b0b23efefe.svg");
    width: 18px;
    height: 17px;
    display: inline-block;
    margin: 0 10px -2px 0
}

.progress-bar-wrapper {
    margin: 20px auto 50px;
    max-width: 915px;
    width: calc(100% - 20px)
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .progress-bar-wrapper {
        margin: 20px auto 40px;
        max-width: 960px
    }
}

@media screen and (max-width: 64.06125em) {
    .progress-bar-wrapper {
        margin: 20px auto 50px;
        max-width: 960px
    }
}

.progress-bar {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    height: 5px
}

.progress-percentage {
    font-size: 25px;
    line-height: 32px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #7E97A2;
    text-align: right;
    margin: 0 0 15px 0
}

@media screen and (max-width: 1280px) {
    .progress-percentage {
        font-size: 18px;
        line-height: 23px
    }
}

.progress-bar-track {
    background-color: #ED8A47;
    width: 25%;
    height: 5px;
    position: relative
}

.progress-bar-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ED8A47;
    position: absolute;
    top: -8.5px;
    right: -10px
}

.progress-bar-dot--hidden {
    opacity: 0;
    cursor: pointer
}

.progress-bar-dot--hidden:hover {
    opacity: 1
}

.cv-writing-order.for-qa .react-tel-input {
    margin-bottom: 10px
}

.cv-writing-order.for-qa .react-tel-input input {
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: #f6f6f6;
    color: #4D4D4D;
    height: 50px;
    padding: 10px 15px 10px 70px;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (min-width: 40em) {
    .cv-writing-order.for-qa .react-tel-input input {
        min-width: 500px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.for-qa .react-tel-input input {
        width: 100%
    }
}

.cv-writing-order.for-qa .react-tel-input input:focus {
    color: rgba(77, 77, 77, 0.5);
    background-color: #f6f6f6
}

.cv-writing-order.for-qa .react-tel-input .flag-dropdown {
    border: 1px solid transparent;
    border-right: 10px solid #ffffff;
    border-radius: 5px 0 0 5px;
    background-color: #f6f6f6
}

.cv-writing-order.for-qa .react-tel-input .flag-dropdown .selected-flag {
    width: 50px;
    padding: 0 10px
}

.cv-writing-order.for-qa .react-tel-input .flag-dropdown .selected-flag:hover,
.cv-writing-order.for-qa .react-tel-input .flag-dropdown .selected-flag.open {
    background-color: #f6f6f6
}

.cv-writing-order.for-qa .sublabel {
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50;
    margin: -10px 0 15px
}

.cv-writing-order.for-qa .sublabel-grey {
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #4D4D4D;
    margin: 0 0 15px
}

.cv-writing-order.for-qa .sublabel-blue {
    color: #083A50;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 20px;
    line-height: 24px
}

.cv-writing-order.for-qa .grey-label {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: rgba(8, 58, 80, 0.3)
}

.cv-writing-order.for-qa .cv-order-result .qa-answer-heading {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

.cv-writing-order.for-qa .cv-order-result a {
    text-decoration: underline
}

.cv-writing-order.for-qa .qa-heading {
    font-size: 30px;
    line-height: 40px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 0 20px
}

.cv-writing-order.for-qa .qa-info {
    font-size: 14px;
    line-height: 26px;
    color: rgba(77, 77, 77, 0.8);
    font-family: "Sofia-Pro-Light", sans-serif;
    text-align: right
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.for-qa .qa-info {
        text-align: left;
        font-size: 12px;
        line-height: 16px
    }
}

.cv-writing-order.for-qa .qa-pages {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: rgba(8, 58, 80, 0.2);
    margin: 0
}

.cv-writing-order.for-qa .qa-pages.single {
    position: absolute;
    right: 30px
}

@media screen and (max-width: 39.99875em) {
    .cv-writing-order.for-qa .qa-pages.single {
        display: none
    }
}

.cv-writing-order.for-qa .qa-pages-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

@media screen and (max-width: 359px) {
    .cv-writing-order.for-qa .grid-container {
        padding: 25px 10px
    }
}

.cv-writing-order.for-qa .user-details {
    padding-top: 20px;
    border: none
}

@media screen and (max-width: 359px) {
    .cv-writing-order.for-qa .user-details {
        margin: 0 -10px;
        padding: 20px 10px 0
    }
}

.cv-writing-order.for-qa [type='text'],
.cv-writing-order.for-qa [type='email'],
.cv-writing-order.for-qa [type='number'],
.cv-writing-order.for-qa [type='tel'],
.cv-writing-order.for-qa select,
.cv-writing-order.for-qa textarea {
    border-radius: 5px !important
}

.cv-writing-order.for-qa .step2-wrapper label:first-child {
    width: calc(100% - 40px)
}

.cv-writing-order.for-qa .qa-instructions {
    background: #083A50;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cv-writing-order.for-qa .qa-instructions .white-warning-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 5px 0 0 0
}

.cv-writing-order.for-qa .qa-instructions p {
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 0 10px
}

.cv-writing-order.for-qa .qa-instructions p a {
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    text-decoration: underline
}

.cv-writing-order.for-qa .qa-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cv-writing-order.for-qa .button-green-cv,
.cv-writing-order.for-qa .button-light-blue,
.cv-writing-order.for-qa .button-prev-grey {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cv-writing-order.for-qa .button-green-cv,
.cv-writing-order.for-qa .button-light-blue {
    margin: 0 0 0 auto
}

.cv-writing-order.for-qa .flex-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cv-writing-order.for-qa .flex-field span {
    margin: 0 0 10px 0
}

.cv-writing-order.for-qa .flex-field div {
    width: 100%;
    margin: 0 0 0 10px
}

.cv-writing-order.for-qa .add-field {
    background: #f6f6f6;
    border-radius: 18px;
    padding: 10px;
    font-size: 12px;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-left: auto;
    height: 40px;
    width: 52px
}

.cv-writing-order.for-qa .delete-cross {
    text-align: left;
    margin-left: 10px;
    font-size: 23px;
    color: #4D4D4D;
    line-height: 50px;
    cursor: pointer
}

.cv-writing-order.for-qa .qa-instruction {
    display: block;
    width: 100%;
    margin-top: -16px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.custom-tooltip {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    min-width: 5rem;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
    width: 18rem;
    padding: 5px;
    top: 15px !important;
    -webkit-transform: translateY(-5rem);
    -ms-transform: translateY(-5rem);
    transform: translateY(-5rem);
    visibility: visible
}

@media screen and (max-width: 64.06125em) {
    .custom-tooltip {
        width: 20rem
    }
}

@media screen and (max-width: 39.99875em) {
    .custom-tooltip {
        -webkit-transform: translateY(-6rem);
        -ms-transform: translateY(-6rem);
        transform: translateY(-6rem);
        width: 18rem
    }
}

@media (max-width: 380px) {
    .custom-tooltip {
        -webkit-transform: translateY(-6rem);
        -ms-transform: translateY(-6rem);
        transform: translateY(-6rem);
        width: 15rem
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media print,
screen and (min-width: 40em) {
    .related-articles .cell {
        padding: 0 10px
    }
}

.article {
    padding: 0;
    border-radius: 5px;
    border: none;
    position: relative;
    max-width: none;
    margin: 0 0 20px 0 !important;
    width: 100%;
    min-height: auto;
    color: #083A50;
    -webkit-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out
}

.article .article-details-desc {
    color: #083A50
}

.article:hover {
    cursor: pointer;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8
}

.article:hover .article-details-desc {
    color: inherit
}

.article:hover .article-details-desc a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.article.career .article-details-title {
    padding: 10px 20px;
    height: 52px;
    width: 100%;
    margin-top: -52px;
    background: rgba(64, 149, 219, 0.7) !important;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.article.career .article-details-title .title {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    color: #ffffff;
    font-size: 25px;
    line-height: 19px
}

.article.career .article-details-title .title a {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

.article.career .article-details-title .title a:hover {
    text-decoration: none
}

.article-image {
    background: #ffffff;
    display: block;
    position: relative
}

.article-image__ratio {
    width: 100%;
}

.article-image__ratio>img {
    top: 0;
    left: 0
}

.article-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%
}

.career-advice .large .article-image__ratio {
    padding-bottom: 57.15%
}

.layer-img {
    position: absolute;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    top: calc(50% - 40px);
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-box-shadow: 0px 3px 22px #0000006E;
    box-shadow: 0px 3px 22px #0000006E
}

@media screen and (max-width: 64.06125em) {
    .layer-img {
        width: 54px !important;
        height: 54px !important
    }

    .layer-img .play-button {
        background: url("../image/play-resize-162d9dc148331e292b04ce5cfd0a3e18adeb158d4acd6d3bc84ab0a3e215c60b.svg") !important;
        width: 54px !important;
        height: 54px !important
    }
}

.article-details-title {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: #ffffff;
    z-index: 1;
    -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    position: absolute;
    height: 26px;
    width: 100%;
    margin-top: -26px;
    padding: 0px 20px
}

.article-details-title .title {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: 0.5px;
    display: block
}

.article-details-title .title a {
    color: #ffffff
}

.article-details-title .title a:hover {
    text-decoration: underline;
    cursor: pointer
}

.article-details {
    padding: 20px;
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 163px
}

.article-details.main {
    display: inline-block;
    width: 100%
}

.article-details.main .article-details-desc {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.article-details p {
    margin: 0
}

.article-details--short {
    min-height: auto
}

.article-details-desc {
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-bottom: 0;
    color: inherit;
    font-size: 20px;
    line-height: 26px
}

.article-details-desc a {
    color: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.article-details-desc.career {
    font-size: 18px;
    color: #4D4D4D;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.article-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.article-details-wrapper .comments-number {
    color: #a5a5a5
}

.article-comments {
    position: relative;
    top: 3px
}

.article-comments .comments {
    display: inline-block;
    margin: 0 5px 0 0;
    position: unset !important
}

.article-comments .comments:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: pointer
}

.article-details-date {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 16px;
    color: rgba(77, 77, 77, 0.5);
    width: 100%
}

.mv-ad-box {
    height: auto !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.main-content .articles-results .mv-rail-frame {
    height: 290px !important
}

@media screen and (max-width: 39.99875em) {
    .tf-v1-sidetab {
        display: none !important
    }
}

.tf-v1-sidetab-button {
    left: -45px !important;
    height: 45px !important
}

.tf-v1-sidetab-button-text {
    font-family: "Sofia-Pro-Light", sans-serif !important
}

.tf-v1-sidetab-button-icon {
    display: none !important
}

.consumer-privacy-btn.consumer-privacy-tag-btn {
    min-width: auto !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.article-card-banner {
    position: relative;
    background: #f6f6f6;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 20px 0 20px;
    height: calc(100% - 20px)
}

@media screen and (max-width: 39.99875em) {
    .article-card-banner__img {
        text-align: center
    }
}

.article-card-banner__img img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0
}

@media screen and (max-width: 64.06125em) {
    .article-card-banner__img img {
        bottom: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .article-card-banner__img img {
        position: unset
    }
}

.list-ad-container {
    background: transparent;
    border-radius: 5px
}

@media screen and (min-width: 40em) {
    .list-ad-container {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 25px;
        right: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .list-ad-container {
        padding-bottom: 20px
    }
}

.list-ad-bundle .list-ad-title,
.list-ad-bundle .list-ad-desc,
.list-ad-cvs .list-ad-title,
.list-ad-cvs .list-ad-desc {
    color: #083A50
}

.list-ad-logo {
    margin: 0 0 15px 0;
    display: block
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .list-ad-logo {
        margin: 0 0 10px 0
    }
}

@media screen and (max-width: 700px) and (min-width: 640px) {
    .list-ad-logo {
        margin: 0 0 10px 0
    }
}

.list-ad-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 24px;
    line-height: 1.1;
    color: #0A1E2E;
    margin-bottom: 15px;
    text-align: left
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-title {
        margin-bottom: 10px
    }
}

.list-ad-desc {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #0A1E2E;
    margin: 0 0 20px 0;
    text-align: left
}

.list-ad-desc.clr-grey {
    color: #8e8e8e
}

.list-ad-desc.size-13 {
    font-size: 13px;
    line-height: 15px
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-desc {
        margin: 0 0 10px 0
    }
}

@media screen and (max-width: 64.06125em) {
    .list-ad-desc {
        max-width: unset
    }
}

@media screen and (max-width: 424px) and (min-width: 330px) {
    .list-ad-desc {
        max-width: 220px
    }
}

.list-ad-tp {
    margin: 10px 0 0 0
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-tp {
        margin: 5px 0 0 0
    }
}

.list-ad-price-green {
    font-size: 12px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    color: #59CE61;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 5px 10px;
    max-width: 100px
}

@media screen and (max-width: 1075px) and (min-width: 1025px) {
    .list-ad-price-green {
        max-width: unset
    }
}

.list-ad-price-red {
    font-size: 18px;
    line-height: 1;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #801112;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 5px 10px
}

.list-ad-price-red p {
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(77, 77, 77, 0.5);
    font-size: 10px;
    line-height: 1;
    margin: 5px 0 0 0
}

.list-ad-price-orange {
    font-size: 13px;
    line-height: 1;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ED8A47;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 5px 10px
}

.list-ad-price-orange p {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47;
    font-size: 21px;
    line-height: 1;
    margin: 5px 0 0 0
}

.list-ad-button-green {
    background-color: #59CE61;
    padding: 10px 15px;
    display: inline-block;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 17px;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none;
    margin-bottom: 5px
}

.list-ad-button-green:hover,
.list-ad-button-green:focus {
    background-color: #4DB554;
    color: #ffffff;
    -webkit-filter: brightness(1) !important;
    filter: brightness(1) !important
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-button-green {
        padding: 8px 12px
    }
}

.list-ad-button-red {
    background-color: #801112;
    padding: 10px 15px;
    display: inline-block;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 16px;
    color: #ffffff;
    border-radius: 35px;
    text-decoration: none;
    margin-bottom: 5px
}

.list-ad-button-red:hover,
.list-ad-button-red:focus {
    background-color: #6c0e10;
    color: #ffffff;
    -webkit-filter: brightness(1) !important;
    filter: brightness(1) !important
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-button-red {
        padding: 8px 12px
    }
}

.list-ad-button-orange {
    background-color: #ED8A47;
    padding: 10px 15px;
    display: inline-block;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 16px;
    color: #ffffff;
    border-radius: 25px;
    text-decoration: none;
    margin-bottom: 5px
}

.list-ad-button-orange:hover,
.list-ad-button-orange:focus {
    background-color: #CE793F;
    color: #ffffff
}

@media screen and (max-width: 1240px) and (min-width: 1025px) {
    .list-ad-button-orange {
        padding: 8px 12px
    }
}

.list-ad-flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.articles-results.career-paths {
    background: #f6f6f6
}

.articles-results.career-paths .article-card-banner {
    background-color: #ffffff
}

.articles-results.career-paths .article-card-banner .container-ad {
    background-color: #ffffff
}

.articles-results.career-paths .article-card-banner .subscription__ad-input input {
    background-color: #f6f6f6
}

.articles-results.video-results:nth-child(odd) {
    background: #f6f6f6
}

.articles-results.video-results:nth-child(odd) .article-details,
.articles-results.video-results:nth-child(odd) .article-image,
.articles-results.video-results:nth-child(odd) .article-card-banner,
.articles-results.video-results:nth-child(odd) .container-ad {
    background-color: #ffffff
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

ul.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none
}

ul.breadcrumb>li:first-child {
    margin-left: -8px
}

ul.breadcrumb>li:not(:last-child):after {
    content: ' ';
    width: 8px;
    height: 8px;
    border-top: 2px solid #083A50;
    border-right: 2px solid #083A50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 2px 2px 0 -6px;
    display: inline-block
}

ul.breadcrumb>li>a,
ul.breadcrumb>li>span {
    padding: 8px;
    margin: 0;
    line-height: 14px;
    font-size: 14px;
    color: #083A50;
    font-family: "Sofia-Pro-Light", sans-serif
}

ul.breadcrumb>li>a {
    text-decoration: underline
}

ul.breadcrumb>li>a:hover {
    color: #ED8A47
}

@media screen and (max-width: 39.99875em) {

    ul.breadcrumb>li>a,
    ul.breadcrumb>li>span {
        font-size: 13px
    }
}

.grid-container>ul.breadcrumb {
    margin-top: -25px;
    margin-bottom: 25px
}

@media screen and (min-width: 75em) {
    .grid-container>ul.breadcrumb {
        position: absolute;
        top: 30px;
        margin: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

button,
.button {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    height: 50px;
    text-align: center;
    padding: 10px 20px;
    min-width: 140px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (max-width: 39.99875em) {

    button,
    .button {
        min-width: 120px
    }
}

button:focus,
.button:focus {
    outline: none;
    border: none
}

button--60h,
.button--60h {
    height: 60px;
    border-radius: 38px
}

button--full-width,
.button--full-width {
    width: 100% !important;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

button--main,
.button--main {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

button--big-rounded,
.button--big-rounded {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    height: 70px;
    font-size: 24px;
    padding: 15px 27px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 39.99875em) {

    button--big-rounded,
    .button--big-rounded {
        font-size: 18px;
        padding: 10px 20px
    }
}

button--rounded,
.button--rounded {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-block
}

button--full,
.button--full {
    padding: 10px 15px !important;
    font-size: 30px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    height: 73px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

button--full.button--with-small-font,
.button--full.button--with-small-font {
    height: 50px !important
}

@media screen and (max-width: 39.99875em) {

    button--full,
    .button--full {
        font-size: 20px !important;
        line-height: 1.2 !important
    }
}

button--with-paid-link,
.button--with-paid-link {
    margin-bottom: 30px
}

button--with-paid-link::after,
.button--with-paid-link::after {
    content: "Paid link";
    font-size: 8px;
    color: #979797;
    line-height: 10px;
    display: block;
    position: relative;
    margin-top: 20px;
    right: 0;
    left: 0
}

button--with-small-font,
.button--with-small-font {
    font-size: 17px !important;
    height: 50px !important
}

button--with-small-font .small-icon.arrow-white-right,
.button--with-small-font .small-icon.arrow-white-right {
    margin-bottom: -2px
}

button--partners,
.button--partners {
    border: 2px solid #ED8A47;
    border-radius: 25px;
    background: transparent;
    color: #ED8A47;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    line-height: 20px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 225px;
    margin: 35px auto auto auto
}

button--partners:hover,
.button--partners:hover {
    background: transparent;
    color: #ED8A47;
    opacity: 0.8
}

button--partners:focus,
.button--partners:focus {
    background: transparent;
    border: 2px solid #ED8A47
}

button--partners .small-icon,
.button--partners .small-icon {
    margin-right: 10px
}

button--partners .small-icon.arrow-orange-down,
.button--partners .small-icon.arrow-orange-down {
    background-position: -213px -290px !important;
    width: 15px !important;
    height: 20px !important
}

button--partners span,
.button--partners span {
    height: 24px
}

a.button {
    line-height: 30px
}

.load-more {
    margin-top: 40px;
    background: #ED8A47;
    overflow-anchor: none
}

.load-more:hover {
    background: #ED8A47;
    cursor: pointer
}

.load-more:focus {
    background: #ED8A47
}

.tox-editor-container button,
.tox-editor-container .button {
    min-width: auto
}

a.button-white {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    text-align: center;
    padding: 13px 20px;
    min-width: 140px;
    display: inline-block
}

@media screen and (max-width: 39.99875em) {
    a.button-white {
        min-width: 120px
    }
}

.button-orange {
    background-color: #ED8A47;
    color: #ffffff
}

.button-orange:hover,
.button-orange:focus {
    background-color: #CE793F
}

.button-orange--medium {
    border-radius: 35px;
    margin: 0;
    font-size: 21px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    height: 70px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border: none
}

.button-orange--big {
    height: 70px;
    border-radius: 35px;
    font-size: 24px;
    padding: 10px 32px
}

@media screen and (max-width: 39.99875em) {
    .button-orange--big {
        font-size: 20px;
        padding: 10px 20px
    }
}

.button-orange-disabled {
    background-color: #ED8A47;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    color: #ffffff
}

.button-orange-light {
    background-color: #EFBE67;
    color: #ffffff
}

.button-orange-light:hover,
.button-orange-light:focus {
    background-color: #DEAF5C
}

.button-white {
    background-color: #ffffff;
    color: #083A50
}

.button-white:hover {
    cursor: pointer;
    background-color: #fefefe
}

.button-grey {
    background-color: #f6f6f6;
    color: #083A50
}

.button-grey:hover {
    cursor: pointer;
    background-color: #EBEBEB
}

.button-grey.sort:hover,
.button-grey.filter:hover {
    color: #ED8A47
}

.button-grey.sort:hover .small-icon.sort-arrow,
.button-grey.filter:hover .small-icon.sort-arrow {
    background-position: -158px -266px;
    opacity: 1
}

.button-grey.sort:hover .small-icon.filter-arrow,
.button-grey.filter:hover .small-icon.filter-arrow {
    background-position: -131px -265px;
    opacity: 1
}

.button-prev-grey {
    background-color: #ECECEC;
    color: #083A50;
    border-radius: 25px
}

.button-prev-grey:hover {
    cursor: pointer;
    background-color: #EBEBEB;
    color: #083A50
}

.button-job-grey {
    font-size: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    background-color: #E4E4E4;
    color: #083A50;
    min-width: auto;
    margin: 0 10px 10px 0
}

.button-job-grey:hover,
.button-job-grey:focus {
    background-color: #EFBE67;
    color: #ffffff
}

.button-green {
    background-color: #41CF4A;
    color: #ffffff
}

.button-green:hover,
.button-green:focus {
    background-color: #31B739
}

.button-green-cv {
    background-color: #74D6C5 !important;
    color: #ffffff
}

.button-green-cv:hover,
.button-green-cv:focus {
    background-color: #63BEAE !important;
    color: #ffffff;
    cursor: pointer
}

.button-upload-cv {
    background: #E5E5E5;
    font-size: 18px;
    color: #083A50;
    font-family: "Sofia-Pro-Regular", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.button-upload-cv:hover,
.button-upload-cv:focus {
    background-color: rgba(229, 229, 229, 0.6) !important;
    color: #083A50;
    cursor: pointer
}

.button-green {
    background-color: #59CE61 !important;
    color: #ffffff
}

.button-green:hover,
.button-green:focus {
    background-color: #31B739 !important;
    color: #ffffff;
    cursor: pointer
}

.button-green-rounded {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background-color: #74D6C5 !important;
    color: #ffffff;
    outline: none;
    border: none
}

.button-green-rounded.big-btn {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    height: 70px;
    font-size: 24px;
    padding: 15px 27px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.button-green-rounded:hover,
.button-green-rounded:focus {
    background-color: #63BEAE !important;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border: none
}

.button-orange-rounded {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background-color: #ED8A47 !important;
    color: #ffffff !important;
    outline: none;
    padding: 10px 15px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: none
}

.button-orange-rounded:hover,
.button-orange-rounded:focus {
    background-color: #CE793F !important;
    color: #ffffff !important;
    cursor: pointer;
    outline: none;
    border: none
}

.button-red-bundle {
    background-color: #801112 !important;
    color: #ffffff;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px
}

.button-red-bundle:hover,
.button-red-bundle:focus {
    background-color: #6c0e10 !important;
    color: #ffffff;
    cursor: pointer
}

.button-grey-share {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background-color: rgba(10, 30, 46, 0.1);
    min-width: 80px;
    height: 40px;
    font-size: 15px;
    line-height: 1.4 !important;
    vertical-align: middle;
    margin: 0;
    color: #0A1E2E
}

.button-grey-share:hover,
.button-grey-share:focus {
    background-color: rgba(10, 30, 46, 0.3);
    cursor: pointer;
    color: #0A1E2E;
    text-decoration: none
}

.button-light-blue {
    background-color: #4095DB;
    color: #ffffff
}

.button-light-blue:hover {
    background-color: #2F7CBB
}

.button-light-yellow {
    background-color: #F2CB85;
    color: #ffffff
}

.button-light-yellow:hover {
    background-color: #F2CB6F
}

.button-red {
    background-color: #801112;
    border-radius: 35px;
    margin: 0;
    font-size: 21px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    height: 70px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border: none
}

.button-red:hover,
.button-red:focus {
    background-color: #6c0e10;
    outline: none;
    border: none
}

.button-pay-red {
    background-color: #801112;
    padding: 9px 11px !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    margin: 6px 0 0 10px !important;
    font-size: 11px !important;
    line-height: 11px !important;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif !important;
    height: 35px !important;
    min-width: 70px !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    border: none
}

.button-pay-red:hover,
.button-pay-red:focus {
    background-color: #6c0e10;
    outline: none;
    border: none
}

.button-add {
    background-color: #f6f6f6;
    border: 1px solid transparent;
    color: rgba(77, 77, 77, 0.5);
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

.button-add:hover {
    border: 1px solid #ED8A47;
    color: #ffffff;
    background-color: #ED8A47;
    cursor: pointer
}

.button-add:hover .small-icon.cross {
    background-position: -328px -346px;
    opacity: 1
}

.button-add .small-icon.cross {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    display: inline-block;
    position: relative;
    top: 2px;
    right: 0;
    margin-left: 10px
}

.button-delete {
    background-color: #F6F6F6;
    height: 50px;
    min-width: 50px;
    text-align: center
}

.button-delete .small-icon.bin {
    margin: 0 auto
}

.button-delete:hover {
    cursor: pointer
}

.button-delete:hover .small-icon.bin {
    background-position: -68px -292px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1
}

.button-edit {
    background-color: #083A50;
    color: #ffffff;
    height: 50px;
    min-width: 50px;
    text-align: center
}

.button-edit:hover {
    background-color: #CE793F
}

.button-blue {
    background-color: #083A50;
    color: #ffffff
}

.button-blue--border-hover.is-active {
    color: #083A50;
    background-color: #ffffff;
    border: 2px solid #083A50
}

.button-blue-border {
    color: #083A50;
    background-color: #ffffff;
    border: 2px solid #083A50 !important
}

.button-purple {
    background: #253B80;
    color: #ffffff;
    border-radius: 35px
}

.pagination {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.pagination:before {
    content: '';
    display: none
}

.pagination li {
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (max-width: 39.99875em) {
    .pagination li {
        display: inline-block
    }
}

.pagination li a,
.pagination li button {
    background: #ffffff;
    color: #083A50;
    font-size: 18px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    border-radius: 50%;
    width: 50px;
    min-width: auto;
    height: 50px;
    line-height: 44px
}

.pagination li a:hover,
.pagination li button:hover {
    background: #EBEBEB
}

.pagination li.current {
    background: #ED8A47;
    font-size: 18px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 44px
}

.pagination li.pagination-previous a,
.pagination li.pagination-previous button,
.pagination li.pagination-previous.disabled,
.pagination li.pagination-next a,
.pagination li.pagination-next button,
.pagination li.pagination-next.disabled {
    background: transparent;
    margin: 0
}

.pagination li.pagination-previous a:after,
.pagination li.pagination-previous a:before,
.pagination li.pagination-previous button:after,
.pagination li.pagination-previous button:before,
.pagination li.pagination-previous.disabled:after,
.pagination li.pagination-previous.disabled:before,
.pagination li.pagination-next a:after,
.pagination li.pagination-next a:before,
.pagination li.pagination-next button:after,
.pagination li.pagination-next button:before,
.pagination li.pagination-next.disabled:after,
.pagination li.pagination-next.disabled:before {
    content: " ";
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position-y: -136.5px;
    width: 7px;
    height: 11px
}

.pagination li.pagination-previous a:before,
.pagination li.pagination-previous button:before,
.pagination li.pagination-previous.disabled:before,
.pagination li.pagination-next a:before,
.pagination li.pagination-next button:before,
.pagination li.pagination-next.disabled:before {
    background-position-x: -191px
}

.pagination li.pagination-previous a:after,
.pagination li.pagination-previous button:after,
.pagination li.pagination-previous.disabled:after,
.pagination li.pagination-next a:after,
.pagination li.pagination-next button:after,
.pagination li.pagination-next.disabled:after {
    background-position-x: -208px
}

.pagination li.pagination-previous a.disabled,
.pagination li.pagination-previous button.disabled,
.pagination li.pagination-next a.disabled,
.pagination li.pagination-next button.disabled {
    opacity: 0.5;
    pointer-events: none
}

.pagination li.pagination-previous a:not(.disabled):hover::after,
.pagination li.pagination-previous a:not(.disabled):hover::before,
.pagination li.pagination-previous button:not(.disabled):hover::after,
.pagination li.pagination-previous button:not(.disabled):hover::before,
.pagination li.pagination-next a:not(.disabled):hover::after,
.pagination li.pagination-next a:not(.disabled):hover::before,
.pagination li.pagination-next button:not(.disabled):hover::after,
.pagination li.pagination-next button:not(.disabled):hover::before {
    background-position-y: -153px
}

.pagination li.pagination-previous button::before,
.pagination li.pagination-next button::after {
    display: inline-block;
    margin-right: 0.5rem
}

.pagination li.pagination-previous.pagination-first button::before,
.pagination li.pagination-previous.pagination-first a::before {
    margin-right: 0
}

.pagination li.pagination-previous.pagination-first button::after,
.pagination li.pagination-previous.pagination-first a::after {
    display: inline-block;
    background-position-x: -191px
}

.pagination li.pagination-next.pagination-last button::before,
.pagination li.pagination-next.pagination-last a::before {
    display: inline-block;
    background-position-x: -208px
}

.pagination li.pagination-next.pagination-last button::after,
.pagination li.pagination-next.pagination-last a::after {
    margin-left: 0
}

@media screen and (max-width: 39.99875em) {
    .pagination {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }

    .pagination li {
        padding-left: 4px;
        padding-right: 4px
    }

    .pagination li a,
    .pagination li button,
    .pagination li.current {
        height: 40px;
        width: 40px;
        line-height: 32px
    }

    .pagination li.pagination-previous a,
    .pagination li.pagination-next a {
        width: 34px
    }

    .pagination li.pagination-previous button::before,
    .pagination li.pagination-previous button::after,
    .pagination li.pagination-next button::before,
    .pagination li.pagination-next button::after {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .filter-buttons {
        text-align: left;
        margin: 15px 0 0 0
    }
}

.filter-container {
    position: relative;
    display: inline-block
}

.filter-container:not(:last-child) {
    margin-right: 5px;
    margin-bottom: 5px
}

@media screen and (max-width: 39.99875em) {
    .filter-container {
        width: 48%
    }

    .filter-container button.filter {
        width: 100%;
        min-width: auto !important
    }
}

.filter-container .caret-down {
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-left: 5px
}

.filter-container .filter.button-grey,
.filter-container .filter.button-white {
    min-width: 335px;
    text-align: left;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    font-weight: normal
}

.filter-container .filter-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    z-index: 10;
    text-align: left;
    padding: 20px;
    width: 100%
}

.filter-container .filter-content a {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #4D4D4D
}

.filter-container .filter-content a:hover {
    color: #ED8A47
}

.filter-container .filter-content.active {
    display: block
}

.filter-container .filter-content--white {
    background-color: #ffffff
}

.articles-results .filter-buttons .filter-container button {
    border-radius: 5px
}

@media screen and (max-width: 39.99875em) {
    .articles-results .filter-buttons .filter-container {
        width: 100%
    }

    .articles-results .filter-buttons .filter-container button.filter {
        width: auto
    }
}

.youtube-button-test-ad {
    background-color: #FF0000;
    padding: 10px 15px;
    font-family: "Sofia-Pro-Bold", Sofia Pro, Bold, sans-serif;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    display: inline-block
}

.youtube-button-test-ad:hover {
    background-color: #E60909
}

.youtube-subscribe-wrapper {
    text-align: center;
    margin-top: 30px
}

.youtube-subscribe-wrapper img {
    margin: 0 10px 0 0
}

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: check-out
    }

    .apple-pay-button-with-text>* {
        display: none
    }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 1;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px
    }

    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .apple-pay-button-with-text.apple-pay-button-black-with-text>.logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black
    }

    .apple-pay-button-with-text>.text {
        font-family: "Sofia-Pro-Light", sans-serif;
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale))
    }

    .apple-pay-button-with-text>.logo {
        width: calc(35px * var(--scale));
        height: 100%;
        -webkit-background-size: 100% 60%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none
    }
}

.button-paypal {
    background: #f6c557;
    color: #000;
    line-height: normal;
    height: auto;
    font-size: 18px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 20px 15px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin-left: 10px
}

@media screen and (max-width: 39.99875em) {
    .button-paypal {
        width: 100%;
        margin: 10px 0 0 0
    }
}

.paypal-buttons {
    margin-left: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    margin-top: -2px;
    right: 20px;
    line-height: 24px;
    z-index: 0
}

.btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 35px;
    margin: 0;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    background-color: #ED8A47;
    color: #ffffff;
    height: 70px;
    font-size: 21px;
    line-height: 1;
    padding-right: 40px;
    padding-left: 40px
}

.btn:hover,
.btn:focus {
    outline: none;
    border: none
}

.btn:hover {
    background-color: #CE793F;
    color: #ffffff
}

.btn--50 {
    height: 50px;
    font-size: 18px;
    padding-right: 20px;
    padding-left: 20px
}

.btn--80 {
    height: 80px;
    padding-right: 20px;
    padding-left: 20px
}

.btn--seconadry-01 {
    background-color: rgba(237, 138, 71, 0.1);
    color: #ED8A47;
    border: 2px solid transparent
}

.btn--seconadry-01:hover {
    background-color: rgba(237, 138, 71, 0.1);
    color: #ED8A47
}

.btn--seconadry-01:hover,
.btn--seconadry-01:focus {
    border: 2px solid #ED8A47
}

@media screen and (max-width: 39.99875em) {
    .btn--mob-45 {
        height: 45px;
        font-size: 18px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    font-size: 12px;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease
}

.dropdown-pane.is-open {
    visibility: visible;
    background: #ffffff;
    max-height: 56px;
    width: 82px;
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.currencies-select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #ffffff;
    padding: 10px;
    width: 82px;
    font-size: 12px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50;
    text-align: left;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.currencies-select:focus {
    color: #083A50
}

.currencies-select.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #083A50
}

.currencies-select.label-icon-right:after {
    background: url("../image/cv-bundle-sprite-22e3f51ee44819b09a12529760131ec329d9a678203f92fa32acfa32c19455da.svg") !important;
    background-position: -351px -20px !important;
    width: 11px !important;
    height: 8px !important;
    top: 15px !important;
    right: 10px !important
}

.currencies-select:hover {
    background: rgba(77, 77, 77, 0.1)
}

.currency-blk .dropdown-pane.is-open {
    padding: 0 !important
}

.currencies-option {
    background: #ffffff;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50;
    text-align: left;
    padding: 5px 10px
}

.currencies-option:hover {
    background: rgba(77, 77, 77, 0.1);
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .sticky-topbar.sticky.is-stuck .title-bar-checkout .currencies-select {
        width: 82px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .sticky-topbar.sticky.is-stuck .title-bar-checkout .dropdown-pane.is-open {
        width: 82px !important
    }
}

.title-bar-checkout .currencies-select {
    background: #F7F7F7;
    border-radius: 21px
}

.title-bar-checkout .currencies-select:focus {
    color: #F7F7F7
}

.title-bar-checkout .currencies-select:hover {
    background: rgba(77, 77, 77, 0.1)
}

.title-bar-checkout .currencies-select.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.title-bar-checkout .dropdown-pane.is-open {
    background: #F7F7F7;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px
}

@media screen and (max-width: 399px) {
    .title-bar-checkout .dropdown-pane.is-open {
        width: auto;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

footer {
    background: #083A50;
    color: #ffffff;
    text-align: center
}

footer a,
footer p {
    color: inherit
}

footer .linkedIn {
    margin-bottom: 2px
}

footer hr {
    margin: 15px auto;
    border-color: rgba(255, 255, 255, 0.2)
}

footer .subscription-form-container {
    height: 50px;
    margin-bottom: 10px;
    max-width: 355px;
    display: inline-block
}

footer .subscription-form-container .subscribe.input-with-button input {
    margin-bottom: 0 !important;
    font-size: 16px
}

footer .subscription-form-container button {
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 1281px) {
    footer {
        text-align: left
    }

    footer .large-1280-up-left {
        width: 70%
    }
}

@media (max-width: 1280px) {
    footer .payment-icons {
        width: 100% !important;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    footer .subscription-form-container {
        margin-bottom: 40px
    }

    footer .social-media {
        width: auto;
        margin: 0 auto
    }
}

footer .grid-container {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

@media screen and (max-width: 64.06125em) {
    footer .grid-container {
        padding: 70px 30px !important
    }
}

@media screen and (max-width: 64.06125em) {
    footer .links {
        text-align: center
    }
}

@media screen and (max-width: 64.06125em) {
    footer .social-media {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
        text-align: center
    }
}

footer .logo {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 20px;
    width: 100%
}

footer .logo:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

footer .link-page {
    font-size: 14px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-right: 25px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    margin-right: 18px
}

footer .link-page:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #ffffff;
    cursor: pointer
}

@media screen and (max-width: 64.06125em) {
    footer .link-page {
        font-size: 15px
    }
}

footer .rights {
    font-size: 13px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

footer .youtube-white {
    margin-bottom: -2px
}

.social-media {
    display: -webkit-inline-box
}

.social-media a {
    margin: 0 20px 0 0;
    display: inline-block;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.social-media a:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.social-media a:last-child {
    margin: 0
}

@media screen and (max-width: 64.06125em) {
    .social-media {
        text-align: center;
        margin: 0 auto
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
select,
textarea,
.cardPlaceholder {
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: #f6f6f6;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4D4D4D;
    height: 50px;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    -webkit-transition: none;
    transition: none;
    margin: 0 0 10px !important;
    padding: 10px 15px
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
select:focus,
textarea:focus,
.cardPlaceholder:focus {
    border: 1px solid #ED8A47;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f6f6f6;
    -webkit-transition: none;
    transition: none
}

[type='text']:-webkit-autofill,
[type='text']:-webkit-autofill:focus,
[type='text']:-webkit-autofill:active,
[type='text']:-webkit-autofill:hover,
[type='password']:-webkit-autofill,
[type='password']:-webkit-autofill:focus,
[type='password']:-webkit-autofill:active,
[type='password']:-webkit-autofill:hover,
[type='date']:-webkit-autofill,
[type='date']:-webkit-autofill:focus,
[type='date']:-webkit-autofill:active,
[type='date']:-webkit-autofill:hover,
[type='datetime']:-webkit-autofill,
[type='datetime']:-webkit-autofill:focus,
[type='datetime']:-webkit-autofill:active,
[type='datetime']:-webkit-autofill:hover,
[type='datetime-local']:-webkit-autofill,
[type='datetime-local']:-webkit-autofill:focus,
[type='datetime-local']:-webkit-autofill:active,
[type='datetime-local']:-webkit-autofill:hover,
[type='month']:-webkit-autofill,
[type='month']:-webkit-autofill:focus,
[type='month']:-webkit-autofill:active,
[type='month']:-webkit-autofill:hover,
[type='week']:-webkit-autofill,
[type='week']:-webkit-autofill:focus,
[type='week']:-webkit-autofill:active,
[type='week']:-webkit-autofill:hover,
[type='email']:-webkit-autofill,
[type='email']:-webkit-autofill:focus,
[type='email']:-webkit-autofill:active,
[type='email']:-webkit-autofill:hover,
[type='number']:-webkit-autofill,
[type='number']:-webkit-autofill:focus,
[type='number']:-webkit-autofill:active,
[type='number']:-webkit-autofill:hover,
[type='search']:-webkit-autofill,
[type='search']:-webkit-autofill:focus,
[type='search']:-webkit-autofill:active,
[type='search']:-webkit-autofill:hover,
[type='tel']:-webkit-autofill,
[type='tel']:-webkit-autofill:focus,
[type='tel']:-webkit-autofill:active,
[type='tel']:-webkit-autofill:hover,
[type='time']:-webkit-autofill,
[type='time']:-webkit-autofill:focus,
[type='time']:-webkit-autofill:active,
[type='time']:-webkit-autofill:hover,
[type='url']:-webkit-autofill,
[type='url']:-webkit-autofill:focus,
[type='url']:-webkit-autofill:active,
[type='url']:-webkit-autofill:hover,
[type='color']:-webkit-autofill,
[type='color']:-webkit-autofill:focus,
[type='color']:-webkit-autofill:active,
[type='color']:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:hover,
.cardPlaceholder:-webkit-autofill,
.cardPlaceholder:-webkit-autofill:focus,
.cardPlaceholder:-webkit-autofill:active,
.cardPlaceholder:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset
}

[type='text']::-webkit-input-placeholder,
[type='text'] option[value=""],
[type='password']::-webkit-input-placeholder,
[type='password'] option[value=""],
[type='date']::-webkit-input-placeholder,
[type='date'] option[value=""],
[type='datetime']::-webkit-input-placeholder,
[type='datetime'] option[value=""],
[type='datetime-local']::-webkit-input-placeholder,
[type='datetime-local'] option[value=""],
[type='month']::-webkit-input-placeholder,
[type='month'] option[value=""],
[type='week']::-webkit-input-placeholder,
[type='week'] option[value=""],
[type='email']::-webkit-input-placeholder,
[type='email'] option[value=""],
[type='number']::-webkit-input-placeholder,
[type='number'] option[value=""],
[type='search']::-webkit-input-placeholder,
[type='search'] option[value=""],
[type='tel']::-webkit-input-placeholder,
[type='tel'] option[value=""],
[type='time']::-webkit-input-placeholder,
[type='time'] option[value=""],
[type='url']::-webkit-input-placeholder,
[type='url'] option[value=""],
[type='color']::-webkit-input-placeholder,
[type='color'] option[value=""],
select::-webkit-input-placeholder,
select option[value=""],
textarea::-webkit-input-placeholder,
textarea option[value=""],
.cardPlaceholder::-webkit-input-placeholder,
.cardPlaceholder option[value=""] {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']:-ms-input-placeholder,
[type='text'] option[value=""],
[type='password']:-ms-input-placeholder,
[type='password'] option[value=""],
[type='date']:-ms-input-placeholder,
[type='date'] option[value=""],
[type='datetime']:-ms-input-placeholder,
[type='datetime'] option[value=""],
[type='datetime-local']:-ms-input-placeholder,
[type='datetime-local'] option[value=""],
[type='month']:-ms-input-placeholder,
[type='month'] option[value=""],
[type='week']:-ms-input-placeholder,
[type='week'] option[value=""],
[type='email']:-ms-input-placeholder,
[type='email'] option[value=""],
[type='number']:-ms-input-placeholder,
[type='number'] option[value=""],
[type='search']:-ms-input-placeholder,
[type='search'] option[value=""],
[type='tel']:-ms-input-placeholder,
[type='tel'] option[value=""],
[type='time']:-ms-input-placeholder,
[type='time'] option[value=""],
[type='url']:-ms-input-placeholder,
[type='url'] option[value=""],
[type='color']:-ms-input-placeholder,
[type='color'] option[value=""],
select:-ms-input-placeholder,
select option[value=""],
textarea:-ms-input-placeholder,
textarea option[value=""],
.cardPlaceholder:-ms-input-placeholder,
.cardPlaceholder option[value=""] {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']::-ms-input-placeholder,
[type='text'] option[value=""],
[type='password']::-ms-input-placeholder,
[type='password'] option[value=""],
[type='date']::-ms-input-placeholder,
[type='date'] option[value=""],
[type='datetime']::-ms-input-placeholder,
[type='datetime'] option[value=""],
[type='datetime-local']::-ms-input-placeholder,
[type='datetime-local'] option[value=""],
[type='month']::-ms-input-placeholder,
[type='month'] option[value=""],
[type='week']::-ms-input-placeholder,
[type='week'] option[value=""],
[type='email']::-ms-input-placeholder,
[type='email'] option[value=""],
[type='number']::-ms-input-placeholder,
[type='number'] option[value=""],
[type='search']::-ms-input-placeholder,
[type='search'] option[value=""],
[type='tel']::-ms-input-placeholder,
[type='tel'] option[value=""],
[type='time']::-ms-input-placeholder,
[type='time'] option[value=""],
[type='url']::-ms-input-placeholder,
[type='url'] option[value=""],
[type='color']::-ms-input-placeholder,
[type='color'] option[value=""],
select::-ms-input-placeholder,
select option[value=""],
textarea::-ms-input-placeholder,
textarea option[value=""],
.cardPlaceholder::-ms-input-placeholder,
.cardPlaceholder option[value=""] {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']::placeholder,
[type='text'] option[value=""],
[type='password']::placeholder,
[type='password'] option[value=""],
[type='date']::placeholder,
[type='date'] option[value=""],
[type='datetime']::placeholder,
[type='datetime'] option[value=""],
[type='datetime-local']::placeholder,
[type='datetime-local'] option[value=""],
[type='month']::placeholder,
[type='month'] option[value=""],
[type='week']::placeholder,
[type='week'] option[value=""],
[type='email']::placeholder,
[type='email'] option[value=""],
[type='number']::placeholder,
[type='number'] option[value=""],
[type='search']::placeholder,
[type='search'] option[value=""],
[type='tel']::placeholder,
[type='tel'] option[value=""],
[type='time']::placeholder,
[type='time'] option[value=""],
[type='url']::placeholder,
[type='url'] option[value=""],
[type='color']::placeholder,
[type='color'] option[value=""],
select::placeholder,
select option[value=""],
textarea::placeholder,
textarea option[value=""],
.cardPlaceholder::placeholder,
.cardPlaceholder option[value=""] {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']::-webkit-input-placeholder,
[type='password']::-webkit-input-placeholder,
[type='date']::-webkit-input-placeholder,
[type='datetime']::-webkit-input-placeholder,
[type='datetime-local']::-webkit-input-placeholder,
[type='month']::-webkit-input-placeholder,
[type='week']::-webkit-input-placeholder,
[type='email']::-webkit-input-placeholder,
[type='number']::-webkit-input-placeholder,
[type='search']::-webkit-input-placeholder,
[type='tel']::-webkit-input-placeholder,
[type='time']::-webkit-input-placeholder,
[type='url']::-webkit-input-placeholder,
[type='color']::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.cardPlaceholder::-webkit-input-placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']::-moz-placeholder,
[type='password']::-moz-placeholder,
[type='date']::-moz-placeholder,
[type='datetime']::-moz-placeholder,
[type='datetime-local']::-moz-placeholder,
[type='month']::-moz-placeholder,
[type='week']::-moz-placeholder,
[type='email']::-moz-placeholder,
[type='number']::-moz-placeholder,
[type='search']::-moz-placeholder,
[type='tel']::-moz-placeholder,
[type='time']::-moz-placeholder,
[type='url']::-moz-placeholder,
[type='color']::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
.cardPlaceholder::-moz-placeholder {
    color: rgba(77, 77, 77, 0.5) !important;
    opacity: 1
}

[type='text']:-ms-input-placeholder,
[type='password']:-ms-input-placeholder,
[type='date']:-ms-input-placeholder,
[type='datetime']:-ms-input-placeholder,
[type='datetime-local']:-ms-input-placeholder,
[type='month']:-ms-input-placeholder,
[type='week']:-ms-input-placeholder,
[type='email']:-ms-input-placeholder,
[type='number']:-ms-input-placeholder,
[type='search']:-ms-input-placeholder,
[type='tel']:-ms-input-placeholder,
[type='time']:-ms-input-placeholder,
[type='url']:-ms-input-placeholder,
[type='color']:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.cardPlaceholder:-ms-input-placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

[type='text']:-moz-placeholder,
[type='password']:-moz-placeholder,
[type='date']:-moz-placeholder,
[type='datetime']:-moz-placeholder,
[type='datetime-local']:-moz-placeholder,
[type='month']:-moz-placeholder,
[type='week']:-moz-placeholder,
[type='email']:-moz-placeholder,
[type='number']:-moz-placeholder,
[type='search']:-moz-placeholder,
[type='tel']:-moz-placeholder,
[type='time']:-moz-placeholder,
[type='url']:-moz-placeholder,
[type='color']:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder,
.cardPlaceholder:-moz-placeholder {
    color: rgba(77, 77, 77, 0.5) !important;
    opacity: 1
}

[type='text']:visited,
[type='password']:visited,
[type='date']:visited,
[type='datetime']:visited,
[type='datetime-local']:visited,
[type='month']:visited,
[type='week']:visited,
[type='email']:visited,
[type='number']:visited,
[type='search']:visited,
[type='tel']:visited,
[type='time']:visited,
[type='url']:visited,
[type='color']:visited,
select:visited,
textarea:visited,
.cardPlaceholder:visited {
    background-color: #f6f6f6 !important;
    color: #4D4D4D !important
}

[type='text']:visited::-webkit-input-placeholder,
[type='password']:visited::-webkit-input-placeholder,
[type='date']:visited::-webkit-input-placeholder,
[type='datetime']:visited::-webkit-input-placeholder,
[type='datetime-local']:visited::-webkit-input-placeholder,
[type='month']:visited::-webkit-input-placeholder,
[type='week']:visited::-webkit-input-placeholder,
[type='email']:visited::-webkit-input-placeholder,
[type='number']:visited::-webkit-input-placeholder,
[type='search']:visited::-webkit-input-placeholder,
[type='tel']:visited::-webkit-input-placeholder,
[type='time']:visited::-webkit-input-placeholder,
[type='url']:visited::-webkit-input-placeholder,
[type='color']:visited::-webkit-input-placeholder,
select:visited::-webkit-input-placeholder,
textarea:visited::-webkit-input-placeholder,
.cardPlaceholder:visited::-webkit-input-placeholder {
    color: #4D4D4D !important
}

[type='text']:visited:-ms-input-placeholder,
[type='password']:visited:-ms-input-placeholder,
[type='date']:visited:-ms-input-placeholder,
[type='datetime']:visited:-ms-input-placeholder,
[type='datetime-local']:visited:-ms-input-placeholder,
[type='month']:visited:-ms-input-placeholder,
[type='week']:visited:-ms-input-placeholder,
[type='email']:visited:-ms-input-placeholder,
[type='number']:visited:-ms-input-placeholder,
[type='search']:visited:-ms-input-placeholder,
[type='tel']:visited:-ms-input-placeholder,
[type='time']:visited:-ms-input-placeholder,
[type='url']:visited:-ms-input-placeholder,
[type='color']:visited:-ms-input-placeholder,
select:visited:-ms-input-placeholder,
textarea:visited:-ms-input-placeholder,
.cardPlaceholder:visited:-ms-input-placeholder {
    color: #4D4D4D !important
}

[type='text']:visited::-ms-input-placeholder,
[type='password']:visited::-ms-input-placeholder,
[type='date']:visited::-ms-input-placeholder,
[type='datetime']:visited::-ms-input-placeholder,
[type='datetime-local']:visited::-ms-input-placeholder,
[type='month']:visited::-ms-input-placeholder,
[type='week']:visited::-ms-input-placeholder,
[type='email']:visited::-ms-input-placeholder,
[type='number']:visited::-ms-input-placeholder,
[type='search']:visited::-ms-input-placeholder,
[type='tel']:visited::-ms-input-placeholder,
[type='time']:visited::-ms-input-placeholder,
[type='url']:visited::-ms-input-placeholder,
[type='color']:visited::-ms-input-placeholder,
select:visited::-ms-input-placeholder,
textarea:visited::-ms-input-placeholder,
.cardPlaceholder:visited::-ms-input-placeholder {
    color: #4D4D4D !important
}

[type='text']:visited::placeholder,
[type='password']:visited::placeholder,
[type='date']:visited::placeholder,
[type='datetime']:visited::placeholder,
[type='datetime-local']:visited::placeholder,
[type='month']:visited::placeholder,
[type='week']:visited::placeholder,
[type='email']:visited::placeholder,
[type='number']:visited::placeholder,
[type='search']:visited::placeholder,
[type='tel']:visited::placeholder,
[type='time']:visited::placeholder,
[type='url']:visited::placeholder,
[type='color']:visited::placeholder,
select:visited::placeholder,
textarea:visited::placeholder,
.cardPlaceholder:visited::placeholder {
    color: #4D4D4D !important
}

[type='text'] option,
[type='password'] option,
[type='date'] option,
[type='datetime'] option,
[type='datetime-local'] option,
[type='month'] option,
[type='week'] option,
[type='email'] option,
[type='number'] option,
[type='search'] option,
[type='tel'] option,
[type='time'] option,
[type='url'] option,
[type='color'] option,
select option,
textarea option,
.cardPlaceholder option {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

select {
    color: #4D4D4D
}

select:invalid,
select option[value=""] {
    color: #999999
}

select:focus {
    color: #4D4D4D !important
}

select option {
    color: #4D4D4D !important
}

.selected-field select {
    color: #4D4D4D !important
}

textarea {
    resize: vertical;
    cursor: pointer
}

textarea::-webkit-scrollbar-track {
    background-color: #f6f6f6
}

textarea::-webkit-scrollbar {
    width: 8px;
    background-color: #f6f6f6
}

textarea::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(77, 77, 77, 0.5);
    background-color: rgba(77, 77, 77, 0.5)
}

label {
    position: relative;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    margin: 0 0 20px 0;
    line-height: 24px
}

@media screen and (max-width: 39.99875em) {
    label {
        margin-bottom: 10px
    }
}

select {
    margin: 0;
    background-image: none
}

.label-icon-left:after {
    content: "";
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    position: absolute;
    left: 13px;
    top: 15px
}

.label-icon-left.linkedIn:after {
    background-position: -60px -22px;
    width: 15px;
    height: 14px
}

.label-icon-left.facebook:after {
    background-position: -16px -20px;
    width: 10px;
    height: 17px
}

.label-icon-left.instagram:after {
    background-position: -34px -20px;
    width: 18px;
    height: 17px
}

.label-icon-left.rss:after {
    background-position: -111px -21px;
    width: 17px;
    height: 16px
}

.label-icon-left.twitter:after {
    background-position: -84px -21px;
    width: 19px;
    height: 16px
}

.label-icon-left.dribble:after {
    background-position: -136px -19px;
    width: 22px;
    height: 21px
}

.label-icon-right:after {
    content: "";
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    width: 15px;
    position: absolute;
    cursor: pointer;
    pointer-events: none
}

.label-icon-right.plus:after {
    background-position: -328px -107px;
    height: 15px;
    top: 18px;
    right: 12px
}

.label-icon-right.plus:hover:after {
    background-position: -328px -293px;
    opacity: 1
}

.label-icon-right.select-label {
    margin: 0;
    position: relative
}

.label-icon-right.select-label:after {
    background-position: -213px -110px;
    height: 9px;
    top: 21px;
    right: 12px
}

.label-icon-right.select-label.err:after {
    right: 35px !important
}

.label-icon-right.magnifying-glass:after {
    background-position: -165px -105px;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 10px
}

.err .label-icon-right.plus:after {
    right: 32px
}

.err input:focus~.tooltip-trigger,
.err textarea:focus~.tooltip-trigger,
.err select:focus~.tooltip-trigger {
    display: none
}

.checkbox-error .err .red-warning.tooltip-trigger {
    right: -17px
}

@media screen and (max-width: 480px) {
    .checkbox-error .err .red-warning.tooltip-trigger {
        right: 0;
        top: -30px
    }
}

.checkbox-error.first .err .red-warning.tooltip-trigger {
    display: none
}

.form-header {
    padding-bottom: 25px
}

.hint-text {
    float: right;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 15px;
    color: rgba(77, 77, 77, 0.5);
    position: relative;
    top: -35px;
    right: 10px;
    margin-bottom: -30px
}

.err {
    position: relative
}

.err input,
.err textarea,
.err select {
    margin: 0;
    border: 1px solid #FF523E;
    border-radius: 5px
}

.err .tox {
    border-color: #FF523E
}

.err .hint-text {
    top: -47px;
    right: 35px
}

.red-warning {
    position: absolute;
    top: 18px;
    right: 14px;
    color: transparent;
    z-index: 2;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    margin: 0;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -289px -80px;
    width: 15px;
    height: 15px
}

.tooltip-trigger {
    display: inline-block
}

.tooltip-trigger:hover .tooltip {
    visibility: visible
}

.tooltip-trigger:focus .tooltip {
    visibility: visible
}

.tooltip-trigger .tooltip {
    visibility: hidden;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.6;
    max-width: none;
    white-space: nowrap;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    font-family: "Sofia-Pro-Regular", sans-serif
}

@media screen and (max-width: 39.99875em) {
    .tooltip-trigger .tooltip {
        right: -13px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding: 5px 10px
    }
}

.tooltip-trigger .tooltip.red {
    background-color: #FF523E
}

.tooltip-trigger .tooltip:before {
    display: none
}

.tooltip-trigger .tooltip.top::after,
.tooltip-trigger .tooltip.bottom::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid
}

@media screen and (max-width: 39.99875em) {

    .tooltip-trigger .tooltip.top::after,
    .tooltip-trigger .tooltip.bottom::after {
        left: auto;
        right: 15px
    }
}

.tooltip-trigger .tooltip.top {
    top: -35px
}

.tooltip-trigger .tooltip.top::after {
    top: 100%;
    border-color: #0a0a0a transparent transparent transparent
}

.tooltip-trigger .tooltip.top.red::after {
    border-color: #FF523E transparent transparent transparent
}

.tooltip-trigger .tooltip.bottom {
    top: 150%
}

.tooltip-trigger .tooltip.bottom::after {
    bottom: 100%;
    border-color: transparent transparent #0a0a0a transparent
}

.tooltip-trigger .tooltip.bottom.red::after {
    border-color: #FF523E transparent transparent transparent
}

.error {
    color: #FF0000;
    padding: 0;
    font-family: "Sofia-Pro-Bold", sans-serif;
    display: inline-block;
    margin: 0 0 10px 0;
    font-size: 12px
}

.agree-error {
    margin-top: -10px
}

.success-message {
    color: #74D6C5;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin-top: 10px;
    font-size: 12px;
    line-height: 15px
}

.relative-checkbox {
    display: inline-block
}

.relative-checkbox__label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 39.99875em) {
    .relative-checkbox__label {
        display: inline
    }
}

.relative-checkbox .tooltip-trigger .tooltip.top {
    right: 7px
}

@media screen and (max-width: 39.99875em) {
    .relative-checkbox .tooltip-trigger .tooltip.top {
        right: -13px
    }
}

.relative-checkbox.err .agreeText,
.relative-checkbox.err .agreeText a {
    color: #FF523E
}

.relative-checkbox.err .red-warning {
    position: initial !important;
    margin-left: 8px;
    margin-top: 4px
}

.relative-checkbox.err .custom-checkbox {
    border: 1px solid #FF523E
}

.relative-checkbox label {
    position: relative;
    color: rgba(8, 58, 80, 0.5) !important;
    font-family: "Sofia-Pro-Light", sans-serif !important;
    font-size: 12px !important;
    margin: 0
}

.relative-checkbox span.agreeText {
    float: left
}

.relative-checkbox span.agreeText a:hover {
    cursor: pointer;
    text-decoration: underline
}

.relative-checkbox .custom-checkbox-input {
    display: none
}

.relative-checkbox .custom-checkbox {
    margin-right: 10px;
    margin-top: 1px;
    padding: 2px;
    font-size: 17px;
    line-height: 9px;
    background-color: #ffffff;
    border: 1px solid rgba(142, 142, 142, 0.4);
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.relative-checkbox .custom-checkbox::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ED8A47;
    display: block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border-radius: 50%
}

.relative-checkbox .custom-checkbox svg {
    position: absolute;
    top: 4px;
    left: 3px;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.relative-checkbox .custom-checkbox.checked {
    border-color: #ED8A47;
    -webkit-animation: wave 0.4s ease;
    animation: wave 0.4s ease
}

.relative-checkbox .custom-checkbox.checked:before {
    -webkit-transform: scale(3.5);
    -ms-transform: scale(3.5);
    transform: scale(3.5);
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    pointer-events: none
}

.relative-checkbox .custom-checkbox.checked svg {
    stroke-dashoffset: 0;
    stroke: #ED8A47
}

.career-path .relative-checkbox .custom-checkbox::before {
    background: #4095DB
}

.career-path .relative-checkbox .custom-checkbox svg {
    stroke: #4095DB
}

.career-path .relative-checkbox .custom-checkbox.checked {
    border-color: #4095DB
}

@media screen and (max-width: 500px) {
    .subscribe .relative-checkbox {
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .subscribe .agreeText {
        width: 100%
    }
}

.subscribe.input-with-button input {
    width: 100%;
    padding-right: 150px;
    border-radius: 25px;
    font-size: 15px
}

.subscribe--notice {
    font-size: 13px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #8e8e8e;
    text-align: left
}

.subscribe__small.input-with-button input,
.subscribe__small.input-with-button .button-orange {
    height: 45px
}

.subscribe__small.input-with-button .subscribe--notice {
    font-size: 12px
}

.subscribe__gray.input-with-button-download input {
    background-color: #f6f6f6
}

.subscribe__icon.input-with-button-download input {
    padding-right: 55px
}

.subscribe__icon.input-with-button-download button {
    width: 50px;
    min-width: auto;
    max-width: none;
    padding: 13px 16px
}

.subscribe__icon .send-icon {
    background: url("../image/send-icon-a467f9cbe9e881773f63ba752b0cd4ed5797e6490103e58866bc8e375e785828.png") no-repeat;
    width: 18px;
    height: 17px;
    margin: 0 auto;
    display: block
}

@-webkit-keyframes wave {
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes wave {
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@-webkit-keyframes checkbox-on {
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

@keyframes checkbox-on {
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5)
    }
}

@media screen and (max-width: 500px) {
    .subscribe-button {
        margin-top: 10px
    }
}

@media print,
screen and (min-width: 40em) {
    .hideFooter {
        min-height: calc(100vh - 70px)
    }

    .hideFooter .align-middle.top {
        min-height: calc(100vh - 70px)
    }
}

.form-container.contact form {
    margin: 0 auto
}

@media screen and (max-width: 716px) {
    .form-container.contact form {
        width: 100%
    }
}

.form-container.contact .form-buttons {
    margin-top: 20px
}

.form-container.contact .relative-checkbox label {
    font-size: 15px !important
}

.form-container.contact .relative-checkbox span.agreeText {
    float: unset;
    font-size: 15px
}

@media screen and (max-width: 39.99875em) {
    .form-container.contact .relative-checkbox {
        margin-bottom: 10px
    }
}

.form-container.contact .relative-checkbox__label--inline {
    font-size: 15px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important
}

.form-container.contact .relative-checkbox__label--inline .secondary-link {
    font-family: "Sofia-Pro-Bold", sans-serif !important
}

.form-container.contact .form-header {
    padding-bottom: 0;
    text-align: center
}

.form-container.contact .form-subheading {
    color: #083A50;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    padding-top: 20px
}

.form-container.contact form {
    margin-top: 25px
}

.form-container.in-advertise {
    width: 740px;
    margin: 0 auto
}

@media screen and (max-width: 840px) {
    .form-container.in-advertise {
        width: 100%
    }
}

@media screen and (max-width: 39.99875em) {
    .form-container.in-advertise .form-buttons .button-orange {
        margin-top: 20px
    }
}

.form-container.in-advertise .agreeText a {
    font-size: 12px !important
}

.form-container.in-advertise .form-header {
    font-size: 50px;
    line-height: 50px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ED8A47;
    padding-bottom: 0;
    text-align: center
}

@media screen and (max-width: 39.99875em) {
    .form-container.in-advertise .form-header {
        font-size: 30px
    }
}

.form-container.in-advertise .form-subheading {
    padding-bottom: 25px
}

@media screen and (max-width: 39.99875em) {
    .form-container.in-partners .form-header {
        font-size: 28px;
        line-height: 32px
    }
}

@media screen and (max-width: 39.99875em) {
    .form-container.in-partners .form-subheading {
        padding-top: 10px
    }
}

.form-container.login {
    width: 532px
}

.form-container.registration {
    width: 616px
}

@media (max-width: 425px) {
    .form-container.registration .xsmall-12 {
        width: 100% !important
    }

    .form-container.registration .xsmall-12 .agreeText {
        width: unset;
        line-height: unset
    }

    .form-container.registration .xsmall-12 .red-warning {
        margin-top: 5px
    }
}

.form-container.partners-request {
    max-width: 810px;
    margin: 0 auto
}

.form-container.partners-request h3 {
    margin: 0 0 20px 0;
    text-align: center
}

@media screen and (max-width: 39.99875em) {
    .form-container.partners-request textarea {
        min-height: 100px
    }
}

.form-container.partners-request .input-tick {
    display: block
}

.form-container.partners-request .input-tick label {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 18px;
    color: rgba(10, 30, 46, 0.5)
}

.form-container.partners-request .input-tick .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 0;
    display: inline-block;
    height: 20px;
    border-radius: 50%
}

.form-container.login,
.form-container.registration {
    background: #ffffff;
    padding: 40px
}

@media print,
screen and (min-width: 40em) {

    .form-container.login,
    .form-container.registration {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 0 auto
    }
}

@media screen and (max-width: 39.99875em) {

    .form-container.login,
    .form-container.registration {
        width: 100% !important;
        padding: 100px 20px
    }
}

.form-container.contact .form-buttons {
    margin-top: 20px
}

.form-container .form-header .info-message p,
.form-container .form-footer .info-message p {
    margin-right: 3px
}

.form-container .form-footer .info-message {
    margin-top: 20px
}

.form-container p {
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

.form-container a {
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ED8A47
}

.form-container a:hover {
    text-decoration: underline
}

.form-container .info-message a,
.form-container .info-message p {
    display: inline-block;
    font-size: 15px
}

.form-container .form-buttons {
    margin-top: 20px
}

.form-container .slider-form-button {
    margin-top: 40px
}

.input-group.search .input-group-label {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    right: 50px;
    top: 10px
}

.input-group.search .input-group-label:hover {
    background: #ED8A47;
    cursor: pointer
}

.input-group.search .input-group-label.white {
    background: #ffffff
}

.input-group.search .input-group-field {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f6f6f6;
    font-size: 50px;
    color: #ffffff;
    height: 70px;
    padding-left: 0;
    padding-right: 60px;
    text-align: left
}

@media print,
screen and (min-width: 64.0625em) {
    .input-group.search .input-group-field {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media print,
screen and (min-width: 40em) {
    .input-group.search .input-group-field {
        height: 80px
    }
}

@media screen and (max-width: 39.99875em) {
    .input-group.search .input-group-field {
        font-size: 30px;
        width: 295px
    }
}

.input-group.search .input-group-field input {
    background: transparent;
    font-size: 50px;
    padding: 0px;
    line-height: 64px;
    border: none !important;
    caret-color: #ffffff;
    color: #ffffff;
    margin: 0 !important;
    height: auto;
    text-overflow: ellipsis
}

@media screen and (max-width: 39.99875em) {
    .input-group.search .input-group-field input {
        font-size: 30px;
        width: 220px
    }
}

.input-group.search .input-group-field input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffffff
}

.input-group.search .input-group-field input:-webkit-autofill,
.input-group.search .input-group-field input:-webkit-autofill:focus,
.input-group.search .input-group-field input:-webkit-autofill:active,
.input-group.search .input-group-field input:-webkit-autofill:hover {
    -webkit-text-fill-color: #ffffff !important
}

.input-group.search .input-group-field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2) !important
}

.input-group.search .input-group-field input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.2) !important;
    opacity: 1
}

.input-group.search .input-group-field input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2) !important
}

.input-group.search .input-group-field input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.2) !important;
    opacity: 1
}

.input-group.search .input-group-field input:visited {
    color: #ffffff !important
}

.input-group.search .input-group-field input:visited::-webkit-input-placeholder {
    color: #ffffff !important
}

.input-group.search .input-group-field input:visited:-ms-input-placeholder {
    color: #ffffff !important
}

.input-group.search .input-group-field input:visited::-ms-input-placeholder {
    color: #ffffff !important
}

.input-group.search .input-group-field input:visited::placeholder {
    color: #ffffff !important
}

.featured-img-container {
    background-color: #4D4D4D;
    border-radius: 5px;
    position: relative;
    height: 470px;
    margin: 0 0 16px 0
}

@media screen and (max-width: 64.06125em) {
    .featured-img-container {
        height: auto
    }
}

.featured-img-container .featured-img {
    border-radius: 5px;
    height: 100%;
    width: 100%
}

.featured-img-container .edit-buttons {
    position: absolute;
    bottom: 16px;
    right: 16px
}

.featured-img-container .edit-buttons button {
    display: inline-block;
    float: left;
    margin: 0 5px
}

@media print,
screen and (min-width: 64.0625em) {
    .sources-input-group {
        margin-left: -0.3125rem
    }

    .sources-input-group .cell {
        padding-right: 0.3125rem;
        padding-left: 0.3125rem
    }

    .sources-input-group .large-1 {
        width: 6.1111111111%
    }

    .sources-input-group .large-5 {
        width: 43.888888888900006%
    }
}

.sources-input-group .button-delete {
    margin: 0
}

@media screen and (max-width: 64.06125em) {
    .sources-input-group .button-delete {
        margin-bottom: 10px
    }
}

.selected-topics-wrapper {
    margin-right: -0.1375rem;
    margin-left: -0.1375rem;
    margin-top: 40px
}

.selected-topics-wrapper .large-2.cell {
    padding-right: 0.1375rem;
    padding-left: 0.1375rem
}

.topic-selected {
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: #f6f6f6;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px;
    min-height: 28px;
    margin-bottom: 5px
}

.topic-selected p {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    font-size: 18px;
    margin: 0;
    display: inline-block;
    min-height: 28px
}

.topic-selected .remove {
    display: inline-block
}

.topic-selected .remove .small-icon.grey-cross {
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 0;
    margin-left: 10px
}

@media print,
screen and (min-width: 64.0625em) {
    .input-with-button.subscribe {
        position: relative
    }

    .input-with-button.subscribe input {
        width: 100%;
        padding-right: 150px
    }

    .input-with-button.subscribe button {
        position: absolute;
        right: 0;
        top: 0
    }
}

.strong-validation {
    margin-top: -14px;
    font-size: 15px;
    line-height: 20px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 5px
}

.strong-validation .line {
    border-bottom-left-radius: 5px;
    height: 3px;
    margin-bottom: 5px
}

.strong-validation.short,
.strong-validation.not_match {
    color: #FF523E
}

.strong-validation.short .line,
.strong-validation.not_match .line {
    background-color: #FF523E;
    width: 50%
}

.strong-validation.bad,
.strong-validation.good,
.strong-validation.strong,
.strong-validation.match {
    color: #31B739
}

.strong-validation.bad .line,
.strong-validation.good .line,
.strong-validation.strong .line,
.strong-validation.match .line {
    background-color: #31B739;
    border-bottom-right-radius: 5px
}

.tick-mark {
    position: absolute;
    top: 7px;
    left: 2px;
    display: inline-block;
    width: 17px;
    height: 17px
}

.tick-mark::before {
    position: absolute;
    left: 1px;
    top: 30%;
    height: 10px;
    width: 2px;
    background-color: white;
    content: "";
    -webkit-transform: translateX(10px) rotate(-45deg);
    -ms-transform: translateX(10px) rotate(-45deg);
    transform: translateX(10px) rotate(-45deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.tick-mark::after {
    position: absolute;
    left: 1px;
    bottom: 2px;
    height: 2px;
    width: 17px;
    background-color: white;
    content: "";
    -webkit-transform: translateX(10px) rotate(-45deg);
    -ms-transform: translateX(10px) rotate(-45deg);
    transform: translateX(10px) rotate(-45deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.multeselect-area {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 5px
}

.multeselect-area.err {
    border: 1px solid #FF523E
}

.multeselect-area__label {
    font-size: 16px
}

.multeselect-area__collection .relative-checkbox {
    margin-right: 15px;
    margin-bottom: 10px
}

.reveal.cvWriting,
.reveal.chPromo,
.reveal.cvTemplate,
.reveal.chUpgrade,
.reveal.chUpgradeLight,
.reveal.chStudent,
.reveal.chEducators,
.reveal.survey,
.reveal.cvDiscount,
.reveal.jobPosting,
.reveal.newsletter,
.reveal.socialSubscription,
.reveal.cvCouponSubscribe,
.reveal.subscriptionReveal,
.reveal.partners,
.reveal.flexible-popup-base {
    padding: 0;
    max-width: 900px;
    width: auto;
    position: relative;
    z-index: 9999;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reveal.cvWriting.stick-on-top,
.reveal.chPromo.stick-on-top,
.reveal.cvTemplate.stick-on-top,
.reveal.chUpgrade.stick-on-top,
.reveal.chUpgradeLight.stick-on-top,
.reveal.chStudent.stick-on-top,
.reveal.chEducators.stick-on-top,
.reveal.survey.stick-on-top,
.reveal.cvDiscount.stick-on-top,
.reveal.jobPosting.stick-on-top,
.reveal.newsletter.stick-on-top,
.reveal.socialSubscription.stick-on-top,
.reveal.cvCouponSubscribe.stick-on-top,
.reveal.subscriptionReveal.stick-on-top,
.reveal.partners.stick-on-top,
.reveal.flexible-popup-base.stick-on-top {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.reveal.cvWriting.add-animation,
.reveal.chPromo.add-animation,
.reveal.cvTemplate.add-animation,
.reveal.chUpgrade.add-animation,
.reveal.chUpgradeLight.add-animation,
.reveal.chStudent.add-animation,
.reveal.chEducators.add-animation,
.reveal.survey.add-animation,
.reveal.cvDiscount.add-animation,
.reveal.jobPosting.add-animation,
.reveal.newsletter.add-animation,
.reveal.socialSubscription.add-animation,
.reveal.cvCouponSubscribe.add-animation,
.reveal.subscriptionReveal.add-animation,
.reveal.partners.add-animation,
.reveal.flexible-popup-base.add-animation {
    -webkit-animation-name: popupContentMoveDownToCenter;
    animation-name: popupContentMoveDownToCenter
}

.reveal.cvWriting.cvTemplateDownload,
.reveal.chPromo.cvTemplateDownload,
.reveal.cvTemplate.cvTemplateDownload,
.reveal.chUpgrade.cvTemplateDownload,
.reveal.chUpgradeLight.cvTemplateDownload,
.reveal.chStudent.cvTemplateDownload,
.reveal.chEducators.cvTemplateDownload,
.reveal.survey.cvTemplateDownload,
.reveal.cvDiscount.cvTemplateDownload,
.reveal.jobPosting.cvTemplateDownload,
.reveal.newsletter.cvTemplateDownload,
.reveal.socialSubscription.cvTemplateDownload,
.reveal.cvCouponSubscribe.cvTemplateDownload,
.reveal.subscriptionReveal.cvTemplateDownload,
.reveal.partners.cvTemplateDownload,
.reveal.flexible-popup-base.cvTemplateDownload {
    max-width: 995px
}

@media screen and (max-width: 64.06125em) {

    .reveal.cvWriting.cvTemplateDownload,
    .reveal.chPromo.cvTemplateDownload,
    .reveal.cvTemplate.cvTemplateDownload,
    .reveal.chUpgrade.cvTemplateDownload,
    .reveal.chUpgradeLight.cvTemplateDownload,
    .reveal.chStudent.cvTemplateDownload,
    .reveal.chEducators.cvTemplateDownload,
    .reveal.survey.cvTemplateDownload,
    .reveal.cvDiscount.cvTemplateDownload,
    .reveal.jobPosting.cvTemplateDownload,
    .reveal.newsletter.cvTemplateDownload,
    .reveal.socialSubscription.cvTemplateDownload,
    .reveal.cvCouponSubscribe.cvTemplateDownload,
    .reveal.subscriptionReveal.cvTemplateDownload,
    .reveal.partners.cvTemplateDownload,
    .reveal.flexible-popup-base.cvTemplateDownload {
        max-width: 606px
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.cvWriting.cvTemplateDownload,
    .reveal.chPromo.cvTemplateDownload,
    .reveal.cvTemplate.cvTemplateDownload,
    .reveal.chUpgrade.cvTemplateDownload,
    .reveal.chUpgradeLight.cvTemplateDownload,
    .reveal.chStudent.cvTemplateDownload,
    .reveal.chEducators.cvTemplateDownload,
    .reveal.survey.cvTemplateDownload,
    .reveal.cvDiscount.cvTemplateDownload,
    .reveal.jobPosting.cvTemplateDownload,
    .reveal.newsletter.cvTemplateDownload,
    .reveal.socialSubscription.cvTemplateDownload,
    .reveal.cvCouponSubscribe.cvTemplateDownload,
    .reveal.subscriptionReveal.cvTemplateDownload,
    .reveal.partners.cvTemplateDownload,
    .reveal.flexible-popup-base.cvTemplateDownload {
        max-width: 100%
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.cvWriting,
    .reveal.chPromo,
    .reveal.cvTemplate,
    .reveal.chUpgrade,
    .reveal.chUpgradeLight,
    .reveal.chStudent,
    .reveal.chEducators,
    .reveal.survey,
    .reveal.cvDiscount,
    .reveal.jobPosting,
    .reveal.newsletter,
    .reveal.socialSubscription,
    .reveal.cvCouponSubscribe,
    .reveal.subscriptionReveal,
    .reveal.partners,
    .reveal.flexible-popup-base {
        border-radius: 0 !important;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.reveal.flexible-popup-base .left-side-content {
    float: left;
    width: 52%;
    padding: 30px
}

.reveal.flexible-popup-base .left-side-content.pad-b-27 {
    padding-bottom: 27px !important
}

@media screen and (max-width: 64.06125em) {
    .reveal.flexible-popup-base .left-side-content {
        float: none;
        width: 100%;
        padding: 20px 0 30px 0;
        max-width: 448px;
        margin: auto
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.flexible-popup-base .left-side-content {
        padding: 20px 15px 30px 15px
    }
}

.reveal.flexible-popup-base .right-side-content {
    float: right;
    width: 48%
}

@media screen and (max-width: 64.06125em) {
    .reveal.flexible-popup-base .right-side-content {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.flexible-popup-base .right-side-content {
        float: none;
        width: 100%
    }
}

.reveal.flexible-popup-base .blue-cut-off-line {
    background-color: #083A50;
    color: #EEEEEE;
    font-size: 14px;
    line-height: 24px;
    font-family: "Sofia-Pro-Light", sans-serif;
    max-width: 322px;
    margin: 16px auto 10px auto;
    position: relative;
    height: 26px
}

.reveal.flexible-popup-base .blue-cut-off-line:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: calc((26px + 2px)/2) solid transparent;
    border-bottom: calc((26px + 2px)/2) solid transparent;
    border-left: 10px solid white
}

.reveal.flexible-popup-base .blue-cut-off-line:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: calc((26px + 2px)/2) solid transparent;
    border-bottom: calc((26px + 2px)/2) solid transparent;
    border-right: 10px solid white
}

.reveal.flexible-popup-base .blue-cut-off-line--semi-bold {
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

.reveal.flexible-popup-base .head {
    font-size: 39px;
    line-height: 44px;
    color: #ffffff
}

.reveal.flexible-popup-base .head.size-48 {
    font-size: 48px;
    line-height: 50px
}

.reveal.flexible-popup-base .head.blue {
    color: #083A50
}

.reveal.flexible-popup-base p {
    font-size: 13px;
    line-height: 17px;
    color: #8e8e8e;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.reveal.flexible-popup-base p.description {
    color: #083A50;
    font-size: 18px;
    line-height: 23px
}

.reveal.flexible-popup-base p.size-15 {
    font-size: 15px;
    line-height: 19px
}

.reveal.flexible-popup-base p.light {
    font-family: "Sofia-Pro-Light", sans-serif
}

.reveal.flexible-popup-base p.lastText {
    font-size: 18px;
    line-height: 1.4;
    max-width: 600px;
    margin: 0 auto
}

.reveal.flexible-popup-base .logo-block {
    margin-right: 30px
}

.reveal.flexible-popup-base .logo-block:last-child {
    margin-right: 0
}

@media print,
screen and (min-width: 40em) {

    .reveal.cvDiscount .medium-7,
    .reveal.cvWriting .medium-7,
    .reveal.cvTemplate .medium-7 {
        width: 60%
    }

    .reveal.cvDiscount .medium-5,
    .reveal.cvWriting .medium-5,
    .reveal.cvTemplate .medium-5 {
        width: 40%
    }
}

.reveal.newsletter,
.reveal.cvDiscount,
.reveal.cvWriting,
.reveal.cvTemplate,
.reveal.jobPosting,
.reveal.chUpgradeLight,
.reveal.socialSubscription,
.reveal.cvCouponSubscribe {
    background-color: #EBEBEB
}

.reveal.partners {
    background: #E1EAFE
}

@media print,
screen and (min-width: 40em) {
    .reveal.partners .popup-wrapper:first-child {
        padding-right: 0 !important
    }
}

.reveal.partners .partners-heading {
    font: normal normal bold 39px/45px PT Serif;
    color: #333333;
    margin-bottom: 20px;
    line-height: 45px
}

.reveal.partners .partners-paragraph {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 21px;
    color: #666666;
    margin-bottom: 20px;
    line-height: 28px
}

.reveal.partners .partners-list li {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 20px;
    color: #333333
}

.reveal.partners .partners-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.reveal.partners .book-consultation {
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 15px;
    color: #666666;
    opacity: 0.6;
    margin-left: 20px
}

@media print,
screen and (min-width: 40em) {
    .reveal.partners img:first-child {
        margin-right: 10px
    }
}

.reveal.chEducators,
.reveal.chUpgrade,
.reveal.chStudent,
.reveal.chPromo {
    background: #0A1E2E
}

.reveal.cvDiscount .popup-right-area {
    padding-right: 10px
}

@media screen and (max-width: 39.99875em) {
    .reveal.cvDiscount .popup-heading {
        font-size: 30px;
        line-height: 35px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cvDiscount .popup-coupon-area {
        margin: 20px auto 30px auto !important
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cvDiscount .popup-price {
        margin-bottom: 15px !important
    }
}

.reveal.cvDiscount .trustpilot-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.reveal.cvDiscount .trustpilot-box .trustpilot-vertical {
    background-position: -375px -230px;
    width: 116px;
    height: 31px
}

.reveal.cvDiscount .trustpilot-box .trustpilot-rate {
    font-size: 18px;
    line-height: 20px;
    color: rgba(26, 64, 89, 0.5);
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin-left: 10px;
    position: relative;
    top: 3px
}

.reveal.newsletter.sent {
    max-width: 600px
}

@media screen and (max-width: 39.99875em) {

    .reveal.newsletter .subscribe-button,
    .reveal.newsletter .subscribe-text {
        text-align: left
    }
}

@media screen and (min-width: 40em) {
    .reveal.chPromo .custom-large {
        width: 53%
    }

    .reveal.chPromo .custom-img-large {
        width: 47%
    }
}

@media screen and (min-width: 860px) and (max-width: 1024px) {
    .reveal.chPromo .custom-img-large {
        padding: 30px 0 0 0
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.chPromo .popup-description {
        font-size: 18px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.chPromo .popup-heading {
        font-size: 30px;
        line-height: 35px
    }
}

.reveal.chUpgrade .popup-price,
.reveal.chUpgradeLight .popup-price {
    margin-bottom: 20px !important
}

@media screen and (max-width: 39.99875em) {

    .reveal.chUpgrade .popup-price,
    .reveal.chUpgradeLight .popup-price {
        margin-bottom: 10px !important
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.chUpgrade .popup-coupon-code,
    .reveal.chUpgradeLight .popup-coupon-code {
        margin-top: 15px
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.chUpgrade .popup-ch-img,
    .reveal.chUpgradeLight .popup-ch-img {
        margin: 30px auto 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal.chEducators .popup-trustpilot {
        margin-right: 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.chEducators .popup-trustpilot {
        margin-right: 10px
    }
}

@media screen and (max-width: 900px) and (min-width: 640px) {
    .reveal.socialSubscription .medium-7 {
        width: 53%
    }

    .reveal.socialSubscription .medium-5 {
        width: 47%
    }
}

.reveal.socialSubscription .popup-social-img {
    margin: 50px 50px 0 auto
}

@media screen and (max-width: 64.06125em) {
    .reveal.socialSubscription .popup-social-img {
        margin: 30px 30px 0 auto
    }
}

@media screen and (max-width: 900px) and (min-width: 640px) {
    .reveal.socialSubscription .popup-social-img {
        margin: 30px 30px 0 0
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.socialSubscription .popup-social-img {
        margin: 30px auto 0
    }
}

.reveal.cvCouponSubscribe {
    padding: 40px 40px 60px !important
}

@media screen and (max-width: 39.99875em) {
    .reveal.cvCouponSubscribe {
        padding: 50px 20px
    }
}

@media screen and (max-width: 359px) {
    .reveal.cvCouponSubscribe {
        padding: 50px 10px
    }
}

.reveal.cvCouponSubscribe .popup-heading {
    max-width: 240px
}

.reveal.cvCouponSubscribe .relative-checkbox {
    margin: 25px 0 0 0 !important
}

.reveal.cvCouponSubscribe .relative-checkbox .relative-checkbox__label {
    margin: 0 !important
}

.reveal.cvCouponSubscribe .popup-wrapper {
    padding: 0 !important
}

@media screen and (min-width: 64.0625em) {
    .reveal.cvCouponSubscribe .popup-right-area {
        padding-bottom: 0px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal.cvCouponSubscribe .popup-right-area {
        padding-bottom: 30px
    }
}

.reveal.cvCouponSubscribe .popup-cv-sub-img {
    margin: 0 auto
}

@media screen and (max-width: 64.06125em) {
    .reveal.cvCouponSubscribe .popup-cv-sub-img {
        margin: 0px auto
    }
}

@media screen and (max-width: 64.06125em) {
    .reveal.cvCouponSubscribe .popup-cv-sub-img {
        margin: 0px auto 20px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.cvCouponSubscribe .popup-cv-sub-img {
        width: 250px !important;
        height: 260px !important
    }
}

.reveal.cvCouponSubscribe .agreeText {
    color: #4D4D4D
}

@media screen and (max-width: 39.99875em) {
    .reveal.jobPosting .popup-price-blue-small {
        margin-bottom: 10px !important
    }
}

.reveal.survey {
    background: #F6F6F6
}

@media screen and (min-width: 64.0625em) {
    .reveal.survey {
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.survey {
        padding: 50px 30px;
        border-radius: 0
    }
}

@media (max-width: 320px) {
    .reveal.survey {
        padding: 30px
    }
}

.reveal .subscribe-popup-wrapper {
    padding: 60px 50px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .subscribe-popup-wrapper {
        padding: 50px 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .subscribe-popup-wrapper {
        padding: 30px
    }
}

@media screen and (min-width: 40em) {
    .reveal .vertical-line-orange {
        border-left: 3px solid #ED8A47;
        padding-left: 30px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .vertical-line-orange {
        padding-left: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .horizontal-line-orange {
        border-top: 3px solid #ED8A47;
        width: 40px
    }
}

.reveal .subscribe-popup-heading {
    font-size: 39px;
    line-height: 44px;
    margin: 30px 0
}

@media screen and (max-width: 39.99875em) {
    .reveal .subscribe-popup-heading {
        font-size: 30px;
        line-height: 35px
    }
}

.reveal .subscribe-popup-sub-heading {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 50px;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.reveal .subscribe-popup-sub-heading span {
    color: #59CD61
}

@media screen and (max-width: 64.06125em) {
    .reveal .subscribe-popup-sub-heading {
        margin-bottom: 20px
    }
}

.reveal .subscribe-popup-area {
    max-width: 314px;
    margin: 0 auto 40px auto
}

.reveal .subscribe-popup-coupon {
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    font-size: 15px !important;
    line-height: 24px !important;
    color: #083A50 !important;
    margin: 15px 0 0 0 !important;
    text-align: center
}

.reveal .subscribe-popup-logo {
    color: #1A4059;
    font-size: 23px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 28px;
    margin: 15px 0 5px 0
}

.reveal .subscribe-popup-logo span {
    color: #59CE61
}

.reveal .subscribe-popup-link {
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 20px;
    color: #ED8A47;
    border-bottom: 2px solid #ED8A47;
    margin: 0 30px 0 0
}

.reveal .subscribe-popup-link:hover {
    color: #CE793F;
    border-bottom: 2px solid #CE793F
}

.reveal .subscribe-popup-input-button {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0
}

.reveal .subscribe-popup-input-button button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 25px
}

.reveal .subscribe-popup-input-button .red-warning {
    right: 145px
}

@media screen and (max-width: 39.99875em) {
    .reveal .subscribe-popup-input-button .red-warning {
        right: 125px
    }
}

.reveal .subscribe-popup-input-block {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0
}

.reveal .subscribe-popup-input {
    background: transparent;
    border-radius: 25px;
    height: 50px;
    width: 100%;
    color: #ED8A47
}

.reveal .subscribe-popup-input input {
    border: 2px solid #ED8A47;
    border-radius: 25px;
    background: #ffffff !important;
    color: #ED8A47 !important;
    margin: 0 !important;
    outline: none;
    font-size: 16px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.reveal .subscribe-popup-input input:focus {
    border: 2px solid #ED8A47
}

.reveal .subscribe-popup-input input::-webkit-input-placeholder {
    color: #ED8A47 !important
}

.reveal .subscribe-popup-input input:-ms-input-placeholder {
    color: #ED8A47 !important
}

.reveal .subscribe-popup-input input::-ms-input-placeholder {
    color: #ED8A47 !important
}

.reveal .subscribe-popup-input input::placeholder {
    color: #ED8A47 !important
}

.reveal .subscribe-popup-input input:-webkit-autofill,
.reveal .subscribe-popup-input input:-webkit-autofill:focus,
.reveal .subscribe-popup-input input:-webkit-autofill:active,
.reveal .subscribe-popup-input input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: #ED8A47 !important
}

.reveal .subscribe-popup-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #ED8A47;
    border-radius: 5px;
    margin: 0 !important
}

.reveal .subscribe-popup-submit:hover {
    cursor: pointer;
    background-color: #ED8A47
}

.reveal .subscribe-popup-submit .send-icon {
    background: url("../image/send-icon-a467f9cbe9e881773f63ba752b0cd4ed5797e6490103e58866bc8e375e785828.png") no-repeat;
    width: 18px;
    height: 17px;
    margin: 17px auto;
    display: block
}

.reveal .popup-wrapper {
    padding: 50px
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-wrapper {
        padding: 30px
    }
}

.reveal .popup-wrapper.cv-template {
    padding-right: 30px
}

@media screen and (min-width: 64.0625em) {
    .reveal .popup-right-area {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .popup-right-area {
        padding-bottom: 30px
    }
}

@media screen and (min-width: 40em) {
    .reveal .vertical-line-green {
        border-left: 3px solid #59CD61;
        padding-left: 30px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .vertical-line-green {
        padding-left: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .horizontal-line-green {
        border-top: 3px solid #59CD61;
        width: 40px
    }
}

.reveal .popup-top-img {
    padding: 20px 30px 0 30px
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-top-img {
        padding: 30px 30px 0 30px
    }
}

.reveal .popup-heading {
    font-size: 39px;
    line-height: 45px;
    margin: 20px 0;
    color: #ffffff
}

.reveal .popup-heading.blue {
    color: #083A50 !important
}

.reveal .popup-heading.cv-template {
    color: #083A50 !important;
    max-width: 230px
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-heading {
        font-size: 35px;
        line-height: 40px
    }
}

.reveal .popup-subheading {
    font-size: 27px;
    line-height: 33px
}

.reveal .popup-subheading.green {
    color: #59CE61
}

.reveal .popup-description {
    font-size: 22px !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    line-height: 28px !important
}

.reveal .popup-description.blue {
    color: #083A50 !important
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-description {
        line-height: 25px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-description {
        font-size: 20px !important
    }
}

.reveal .popup-coupon-description {
    font-size: 18px !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    color: #083A50 !important;
    margin-bottom: 20px !important;
    line-height: 28px !important
}

.reveal .popup-coupon-description span {
    color: #ED8A47 !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-coupon-description {
        font-size: 20px !important
    }
}

.reveal .popup-paragraph {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    line-height: 26px;
    margin: 10px 0 0 0
}

.reveal .popup-cv-img {
    margin: 50px auto 20px auto
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-cv-img {
        margin: 30px auto
    }
}

.reveal .popup-cv-sub-img {
    margin: 40px auto 0 auto
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-cv-sub-img {
        margin: 30px auto
    }
}

.reveal .popup-survey-img img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal .popup-survey-img img {
        right: -40px
    }
}

.reveal .popup-cv-discount-img {
    margin: 50px auto 40px auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .popup-cv-discount-img {
        margin: 20px auto 40px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-cv-discount-img {
        margin: 20px auto 0 auto
    }
}

.reveal .popup-cv-templates-img {
    margin: 50px auto 20px auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .popup-cv-templates-img {
        margin: 30px auto
    }
}

.reveal .popup-job-posting-img {
    margin: 50px auto 20px auto
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-job-posting-img {
        margin: 30px auto 10px
    }
}

.reveal .popup-social-img {
    margin: 50px auto 0
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-social-img {
        margin: 30px auto 0
    }
}

@media screen and (max-width: 900px) and (min-width: 640px) {
    .reveal .popup-social-img {
        margin: 30px auto 0 0
    }
}

.reveal .popup-ch-img {
    margin: 50px auto 40px auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .popup-ch-img {
        margin: 30px auto 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-ch-img {
        margin: 30px auto
    }
}

.reveal .popup-offer {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #ffffff !important
}

.reveal .popup-price {
    font-size: 18px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #59CD61 !important;
    margin-bottom: 30px !important
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-price {
        margin-bottom: 15px !important
    }
}

.reveal .popup-price strike {
    color: #ffffff !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important
}

.reveal .popup-price.orange {
    color: #ED8A47 !important
}

.reveal .popup-price.orange strike {
    color: #083A50 !important
}

.reveal .popup-price.for-cv {
    color: #ED8A47 !important;
    margin: 0 !important
}

.reveal .popup-price.student {
    font-size: 23px !important;
    margin-bottom: 20px !important
}

.reveal .popup-price.job-posting {
    font-size: 16px !important;
    margin: 0 !important
}

.reveal .popup-price-blue-small span {
    font-size: 15px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #083A50 !important;
    border-bottom: 2px solid #ED8A47;
    margin: 0 !important
}

@media screen and (min-width: 40em) {
    .reveal .popup-trustpilot-wrapper {
        display: inline-block
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-trustpilot-wrapper {
        margin: 15px 0 0 0
    }
}

.reveal .popup-trustpilot {
    font-size: 15px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    top: 4px;
    left: 10px
}

.reveal .popup-coupon-area {
    margin-bottom: 40px
}

@media screen and (max-width: 64.06125em) {
    .reveal .popup-coupon-area {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal .popup-coupon-area {
        margin-top: 10px
    }
}

.reveal .popup-coupon-code {
    font-size: 15px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #ffffff !important
}

.reveal .popup-coupon-code span {
    color: #59CD61 !important
}

.reveal .popup-coupon-code.blue {
    color: #083A50 !important
}

.reveal .popup-coupon-code.blue span {
    color: #083A50 !important;
    border-bottom: 2px solid #ED8A47
}

.reveal .popup-coupon-code.orange {
    color: #083A50 !important
}

.reveal .popup-coupon-code.orange span {
    color: #ED8A47 !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal .popup-button-area {
        width: 300px
    }
}

.reveal .button.popup-button {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0
}

.reveal .button.popup-educators-button {
    margin: 0 10px 0 0;
    padding-top: 8px
}

.reveal .button.popup-students-button {
    margin: 0
}

.reveal .button.popup-cv-button,
.reveal .button.popup-job-button {
    margin: 0 0 10px 0
}

.reveal .button.popup-survey-button {
    margin-bottom: 0;
    margin-top: 30px
}

.reveal .button.partners {
    width: 151px;
    height: 50px;
    background: #4656CF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 21px;
    line-height: 21px;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 !important
}

.reveal .popup-duration-text {
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    font-size: 14px !important;
    color: #ffffff !important;
    margin: 5px 5px 0 5px
}

.reveal .popup-link {
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 20px;
    color: #59CD61;
    border-bottom: 2px solid #59CD61
}

.reveal .popup-note {
    font-size: 16px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 24px;
    color: #FFFFFF;
    margin: 20px 0 0 0
}

.reveal .popup-trustpilot-area {
    margin: 20px 0 0 0
}

.reveal .popup-social-button {
    margin: 10px 13px 0 0;
    display: inline-block
}

.reveal .popup-social-button:hover {
    opacity: 0.5
}

.animate-height {
    overflow-y: hidden
}

.animate-height.active {
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease
}

.animate-height.closed {
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease
}

@-webkit-keyframes waveAction {
    0% {
        -webkit-transform: translate3d(-150px, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes spinAstro {
    0% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(10%) translateY(-15%) rotate(5deg);
        transform: translateX(10%) translateY(-15%) rotate(5deg)
    }

    75% {
        -webkit-transform: translateX(-15%) translateY(-10%) rotate(-25deg);
        transform: translateX(-15%) translateY(-10%) rotate(-25deg)
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0) rotate(0deg);
        transform: translateX(0px) translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes popupContentMoveDownToCenter {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes popupContentMoveDownToCenter {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.cvTemplateDownload {
    height: 507px
}

@media screen and (max-width: 64.06125em) {
    .cvTemplateDownload {
        height: 704px
    }
}

.cvTemplateDownload .bg-image {
    background-image: url(../image/playhouse-resume-4e8e2f553133c4c1d6d4e94183dc38f994284e008baf94a108364ee42abeabb2.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 507px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

@media screen and (max-width: 64.06125em) {
    .cvTemplateDownload .bg-image {
        background-image: url(../image/playhouse-resume-tablet-5e31ea7cbbb80f92f657b1521828814ca12cc6af58b333bb3014c775086d9e1a.gif);
        height: 200px
    }
}

@media screen and (max-width: 39.99875em) {
    .cvTemplateDownload .bg-image {
        background-image: url(../image/playhouse-resume-mobile-70f5ace4cf3ea5640a9ad3b518db059f8c9fadbcaddb43b8530c55ca8699e36c.gif);
        height: 200px
    }
}

.cvStandardSubscription .bg-image--standard {
    position: relative;
    background-color: rgba(246, 196, 163, 0.3);
    background-image: url(../image/1280px-tablet-mobile-wave-mirrored-8d2cecb5cb09811dc6bcaf256b3431b731288d33ec067ad9e79a2a2ced5ac843.png);
    text-align: center;
    background-position: 75% 40%;
    -webkit-background-size: 300% 150%;
    background-size: 300% 150%
}

.cvStandardSubscription .bg-image--standard img {
    position: relative;
    z-index: 2;
    max-width: 370px;
    margin-left: -35px;
    margin-top: 10px
}

.cvStandardSubscription .bg-image--standard .circle.top-one {
    height: 87px;
    width: 87px;
    left: 23px;
    top: -45px
}

.cvStandardSubscription .bg-image--standard .circle.top-two {
    height: 20px;
    width: 20px;
    top: 45px;
    left: 94px
}

.cvStandardSubscription .bg-image--standard .circle.right-one {
    top: 90px;
    right: -65px;
    width: 110px;
    height: 110px
}

.cvStandardSubscription .bg-image--standard .circle.right-two {
    top: 170px;
    right: 15px;
    width: 30px;
    height: 30px
}

.cvStandardSubscription .bg-image--standard .circle.center-big {
    top: 100px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 305px;
    height: 305px;
    margin-left: -8px
}

.cvStandardSubscription .bg-image--standard .circle.center-small {
    top: 103px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 84px;
    height: 84px;
    margin-left: -106px
}

.cvStandardSubscription .bg-image--standard .circle.bottom-one {
    bottom: 20px;
    left: 39px;
    width: 28px;
    height: 28px
}

.cvStandardSubscription .bg-image--standard .circle.bottom-two {
    bottom: -60px;
    left: 39px;
    width: 107px;
    height: 107px
}

@media screen and (max-width: 64.06125em) {
    .cvStandardSubscription .bg-image--standard {
        background-position: left;
        -webkit-background-size: 109% 100%;
        background-size: 109% 100%
    }

    .cvStandardSubscription .bg-image--standard img {
        max-width: 326px;
        margin-left: 0;
        margin-top: -10px
    }

    .cvStandardSubscription .bg-image--standard .circle.top-one {
        height: 61px;
        width: 61px;
        left: 29px;
        top: -30px
    }

    .cvStandardSubscription .bg-image--standard .circle.top-two {
        height: 12px;
        width: 12px;
        top: 38px;
        left: 76px
    }

    .cvStandardSubscription .bg-image--standard .circle.right-one {
        top: 100px;
        right: -46px;
        width: 76px;
        height: 76px
    }

    .cvStandardSubscription .bg-image--standard .circle.right-two {
        top: 155px;
        right: 10px;
        width: 20px;
        height: 20px
    }

    .cvStandardSubscription .bg-image--standard .circle.center-big {
        top: 47px;
        width: 246px;
        height: 246px;
        margin-left: 10px
    }

    .cvStandardSubscription .bg-image--standard .circle.center-small {
        top: 48px;
        margin-left: -66px
    }

    .cvStandardSubscription .bg-image--standard .circle.bottom-one {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 20px;
        height: 20px;
        margin-left: -138px;
        bottom: 14px
    }

    .cvStandardSubscription .bg-image--standard .circle.bottom-two {
        bottom: -35px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 67px;
        height: 67px;
        margin-left: -117px
    }
}

@media screen and (max-width: 39.99875em) {
    .cvStandardSubscription .bg-image--standard {
        -webkit-background-size: 175% 120%;
        background-size: 175% 120%;
        background-position: 80% 10%
    }

    .cvStandardSubscription .bg-image--standard .circle.top-one {
        left: 8px
    }

    .cvStandardSubscription .bg-image--standard .circle.top-two {
        height: 14px;
        width: 14px;
        top: 35px;
        left: 57px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fading-transparent-menu.top-bar-container {
    position: relative
}

.transparent-menu.top-bar-container {
    width: 100%
}

.transparent-menu .sticky-topbar {
    background-color: transparent;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

.transparent-menu .menuLine {
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.transparent-menu .title-bar-dd-content {
    background-color: rgba(255, 255, 255, 0.9)
}

.transparent-menu.is-white .title-bar ul li a {
    color: #ffffff
}

.transparent-menu.is-white .title-bar ul li a.account-icon {
    background-position: -373px -28px !important;
    width: 14px;
    height: 17px
}

.transparent-menu.is-white .title-bar ul li a.account-icon .account {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -255px -614px;
    width: 14px;
    height: 17px
}

.transparent-menu.is-white .hamburger-icon {
    background: #ffffff
}

.transparent-menu.is-white .hamburger-icon span {
    background: #083A50
}

.transparent-menu.is-white .hamburger-icon:hover {
    opacity: 0.5
}

@media screen and (max-width: 39.99875em) {
    .transparent-menu.is-white .title-bar-title {
        margin-top: 0 !important
    }
}

.transparent-menu.is-white .facebook-icon {
    background-position: -11px -653px;
    width: 8px;
    height: 13px
}

.transparent-menu.is-white .youtube-icon {
    background-position: -43px -654px;
    width: 16px;
    height: 12px
}

.transparent-menu.is-white .twitter-icon {
    background-position: -85px -653px;
    width: 14px;
    height: 13px
}

.transparent-menu.is-white .linkedin-icon {
    background-position: -124px -654px;
    width: 12px;
    height: 11px
}

.transparent-menu.is-white .instagram-icon {
    background-position: -160px -654px;
    width: 14px;
    height: 13px
}

.transparent-menu.is-white .search-icon .magnify {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -194px -652px;
    width: 17px;
    height: 17px;
    position: relative;
    opacity: 1
}

.transparent-menu.is-white .search-icon:hover .magnify {
    background-position: -219px -606px
}

.transparent-menu.is-white .line-seperator {
    border-left: 1px solid #ffffff !important
}

.transparent-menu .title-bar-dd-content ul li a {
    color: #083A50
}

.transparent-menu.is-white .title-bar-title svg g:first-child path {
    fill: #ffffff !important
}

.transparent-menu.is-white .small-icon.caret-down {
    background-position: -213px -349px;
    width: 16px;
    height: 10px
}

.sticky-topbar {
    background: rgba(255, 255, 255, 0.9);
    z-index: 5;
    width: 100%;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

.sticky-topbar.sticky.is-stuck,
.sticky-topbar.sticky.is-anchored {
    max-width: none !important
}

.sticky-topbar.sticky.is-stuck .submenu-container .title-bar-right nav {
    max-width: 90%;
    float: right
}

.sticky-topbar.sticky.is-scrolled.is-stuck .view-all-ca {
    top: 9px
}

@media screen and (max-width: 64.06125em) {
    .sticky-topbar.sticky.is-scrolled:not(.topbar-with-no-toggle) {
        display: none
    }
}

.menu-new-label {
    background-color: #ED8A47;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif;
    padding: 0 4px;
    line-height: 15px;
    height: 17px;
    display: inline-block
}

.menuLine {
    border-top: 1px solid rgba(77, 77, 77, 0.2)
}

.menu-path-logout {
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
    font-size: 16px
}

.submenu-container {
    background: #083A50
}

.title-bar {
    padding: 0;
    width: 100%;
    z-index: 10;
    background-color: transparent;
    max-width: 87.25rem;
    margin: 0 auto;
    max-height: 70px
}

@media screen and (max-width: 64.06125em) {
    .title-bar {
        min-height: 70px;
        -webkit-transition: min-height 0.15s ease-out;
        transition: min-height 0.15s ease-out
    }
}

@media screen and (max-width: 1440px) {
    .title-bar {
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .title-bar {
        padding: 0 20px
    }
}

@media screen and (max-width: 359px) {
    .title-bar {
        padding: 0 10px
    }
}

.title-bar ul li a {
    letter-spacing: 0.8px
}

.title-bar ul li .drop-down-link {
    letter-spacing: 0
}

.title-bar ul li a,
.title-bar ul li .drop-down-link {
    color: #083A50;
    font-size: 16px;
    line-height: 26px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    height: 70px
}

.title-bar ul li .menu-path {
    font-weight: 600
}

.title-bar ul li .menu-btn {
    border-radius: 25px;
    border: 2px solid #083A50;
    padding: 6px 20px !important;
    height: 40px !important;
    margin: 20px !important;
    text-align: center;
    line-height: 20px !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    display: inline-block !important
}

.title-bar ul li .menu-btn .primary-arrow-right {
    margin-top: 4px;
    margin-left: 5px
}

.title-bar ul li.link-home .menu-path {
    color: rgba(10, 30, 46, 0.5)
}

.title-bar ul li .drop-down-link {
    padding: 0 !important;
    font-size: 16px;
    height: auto
}

.title-bar ul li .drop-down-link:hover {
    cursor: pointer
}

.title-bar ul li .line-seperator {
    height: 20px;
    border-left: 1px solid rgba(77, 77, 77, 0.2);
    margin: 0 10px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 1025px) and (max-width: 1240px) {
    .title-bar ul li .line-seperator {
        margin: 0 5px
    }
}

@media screen and (max-width: 64.06125em) {
    .title-bar ul li .line-seperator {
        display: none
    }
}

.title-bar ul li button {
    padding: 1.7rem 0;
    min-width: auto;
    height: 70px;
    color: #083A50 !important;
    margin: 0 14px
}

.title-bar .indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    z-index: 11;
    -webkit-transition: -webkit-transform .7s ease-in-out;
    transition: -webkit-transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out
}

@media screen and (max-width: 64.06125em) {
    .title-bar .indicator {
        display: none
    }
}

.title-bar .title-bar-right:hover .indicator {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.title-bar .title-bar-left {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 400px) {
    .title-bar .title-bar-left .hamburger-icon {
        margin-right: 10px
    }

    .title-bar .title-bar-left .title-bar-title,
    .title-bar .title-bar-left .title-bar-title svg {
        max-width: 140px
    }
}

.title-bar .title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 64.06125em) {
    .title-bar .title-bar-right {
        position: relative
    }
}

.title-bar .title-bar-right ul li a {
    padding: 15px 0;
    line-height: 40px;
    margin: 0 14px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1360px) {
    .title-bar .title-bar-right ul li a {
        margin: 0 9px;
        font-size: 14px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1240px) {
    .title-bar .title-bar-right ul li a.menu-sub-button .small-icon.email-white {
        display: none
    }

    .title-bar .title-bar-right ul li a .small-icon.caret-down {
        margin-top: -1px;
        margin-left: 3px;
        width: 9px;
        background-position: -216px -110px
    }
}

@media screen and (min-width: 1130px) and (max-width: 1240px) {
    .title-bar .title-bar-right ul li a {
        margin: 0 6px;
        font-size: 13px
    }
}

@media screen and (min-width: 1025px) and (max-width: 1130px) {
    .title-bar .title-bar-right ul li a {
        margin: 0 3px;
        font-size: 12px
    }

    .title-bar .title-bar-right ul li a .small-icon.caret-down {
        margin-left: 2px
    }
}

.title-bar .title-bar-right ul li a.menu-sub-button {
    margin: auto 0 auto 5px;
    height: auto !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    min-width: auto
}

.title-bar .title-bar-right ul li a.menu-sub-button .small-icon {
    display: inline-block;
    margin-left: 8px;
    margin-bottom: -1px
}

@media screen and (max-width: 39.99875em) {
    .title-bar .title-bar-right ul li a.menu-sub-button {
        font-size: 12px !important;
        position: relative;
        padding: 0 11px !important
    }
}

@media screen and (max-width: 400px) {
    .title-bar .title-bar-right ul li a.menu-sub-button .hide-for-400-down {
        display: none
    }
}

.title-bar .title-bar-right ul li a.account-icon {
    padding: 0 !important;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -255px -559px;
    width: 14px;
    height: 18px !important;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 0 2px 10px;
    right: 5px
}

@media screen and (max-width: 330px) {
    .title-bar .title-bar-right ul li a.account-icon {
        margin: 0 10px 0 0
    }
}

.title-bar .title-bar-right ul li a.account-icon .account {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -255px -604px;
    width: 14px;
    height: 18px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease
}

.title-bar .title-bar-right ul li a.account-icon:hover .account {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease
}

.title-bar .title-bar-right ul li:hover>a {
    color: #ED8A47
}

.title-bar .title-bar-right .button.button-red {
    height: 42px !important;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 18px !important;
    color: #ffffff !important;
    margin-right: 50px !important;
    margin-top: 2px !important
}

@media screen and (max-width: 64.06125em) {
    .title-bar .title-bar-right .button.button-red {
        min-width: 42px;
        height: 42px !important;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        padding: 10px 8px !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .title-bar .title-bar-right .button.button-red .cv-bundle-icon.trolley-icon {
        margin: 0 auto
    }
}

@media screen and (max-width: 39.99875em) {
    .title-bar .title-bar-right .button.button-red {
        margin-right: 60px !important
    }
}

.title-bar .dropdown.menu li {
    float: left;
    width: 100%
}

.title-bar .dropdown.menu li .small-icon.caret-down {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5
}

@media screen and (min-width: 64.0625em) {
    .title-bar .dropdown.menu li .small-icon.caret-down {
        margin-top: 1px
    }
}

@media screen and (max-width: 64.06125em) {
    .title-bar .dropdown.menu li .small-icon.caret-down {
        right: 20px
    }
}

.title-bar .dropdown.menu li .hover .small-icon.caret-down {
    background-position-x: 253px
}

.title-bar .dropdown.menu li .hover .caret-down-submenu {
    -webkit-transform: rotate(180deg) translateY(-25%);
    -ms-transform: rotate(180deg) translateY(-25%);
    transform: rotate(180deg) translateY(-25%);
    top: 25%
}

.title-bar .dropdown.menu li a {
    padding: 0 !important;
    font-size: 16px;
    height: auto
}

.title-bar .dropdown.menu li a:hover {
    border: none !important
}

.title-bar .dropdown.menu .is-dropdown-submenu {
    border: none;
    background-color: #2c3840
}

@media screen and (max-width: 639px) {
    .title-bar.title-bar-checkout {
        padding: 0 20px !important
    }
}

@media screen and (max-width: 350px) {
    .title-bar.title-bar-checkout {
        padding: 0 15px !important
    }
}

@media screen and (min-width: 64.0625em) {
    .title-bar.title-bar-checkout {
        position: relative;
        height: 71px
    }

    .title-bar.title-bar-checkout .currency-blk {
        margin-right: 50px
    }
}

@media screen and (max-width: 64.06125em) {
    .title-bar.title-bar-checkout .title-bar-right {
        position: unset
    }

    .title-bar.title-bar-checkout .currency-blk {
        margin-top: 16px
    }
}

@media screen and (max-width: 64.06125em) {
    .title-bar.title-bar-checkout .currency-blk {
        margin-top: 4px
    }
}

@media screen and (max-width: 350px) {
    .title-bar.title-bar-checkout .title-bar-right ul li a {
        margin: 0 5px;
        font-size: 14px
    }
}

@media screen and (min-width: 64.0625em) {
    .title-bar.title-bar-checkout .currencies-select {
        height: 42px;
        padding: 12px 10px
    }

    .title-bar.title-bar-checkout .currencies-select.label-icon-right:after {
        top: 17px !important
    }
}

.title-bar.submenu {
    height: 40px;
    min-height: 40px;
    background: #083A50;
    position: relative;
    overflow: hidden
}

.title-bar.submenu.is-expanded .view-all-ca {
    display: block;
    visibility: visible;
    opacity: 1;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    margin: 0;
    position: absolute;
    top: 12px;
    right: 0
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .title-bar.submenu.is-expanded .view-all-ca {
        right: 50px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .title-bar.submenu.is-expanded .view-all-ca {
        right: -43px
    }
}

.title-bar.submenu:not(.is-expanded) .view-all-ca {
    display: none;
    visibility: hidden;
    opacity: 0
}

@media screen and (max-width: 64.06125em) {
    .title-bar.submenu {
        height: 40px;
        min-height: 40px
    }
}

@media screen and (max-width: 39.99875em) {
    .title-bar.submenu .title-bar-title {
        margin: 0 !important
    }
}

.title-bar.submenu .title-text {
    font-weight: normal;
    color: #ffffff
}

.title-bar.submenu .title-bar-right ul {
    overflow: hidden;
    height: 40px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    margin-right: -25px
}

.title-bar.submenu .title-bar-right ul.fade-out {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s, opacity .2s linear;
    transition: visibility .2s, opacity .2s linear
}

.title-bar.submenu .title-bar-right ul li a {
    font-size: 16px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ffffff;
    padding: 0.4rem 0;
    margin: 0 25px;
    height: auto;
    letter-spacing: 0;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease
}

@media screen and (max-width: 64.06125em) {
    .title-bar.submenu .title-bar-right ul li a {
        font-size: 14px;
        margin: 0 10px
    }
}

.title-bar.submenu .title-bar-right ul li a:hover {
    border: none !important
}

@media screen and (max-width: 64.06125em) {
    .title-bar.submenu .title-bar-right {
        right: 43px
    }
}

.title-bar.submenu .title-bar-title {
    background: none;
    width: 185px;
    vertical-align: inherit
}

@media screen and (max-width: 39.99875em) {
    .title-bar.submenu .title-bar-title {
        width: 100%
    }
}

.title-bar.submenu .title-bar-title .dropdown {
    width: 165px
}

.dropdown-container {
    position: relative;
    display: block
}

.dropdown-container .dropdown-pane {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    border-bottom: 1px solid rgba(77, 77, 77, 0.2);
    padding: 0 !important;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #083A50;
    overflow-y: hidden;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    display: block;
    max-height: 0
}

.dropdown-container .dropdown-pane.is-open {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-height: 700px
}

.dropdown-container .links-container {
    max-width: 87.25rem;
    padding: 30px 0px;
    margin: 0 auto
}

@media screen and (min-width: 1411px) and (max-width: 1440px) {
    .dropdown-container .links-container {
        padding: 30px 50px
    }
}

@media screen and (min-width: 680px) and (max-width: 1410px) {
    .dropdown-container .links-container {
        padding: 30px 35px
    }
}

@media screen and (max-width: 39.99875em) {
    .dropdown-container .links-container {
        padding: 15px 30px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 359px) {
    .dropdown-container .links-container {
        padding: 15px 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .dropdown-container .links-container .cell {
        margin-bottom: 20px
    }
}

.dropdown-container .dropdown-category {
    color: #ffffff;
    font-size: 16px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media screen and (max-width: 39.99875em) {
    .dropdown-container .dropdown-category {
        margin-bottom: 5px
    }
}

.dropdown-container a {
    font-size: 16px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    width: 100%;
    display: inline-block
}

.dropdown-container a:hover {
    cursor: pointer
}

.noscroll .dropdown-container .dropdown-pane.is-open {
    overflow-y: auto;
    max-height: calc(100vh - 112px);
    max-height: calc(-webkit-fill-available - 112px)
}

.noscroll .is-stuck .dropdown-container .dropdown-pane.is-open {
    max-height: calc(100vh - 102px);
    max-height: calc(-webkit-fill-available - 102px)
}

.close-icon {
    position: fixed;
    top: 30px;
    right: 30px
}

.search-icon {
    cursor: pointer;
    z-index: 100;
    position: relative;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    margin: 0 10px 0
}

@media print,
screen and (min-width: 40em) {
    .search-icon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.search-icon .magnify {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -217px -560px;
    width: 17px;
    height: 17px
}

.search-icon:hover .magnify {
    background-position: -217px -606px
}

.search-icon:focus {
    outline: none !important;
    border: none !important
}

.hamburger-icon {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: relative;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: #083A50;
    border-radius: 50%
}

.hamburger-icon:hover {
    opacity: 0.5
}

.hamburger-icon.active {
    background: transparent
}

.hamburger-icon.active .top {
    -webkit-transform: translateY(-4px) translateX(-9px) rotate(45deg);
    -ms-transform: translateY(-4px) translateX(-9px) rotate(45deg);
    transform: translateY(-4px) translateX(-9px) rotate(45deg)
}

.hamburger-icon.active .middle {
    opacity: 0
}

.hamburger-icon.active .bottom {
    -webkit-transform: translateY(-14px) translateX(-9px) rotate(-45deg);
    -ms-transform: translateY(-14px) translateX(-9px) rotate(-45deg);
    transform: translateY(-14px) translateX(-9px) rotate(-45deg)
}

.hamburger-icon.active:hover>.top,
.hamburger-icon.active:hover .middle,
.hamburger-icon.active:hover .bottom {
    background: rgba(255, 255, 255, 0.5) !important
}

.hamburger-icon span {
    background: #ffffff;
    border: none;
    height: 2px;
    width: 16px;
    margin: 0 auto;
    position: absolute;
    -webkit-transition: transform 0.35s ease;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    cursor: pointer;
    top: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hamburger-icon span:nth-of-type(2) {
    top: 20px
}

.hamburger-icon span:nth-of-type(3) {
    top: 25px
}

.hamburger-icon:focus {
    background: transparent
}

.hamburger-icon-container {
    background: #083A50;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 25px;
    width: 82px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 13px;
    cursor: pointer;
    -webkit-transition: visibility 0.25s, -webkit-transform 0.25s;
    transition: visibility 0.25s, -webkit-transform 0.25s;
    transition: transform 0.25s, visibility 0.25s;
    transition: transform 0.25s, visibility 0.25s, -webkit-transform 0.25s;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 16
}

.hamburger-icon-container .hamburger-icon {
    position: relative !important;
    top: -10px !important;
    height: 15px;
    width: 16px;
    margin-left: 14px
}

.hamburger-icon-container .hamburger-icon span {
    background-color: #ffffff !important;
    width: 16px
}

.hamburger-icon-container .hamburger-icon span.top {
    top: 13px
}

.hamburger-icon-container .hamburger-icon span.middle {
    top: 18px
}

.hamburger-icon-container .hamburger-icon span.bottom {
    top: 23px
}

.hamburger-icon-container.is-stuck {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

body.active-overlay {
    overflow: hidden;
    width: 100%
}

body.active-overlay .overlay-menu {
    opacity: 1;
    visibility: visible;
    height: 100%
}

body.active-overlay .sub-item {
    font-size: 16px;
    padding: 0;
    margin: 20px 0;
    color: #ffffff
}

body.active-overlay .title-bar-right .currency-blk {
    display: none
}

body.active-overlay .hamburger-icon-container {
    display: none
}

@media screen and (max-width: 64.06125em) {
    body.active-overlay .sticky-topbar.sticky {
        display: none
    }
}

body.active-overlay.top-bar-container--with_submenu {
    height: auto
}

.overlay-menu {
    position: fixed;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .overlay-menu.overlay-menu-affiliates .overlay-link {
        font-size: 18px;
        line-height: 1.4
    }
}

.overlay-menu nav {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-weight: 400;
    text-align: left;
    display: inherit
}

.overlay-menu ul {
    list-style: none;
    padding: 0;
    margin: 10px auto 0;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%
}

.overlay-menu ul li {
    display: block;
    position: relative;
    opacity: 0;
    margin: 0
}

.overlay-menu ul li a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px 0
}

.overlay-menu ul li a.active,
.overlay-menu ul li a:hover {
    cursor: pointer;
    color: #ED8A47
}

.overlay-menu ul li a.active .arrow:after,
.overlay-menu ul li a:hover .arrow:after {
    border-color: #ED8A47
}

.overlay-menu ul li a.active .arrow:after {
    -webkit-transform: translateY(3px) rotate(45deg);
    -ms-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg)
}

.overlay-menu ul li a:hover:after,
.overlay-menu ul li a:focus:after,
.overlay-menu ul li a:active:after {
    width: 100%
}

.overlay-menu ul .arrow {
    display: inline-block;
    position: relative;
    margin-left: 10px
}

.overlay-menu ul .arrow:after {
    content: ' ';
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: translateY(-2px) rotate(-135deg);
    -ms-transform: translateY(-2px) rotate(-135deg);
    transform: translateY(-2px) rotate(-135deg)
}

.overlay-menu ul .plus-icon:before {
    content: "\002B"
}

.overlay-menu ul .plus-icon.expanded:before {
    content: "\2212"
}

.overlay-menu ul .overlay-line {
    border-bottom: 1px solid #FFFFFF33;
    margin: 10px -40px
}

@media screen and (max-width: 359px) {
    .overlay-menu ul .overlay-line {
        margin: 10px -10px
    }
}

.overlay-menu ul .overlay-link {
    font-size: 15px;
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    padding: 10px 0;
    margin: 0
}

.overlay-menu ul .overlay-link:hover {
    color: #ED8A47
}

.overlay-menu ul .overlay-view-all {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Sofia-Pro-Light", sans-serif;
    padding-top: 5px
}

.overlay-menu .overlay-search-block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 40px;
    margin: 0 -40px
}

@media screen and (max-width: 359px) {
    .overlay-menu .overlay-search-block {
        margin: 0 -10px;
        padding: 20px 10px
    }
}

.overlay-menu .overlay-search-block .input-search-field {
    position: relative;
    background: #7c9ca4;
    border: none;
    caret-color: #ffffff;
    color: #ffffff;
    margin: 0;
    height: 40px;
    border-radius: 20px
}

.overlay-menu .overlay-search-block .input-search-field button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    min-width: unset;
    cursor: default;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 13px
}

.overlay-menu .overlay-search-block .input-search-field button.active {
    background-color: #ED8A47
}

.overlay-menu .overlay-search-block .input-search-field button.active:hover {
    cursor: pointer;
    opacity: 0.8
}

.overlay-menu .overlay-search-block .input-search-field input {
    background: transparent;
    font-size: 15px;
    padding: 7px 35px 12px 15px;
    line-height: 26px;
    border: none;
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    width: 100%
}

.overlay-menu .overlay-search-block .input-search-field input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #ffffff
}

.overlay-menu .overlay-search-block .input-search-field input::-webkit-input-placeholder {
    color: #ffffff !important
}

.overlay-menu .overlay-search-block .input-search-field input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1
}

.overlay-menu .overlay-search-block .input-search-field input:-ms-input-placeholder {
    color: #ffffff !important
}

.overlay-menu .overlay-search-block .input-search-field input:-moz-placeholder {
    color: #ffffff !important;
    opacity: 1
}

.overlay-menu .small-icon {
    display: inline-block;
    margin-top: 1px
}

.overlay-menu .small-icon.download-button {
    margin: 0 0 0 10px
}

.overlay-menu .menu-accordion {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s
}

.overlay-menu .menu-accordion .menu-accordion__item {
    margin: 0
}

.overlay-menu .menu-accordion .menu-accordion__item:last-child {
    margin-bottom: 5px
}

.overlay-menu .menu-accordion a {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 16px;
    padding: 10px 0;
    color: #ffffff
}

.overlay-menu .menu-accordion a.active,
.overlay-menu .menu-accordion a:hover {
    color: #ED8A47
}

.overlay-menu .menu-accordion a.btn-item {
    font-family: "Sofia-Pro-Bold", sans-serif;
    border: 1px solid #ffffff;
    border-radius: 25px;
    padding: 11px 20px;
    width: auto;
    display: inline-block;
    margin: 10px 0 5px;
    height: 40px
}

.overlay-menu .menu-accordion a.btn-item .primary-arrow-right {
    -webkit-filter: brightness(100);
    filter: brightness(100);
    margin-top: 0
}

.overlay-menu .menu-accordion a.btn-item:hover {
    background-color: white;
    color: #083A50
}

.overlay-menu .menu-accordion a.btn-item:hover .primary-arrow-right {
    -webkit-filter: none;
    filter: none
}

.overlay-menu .menu-accordion .menu-accordion {
    padding-left: 20px
}

.overlay-menu .menu-accordion .menu-accordion.expanded {
    padding-bottom: 0
}

.overlay-menu .menu-accordion.expanded {
    max-height: 500px;
    padding-bottom: 5px
}

@media screen and (max-width: 350px) {
    .overlay-menu .menu-accordion.expanded {
        max-height: 225px
    }
}

.overlay-menu .menu-accordion.sub-expanded {
    max-height: 360px
}

@media screen and (max-width: 350px) {
    .overlay-menu .menu-accordion.sub-expanded {
        max-height: 405px
    }
}

.overlay-menu .overlay-wrapper {
    background: #083A50;
    padding: 0 40px;
    width: 100%;
    height: 100%;
    overflow: auto
}

@media screen and (min-width: 64.0625em) {
    .overlay-menu .overlay-wrapper {
        max-width: 500px;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .overlay-menu .overlay-wrapper::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 359px) {
    .overlay-menu .overlay-wrapper {
        padding: 0 10px
    }
}

.overlay-menu li {
    -webkit-animation: fadeIn .5s ease forwards;
    animation: fadeIn .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.overlay-menu li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.overlay-menu li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.overlay-menu li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s
}

.overlay-menu li:nth-of-type(5) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.overlay-menu .sub-item {
    font-family: "Sofia-Pro-Light", sans-serif
}

.overlay-menu .social-icons {
    margin: 20px 0 0 0
}

.overlay-menu .social-icons a {
    display: inline-block;
    margin: 0 15px 0 0 !important;
    padding: 0
}

.overlay-menu .overlay-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg")
}

.overlay-menu .overlay-icon:hover {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    cursor: pointer
}

.overlay-menu .overlay-icon.facebook {
    background-position: -16px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu .overlay-icon.youtube {
    background-position: -67px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu .overlay-icon.twitter {
    background-position: -118px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu .overlay-icon.linkedin {
    background-position: -169px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu .overlay-icon.instagram {
    background-position: -220px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu .overlay-icon.pinterest {
    background-position: -271px -695px;
    width: 42px;
    height: 42px
}

.overlay-menu button.logout {
    padding: 0;
    min-width: auto;
    height: 70px;
    color: #083A50 !important;
    margin: 0 14px;
    font-size: 30px
}

.overlay-menu .hamburger-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px
}

.overlay-menu .hamburger-icon span {
    background-color: #ffffff !important;
    width: 24px
}

.overlay-search {
    background: rgba(8, 58, 80, 0.97);
    height: 100%;
    width: 100%
}

.overlay-search .search {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 50px;
    text-align: center;
    padding: 0 10px;
    max-width: 800px;
    margin: 0 auto
}

@media screen and (max-width: 39.99875em) {
    .overlay-search .search {
        padding: 0 20px;
        margin: 0 auto
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .overlay-search .input-group-field {
        min-width: 100%
    }

    .overlay-search .input-group-field input {
        width: 100%
    }
}

@media screen and (max-width: 39.99875em) {
    .overlay-search .input-group-field {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.top-bar-container {
    height: 71px;
    width: 100%;
    z-index: 15
}

.top-bar-container .sticky.is-stuck {
    z-index: 16
}

.top-bar-container.top-bar-affiliates-container .title-bar {
    min-height: 71px
}

.top-bar-container--with_submenu {
    height: 112px
}

@media screen and (max-width: 64.06125em) {
    .top-bar-container--with_submenu {
        height: 112px
    }
}

@media screen and (max-width: 39.99875em) {
    .top-bar-container--with_submenu {
        height: 71px
    }
}

.title-bar-dd {
    position: relative
}

.title-bar-dd .caret-down {
    display: inline-block;
    margin-left: 5px;
    margin-top: 2px
}

.title-bar-dd-content {
    max-height: 0;
    -webkit-transition: none;
    transition: none;
    background-color: #ffffff;
    z-index: 11;
    position: absolute;
    top: 100%;
    left: 0;
    white-space: nowrap;
    width: auto;
    margin-top: 1px;
    overflow-y: clip;
    overflow-x: visible;
    text-align: left;
    -webkit-box-shadow: 0 5px 6px #00000029;
    box-shadow: 0 5px 6px #00000029
}

.title-bar-dd-content .title-bar-dd-content {
    max-width: 0;
    max-height: none;
    left: 100%;
    top: 0;
    overflow: hidden
}

.title-bar-dd-content .arrow-icon {
    position: relative;
    display: inline-block;
    margin-left: 5px
}

.title-bar-dd-content .arrow-icon:after {
    content: '';
    position: absolute;
    top: -3px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #083A50;
    border-right: 1px solid #083A50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.title-bar-dd-content ul {
    margin: 0
}

.title-bar-dd-content ul li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: 1px solid rgba(77, 77, 77, 0.2)
}

.title-bar-dd-content ul li a {
    letter-spacing: 0 !important;
    height: 45px !important;
    font-size: 16px;
    line-height: 18px !important;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0 !important;
    padding: 12px 20px !important;
    width: 100%
}

.title-bar-dd-content ul li:not(:last-child) a {
    padding-bottom: 0;
    height: auto
}

.title-bar-dd-content ul li:hover>a {
    color: #083A50 !important
}

.title-bar-dd-content ul li>a.menu-btn:hover,
.title-bar-dd-content ul li:hover>a:not(.menu-btn) {
    background-color: #083A50;
    color: #ffffff !important
}

.title-bar-dd-content ul li>a.menu-btn:hover .arrow-icon:after,
.title-bar-dd-content ul li:hover>a:not(.menu-btn) .arrow-icon:after {
    border-color: #ffffff
}

.title-bar-dd-content ul li>a.menu-btn:hover .small-icon.new-window-blue.menu,
.title-bar-dd-content ul li:hover>a:not(.menu-btn) .small-icon.new-window-blue.menu {
    background-position: -303.5px -848px
}

.title-bar-dd-content ul li>a.menu-btn.menu-btn:hover .primary-arrow-right,
.title-bar-dd-content ul li:hover>a.menu-btn:not(.menu-btn) .primary-arrow-right {
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

.title-bar-dd:hover>.title-bar-dd-content {
    max-height: 500px;
    margin-top: 0;
    left: 0;
    overflow: visible !important;
    -webkit-transition: none;
    transition: none
}

.title-bar-dd-content .title-bar-dd:hover>.title-bar-dd-content {
    max-width: 250px;
    left: 100%;
    top: 0;
    -webkit-transition: none;
    transition: none
}

.title-bar-dd-content .title-bar-dd:hover>.title-bar-dd-content ul li:first-child {
    border-top: none
}

.transparent-menu.is-white .title-bar .title-bar-dd-content ul li {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.transparent-menu.is-white .title-bar .title-bar-dd-content ul li a {
    color: #083A50
}

.transparent-menu.is-white .title-bar .title-bar-dd-content ul li a:hover {
    color: #CE793F
}

.facebook-icon,
.twitter-icon,
.instagram-icon,
.youtube-icon,
.linkedin-icon {
    display: inline-block !important;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 !important
}

.facebook-icon .orange,
.twitter-icon .orange,
.instagram-icon .orange,
.youtube-icon .orange,
.linkedin-icon .orange {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease
}

.facebook-icon:hover .orange,
.twitter-icon:hover .orange,
.instagram-icon:hover .orange,
.youtube-icon:hover .orange,
.linkedin-icon:hover .orange {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease
}

.facebook-icon.hide,
.twitter-icon.hide,
.instagram-icon.hide,
.youtube-icon.hide,
.linkedin-icon.hide {
    opacity: 0
}

.facebook-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -4px -561px;
    width: 8px;
    height: 14px !important
}

.facebook-icon .orange {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -4px -607px;
    width: 8px;
    height: 14px
}

.youtube-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -36px -563px;
    width: 16px;
    height: 12px !important
}

.youtube-icon .orange {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -36px -609px;
    width: 16px;
    height: 11px
}

.twitter-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -77px -562px;
    width: 14px;
    height: 12px !important
}

.twitter-icon .orange {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -77px -608px;
    width: 14px;
    height: 12px
}

.linkedin-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -117px -562px;
    width: 12px;
    height: 12px !important
}

.linkedin-icon .orange {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -117px -608px;
    width: 12px;
    height: 11px
}

.instagram-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -153px -562px;
    width: 13px;
    height: 14px !important
}

.instagram-icon .orange {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -153px -608px;
    width: 13px;
    height: 13px
}

.parent-color-on-hover:hover {
    color: inherit !important
}

@media screen and (max-width: 640px) {
    .menu.align-right {
        float: right
    }
}
@media (max-width:420px) {
    .menu.align-right {
      display: none;
    }
    .title-bar .title-bar-right {
        display: none;
    }
    .title-bar-left {
        width: 100%;
        justify-content: space-between;
    }
}


@media screen and (max-width: 640px) {
    .menu.align-right li.search-menu-icon {
        display: inline-table;
        vertical-align: middle
    }
}

.link-home .menu-path {
    color: rgba(10, 30, 46, 0.5)
}

@media screen and (max-width: 1200px) {
    .hide-for-small-menu {
        display: none
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.reveal-popup {
    display: block
}

.reveal-popup .reveal-templates {
    max-width: 1200px !important
}

.reveal-popup .reveal {
    display: block
}

.reveal-popup .full {
    padding: 0 !important
}

.close-circle {
    width: 38px;
    height: 38px;
    border: 1px solid #083B50;
    opacity: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    z-index: 10;
    background: transparent
}

.close-circle .top {
    -webkit-transform: translateY(3px) translateX(-8px) rotate(45deg);
    -ms-transform: translateY(3px) translateX(-8px) rotate(45deg);
    transform: translateY(3px) translateX(-8px) rotate(45deg);
    background: #083B50;
    top: 14px
}

.close-circle .top:hover {
    background: #083B50 !important
}

.close-circle .bottom {
    -webkit-transform: translateY(-7px) translateX(-8px) rotate(-45deg);
    -ms-transform: translateY(-7px) translateX(-8px) rotate(-45deg);
    transform: translateY(-7px) translateX(-8px) rotate(-45deg);
    background: #083B50;
    top: 24px
}

.close-circle .bottom:hover {
    background: #083B50 !important
}

.close-circle span {
    background: #083B50 !important;
    border: none;
    height: 2px;
    width: 16px;
    margin: 0 auto;
    position: absolute;
    -webkit-transition: transform 0.35s ease;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    cursor: pointer;
    top: 13px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.close-circle__white {
    border: 1px solid #ffffff
}

.close-circle__white span,
.close-circle__white .bottom,
.close-circle__white .top {
    background: #ffffff !important
}

.close-circle__white span:hover,
.close-circle__white .bottom:hover,
.close-circle__white .top:hover {
    background: #ffffff !important
}

.close-circle__white-fill {
    border: 1px solid #ffffff !important;
    background-color: white !important
}

.close-circle__blue-fill {
    background-color: #083B50 !important
}

.close-circle__blue-fill span,
.close-circle__blue-fill .bottom,
.close-circle__blue-fill .top {
    background: #ffffff !important
}

.close-circle__blue-fill span:hover,
.close-circle__blue-fill .bottom:hover,
.close-circle__blue-fill .top:hover {
    background: #ffffff !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.press__sticky {
    position: relative !important;
    z-index: 1
}

.press__sticky .sticky-nav {
    position: fixed;
    margin-top: 4.45em;
    width: 100%
}

@media all and (max-width: 768px) {
    .press__sticky .sticky-nav {
        margin-top: 0
    }
}

.press__sticky .press__submenu--title {
    margin-right: auto
}

@media all and (max-width: 768px) {
    .press__sticky .press__submenu--title {
        display: none
    }
}

.press__banner {
    background-color: #f6f6f6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.press__banner-desc {
    opacity: 0.5;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 37px;
    line-height: 1;
    max-width: 900px;
    margin: 0
}

@media screen and (max-width: 39.99875em) {
    .press__banner-desc {
        font-size: 30px;
        line-height: 30px
    }
}

.press__banner h3 {
    font-size: 30px
}

.press__banner--default {
    min-height: 320px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .press__banner--default {
        padding: 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .press__banner--default {
        padding: 80px 30px 40px 30px
    }
}

.press__main-title {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5)
}

@media screen and (max-width: 39.99875em) {
    .press__main-title--small-mar {
        margin-bottom: 30px
    }
}

.press__title {
    width: 100%
}

.press__title--main {
    font-size: 50px;
    line-height: 1.2
}

@media screen and (max-width: 39.99875em) {
    .press__title--main {
        font-size: 30px
    }
}

.press__title--category {
    font-size: 40px;
    color: #ED8A47
}

@media screen and (max-width: 39.99875em) {
    .press__title--category {
        font-size: 20px
    }
}

.press__info {
    width: 100%;
    margin: 40px 0 50px 0
}

.press__info time {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    margin-bottom: 0;
    color: #4D4D4D
}

@media screen and (max-width: 64.06125em) {
    .press__info {
        margin: 10px 0 30px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .press__social {
        margin: 20px 0 0 0
    }
}

.press__social.share-container {
    margin: 0 !important
}

.press__social.share-container .share-container {
    margin: 0 !important
}

.press__social.share-container .share-buttons-container {
    width: 100%;
    margin: 0
}

.press__social.share-container .share-buttons-container .share-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 39.99875em) {
    .press__social.share-container .share-buttons-container .share-buttons {
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media screen and (max-width: 64.06125em) {
    .press__pdf-button {
        margin: 0 0 50px 0
    }
}

.press__pdf-button .small-icon.download-button {
    margin: 0 0 0 17px
}

.press__submenu.tabs-navigation .tabs-menu li .tabs-navigation-item[aria-selected="true"],
.press__submenu.tabs-navigation .tabs-menu li .tabs-navigation-item:hover {
    color: #083A50;
    font-weight: bold
}

.press__submenu.tabs-navigation .tabs-menu .nested {
    width: 100%
}

.press__submenu.tabs-navigation .tabs-menu .nested ul li.is-active {
    border-bottom: 2px solid #083A50
}

.press__submenu.tabs-navigation .grid-container .selected-tab .selected-tab-content.tab-label {
    display: none
}

.press__submenu.tabs-navigation .grid-container .selected-tab .selected-tab-content.title {
    display: initial
}

@media all and (max-width: 768px) {
    .press__submenu.tabs-navigation .grid-container .selected-tab .selected-tab-content {
        color: #083A50;
        font-family: "Sofia-Pro-Bold", sans-serif;
        border-bottom: none
    }
}

.press__submenu.tabs-navigation.is-opened .grid-container .selected-tab .selected-tab-content.tab-label {
    display: initial;
    font-size: 20px
}

.press__submenu.tabs-navigation.is-opened .grid-container .selected-tab .selected-tab-content.title {
    display: none
}

.press__submenu--navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.press__submenu--title {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    margin-right: auto;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

@media screen and (max-width: 768px) {
    .press__submenu.tabs-navigation .tabs-menu .nested ul li.is-active {
        display: inline-block;
        border-bottom: none
    }
}

.press__item {
    padding: 30px 0;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5)
}

.press__item-title {
    line-height: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.press__item-title:hover {
    color: rgba(237, 138, 71, 0.8)
}

.press__item-date {
    color: rgba(77, 77, 77, 0.5);
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0 0 30px 0
}

@media screen and (max-width: 39.99875em) {
    .press__item-date {
        margin: 10px 0 0 0
    }
}

.press__item-desc {
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif;
    max-width: 600px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .press__item-desc {
        margin-right: 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .press__item-logo {
        display: block !important
    }
}

.press__item-logo img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 39.99875em) {
    .press__item-logo img {
        width: 100%;
        margin: 0 0 20px 0
    }
}

.press__item-img img {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0
}

@media screen and (min-width: 40em) {
    .press__item-img img {
        height: 220px
    }
}

@media screen and (max-width: 39.99875em) {
    .press__item-img img {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        width: 100%
    }
}

.press__study {
    margin: 30px 0 0 0
}

@media screen and (min-width: 1025px) {
    .press__study .large-6:nth-child(odd) .press__study-box {
        margin-right: 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .press__study {
        margin: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .press__study--related {
        margin: 20px 0 0 0
    }
}

.press__study-box {
    margin: 0 0 20px 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media screen and (max-width: 39.99875em) {
    .press__study-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.press__study-details {
    background: #f6f6f6;
    padding: 30px;
    width: 50%;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .press__study-details {
        width: 64%
    }
}

@media screen and (min-width: 40em) {
    .press__study-details {
        height: 220px
    }
}

@media screen and (max-width: 39.99875em) {
    .press__study-details {
        width: 100%;
        padding: 20px;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px
    }
}

.press__study-details--white {
    background: #ffffff
}

.press__study-title {
    font-size: 30px;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.press__study-title:hover {
    color: #ED8A47
}

@media screen and (min-width: 40em) {
    .press__study-title {
        min-height: 125px
    }
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .press__study-title {
        font-size: 25px;
        line-height: 30px
    }
}

.press__study-label {
    font-size: 20px;
    line-height: 25px;
    color: #ED8A47
}

.press__extra {
    background-color: #f6f6f6
}

@media screen and (max-width: 39.99875em) {
    .press__extra .button {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 64.0625em) {
    .press__release--header-data {
        padding: 0 50px 0 0
    }
}

@media screen and (min-width: 64.0625em) {
    .press__release--header-data.large-6 {
        width: 49%
    }
}

.press__release--header-main {
    font-size: 50px;
    line-height: 50px
}

@media screen and (max-width: 39.99875em) {
    .press__release--header-main {
        font-size: 30px;
        line-height: 30px
    }
}

.press__release--see-all {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    color: #ED8A47;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.press__release--header-title {
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #083A50 !important;
    margin-bottom: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important
}

.press__release--header-title:hover {
    color: #ED8A47 !important
}

.press__heading {
    font-size: 30px
}

.press__heading--primary {
    color: #083A50
}

.press__heading--secondary {
    color: #ED8A47
}

.press__heading--more {
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .press__heading--more {
        padding: 0 30px
    }
}

.article-view .article-main .press__heading {
    font-size: 30px
}

.article-view .article-main .side-nav-container .side-navigation .article-side .press__release--title:hover {
    color: #ED8A47
}

@media screen and (min-width: 64.0625em) {
    .article-view .article-main .side-nav-container .side-navigation .article-side h2.press__release--title {
        font-size: 20px
    }
}

.about-study__text {
    margin: 0 0 35px 0;
    padding: 0 50px 0 0
}

@media screen and (max-width: 64.06125em) {
    .about-study__text {
        padding: 0
    }
}

.about-study__image-wrapper img {
    width: 100%;
    border-radius: 5px
}

@media screen and (min-width: 64.0625em) {
    .about-study__image-wrapper.large-6 {
        width: 51%;
        max-width: 700px
    }
}

.article-view.about-study .article-main {
    padding-top: 0;
    padding-right: 50px
}

@media screen and (min-width: 64.0625em) {
    .article-view.about-study .article-main {
        width: 49%
    }
}

@media screen and (max-width: 64.06125em) {
    .article-view.about-study .article-main {
        padding: 0
    }
}

.article-view.about-study .article-main p:not(.flex-video) {
    padding: 0
}

.article-view.about-study .article-main h1,
.article-view.about-study .article-main h2,
.article-view.about-study .article-main h3,
.article-view.about-study .article-main h4,
.article-view.about-study .article-main h5,
.article-view.about-study .article-main h6,
.article-view.about-study .article-main ul,
.article-view.about-study .article-main ol {
    padding-left: 0;
    padding-right: 0
}

.takeaway__top {
    padding: 0 0 30px 0
}

.takeaway__primary,
.takeaway__secondary {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.takeaway__primary {
    color: #083A50
}

.takeaway__secondary,
.takeaway__title {
    color: #ED8A47
}

.takeaway__cell {
    margin: 0 0 40px 0;
    padding: 0 50px 0 0;
    word-break: break-word
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .takeaway__cell {
        padding: 0 30px 0 0
    }
}

@media screen and (max-width: 39.99875em) {
    .takeaway__cell {
        padding: 0
    }
}

.button-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.button-left {
    padding: 0 0 0 30px
}

.show-for-widget {
    display: none
}

@media screen and (max-width: 39.99875em) {
    .show-for-widget {
        display: block
    }
}

@media screen and (max-width: 39.99875em) {
    .hide-for-widget {
        display: none
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 64.0625em) {
    .reveal.large {
        max-width: 105rem
    }
}

@media screen and (max-width: 1250px) {
    .reveal.large {
        padding: 25px
    }
}

.reveal.large .text-button-strong {
    font-size: 20px
}

.reveal.large .filter {
    margin: 0 5px
}

.reveal.large [type='text'] {
    margin-bottom: 0
}

.reveal.large .preview {
    padding-left: 20px
}

@media screen and (max-width: 1360px) {
    .reveal.large .preview {
        padding-left: 5px
    }
}

.reveal.large .preview .preview-action {
    min-height: 900px
}

@media screen and (max-width: 1600px) {
    .reveal.large .preview .preview-action {
        min-height: 700px
    }
}

.reveal.large .preview .preview-action .preview-file {
    border-radius: 5px;
    max-height: 240px
}

.reveal.large .preview .preview-action .preview-file-container {
    width: 100%
}

.reveal.large .preview .preview-action .file-action {
    line-height: 15px;
    margin-top: 10px
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
    .reveal.large .preview .preview-action .file-action {
        width: 100%;
        text-align: left
    }
}

.reveal.large .preview .preview-action .file-details {
    margin: 6px 0 40px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.reveal.large .preview .preview-action a,
.reveal.large .preview .preview-action p {
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

.reveal.large .preview .preview-action p {
    color: #8e8e8e
}

.reveal.large .preview .preview-action b {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 15px;
    padding-right: 5px
}

.reveal.large .preview .preview-action b:not(:first-of-type) {
    padding-left: 10px
}

.reveal.large .preview .preview-action .path {
    color: #ED8A47;
    word-break: break-all
}

.reveal.large .preview .preview-action .path:hover {
    color: #CE793F
}

.reveal.large .preview .preview-action .delete {
    color: #FF523E
}

.reveal.large .preview .preview-action label {
    width: 100%
}

.reveal.large .preview .preview-action label h3 {
    padding-top: 25px
}

.reveal.large .main {
    padding-right: 20px
}

@media screen and (max-width: 1360px) {
    .reveal.large .main {
        padding-right: 5px
    }
}

.reveal.large .main .upload-area {
    padding: 100px 0;
    background: #f6f6f6;
    min-height: 600px;
    margin-top: 40px
}

.reveal.large .main .upload-area p {
    font-size: 15px
}

.reveal.large .main .library-area {
    min-height: 900px
}

@media screen and (max-width: 1600px) {
    .reveal.large .main .library-area {
        min-height: 700px
    }
}

.reveal.large .main .library-area .control-area {
    margin-bottom: 20px
}

.reveal.large .main .library-area .control-area .label-icon-right {
    margin: 0;
    min-width: 533px
}

@media screen and (max-width: 1400px) {
    .reveal.large .main .library-area .control-area .label-icon-right {
        min-width: 355px
    }
}

.reveal.large .main .library-area .search-input {
    width: 100%;
    position: relative
}

.reveal.large .main .library-area .search-input .search-icon {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0
}

.reveal.large .main .library-area .search-input .grey-cross {
    position: absolute;
    top: 19px;
    right: 15px
}

.reveal.large .main .library-area .search-input input {
    margin: 0 !important;
    padding-left: 42px
}

.reveal.large .main .library-area .col5-unit {
    width: 19.1%;
    margin: 5px
}

.reveal.large .main .library-area .col5-unit .file-container {
    position: relative;
    border-radius: 8px;
    width: 100%;
    padding: 3px;
    cursor: pointer;
    background: #f6f6f6;
    text-align: center;
    border: 2px solid #f6f6f6
}

.reveal.large .main .library-area .col5-unit .file-container:hover,
.reveal.large .main .library-area .col5-unit .file-container.active {
    border: 2px solid #ED8A47
}

.reveal.large .main .library-area .col5-unit .file-container .library-file {
    max-height: 140px;
    width: auto !important
}

.reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
    height: 140px
}

@media screen and (max-width: 1550px) {
    .reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
        height: auto
    }
}

@media screen and (min-width: 1551px) and (max-width: 1650px) {
    .reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
        height: 120px
    }
}

@media screen and (min-width: 1651px) and (max-width: 1700px) {
    .reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
        height: 125px
    }
}

@media screen and (min-width: 1701px) and (max-width: 1750px) {
    .reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
        height: 130px
    }
}

@media screen and (min-width: 1751px) and (max-width: 1800px) {
    .reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
        height: 135px
    }
}

.reveal.large .main .library-area .col5-unit .file-container .library-file,
.reveal.large .main .library-area .col5-unit .file-container .media-wrapper {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 100%
}

.reveal.large .main .library-area .col5-unit .file-container .selected-img {
    background: #ED8A47;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: center
}

.reveal.large .main .library-area .col5-unit .file-container .selected-img .icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg") no-repeat -286px -348px;
    width: 16px;
    height: 12px;
    display: inline-block
}

.reveal.large .main .library-area .col5-unit .file-container h5 {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

.reveal.large .main .library-area .col5-unit .file-container .audio-file,
.reveal.large .main .library-area .col5-unit .file-container .text-file,
.reveal.large .main .library-area .col5-unit .file-container .video-file,
.reveal.large .main .library-area .col5-unit .file-container .pdf-file,
.reveal.large .main .library-area .col5-unit .file-container .word-file,
.reveal.large .main .library-area .col5-unit .file-container .excel-file {
    margin: 20px auto;
    cursor: pointer
}

@media screen and (max-width: 1025px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 0 auto
    }
}

@media screen and (min-width: 1026px) and (max-width: 1100px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 2px auto
    }
}

@media screen and (min-width: 1101px) and (max-width: 1190px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 5px auto
    }
}

@media screen and (min-width: 1191px) and (max-width: 1254px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 7px auto
    }
}

@media screen and (min-width: 1255px) and (max-width: 1350px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 10px auto
    }
}

@media screen and (min-width: 1351px) and (max-width: 1450px) {

    .reveal.large .main .library-area .col5-unit .file-container .audio-file,
    .reveal.large .main .library-area .col5-unit .file-container .text-file,
    .reveal.large .main .library-area .col5-unit .file-container .video-file,
    .reveal.large .main .library-area .col5-unit .file-container .pdf-file,
    .reveal.large .main .library-area .col5-unit .file-container .word-file,
    .reveal.large .main .library-area .col5-unit .file-container .excel-file {
        margin: 15px auto
    }
}

.reveal.large .linkTo label {
    font-size: 16px !important;
    margin: 10px 0 !important;
    color: #083a50;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.reveal.large .linkTo input {
    margin-bottom: 5px !important
}

.reveal.large.reveal-templates {
    max-width: 105rem !important;
    width: 95%;
    padding: 50px
}

@media screen and (max-width: 1300px) {
    .reveal.large.reveal-templates {
        width: 100%;
        height: 100%;
        top: 0 !important
    }
}

@media screen and (min-width: 1301px) {
    .reveal.large.reveal-templates {
        top: 20px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates {
        padding: 0 30px 60px 30px
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .reveal.large.reveal-templates {
        padding: 0 50px 50px 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }
}

.reveal.large.reveal-templates div.list-cv-templates::-webkit-scrollbar,
.reveal.large.reveal-templates div.description-wrapper::-webkit-scrollbar {
    width: 5px
}

.reveal.large.reveal-templates div.list-cv-templates::-webkit-scrollbar-track,
.reveal.large.reveal-templates div.description-wrapper::-webkit-scrollbar-track {
    background: #ECECEC
}

.reveal.large.reveal-templates div.list-cv-templates::-webkit-scrollbar-thumb,
.reveal.large.reveal-templates div.description-wrapper::-webkit-scrollbar-thumb {
    background: #D9D9D9
}

.reveal.large.reveal-templates div.list-cv-templates::-webkit-scrollbar-thumb:hover,
.reveal.large.reveal-templates div.description-wrapper::-webkit-scrollbar-thumb:hover {
    background: #D9D9D9
}

@media screen and (min-width: 768px) and (max-width: 1300px) {

    .reveal.large.reveal-templates div.list-cv-templates,
    .reveal.large.reveal-templates div.description-wrapper {
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media screen and (max-width: 767px) {

    .reveal.large.reveal-templates div.list-cv-templates,
    .reveal.large.reveal-templates div.description-wrapper {
        max-height: none !important
    }
}

.reveal.large.reveal-templates .close-button {
    top: 30px;
    right: 30px
}

.reveal.large.reveal-templates h1.choose-style {
    font-size: 30px;
    line-height: 34px
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates h1.choose-style {
        font-size: 20px;
        border-top: 1px solid rgba(77, 77, 77, 0.2);
        border-bottom: 1px solid rgba(77, 77, 77, 0.2);
        padding: 20px 50px;
        margin: 0 -50px 40px -50px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates h1.choose-style {
        padding: 20px 30px;
        margin: 0 -30px 0 -30px
    }
}

.reveal.large.reveal-templates h3 {
    font-size: 30px;
    line-height: 32px
}

@media print,
screen and (min-width: 40em) {
    .reveal.large.reveal-templates h3 {
        margin-top: 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates h3 {
        font-size: 20px;
        line-height: 22px
    }
}

.reveal.large.reveal-templates .price {
    background: #083A50;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
    color: #ffffff;
    font-size: 13px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    text-align: center;
    display: inline-block
}

@media print,
screen and (min-width: 40em) {
    .reveal.large.reveal-templates .price {
        margin-top: 10px
    }
}

.reveal.large.reveal-templates .price.large {
    font-size: 19px;
    line-height: 1;
    padding: 7px 7px 6px 7px
}

.reveal.large.reveal-templates h4 {
    margin: 30px 0 20px 0
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates h4 {
        margin: 10px 0
    }
}

.reveal.large.reveal-templates .buttons-container {
    margin: 30px 0 0 0
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .buttons-container {
        background-color: #ffffff;
        border-top: 1px solid rgba(77, 77, 77, 0.2);
        border-bottom: 1px solid rgba(77, 77, 77, 0.2);
        padding: 20px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        margin: 0 -30px;
        text-align: center
    }
}

.reveal.large.reveal-templates .buttons-container .button {
    line-height: 1.7
}

.reveal.large.reveal-templates .buttons-container .button-green-cv {
    margin: 0
}

.reveal.large.reveal-templates .buttons-container .button-grey {
    margin: 0 10px 0 0
}

.reveal.large.reveal-templates .buttons-container .button-grey:hover {
    color: #083A50
}

.reveal.large.reveal-templates .filter-buttons .filter-container .filter.button-grey {
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    min-width: 200px
}

.reveal.large.reveal-templates .filter-buttons .filter-container .filter.button-grey:hover,
.reveal.large.reveal-templates .filter-buttons .filter-container .filter.button-grey.secondary-link {
    color: #74D6C5
}

.reveal.large.reveal-templates .filter-buttons .filter-container .filter-content a {
    font-family: "Sofia-Pro-Light", sans-serif
}

.reveal.large.reveal-templates .filter-buttons .filter-container .filter-content a:hover {
    color: #74D6C5
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .cv-template-small-block {
        padding: 5px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates .cv-template-small-block .img {
        height: 177px
    }
}

.reveal.large.reveal-templates .slick-prev,
.reveal.large.reveal-templates .slick-next {
    min-width: 50px;
    width: 50px;
    top: calc(100% - 60px) !important
}

@media screen and (min-width: 639px) and (max-width: 767px) {

    .reveal.large.reveal-templates .slick-prev,
    .reveal.large.reveal-templates .slick-next {
        top: calc(100% - 90px) !important
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.large.reveal-templates .slick-prev,
    .reveal.large.reveal-templates .slick-next {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px;
        top: calc(100% - 35px) !important
    }
}

.reveal.large.reveal-templates .slick-prev:hover,
.reveal.large.reveal-templates .slick-prev:focus,
.reveal.large.reveal-templates .slick-next:hover,
.reveal.large.reveal-templates .slick-next:focus {
    background: #74D6C5 !important
}

.reveal.large.reveal-templates .slick-next {
    right: 10px !important
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates .slick-next {
        right: calc(100% - 80px) !important
    }
}

@media screen and (min-width: 639px) and (max-width: 767px) {
    .reveal.large.reveal-templates .slick-next {
        right: calc(100% - 120px) !important
    }
}

.reveal.large.reveal-templates .slick-prev {
    z-index: 1;
    left: calc(100% - 120px) !important
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .slick-prev {
        left: 10px !important
    }
}

.reveal.large.reveal-templates .side-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .reveal.large.reveal-templates .side-details {
        padding-left: 40px;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .side-details {
        padding: 0 0 30px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid rgba(77, 77, 77, 0.2);
        max-height: none !important
    }
}

.reveal.large.reveal-templates .side-details .info-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media screen and (max-width: 39.99875em) {
    .reveal.large.reveal-templates .side-details .templates-slider-container {
        margin-bottom: 30px
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.large.reveal-templates .side-details .templates-slider-container .img {
        position: relative
    }
}

.reveal.large.reveal-templates .side-details .templates-slider-container .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.reveal.large.reveal-templates .side-details .templates-slider-container .img.selected img {
    border: 3px solid #74D6C5
}

.reveal.large.reveal-templates .side-details .templates-slider-container .img.selected .tick {
    height: 30px;
    max-width: 95px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #74D6C5;
    padding: 8px;
    color: #ffffff;
    content: '/';
    font-family: "Sofia-Pro-Bold", sans-serif;
    position: absolute;
    top: calc(100% - 45px);
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.reveal.large.reveal-templates .side-details .templates-slider-container .img.selected .tick .tick-text {
    margin: 0 5px 0 0;
    font-size: 12px
}

.reveal.large.reveal-templates .side-details .templates-slider-container .img.selected .tick .small-icon.white-tick {
    margin: 1px 0 0 0
}

@media print,
screen and (min-width: 40em) {
    .reveal.large.reveal-templates .side-details .templates-slider-container .file-details {
        position: absolute;
        left: 5px;
        bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .side-details .templates-slider-container .file-details {
        position: initial;
        margin: 20px -5px 0 -5px
    }
}

.reveal.large.reveal-templates .side-details .basic-info {
    margin: 25px 0 0 0
}

.reveal.large.reveal-templates .list-cv-templates {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 110px)
}

@media screen and (max-width: 767px) {
    .reveal.large.reveal-templates .list-cv-templates {
        max-height: none !important
    }
}

.reveal.large.reveal-templates .list-cv-templates .cv-template-small-block.checkout .tick {
    width: 40px
}

.reveal.large .description-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow-y: auto
}

.file-buttons {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 1150px) {
    .file-buttons {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.file-buttons button {
    margin: 0 5px;
    min-width: auto
}

@media screen and (max-width: 1050px) {
    .file-buttons button:nth-of-type(2) {
        margin-left: 5px
    }
}

@media screen and (max-width: 1050px) {
    .file-buttons button {
        padding: 11px;
        margin: 0
    }
}

@media screen and (min-width: 1051px) and (max-width: 1100px) {
    .file-buttons button {
        padding: 10px 8px
    }
}

@media screen and (min-width: 1101px) and (max-width: 1170px) {
    .file-buttons button {
        padding: 10px 12px
    }
}

@media screen and (min-width: 1171px) and (max-width: 1400px) {
    .file-buttons button {
        padding: 10px 16px
    }
}

.reveal {
    padding: 50px;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.reveal:focus {
    border: none;
    outline: none
}

.reveal.reveal-scrollable {
    max-height: calc(100% - 40px);
    overflow-y: scroll
}

@media screen and (max-width: 39.99875em) {
    .reveal.reveal-scrollable {
        max-height: 100%
    }
}

.reveal.reveal-large-grey {
    background: #EBEBEB
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal.reveal-large-grey {
        max-width: 900px;
        width: 900px;
        padding: 80px 50px
    }
}

@media screen and (max-width: 769px) {
    .reveal.subscriptionRevealConfirmed {
        max-width: 600px !important
    }
}

@media screen and (max-width: 769px) {
    .reveal.cvCouponSubscribe {
        max-width: 730px !important
    }
}

.reveal.subscriptionRevealConfirmed,
.reveal.cvCouponSubscribe {
    background: #EBEBEB;
    padding: 80px 40px 50px
}

@media print,
screen and (min-width: 64.0625em) {

    .reveal.subscriptionRevealConfirmed,
    .reveal.cvCouponSubscribe {
        max-width: 900px;
        width: 900px
    }
}

@media screen and (max-width: 39.99875em) {

    .reveal.subscriptionRevealConfirmed,
    .reveal.cvCouponSubscribe {
        padding: 50px 20px
    }
}

@media screen and (max-width: 359px) {

    .reveal.subscriptionRevealConfirmed,
    .reveal.cvCouponSubscribe {
        padding: 50px 10px
    }
}

.reveal.subscriptionRevealConfirmed .line,
.reveal.cvCouponSubscribe .line {
    width: 60px;
    border: 3px solid #ED8A47;
    margin: 0 auto 20px auto
}

.reveal.subscriptionRevealConfirmed .confirmed-title,
.reveal.cvCouponSubscribe .confirmed-title {
    font-size: 35px;
    line-height: 40px;
    color: #083A50;
    margin-bottom: 20px
}

.reveal.subscriptionRevealConfirmed .arrowImgLeft,
.reveal.cvCouponSubscribe .arrowImgLeft {
    position: absolute;
    left: 20px;
    top: 20px
}

.reveal.subscriptionRevealConfirmed .arrowImgRight,
.reveal.cvCouponSubscribe .arrowImgRight {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.reveal.subscriptionReveal__img .subscribe-input-with-button,
.reveal.cvCouponSubscribe .subscribe-input-with-button {
    position: relative;
    text-align: left
}

@media screen and (min-width: 40em) {

    .reveal.subscriptionReveal__img .subscribe-input-with-button,
    .reveal.cvCouponSubscribe .subscribe-input-with-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.reveal.subscriptionReveal__img .subscribe-input-with-button .input-with-container,
.reveal.cvCouponSubscribe .subscribe-input-with-button .input-with-container {
    display: inline-block
}

.reveal.subscriptionReveal__img .subscribe-input-with-button .input-with-container .error,
.reveal.cvCouponSubscribe .subscribe-input-with-button .input-with-container .error {
    margin-left: 15px
}

.reveal.subscriptionReveal__img .subscribe-input-with-button input,
.reveal.cvCouponSubscribe .subscribe-input-with-button input {
    font-size: 15px;
    line-height: 18px;
    border-radius: 25px
}

.reveal.subscriptionReveal__img .subscribe-input-with-button input:disabled,
.reveal.cvCouponSubscribe .subscribe-input-with-button input:disabled {
    background-color: #ffffff !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button .input-with-container,
.reveal.cvCouponSubscribe .subscribe-input-with-button .input-with-container {
    width: 100%
}

.reveal.subscriptionReveal__img .subscribe-input-with-button .input-with-container .red-warning,
.reveal.cvCouponSubscribe .subscribe-input-with-button .input-with-container .red-warning {
    right: 5px !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button button,
.reveal.cvCouponSubscribe .subscribe-input-with-button button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    line-height: 18px
}

.reveal.subscriptionReveal__img .subscribe-input-with-button button .white-right-arrow,
.reveal.cvCouponSubscribe .subscribe-input-with-button button .white-right-arrow {
    margin-bottom: -2px
}

.reveal.subscriptionReveal__img .subscribe-input-with-button.err input::-webkit-input-placeholder,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err input::-webkit-input-placeholder {
    color: #FF523E !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button.err input:-ms-input-placeholder,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err input:-ms-input-placeholder {
    color: #FF523E !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button.err input::-ms-input-placeholder,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err input::-ms-input-placeholder {
    color: #FF523E !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button.err input::placeholder,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err input::placeholder {
    color: #FF523E !important
}

.reveal.subscriptionReveal__img .subscribe-input-with-button.err input,
.reveal.subscriptionReveal__img .subscribe-input-with-button.err .button-orange,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err input,
.reveal.cvCouponSubscribe .subscribe-input-with-button.err .button-orange {
    border: 2px solid #FF523E !important
}

.reveal.subscriptionReveal {
    padding: 50px 40px;
    background-color: #FBECE2;
    background-image: url(../image/desktop-wave-c8e23dffbbded8ad9570841638570b5428c30f838960768d6c63bca6e0a347dc.png);
    background-position: 35% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.reveal.subscriptionReveal__img {
    padding: 35px 0 0 40px
}

@media screen and (min-width: 64.0625em) {
    .reveal.subscriptionReveal__img {
        max-width: 990px;
        width: 990px
    }

    .reveal.subscriptionReveal__img .subscription-cv-download__desc {
        margin-top: 5px
    }
}

@media screen and (max-width: 64.06125em) {
    .reveal.subscriptionReveal__img {
        padding: 45px 30px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal__img {
        overflow: hidden
    }
}

.reveal.subscriptionReveal__img .cell {
    margin: 0 auto
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal.subscriptionReveal__img .cell {
        max-width: 560px
    }
}

@media screen and (min-width: 64.0625em) {
    .reveal.subscriptionReveal__img .sub-left-block.large-6 {
        width: 60% !important
    }
}

@media screen and (min-width: 64.0625em) {
    .reveal.subscriptionReveal__img .sub-left-block {
        padding: 0 0 70px 0
    }
}

.reveal.subscriptionReveal__img .sub-left-block .sub-left-desc span {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.reveal.subscriptionReveal__img .sub-left-block .comment-sub-left-desc {
    font-size: 15px;
    line-height: 18px;
    color: #8E8E8E !important;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.reveal.subscriptionReveal__img .sub-left-block .comment-sub-left-desc strong {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.reveal.subscriptionReveal__img .sub-left-block .subscribe-input-with-button {
    max-width: 490px
}

.reveal.subscriptionReveal__img .sub-right-block {
    position: relative;
    overflow: hidden
}

.reveal.subscriptionReveal__img .sub-right-block .img-placeholder {
    position: absolute;
    width: calc(100% + 50px);
    height: 100%;
    left: -35px;
    bottom: -174px;
    background-image: url("../image/desktop-circles-cropped-9b0d7a7ddb804640546d89304dd36ba39916f982acbe3d1b1c7c49bd3d585958.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.reveal.subscriptionReveal__img .sub-right-block .img-placeholder img {
    margin: -75px 10px -120px -10px
}

@media screen and (max-width: 64.06125em) {
    .reveal.subscriptionReveal__img .sub-right-block .img-placeholder {
        width: 100%;
        height: 410px;
        left: 0;
        bottom: auto;
        top: 100px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .reveal.subscriptionReveal__img .sub-right-block {
        width: 402px;
        height: 270px;
        margin: auto
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal__img .sub-right-block {
        height: 211px;
        overflow: visible
    }

    .reveal.subscriptionReveal__img .sub-right-block .img-placeholder {
        top: 23px
    }

    .reveal.subscriptionReveal__img .sub-right-block .img-placeholder img {
        margin: -18px 10px -120px -10px
    }
}

@media print,
screen and (min-width: 40em) {
    .reveal.subscriptionReveal {
        overflow: initial
    }
}

@media screen and (max-width: 769px) and (min-width: 640px) {
    .reveal.subscriptionReveal {
        max-width: 600px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal {
        padding: 30px 20px 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

    .reveal.subscriptionReveal .subscribe-button,
    .reveal.subscriptionReveal .subscribe-text {
        text-align: center
    }
}

@media screen and (min-width: 40em) {
    .reveal.subscriptionReveal .subscribe-button {
        margin-top: 20px;
        text-align: right;
        padding: 0
    }

    .reveal.subscriptionReveal .subscribe-text {
        margin-top: 10px
    }
}

.reveal.subscriptionReveal .cell {
    margin: 0 auto
}

.reveal.subscriptionReveal h1.title {
    font-size: 25px;
    color: #ED8A47;
    margin-bottom: 20px
}

.reveal.subscriptionReveal h1.comment-sub-title {
    font-size: 18px;
    color: #ED8A47;
    margin-bottom: 20px
}

.reveal.subscriptionReveal .line {
    width: 60px;
    border: 3px solid #ED8A47;
    margin: 0 auto 20px auto
}

.reveal.subscriptionReveal h2.subtitle {
    font-size: 35px;
    line-height: 40px;
    color: #083A50;
    margin-bottom: 20px
}

.reveal.subscriptionReveal h2.comment-subtitle {
    font-size: 40px;
    line-height: 44px;
    color: #083A50;
    margin-bottom: 20px
}

.reveal.subscriptionReveal p {
    font-size: 18px;
    color: #083A50 !important;
    line-height: 28px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    margin-bottom: 20px
}

.reveal.subscriptionReveal p span {
    color: #ED8A47
}

.reveal.subscriptionReveal .sub-title {
    margin: 35px 0 5px !important;
    font-family: "Butler", sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 60px;
    color: #083A50 !important
}

.reveal.subscriptionReveal .sub-subtitle {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 2px;
    color: #ED8A47 !important;
    font-family: "Butler", sans-serif;
    margin-bottom: 15px !important
}

.reveal.subscriptionReveal .sub-text {
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 20px 0 30px
}

.reveal.subscriptionReveal .sub-text a {
    color: inherit !important
}

@media print,
screen and (min-width: 64.0625em) {
    .reveal.subscriptionReveal .sub-text {
        max-width: 610px
    }
}

.reveal.subscriptionReveal .confirmation-space {
    margin-bottom: 50px
}

.reveal.subscriptionReveal .arrowImgLeft {
    position: absolute;
    left: 20px;
    top: 20px
}

.reveal.subscriptionReveal .arrowImgRight {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.reveal.subscriptionReveal input {
    position: relative;
    border-radius: 25px
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal input {
        font-size: 14px
    }
}

.reveal.subscriptionReveal .subscribe-popup {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal .subscribe-popup {
        padding: 10px 0;
        font-size: 14px;
        min-width: 100px
    }
}

.reveal.subscriptionReveal .red-warning {
    right: -20px !important;
    top: 17px !important
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal .red-warning {
        top: 17px !important;
        right: 5px !important
    }
}

.reveal.subscriptionReveal .err input,
.reveal.subscriptionReveal .err .button-orange {
    border: 2px solid #FF523E !important
}

.reveal.subscriptionReveal .container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.reveal.subscriptionReveal .nwslttr-promo-icon {
    position: absolute;
    z-index: 1
}

.reveal.subscriptionReveal .nwslttr-promo-icon--charts {
    top: 34px;
    right: 98px;
    width: 93px;
    height: 90px
}

.reveal.subscriptionReveal .nwslttr-promo-icon--emoji {
    bottom: 30px;
    left: 335px;
    width: 46px;
    height: 58px
}

.reveal.subscriptionReveal .nwslttr-promo-icon--money {
    top: 33px;
    right: 515px
}

.reveal.subscriptionReveal .nwslttr-promo-icon--money::before,
.reveal.subscriptionReveal .nwslttr-promo-icon--money::after {
    content: '';
    position: absolute;
    z-index: -1
}

.reveal.subscriptionReveal .nwslttr-promo-icon--money::before {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background-color: #FFFFFF;
    opacity: 0.6;
    top: -10px;
    left: -10px
}

.reveal.subscriptionReveal .nwslttr-promo-icon--money::after {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ED8A47;
    opacity: 0.3;
    bottom: -12px;
    right: -5px
}

.reveal.subscriptionReveal .circle.right-one {
    width: 30px;
    height: 30px;
    top: 160px;
    right: 30px
}

.reveal.subscriptionReveal .circle.top-one {
    width: 28px;
    height: 28px;
    top: 49px;
    left: 367px
}

.reveal.subscriptionReveal .circle.top-two {
    width: 92px;
    height: 92px;
    top: -47px;
    left: 291px
}

.reveal.subscriptionReveal .circle.center-one {
    width: 45px;
    height: 45px;
    top: 179px;
    left: 591px
}

.reveal.subscriptionReveal .circle.center-two {
    width: 11px;
    height: 11px;
    top: 177px;
    left: 596px
}

.reveal.subscriptionReveal .circle.bottom-one {
    width: 160px;
    height: 160px;
    bottom: -95px;
    left: 507px
}

.reveal.subscriptionReveal .circle.bottom-two {
    width: 38px;
    height: 38px;
    bottom: 25px;
    left: 509px
}

.reveal.subscriptionReveal .circle.under-charts {
    width: 45px;
    height: 45px;
    top: 34px;
    right: 98px;
    margin: -5px 10px 0 0
}

.reveal.subscriptionReveal.commentSection .err .red-warning {
    right: 145px !important;
    top: 17px !important
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal.commentSection .err .red-warning {
        top: 17px !important;
        right: 103px !important
    }
}

.reveal.subscriptionReveal.commentSection .err~button {
    border: 2px solid #FF523E !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

@media screen and (max-width: 64.06125em) {
    .reveal.subscriptionReveal {
        max-width: 600px;
        background-position: -115px 100%;
        -webkit-background-size: 850px 100%;
        background-size: 850px 100%
    }

    .reveal.subscriptionReveal .sub-left-block .subscribe-input-with-button {
        max-width: none
    }

    .reveal.subscriptionReveal .sub-title {
        font-size: 65px;
        margin: 45px 0 5px !important
    }

    .reveal.subscriptionReveal .sub-subtitle {
        font-size: 41px
    }

    .reveal.subscriptionReveal .sub-text {
        margin: 30px 0 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.subscriptionReveal {
        background-image: url(../image/1280px-tablet-mobile-wave-91b43ca2d156635e56d111ed8bdf8a72917e9f02deb4620dd7907695eb5e16aa.png);
        -webkit-background-size: 375% 100%;
        background-size: 375% 100%;
        background-position: 10% 50%
    }

    .reveal.subscriptionReveal .sub-title {
        font-size: 47px;
        margin: 30px 0 0 !important
    }

    .reveal.subscriptionReveal .sub-subtitle {
        font-size: 37px;
        line-height: 45px;
        letter-spacing: 1.70px
    }

    .reveal.subscriptionReveal .sub-text {
        margin: 20px 0 30px;
        font-size: 16px;
        line-height: 22px
    }
}

.reveal .close-button {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -267px -108px;
    width: 13px;
    height: 12px;
    min-width: 0;
    padding: 0;
    top: 1rem
}

.reveal .close-button:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.reveal .close-button.big {
    background-position: -168px -435px;
    width: 17px;
    height: 18px
}

.reveal.newsletter .close-button {
    background-position: -268px -108px;
    width: 17px;
    height: 18px;
    top: 20px
}

.reveal.qre-popup {
    background: #083A50;
    background-image: url("../image/blue-wave-qre-46674fa1be490211e8166b0575a8a3e8629cea859403aff7fd894522a92235e1.svg");
    background-position: center top;
    background-repeat: no-repeat
}

@media screen and (min-width: 64.0625em) {
    .reveal.qre-popup {
        width: 780px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.qre-popup {
        background-position: center bottom;
        padding: 30px;
        border-radius: 0;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 375px) {
    .reveal.qre-popup {
        background-image: url("../image/blue-wave-qre-mobile-00bcceff34b0365f7e00909a1de90d3f613ea871c70fc79cf660140d736518ef.svg")
    }
}

.reveal.qre-popup .title {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff
}

@media screen and (max-width: 1280px) {
    .reveal.qre-popup .title {
        font-size: 20px
    }
}

.reveal.qre-popup .info {
    font-size: 40px;
    line-height: 55px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #7E97A2;
    margin: 0 0 20px 0
}

@media screen and (max-width: 1280px) {
    .reveal.qre-popup .info {
        font-size: 27px;
        line-height: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .reveal.qre-popup .info {
        margin: 0 0 30px 0
    }
}

.reveal.qre-popup .qre-white-icon {
    background-image: url("../image/qre-icon-white-4077f9e86b18fbd1b916a3bde739a94426e0fd22bd7239f3a5bc6f488e21adff.svg");
    width: 95px;
    height: 68px;
    margin: 0 auto 20px
}

.reveal.qre-popup .button {
    margin: 0
}

.reveal label {
    margin: 20px 0 10px 0
}

.reveal h1:not(.no-margin) {
    margin-bottom: 20px
}

.reveal p {
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    line-height: 26px;
    margin-bottom: 0
}

.reveal p.lastText {
    margin-bottom: 40px !important
}

.reveal .actions {
    margin-top: 20px
}

.reveal .reveal-form button {
    margin-top: 20px
}

.reveal .form-buttons {
    margin-top: 20px
}

.reveal .form-orange-line {
    width: 60px;
    border: 3px solid #ED8A47;
    background-color: #ED8A47;
    margin: 0 auto 20px auto
}

.reveal .form-blue-desc {
    color: #083A50;
    font-size: 18px;
    line-height: 28px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.reveal .form-blue-desc.with-margin {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .choose-templates-reveal {
        top: 69px;
        z-index: 98
    }

    .choose-templates-reveal .choose-style {
        position: fixed;
        top: 69px;
        width: 100%;
        background-color: #ffffff;
        z-index: 2
    }

    .choose-templates-reveal .reveal.large.reveal-templates .close-button {
        position: fixed;
        z-index: 3;
        top: 100px;
        right: 35px
    }
}

.choose-templates-reveal .list-cv-templates .cv-template-small-block .img {
    height: 224px
}

.choose-templates-reveal .list-cv-templates .cv-template-small-block .img img {
    -o-object-fit: cover;
    object-fit: cover
}

.unsubscribe-link {
    font-family: "Sofia-Pro-Light", sans-serif
}

.unsubscribe-link:hover {
    text-decoration: underline
}

.add-animation {
    -webkit-animation-name: popupContentMoveDown;
    animation-name: popupContentMoveDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

@-webkit-keyframes popupContentMoveDown {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes popupContentMoveDown {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.reveal-overlay {
    z-index: 2147483536
}

.reveal.no-pad {
    padding: 0
}

.reveal.no-pad .close-icon {
    position: absolute;
    top: 20px;
    right: 20px
}

@media screen and (max-width: 39.99875em) {
    .reveal.no-pad {
        height: auto;
        min-height: auto
    }

    .reveal.no-pad .close-icon {
        top: 10px;
        right: 10px
    }
}

.reveal.image-modal {
    width: 100%;
    max-width: 1024px
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
    z-index: 1;
    opacity: 0.5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .scroll-to-top {
        right: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .scroll-to-top {
        display: none;
        right: 20px
    }
}

.scroll-to-top .small-icon.arrow-white-down {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.scroll-to-top.active {
    opacity: 1
}

.button--scroll {
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 3px 3px 6px #00000029;
    box-shadow: 3px 3px 6px #00000029;
    padding: 8px 10px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    min-width: auto;
    line-height: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

@media screen and (max-height: 710px) and (min-width: 1025px) {
    .button--scroll {
        margin-bottom: 0
    }
}

.button--scroll .arrow-white-down {
    background-position: -94px -967px !important;
    width: 18px !important;
    height: 26px !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important
}

.button--scroll:hover {
    cursor: pointer;
    background-color: #ffffff
}

.button--scroll:hover .arrow-white-down {
    background-position: -118px -967px !important;
    width: 18px !important;
    height: 26px !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important
}

.button--scroll.button--scroll-share {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

@media screen and (max-height: 710px) and (min-width: 1025px) {
    .button--scroll.button--scroll-share {
        width: 54px;
        height: 54px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .button--scroll.button--scroll-share {
        width: 54px;
        height: 54px
    }
}

@media screen and (max-width: 39.99875em) {
    .button--scroll.button--scroll-share {
        width: 45px;
        height: 45px
    }
}

.button--scroll.button--scroll-share .big-share-icon {
    margin: auto
}

@media screen and (max-height: 710px) and (min-width: 1025px) {
    .button--scroll.button--scroll-share .big-share-icon {
        background-position: -21px -799px;
        width: 23px;
        height: 28px
    }
}

@media screen and (max-width: 64.06125em) {
    .button--scroll.button--scroll-share .big-share-icon {
        background-position: -21px -799px;
        width: 23px;
        height: 28px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.side-help-window {
    background: #ED8A47;
    border-radius: 0px 5px 5px 0px;
    padding: 30px 20px;
    max-width: 325px;
    position: fixed;
    bottom: 100px;
    z-index: 1
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-help-window {
        max-width: 275px;
        padding: 25px 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-help-window {
        max-width: 205px;
        padding: 20px
    }
}

.side-help-logo {
    display: block
}

.side-help-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 40px
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-help-circle {
        width: 90px;
        height: 90px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-help-circle {
        width: 60px;
        height: 60px
    }
}

.side-img-wrapper {
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.1);
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: -5px
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-img-wrapper {
        width: 46px;
        height: 46px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-img-wrapper {
        width: 38px;
        height: 38px;
        right: -10px
    }
}

.side-img-wrapper img {
    position: absolute;
    top: 7px;
    right: 7px
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-img-wrapper img {
        width: 38px;
        height: 38px;
        top: 4px;
        right: 4px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-img-wrapper img {
        top: 5px;
        right: 5px
    }
}

.side-help-tool {
    font-size: 30px;
    line-height: 1;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff;
    margin: 10px 0 0 0
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-help-tool {
        font-size: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-help-tool {
        font-size: 16px
    }
}

.side-help-info {
    font-size: 22px;
    line-height: 25px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ffffff;
    margin: 20px 0
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .side-help-info {
        font-size: 18px;
        line-height: 20px
    }
}

@media screen and (max-width: 39.99875em) {
    .side-help-info {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0
    }
}

.side-help-button {
    background-color: #ffffff;
    color: #ED8A47;
    border-radius: 25px;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.side-help-button:hover,
.side-help-button:focus {
    cursor: pointer;
    background-color: #fefefe;
    color: rgba(237, 138, 71, 0.8)
}

.side-help-button:hover .orange-right-arrow,
.side-help-button:focus .orange-right-arrow {
    opacity: 0.8
}

@media screen and (max-width: 39.99875em) {
    .side-help-button {
        height: 32px;
        padding: 0 15px;
        font-size: 13px;
        line-height: 1
    }

    .side-help-button .small-icon.orange-right-arrow {
        margin: 0 0 -2px 10px
    }
}

.side-help-close {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -267px -348px;
    width: 13px;
    height: 12px;
    min-width: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.side-help-close:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .side-help-close {
        top: 10px;
        right: 15px
    }
}

.side-help-closed {
    background: #FBA76F;
    border-radius: 0px 5px 5px 0px;
    -webkit-box-shadow: 3px 3px 6px #00000029;
    box-shadow: 3px 3px 6px #00000029;
    padding: 10px 5px;
    width: 30px;
    height: 85px;
    position: fixed;
    bottom: 205px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

.side-help-closed:hover {
    background: #ED8A47;
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .side-help-closed {
        height: 70px;
        bottom: 127px
    }
}

.side-help-info-vertical {
    font-size: 18px;
    line-height: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff;
    -webkit-transform: matrix(0, -1, 1, 0, -3, 20);
    -ms-transform: matrix(0, -1, 1, 0, -3, 20);
    transform: matrix(0, -1, 1, 0, -3, 20);
    margin: 0
}

@media screen and (max-width: 39.99875em) {
    .side-help-info-vertical {
        font-size: 14px;
        line-height: 1;
        -webkit-transform: matrix(0, -1, 1, 0, -3, 12);
        -ms-transform: matrix(0, -1, 1, 0, -3, 12);
        transform: matrix(0, -1, 1, 0, -3, 12)
    }
}

.side-help-icon {
    -webkit-transform: matrix(1, 0, 0, 1, -1, 22);
    -ms-transform: matrix(1, 0, 0, 1, -1, 22);
    transform: matrix(1, 0, 0, 1, -1, 22)
}

@media screen and (max-width: 39.99875em) {
    .side-help-icon {
        -webkit-transform: matrix(1, 0, 0, 1, -1, 17);
        -ms-transform: matrix(1, 0, 0, 1, -1, 17);
        transform: matrix(1, 0, 0, 1, -1, 17)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.subscription {
    visibility: visible;
    border-top: 1px solid #EBEBEB
}

@media screen and (max-width: 39.99875em) {
    .subscription {
        text-align: center !important
    }
}

.subscription.article-body {
    background: #f6f6f6 !important;
    position: relative;
    border: none !important
}

@media print,
screen and (min-width: 64.0625em) {
    .subscription.article-body {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }
}

.subscription.article-body .grid-container {
    padding: 30px 0 !important
}

.subscription.article-body h3 {
    font-size: 25px;
    padding: 0 30px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription.article-body h3 {
        padding: 0 50px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription.article-body h3 {
        padding: 60px 30px 0 30px !important
    }
}

.subscription.article-body img,
.subscription.article-body svg {
    position: absolute;
    top: 10%
}

@media print,
screen and (min-width: 40em) {

    .subscription.article-body img,
    .subscription.article-body svg {
        right: 0
    }
}

@media screen and (max-width: 39.99875em) {

    .subscription.article-body img,
    .subscription.article-body svg {
        top: 5%;
        left: 0
    }
}

.subscription.article-body .subscribe {
    position: relative;
    z-index: 3
}

@media print,
screen and (min-width: 64.0625em) {
    .subscription.article-body .subscribe {
        right: 30px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription.article-body .subscribe {
        right: 50px
    }
}

.subscription.article-body .subscription-desc {
    padding: 0 30px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription.article-body .subscription-desc {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 0 30px 0 50px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription.article-body .subscription-desc {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding: 0 !important
    }
}

.subscription--footer {
    background: #ffffff
}

.subscription--footer .input-with-button input {
    background: #F6F6F6;
    font-size: 15px
}

.subscription--footer .input-with-button.subscribe {
    position: relative
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription--footer .input-with-button.subscribe {
        margin-top: 25px
    }
}

.subscription--footer .input-with-button .button-orange {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription--footer .input-with-button .button-orange {
        margin-top: 0 !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription--footer .input-with-button input {
        font-size: 17px !important;
        padding-right: 140px
    }
}

.subscription .blue-subscription-desc {
    color: #083A50 !important;
    font-size: 18px !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    line-height: 24px !important
}

@media (max-width: 1025px) {
    .subscription .blue-subscription-desc {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .subscription .blue-subscription-desc {
        margin-bottom: 20px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription .blue-subscription-desc {
        margin: 0 auto 20px
    }
}

.subscription .blue-subscription-desc.max-wdt {
    max-width: 380px
}

.subscription .subscription-desc {
    color: #8e8e8e !important;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 24px;
    max-width: 510px
}

.subscription .subscription-desc span {
    color: #ED8A47
}

@media (max-width: 1025px) {
    .subscription .subscription-desc {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .subscription .subscription-desc {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription .subscription-desc {
        margin: 20px auto
    }
}

.subscription .coupon {
    color: #ED8A47;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.subscription input {
    height: 50px;
    margin: 0;
    max-width: 500px;
    display: inline-block;
    border-radius: 25px
}

.subscription .button-orange {
    display: inline-block;
    height: 50px;
    min-width: 140px;
    border-radius: 25px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription .button-orange {
        margin-top: 20px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription .small h3 {
        padding-top: 60px
    }
}

.subscription.subscription-in-article {
    max-width: 800px;
    border-top: none;
    border-bottom: 1px solid #DBDBDB
}

.subscription.subscription-in-article h3 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding: 0;
    margin-bottom: 5px
}

@media screen and (max-width: 39.99875em) {
    .subscription.subscription-in-article h3 {
        text-align: left
    }
}

.subscription.subscription-in-article .grid-container.subscription-container {
    padding: 30px 0 !important
}

@media screen and (min-width: 64.0625em) {
    .subscription.subscription-in-article .grid-container.subscription-container .large-6 {
        width: 53%
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription.subscription-in-article .grid-container.subscription-container input {
        padding-right: 135px;
        font-size: 17px
    }
}

.subscription.subscription-in-article .subscription-desc {
    color: #8e8e8e;
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-top: 0 !important
}

@media screen and (min-width: 40em) {
    .subscription.subscription-in-article .subscription-desc {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription.subscription-in-article .subscription-desc {
        max-width: 325px
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription.subscription-in-article .subscription-desc {
        max-width: unset;
        text-align: left
    }
}

.subscription.subscription-in-article .input-with-button.subscribe {
    position: relative
}

.subscription.subscription-in-article .input-with-button .button-orange {
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .subscription.subscription-in-article .input-with-button .button-orange {
        margin-top: 0 !important
    }
}

.email-plane {
    background: #EFEFEF url("../image/subscribe-ee1a6f35d863789c066246bc3c46192e8e40b94b4998d65c840e34b8e611a53d.svg");
    background-position: right;
    background-repeat: no-repeat
}

@media (max-width: 1025px) and (min-width: 640px) {
    .email-plane {
        background: #EFEFEF url("../image/subscribe-tablet-17abccf765278120d7c092754a8e126c2a2ebf74d2d163a25beb271b05edddb0.svg");
        background-position: right;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%
    }
}

@media screen and (max-width: 39.99875em) {
    .email-plane {
        background: #EFEFEF url("../image/subscribe-mobile-67a440b33f8f726589e0809a21756983583266031868ec825837dc1e94ff0e4b.svg");
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        background-position: center 15%
    }
}

@media screen and (max-width: 39.99875em) {
    .small-subscription {
        margin-top: 20px
    }
}

.small-subscription,
.advice-banner {
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media print,
screen and (min-width: 64.0625em) {

    .small-subscription,
    .advice-banner {
        margin: 0 0 20px 20px;
        width: calc(100% - 20px);
        max-width: 334px;
        min-height: calc(50% - 10px)
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .small-subscription,
    .advice-banner {
        width: 49%;
        display: inline-block
    }

    .small-subscription:nth-child(even),
    .advice-banner:nth-child(even) {
        float: right
    }
}

@media screen and (max-width: 39.99875em) {

    .small-subscription,
    .advice-banner {
        width: 100%
    }
}

.small-subscription .grid-container,
.advice-banner .grid-container {
    padding: 55px 0 !important
}

.small-subscription button,
.advice-banner button {
    width: auto !important;
    margin: 0 auto !important
}

.small-subscription .small-block,
.advice-banner .small-block,
.small-subscription-block {
    border-top: none;
    padding: 50px 25px 25px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.small-subscription .small-block h3,
.advice-banner .small-block h3,
.small-subscription-block h3 {
    text-align: center
}

@media screen and (max-width: 39.99875em) {

    .small-subscription .small-block h3,
    .advice-banner .small-block h3,
    .small-subscription-block h3 {
        padding-top: 40px
    }
}

.small-subscription .small-block .subscription-desc,
.advice-banner .small-block .subscription-desc,
.small-subscription-block .subscription-desc {
    text-align: center;
    margin: 20px auto;
    color: #4D4D4D;
    line-height: 1.2
}

.small-subscription .small-block .subscription-desc span,
.advice-banner .small-block .subscription-desc span,
.small-subscription-block .subscription-desc span {
    color: #ED8A47
}

.small-subscription .small-block.email-plane,
.advice-banner .small-block.email-plane,
.small-subscription-block.email-plane {
    background: transparent url("../image/subscribe-mobile-67a440b33f8f726589e0809a21756983583266031868ec825837dc1e94ff0e4b.svg") !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: 100% 100% !important;
    background-size: 100% !important;
    margin-top: 25px !important;
    background-position: top center !important
}

@media screen and (max-width: 39.99875em) {

    .small-subscription .small-block.email-plane,
    .advice-banner .small-block.email-plane,
    .small-subscription-block.email-plane {
        margin-top: 0 !important
    }

    .small-subscription .small-block.email-plane .subscription-desc,
    .advice-banner .small-block.email-plane .subscription-desc,
    .small-subscription-block.email-plane .subscription-desc {
        line-height: 1.2
    }

    .small-subscription .small-block.email-plane .subscribe,
    .advice-banner .small-block.email-plane .subscribe,
    .small-subscription-block.email-plane .subscribe {
        padding-bottom: 35px
    }
}

.switch-toggle-wrapper {
    padding: 0 15px;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    cursor: pointer
}

.switch-toggle-wrapper .switch {
    height: auto !important;
    margin-bottom: 0
}

.switch-toggle-wrapper .switch.round label:before {
    background-color: #4D4D4D
}

.switch-toggle-wrapper .switch-paddle {
    background: #cacaca
}

.switch-toggle-wrapper .switch.round .switch-paddle {
    border-radius: 2rem;
    height: 10px;
    width: 30px;
    margin: 0
}

.switch-toggle-wrapper .switch.round label:after {
    border-radius: 2rem;
    background: #8e8e8e;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -15px
}

.switch-toggle-wrapper input:checked~.switch-paddle {
    background: rgba(237, 138, 71, 0.2)
}

.switch-toggle-wrapper input:checked~.switch-paddle:after {
    background: #ED8A47
}

.sub-title {
    color: #ED8A47
}

.sub-description {
    margin-bottom: 20px !important
}

.sub-description span {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.preferences {
    margin: 20px 0 !important;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    line-height: 26px
}

.preferences.err {
    color: #FF523E
}

.preferences.err .red-warning {
    top: 6px
}

.visible {
    visibility: visible
}

.hidden {
    display: none !important
}

.preference-name:hover {
    cursor: pointer
}

.article-card-banner .subscription__ad-image {
    top: -20px !important;
    right: -20px !important
}

.career-advice .subscription__ad-block {
    padding: 45px 5px 25px 5px
}

@media screen and (max-width: 64.06125em) {
    .career-advice .subscription__ad-block {
        padding: 50px 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .career-advice .subscription__ad-block {
        padding: 50px 25px
    }
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .career-advice .subscription__ad-block .subscription__ad-image img {
        height: 140px
    }
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .career-advice .subscription__ad-block .subscription__ad-image img {
        height: 120px
    }
}

@media screen and (max-width: 768px) {
    .career-advice .subscription__ad-block .subscription__ad-image img {
        height: 145px
    }
}

.advice-banner .subscription--archive input,
.small-subscription .subscription--archive input {
    background: #f6f6f6 !important
}

.advice-banner .subscription--archive input:focus,
.small-subscription .subscription--archive input:focus {
    background: #f6f6f6 !important
}

.subscription--archive {
    position: relative
}

.subscription--archive input {
    width: 100%;
    padding-right: 50px;
    border-radius: 25px;
    font-size: 16px;
    margin-top: 20px !important;
    background: #ffffff
}

.subscription--archive input:focus {
    background: #ffffff
}

.subscription__ad-block {
    background: transparent;
    padding: 45px 0 25px 0;
    border-radius: 10px;
    position: relative
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .subscription__ad-block {
        padding: 45px 0 25px 0
    }
}

@media screen and (max-width: 769px) {
    .subscription__ad-block {
        padding: 45px 10px 25px 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription__ad-block {
        padding: 25px
    }
}

@media screen and (max-width: 375px) {
    .subscription__ad-block {
        padding: 45px 5px 25px 5px
    }
}

.subscription__ad-image {
    position: absolute;
    top: 0;
    right: -15px
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .subscription__ad-image img {
        height: 120px
    }
}

@media screen and (max-width: 768px) {
    .subscription__ad-image img {
        height: 140px
    }
}

@media screen and (max-width: 360px) {
    .subscription__ad-image img {
        height: 125px
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription__ad-image {
        right: 0
    }
}

.subscription__ad-title {
    font-size: 25px !important;
    line-height: 1.2 !important;
    max-width: 250px;
    margin: 0 0 15px 0
}

.subscription__ad-desc {
    color: #666666;
    font-size: 18px;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 1.2;
    margin: 0 0 20px
}

.subscription__ad-desc strong {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.subscription__ad-offer-txt {
    color: #1A4059;
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 1.2;
    margin: 15px 0 5px 0
}

.subscription__ad-offer-txt span {
    color: #59CE61
}

@media screen and (max-width: 360px) {
    .subscription__ad-offer-txt {
        font-size: 17px
    }
}

.subscription__ad-ch:hover {
    text-decoration: underline
}

.subscription__ad-coupon {
    font-size: 15px !important;
    line-height: 1.2;
    color: #1A4059 !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    margin: 15px 0 0 0 !important
}

.subscription__ad-input-block {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 0 0;
    max-width: 350px
}

.subscription__ad-input {
    background: transparent;
    border-radius: 25px;
    height: 50px;
    width: 100%
}

.subscription__ad-input input {
    border-radius: 25px;
    margin: 0 !important;
    outline: none;
    font-size: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: rgba(77, 77, 77, 0.5)
}

@media screen and (max-width: 340px) {
    .subscription__ad-input input {
        font-size: 15px;
        padding: 10px
    }
}

.subscription__ad-input input:focus {
    border: 1px solid #ED8A47
}

.subscription__ad-input input::-webkit-input-placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

.subscription__ad-input input:-ms-input-placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

.subscription__ad-input input::-ms-input-placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

.subscription__ad-input input::placeholder {
    color: rgba(77, 77, 77, 0.5) !important
}

.subscription__ad-input input:-webkit-autofill,
.subscription__ad-input input:-webkit-autofill:focus,
.subscription__ad-input input:-webkit-autofill:active,
.subscription__ad-input input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: rgba(77, 77, 77, 0.5) !important
}

.subscription__ad-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #ED8A47;
    border-radius: 25px
}

.subscription__ad-submit:hover {
    cursor: pointer;
    background-color: #CE793F
}

.subscription__ad-submit .send-icon {
    background: url("../image/send-icon-a467f9cbe9e881773f63ba752b0cd4ed5797e6490103e58866bc8e375e785828.png") no-repeat;
    width: 18px;
    height: 17px;
    margin: 17px auto;
    display: block
}

.subscription__orange-line {
    border-top: 3px solid #ED8A47;
    width: 40px;
    padding: 0;
    margin: 0 0 15px 0
}

.subscription__article-body {
    background: #1A4059;
    border-radius: 5px;
    background-image: url("../image/subscribe-light-circles-eb5da790abbec7f3ffa440f4874389f539dee1f7f9ef1eb3a1362771f0fd0244.png");
    background-repeat: no-repeat !important;
    background-position: top right !important
}

.subscription__article-body .grid-container.small {
    padding: 30px !important
}

.subscription__article-body .trustpilot-logo {
    margin: 0 0 10px 0
}

@media screen and (max-width: 39.99875em) {
    .subscription__article-body .trustpilot-logo {
        margin: 20px 0 10px 20px
    }
}

@media screen and (max-width: 768px) {
    .subscription__article-body {
        border-radius: 0
    }
}

.subscription__article-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff;
    padding: 0 !important;
    margin: 0 !important
}

.subscription__article-desc {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-family: "Sofia-Pro-Light", sans-serif !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important
}

@media screen and (max-width: 360px) {
    .subscription__article-desc {
        padding: 5px 0 !important
    }
}

.subscription__article-offer {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important
}

.subscription__article-offer span {
    color: #59CE61 !important
}

.subscription__article-ch {
    color: #ffffff !important
}

.subscription__article-ch span {
    color: #59CE61 !important
}

.subscription__article-ch:hover {
    text-decoration: underline
}

.subscription__article-coupon {
    font-size: 15px !important;
    line-height: 1.2;
    color: #ffffff !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    margin: 0 0 15px 0 !important
}

@media screen and (min-width: 40em) {
    .subscription__article-coupon {
        text-align: center
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription__article-coupon {
        padding: 0 0 0 20px !important;
        margin: 15px 0 0 0 !important
    }
}

.subscription__vertical-line {
    border-left: 3px solid #ED8A47;
    padding: 0 0 0 20px;
    margin: 0 40px 0 0
}

.subscription__submit-box {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 350px
}

@media screen and (max-width: 39.99875em) {
    .subscription__submit-box {
        margin: 15px 0 0 0;
        padding: 0 0 0 20px
    }
}

.subscription__email {
    background: transparent;
    color: #ffffff;
    border-radius: 5px;
    height: 50px;
    width: 100%
}

.subscription__email input {
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff !important;
    margin: 0 !important;
    outline: none;
    font-size: 16px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.subscription__email input:focus {
    background: transparent;
    border: 2px solid #ffffff
}

.subscription__email input::-webkit-input-placeholder {
    color: #ffffff !important
}

.subscription__email input:-ms-input-placeholder {
    color: #ffffff !important
}

.subscription__email input::-ms-input-placeholder {
    color: #ffffff !important
}

.subscription__email input::placeholder {
    color: #ffffff !important
}

.subscription__email input:-webkit-autofill,
.subscription__email input:-webkit-autofill:focus,
.subscription__email input:-webkit-autofill:active,
.subscription__email input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: #ffffff !important
}

.subscription__submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 5px
}

.subscription__submit:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.9)
}

.subscription__submit .send-icon {
    background: url("../image/send-icon-orange-0994b94f06ba318f9c2daccda8ae46f769874c530ff2b9b1301bfb991c0e49a8.png") no-repeat;
    width: 18px;
    height: 17px;
    margin: 17px auto;
    display: block
}

.subscription__light {
    background: #EBEBEB;
    background-image: url("../image/subscribe-dark-circles-3b0cff7a6a233c0a0e20949632187d150ac64f652fbd4e3f04fcc8e386ce45d2.png")
}

.subscription__light .subscription__article-title,
.subscription__light .subscription__article-desc,
.subscription__light .subscription__article-offer,
.subscription__light .subscription__article-ch,
.subscription__light .subscription__article-coupon {
    color: #1A4059 !important
}

.subscription__light .subscription__email {
    border: none;
    color: #ED8A47
}

.subscription__light .subscription__email input {
    border: 2px solid #ED8A47;
    background: #ffffff !important;
    color: #ED8A47 !important
}

.subscription__light .subscription__email input::-webkit-input-placeholder {
    color: #ED8A47 !important
}

.subscription__light .subscription__email input:-ms-input-placeholder {
    color: #ED8A47 !important
}

.subscription__light .subscription__email input::-ms-input-placeholder {
    color: #ED8A47 !important
}

.subscription__light .subscription__email input::placeholder {
    color: #ED8A47 !important
}

.subscription__light .subscription__email input:-webkit-autofill,
.subscription__light .subscription__email input:-webkit-autofill:focus,
.subscription__light .subscription__email input:-webkit-autofill:active,
.subscription__light .subscription__email input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: #ED8A47 !important
}

.subscription__light .subscription__submit {
    background: #ED8A47
}

.subscription__light .subscription__submit:hover {
    background-color: #CE793F;
    opacity: 1
}

.subscription__light .subscription__submit .send-icon {
    background: url("../image/send-icon-a467f9cbe9e881773f63ba752b0cd4ed5797e6490103e58866bc8e375e785828.png") no-repeat
}

.subscription__hunter--block {
    background: transparent;
    border-radius: 10px;
    padding: 35px 5px 25px 5px;
    position: relative
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .subscription__hunter--block {
        padding: 35px 0 25px 0
    }
}

@media screen and (max-width: 64.06125em) {
    .subscription__hunter--block {
        padding: 35px 5px
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription__hunter--block {
        padding: 25px 0
    }
}

.subscription__hunter--line {
    border-top: 3px solid #59CE61;
    width: 40px;
    padding: 0;
    margin: 0 0 15px 0
}

.subscription__hunter--img {
    position: absolute;
    top: -20px;
    right: -20px
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .subscription__hunter--img img {
        height: 145px
    }
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .subscription__hunter--img img {
        height: 120px
    }
}

@media screen and (max-width: 768px) {
    .subscription__hunter--img img {
        height: 125px
    }
}

.subscription__hunter--title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 25px;
    line-height: 1.0;
    color: #083A50;
    padding-bottom: 15px;
    text-align: left;
    max-width: 180px
}

.subscription__hunter--desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #666666;
    text-align: left
}

@media screen and (min-width: 64.0625em) {
    .subscription__hunter--desc {
        max-width: 270px
    }
}

.subscription__hunter--logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0
}

.subscription__hunter--ch {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    line-height: 1.1;
    color: #083A50;
    margin: 3px 4px 0 0
}

.subscription__hunter--ch span {
    color: #59CE61
}

.subscription__hunter--trustpilot {
    height: 19px
}

.subscription__hunter--coupon {
    font-size: 15px;
    line-height: 1.2;
    color: #083A50;
    margin: 10px 0 0 0
}

.subscription__hunter--button {
    background-color: #59CE61;
    padding: 10px 15px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px
}

.subscription__hunter--button:hover {
    background: #4DB554
}

.success__container {
    background: #F7F7F7
}

.success__block {
    max-width: 944px;
    padding: 30px;
    background: white;
    margin: auto;
    border-radius: 5px
}

.success__block .cell {
    max-width: 610px;
    margin: auto;
    text-align: center
}

.success__heading {
    font-size: 30px;
    line-height: 40px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 0 20px 0
}

.success__text {
    font-size: 18px;
    line-height: 26px;
    color: #4D4D4D;
    text-align: center;
    font-family: "Sofia-Pro-Light", sans-serif
}

.success__text--blue {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.success__expire-box {
    background: #f6f6f6;
    padding: 10px 20px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 14px auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.success__expire-box span {
    display: inline-block;
    color: rgba(77, 77, 77, 0.8);
    font-size: 13px;
    line-height: 15px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin-left: 10px
}

.subscription-cv-download {
    background-color: #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 800px;
    border-radius: 5px
}

.subscription-cv-download--blue-bg {
    background-color: #083A50;
    color: white
}

@media screen and (max-width: 39.99875em) {
    .subscription-cv-download {
        display: block
    }
}

.subscription-cv-download__title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.subscription-cv-download__title--white {
    color: white
}

.subscription-cv-download__left_container {
    padding: 35px 10px 30px 25px;
    width: 70%;
    text-align: left
}

.subscription-cv-download__left_container--small-pad {
    padding: 30px 25px 25px 25px
}

@media screen and (max-width: 39.99875em) {
    .subscription-cv-download__left_container {
        margin: auto;
        width: 100%;
        padding: 20px
    }
}

.subscription-cv-download__desc {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    color: #8e8e8e;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.subscription-cv-download__desc--primary {
    color: #083A50
}

.subscription-cv-download__desc--big {
    font-size: 15px
}

@media screen and (max-width: 39.99875em) {
    .subscription-cv-download__desc--big {
        font-size: 12px
    }
}

@media screen and (min-width: 64.0625em) {
    .subscription-cv-download__desc:not(.subscription-cv-download__desc--big) {
        font-size: 11px;
        font-family: "Sofia-Pro-Light", sans-serif
    }
}

.subscription-cv-download .input-with-button {
    position: relative
}

.subscription-cv-download .input-with-button button {
    position: absolute;
    right: 0;
    top: 0
}

.subscription-cv-download .input-with-button--max-width-445 {
    max-width: 445px
}

.subscription-cv-download .input-with-button--max-width-422 {
    max-width: 422px
}

.subscription-cv-download .input-with-button--rounded input {
    border-radius: 25px
}

.subscription-cv-download--general {
    position: relative
}

.subscription-cv-download--general .input-with-button-download {
    max-width: 450px
}

.subscription-cv-download--general .subscription-standard-img-container {
    margin-right: 0;
    margin-left: 0
}

@media screen and (min-width: 40em) {
    .subscription-cv-download--general .subscription-cv-download__left_container {
        margin-right: 268px
    }

    .subscription-cv-download--general .subscription-standard-img-container {
        width: 325px;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%
    }

    .subscription-cv-download--general .subscription-standard-img-container img {
        max-width: 100%;
        margin-right: 0
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.right-one {
        top: -25px;
        right: 15px
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.right-two {
        top: 34px;
        right: 9px
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.center-big {
        top: 38px;
        width: 245px;
        height: 245px;
        margin-left: 10px
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.center-small {
        top: 37px;
        width: 84px;
        height: 84px
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.bottom-one {
        bottom: 15px;
        width: 20px;
        height: 20px;
        margin-left: -125px
    }

    .subscription-cv-download--general .subscription-standard-img-container .circle.bottom-two {
        bottom: -32px;
        margin-left: -104px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small img {
        max-width: 235px;
        margin-top: -5px;
        margin-right: -25px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.right-one {
        top: -20px;
        right: 25px;
        width: 46px;
        height: 46px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.right-two {
        right: 22px;
        width: 11px;
        height: 11px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.center-big {
        top: 35px;
        width: 175px;
        height: 175px;
        margin-left: 21px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.center-small {
        top: 35px;
        width: 56px;
        height: 56px;
        margin-left: -34px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.bottom-one {
        bottom: 10px;
        width: 14px;
        height: 14px;
        margin-left: -78px
    }

    .subscription-cv-download--general .subscription-standard-img-container--small .circle.bottom-two {
        bottom: -40px;
        margin-left: -56px
    }
}

@media screen and (max-width: 39.99875em) {
    .subscription-cv-download--general .subscription-cv-download__left_container {
        padding-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .subscription-cv-download {
        border-radius: 0px
    }
}

@media screen and (max-width: 39.99875em) {
    .article-main-center footer .subscription-cv-download {
        width: calc(100% + 60px);
        margin: 0 -30px
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .article-main-center footer .subscription-cv-download {
        margin: 0 -50px;
        width: calc(100% + 100px);
        padding-left: 25px
    }
}

@media screen and (max-width: 359px) {
    .article-main-center footer .subscription-cv-download {
        width: calc(100% + 20px);
        margin: 0 -10px
    }
}

.subscription-standard-img-container {
    position: relative;
    height: 185px;
    overflow: hidden;
    text-align: center;
    margin-right: -20px;
    margin-left: -20px
}

.subscription-standard-img-container img {
    max-width: 270px;
    margin-right: 15px;
    margin-top: -15px;
    z-index: 2;
    position: relative
}

.subscription-standard-img-container .circle.right-one {
    top: 21px;
    right: -19px;
    width: 55px;
    height: 55px
}

.subscription-standard-img-container .circle.right-two {
    top: 69px;
    right: 42px;
    width: 14px;
    height: 14px
}

.subscription-standard-img-container .circle.center-big {
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 200px;
    height: 200px
}

.subscription-standard-img-container .circle.center-small {
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 56px;
    height: 56px;
    margin-left: -65px
}

.subscription-standard-img-container .circle.bottom-one {
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 16px;
    height: 16px;
    margin-left: -115px
}

.subscription-standard-img-container .circle.bottom-two {
    bottom: -39px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 65px;
    height: 65px;
    margin-left: -92px
}

.article-card-banner .subscription-standard-img-container {
    position: absolute;
    width: 100%
}

.article-card-banner .input-with-button-download {
    z-index: 1
}

.career-paths .article-card-banner .input-with-button-download input {
    background-color: #f6f6f6
}

.video-results .article-card-banner .input-with-button-download input {
    background-color: #f6f6f6
}

.input-with-button-download {
    position: relative;
    margin-top: 10px
}

.input-with-button-download input {
    width: 100%;
    padding-right: 150px;
    border-radius: 25px;
    font-size: 16px;
    background-color: white
}

.input-with-button-download button {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 140px;
    font-size: 15px;
    line-height: 19px;
    padding: 15px
}

.input-with-button-download--small button {
    height: 45px;
    padding: 13px 15px
}

.input-with-button-download--small input {
    height: 45px
}

.let-any-btn-width .input-with-button-download button {
    max-width: none
}

.promo-coupon {
    position: relative;
    color: #ffffff;
    text-align: left
}

.promo-coupon img {
    width: 100%
}

.promo-coupon__content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 63%;
    left: 0;
    padding: 20px
}

.promo-coupon__content--right {
    width: 37%;
    right: 0;
    left: auto
}

.promo-coupon h4 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 35px;
    line-height: 1.1
}

.promo-coupon p {
    color: inherit;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0
}

.promo-coupon a {
    text-decoration: underline
}

.promo-coupon .cv-coupon-box {
    position: relative
}

.promo-coupon .cv-coupon-box input {
    background: #f6f6f6;
    color: rgba(77, 77, 77, 0.5);
    padding: 10px 8px;
    height: 40px;
    cursor: default
}

.promo-coupon .cv-coupon-box .cv-coupon-button {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(77, 77, 77, 0.1);
    padding: 10px;
    height: 40px;
    min-width: 80px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #083A50;
    line-height: 1.4;
    text-decoration: none;
    font-size: 15px;
    border-radius: 0 5px 5px 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .promo-coupon .cv-coupon-box .cv-coupon-button {
        min-width: 70px
    }
}

@media screen and (max-width: 64.06125em) {
    .promo-coupon__content {
        width: 60%
    }

    .promo-coupon__content--right {
        width: 40%
    }

    .promo-coupon .cv-coupon-box {
        margin-top: 30px
    }
}

@media screen and (max-width: 894px) {
    .promo-coupon .cv-coupon-box {
        margin-top: 50px
    }
}

@media screen and (max-width: 720px) {
    .promo-coupon {
        display: inline-block
    }

    .promo-coupon img.show-for-medium-only {
        display: none !important
    }

    .promo-coupon img.show-for-small-only {
        display: inline-block !important;
        width: auto
    }

    .promo-coupon__content {
        max-width: 316px;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 62%
    }

    .promo-coupon__content--right {
        width: 100%;
        right: auto;
        top: auto;
        bottom: 0;
        height: 38%
    }

    .promo-coupon .cv-coupon-box {
        margin-top: 0
    }
}

@media screen and (max-width: 385px) {
    .promo-coupon h4 {
        font-size: 25px;
        line-height: 1.1;
        margin-bottom: 10px !important
    }

    .promo-coupon p {
        font-size: 16px;
        line-height: 1.3
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.top-promo {
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: height 0.15s ease-out;
    transition: height 0.15s ease-out
}

@media print,
screen and (min-width: 40em) {
    .top-promo {
        opacity: 0.9
    }
}

.top-promo--light-blue {
    background: #74D6C5
}

.top-promo--blue {
    background: #083A50
}

.top-promo--orange {
    background: #ED8A47
}

.top-promo--red {
    background: #801112
}

.top-promo--green {
    background: #41CF4A
}

.top-promo__mail {
    background: url("../image/sprite-promo-layers-1177a3fd7dbd8d7d88a92b27c1789319c8d667a961b757fc44d1ff398a33ea04.svg");
    background-position: -19px -19px;
    width: 18px;
    height: 13px;
    margin-top: 2px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18px;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px
}

.top-promo__discount {
    background: url("../image/sprite-promo-layers-1177a3fd7dbd8d7d88a92b27c1789319c8d667a961b757fc44d1ff398a33ea04.svg");
    background-position: -54px -14px;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px
}

.top-promo__bell {
    background: url("../image/sprite-promo-layers-1177a3fd7dbd8d7d88a92b27c1789319c8d667a961b757fc44d1ff398a33ea04.svg");
    background-position: -95px -16px;
    width: 25px;
    height: 18px;
    margin-top: 2px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25px;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px
}

.top-promo__vertical-line {
    display: inline-block;
    width: 2px;
    height: 22px;
    background: white;
    margin: 0 10px -5px
}

@media screen and (max-width: 39.99875em) {
    .top-promo__vertical-line {
        height: 15px;
        margin: 0 10px -2px
    }
}

.top-promo__arrow {
    display: inline-block;
    background: url("../image/sprite-promo-layers-1177a3fd7dbd8d7d88a92b27c1789319c8d667a961b757fc44d1ff398a33ea04.svg");
    background-position: -139px -20px;
    width: 14px;
    height: 10px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14px;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px
}

.top-promo__close {
    background: url("../image/sprite-promo-layers-1177a3fd7dbd8d7d88a92b27c1789319c8d667a961b757fc44d1ff398a33ea04.svg");
    background-position: -172px -18px;
    width: 14px;
    height: 14px;
    margin: auto 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14px;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px
}

.top-promo__close:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5
}

.top-promo__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media screen and (max-width: 39.99875em) {
    .top-promo__wrapper {
        margin-left: 20px
    }
}

@media screen and (max-width: 359px) {
    .top-promo__wrapper {
        margin-left: 10px
    }
}

.top-promo__text {
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 39.99875em) {
    .top-promo__text {
        font-size: 13px;
        display: inline-block
    }
}

.top-promo__link {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff
}

.top-promo__link:hover {
    color: #ffffff !important;
    text-decoration: underline;
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .top-promo__link {
        margin-left: 5px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media print,
screen and (min-width: 40em) {
    .list-articles {
        margin: 0 -10px
    }
}

@media print,
screen and (min-width: 40em) {
    .list-articles .cell {
        padding: 0 10px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 90.0625em) {
    body.is-reveal-open {
        overflow: visible !important
    }
}

html.is-reveal-open,
html.is-reveal-open body {
    position: initial;
    overflow: hidden !important
}

.greyArea {
    background: #f6f6f6
}

@media screen and (min-width: 64.0625em) {
    .minHeight900 {
        min-height: 900px
    }
}

@media screen and (min-width: 64.0625em) {
    .minHeight700 {
        min-height: 700px
    }
}

header {
    z-index: 3000000000
}

@media screen and (min-width: 90.0625em) {
    .grid-container {
        padding: 80px 0 !important
    }
}

@media screen and (min-width: 75em) and (max-width: 90.06125em) {
    .grid-container {
        padding: 80px 50px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .grid-container {
        padding: 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container {
        padding: 40px 20px
    }

    .grid-container .grid-padding-x .cell {
        padding: 0
    }
}

@media screen and (max-width: 359px) {
    .grid-container {
        padding: 40px 10px
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-container.small {
        padding: 40px 0 !important
    }
}

@media print,
screen and (min-width: 40em) {
    .grid-container.small {
        padding: 40px
    }
}

@media screen and (min-width: 90.0625em) {
    .grid-container.transparent {
        padding: 150px 0 80px 0 !important
    }
}

@media screen and (min-width: 75em) and (max-width: 90.06125em) {
    .grid-container.transparent {
        padding: 150px 50px 50px 50px !important
    }
}

@media print,
screen and (min-width: 40em) {
    .grid-container.transparent {
        padding: 120px 50px 50px 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container.transparent {
        padding: 150px 30px 80px 30px
    }

    .grid-container.transparent .grid-padding-x .cell {
        padding: 0
    }
}

@media screen and (max-width: 359px) {
    .grid-container.transparent {
        padding: 150px 10px 80px 10px
    }
}

@media screen and (max-width: 1025px) {
    .grid-container.full-width-medium {
        padding: 40px 0 !important
    }
}

.grid-container.width-100 {
    width: 100%
}

.grid-container.no-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.grid-container.no-padding-top {
    padding-top: 0 !important
}

.grid-container.no-padding-bot {
    padding-bottom: 0 !important
}

@media screen and (max-width: 39.99875em) {
    .grid-container.no-padding-bot-mob {
        padding-bottom: 0 !important
    }
}

.grid-container.half-pad-top-bot {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .grid-container.half-pad-top-bot {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container.half-pad-top-bot {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }
}

.grid-container.half-pad-top {
    padding-top: 40px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .grid-container.half-pad-top {
        padding-top: 25px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container.half-pad-top {
        padding-top: 20px !important
    }
}

.grid-container.half-pad-bottom {
    padding-bottom: 40px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .grid-container.half-pad-bottom {
        padding-bottom: 25px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container.half-pad-bottom {
        padding-bottom: 20px !important
    }
}

.grid-container.half-pad-bot {
    padding-bottom: 40px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .grid-container.half-pad-bot {
        padding-bottom: 10px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .grid-container.half-pad-bot {
        padding-bottom: 0 !important
    }
}

.grid-container .grid-padding-x.grid-padding-x--10 {
    margin-right: -10px;
    margin-left: -10px
}

.grid-container .grid-padding-x.grid-padding-x--10>.cell {
    padding-right: 10px;
    padding-left: 10px
}

@media screen and (max-width: 1025px) and (min-width: 640px) {
    .pad-for-med {
        padding: 0 50px
    }
}

h1 {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 30px;
    margin: 0
}

h2 {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 50px;
    margin: 0
}

h3 {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 25px;
    margin: 0
}

h4 {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    margin: 0
}

h5 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    margin: 0
}

p,
ul li,
ol li {
    font-size: 18px;
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif
}

ul,
ol {
    margin: 0
}

ul.inline-list li,
ol.inline-list li {
    display: inline-block
}

li {
    list-style: none
}

.full-width {
    margin-right: -0.625rem;
    margin-left: -0.625rem
}

.lists-items {
    margin: 0 0 20px 20px
}

.lists-items li {
    list-style: inherit
}

.relative-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.auto-centered {
    margin: 0 auto
}

.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 40em) {
    .medium-flex-end {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.flex-end-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 39.99875em) {
    .flex-end-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.flex-center-end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-align-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.noscroll {
    overflow: hidden;
    width: 100%
}

.push-left {
    margin-right: auto
}

.primary-header {
    color: #083A50
}

.secondary-header {
    color: #ED8A47
}

.secondary-header:hover {
    color: #CE793F
}

.buttons-area {
    margin: 25px 0 35px 0
}

.buttons-area button {
    margin: 5px
}

@media screen and (max-width: 39.99875em) {

    .buttons-area.profile button,
    .buttons-area.profile .button {
        min-width: auto
    }
}

.text-button {
    cursor: pointer;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    margin: 0
}

.text-button-strong {
    cursor: pointer;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    margin: 0
}

.primary-link {
    color: #083A50;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.primary-link:hover {
    cursor: pointer;
    color: #083A50;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8
}

.secondary-link {
    color: #ED8A47
}

.secondary-link:hover {
    cursor: pointer;
    color: #CE793F
}

.white-link {
    color: #ffffff;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
}

.white-link:hover {
    opacity: 0.5;
    color: #ffffff
}

.career-path {
    color: #4095DB
}

.career-path:hover,
.career-path:focus,
.career-path a:hover {
    color: #2F7CBB
}

.management {
    color: #74D6C5
}

.management:hover,
.management:focus,
.management a:hover {
    color: #63BEAE !important
}

.primary-color,
.primary-clr {
    color: #083A50
}

.primary-clr-off {
    color: rgba(8, 58, 80, 0.3)
}

.primary-clr-off-8 {
    color: rgba(8, 58, 80, 0.8)
}

.primary-color:hover,
.primary-color:focus,
.primary-color a:hover {
    color: #CE793F !important
}

.secondary-color,
.secondary-clr {
    color: #ED8A47
}

.secondary-color:hover,
.secondary-color:focus,
.secondary-color a:hover {
    color: #CE793F !important
}

@media print,
screen and (min-width: 40em) {
    .medium-up-right {
        text-align: right
    }
}

@media print,
screen and (min-width: 40em) {
    .padR10 {
        padding-right: 10px
    }
}

@media print,
screen and (min-width: 40em) {
    .padR5 {
        padding-right: 5px
    }
}

@media print,
screen and (min-width: 40em) {
    .padL5 {
        padding-left: 5px
    }
}

.padB10 {
    padding-bottom: 10px
}

.pad-bot-20 {
    padding: 0 0 20px 0 !important
}

.pad-b-35 {
    padding-bottom: 35px
}

.pad-0 {
    padding: 0 !important
}

.pad-hor-5 {
    padding: 0 5px
}

.pad-hor-10 {
    padding: 0 10px
}

.pad-hor-15 {
    padding: 0 15px
}

.pad-hor-20 {
    padding: 0 20px
}

.has-tip {
    border: none !important
}

.white {
    color: white
}

.centered-block-550 {
    max-width: 550px;
    margin: auto
}

.centered-block-550 h1 {
    margin-bottom: 45px !important
}

.centered-block-550 .text {
    margin-bottom: 40px
}

.white-bg-block {
    width: 100%;
    background-color: #ffffff;
    margin: auto;
    padding: 40px
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.min-height-100vh {
    min-height: 100vh;
    width: 100%
}

.red-info-box {
    background: #FF523E;
    padding: 15px 30px;
    width: 100%
}

.red-info-box p {
    margin: 0;
    color: #ffffff;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 18px
}

.red-info-box a {
    text-decoration: underline;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    color: #ffffff
}

.red-info-box a:hover {
    cursor: pointer;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5
}

.red-info-box.profile p {
    max-width: 1000px;
    margin: 0 auto
}

@media screen and (max-width: 90.06125em) {
    .red-info-box.profile p {
        padding: 0 50px
    }
}

@media screen and (min-width: 1024px) {
    .hide-for-large-sd {
        display: none
    }
}

@media screen and (max-width: 1025px) {
    .show-for-large-sd {
        display: block
    }
}

.grecaptcha-badge {
    display: none !important
}

.tooltip {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #ffffff;
    font-size: 13px;
    text-align: left;
    line-height: 1;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    font-family: "Sofia-Pro-Regular", sans-serif
}

.tooltip--form {
    display: none;
    top: -83px;
    left: -73px
}

.tooltip--form:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: inset 0.5rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip-container {
    display: inline;
    position: relative
}

.tooltip-container:hover .tooltip--form,
.tooltip-container.is-active .tooltip--form {
    display: block
}

@media (hover: none) {
    .tooltip-container.is-closed .tooltip--form {
        pointer-events: none;
        display: none
    }
}

.payment-tooltip {
    display: inline-block;
    cursor: pointer
}

.payment-tooltip .tooltip--form {
    top: -94px;
    left: -132px;
    background: #083A50
}

.payment-tooltip .tooltip--form:before {
    left: 90%;
    border-color: #083A50 transparent transparent
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-color: #ffffff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media screen and (max-width: 39.99875em) {
    body #ez-cookie-dialog-wrapper #ez-cookie-dialog {
        border-color: #ffffff !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog h2 {
    color: #083A50 !important;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif !important;
    font-size: 20px !important;
    font-weight: normal !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog p {
    color: #4D4D4D !important;
    font-size: 13px !important;
    font-family: "Sofia-Pro-Light", sans-serif !important;
    font-weight: normal !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog button#ez-all-cookies {
    background: #ED8A47 !important;
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #ffffff !important;
    border-radius: 5px;
    font-weight: normal !important;
    padding: 10px 20px !important;
    height: 30px;
    font-size: 18px !important;
    margin-top: 10px
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog button#ez-all-cookies:hover {
    background: #D87634 !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-details {
    font-size: 13px !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    color: #ED8A47 !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-details:hover {
    text-decoration: underline !important;
    cursor: pointer !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-details:after {
    border-top: 4px solid #4D4D4D !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-details.open:after {
    border-bottom: 4px solid #4D4D4D !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #secondary-links a {
    font-size: 13px !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    color: #ED8A47 !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #secondary-links a:hover {
    text-decoration: underline !important;
    cursor: pointer !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #secondary-links .bar {
    color: #ffffff
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-ok-cookies {
    border: none !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #button-row #ez-cookie-details {
    font-size: 13px !important;
    font-family: "Sofia-Pro-Regular", sans-serif !important;
    color: #4D4D4D !important;
    position: relative;
    top: 50px
}

@media screen and (max-width: 39.99875em) {
    body #ez-cookie-dialog-wrapper #ez-cookie-dialog #button-row #ez-cookie-details {
        margin-top: 10px !important
    }
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #button-row #ez-cookie-details:hover {
    color: #4D4D4D !important;
    text-decoration: underline !important;
    cursor: pointer !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-language {
    display: none !important
}

body #ez-cookie-dialog-wrapper #ez-cookie-dialog #ez-cookie-template {
    padding: 20px 10px
}

.ob-unit.ob-rec-text {
    font-family: "Sofia-Pro-Bold", sans-serif !important;
    color: #083A50 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    padding: 10px 0 0 !important
}

@media screen and (max-width: 39.99875em) {
    .ob-unit.ob-rec-text {
        padding: 10px 20px 0px 20px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .ob-widget-items-container {
        margin: 0px !important
    }
}

.AR_2.ob-widget .ob-rec-text {
    max-height: none !important
}

@media screen and (max-width: 39.99875em) {
    .ob-unit.ob-rec-source {
        padding: 0 20px !important
    }
}

.tox-statusbar__branding a {
    display: none
}

.white-right-arrow {
    background: url("../image/white_arrow_right-b7a8f64d2b20c89c814224b3ba1093a8e3148ae6b95c887c8fa07abbc63e1b14.png");
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 0 0 7px
}

.white-arrow {
    color: #ffffff;
    font-size: 30px;
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -349px -24px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 5px
}

@media (max-width: 1200px) and (min-width: 1025px) {
    .white-arrow {
        font-size: 25px
    }
}

@media screen and (max-width: 64.06125em) {
    .white-arrow {
        display: none
    }
}

.white-bg {
    background-color: #ffffff;
    background: #ffffff
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .full-width-container {
        margin: 0 -50px
    }
}

@media screen and (max-width: 39.99875em) {
    .full-width-container {
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .full-width-container {
        margin: 0 -10px
    }
}

.mar-0 {
    margin: 0px
}

.mar-10 {
    margin: 10px
}

.mar-30 {
    margin: 30px
}

.mar-t-20 {
    margin: 20px 0 0 0
}

.mar-top-5 {
    margin-top: 5px !important
}

.mar-top-10 {
    margin-top: 10px !important
}

.mar-top-20 {
    margin-top: 20px
}

.mar-top-30 {
    margin-top: 30px
}

.mar-top-50 {
    margin-top: 50px
}

.mar-top-70 {
    margin-top: 70px
}

.mar-top-100 {
    margin-top: 100px
}

@media screen and (max-width: 39.99875em) {
    .mar-top-10-small {
        margin-top: 10px
    }

    .mar-top-40-small {
        margin-top: 30px
    }
}

.mar-h-auto {
    margin-left: auto;
    margin-right: auto
}

.mar-bot-0 {
    margin-bottom: 0
}

.mar-bot-5 {
    margin-bottom: 5px
}

.mar-bot-10 {
    margin-bottom: 10px !important
}

.mar-bot-15 {
    margin-bottom: 15px !important
}

.mar-bot-20 {
    margin-bottom: 20px !important
}

.mar-bot-25 {
    margin-bottom: 25px
}

.mar-bot-30 {
    margin-bottom: 30px !important
}

.mar-bot-35 {
    margin-bottom: 35px
}

.mar-bot-40 {
    margin-bottom: 40px
}

.mar-bot-50 {
    margin-bottom: 50px
}

.mar-bot-55 {
    margin-bottom: 55px
}

.mar-bot-70 {
    margin-bottom: 70px
}

.mar-l-5 {
    margin-left: 5px
}

.mar-l-10 {
    margin-left: 10px
}

.mar-r-15 {
    margin-right: 15px
}

.mar-r-20 {
    margin-right: 20px
}

@media screen and (min-width: 64.0625em) {
    .mar-bot-40-large {
        margin-bottom: 40px
    }
}

.mar-right-25 {
    margin-right: 25px
}

@media screen and (min-width: 40em) {
    .med-mar-r-10 {
        margin-right: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .mar-top-0-medium-down {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .large-under-4 {
        width: 33.33333%
    }

    .large-under-4 .list-cv-templates .cell {
        width: 100%
    }

    .large-under-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1301px) {
    .large-over-4 {
        width: 50%
    }

    .large-over-8 {
        width: 50%
    }

    .large-over-8 .large-up-4>.cell {
        width: 33.33%
    }

    .large-over-6 {
        width: 50%
    }

    .show-med-only {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .show-for-custom {
        display: block
    }

    .hide-for-custom {
        display: none
    }

    .show-med-only {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .show-for-custom {
        display: none
    }

    .hide-for-custom {
        display: block
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    .medium-over-12 {
        width: 100%
    }

    .medium-over-12 .text-right {
        text-align: left
    }

    .medium-over-6 {
        width: 50%;
        display: inline-block
    }

    .show-med-only {
        width: 100%;
        display: block
    }

    .hide-med-only {
        display: none
    }
}

@media screen and (max-width: 64.06125em) {
    .bg-white-tablet-down {
        background-color: #ffffff
    }
}

.bg-transparent {
    background-color: transparent
}

.bg-primary-off-05 {
    background-color: rgba(8, 58, 80, 0.05)
}

.bg-grey-eb {
    background-color: #EBEBEB
}

.bg-grey-f9 {
    background-color: #f9f9f9
}

.bg-grey-f6 {
    background-color: #f6f6f6
}

.bg-light-blue {
    background-color: #4095DB
}

.bg-red {
    background-color: #801112
}

.bg-light-yellow {
    background-color: #F2CB85
}

.bg-light-green {
    background-color: #74D6C5
}

@media screen and (min-width: 64.0625em) {
    .equalizer-on-large {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

.equalizer-on-medium {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .equalizer-on-medium {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fnt-12 {
    font-size: 12px
}

.fnt-14 {
    font-size: 14px
}

.fnt-15 {
    font-size: 15px
}

.fnt-16 {
    font-size: 16px
}

.fnt-18 {
    font-size: 18px
}

.fnt-20 {
    font-size: 20px
}

.fnt-24 {
    font-size: 24px;
    line-height: 30px
}

.fnt-30 {
    font-size: 30px !important;
    line-height: 38px !important
}

.fnt-31 {
    font-size: 31px;
    line-height: 38px
}

.fnt-35 {
    font-size: 35px
}

.fnt-45 {
    font-size: 45px
}

.fnt-50 {
    font-size: 50px
}

@media screen and (max-width: 39.99875em) {
    .fnt-m-25 {
        font-size: 25px
    }

    .fnt-m-30 {
        font-size: 30px
    }

    .fnt-m-bold {
        font-family: "Sofia-Pro-Bold", sans-serif !important
    }

    .mob-no-pad {
        padding: 0 !important
    }

    .small-mar-bot-10 {
        margin-bottom: 10px !important
    }
}

.ln-h-1px {
    line-height: 1px
}

.ln-h-1 {
    line-height: 1
}

.ln-h-1-1 {
    line-height: 1.1
}

.ln-h-1-2 {
    line-height: 1.2
}

.ln-h-1-3 {
    line-height: 1.3
}

.ln-h-14 {
    line-height: 14px !important
}

.ln-h-16 {
    line-height: 16px !important
}

.ln-h-18 {
    line-height: 18px !important
}

.ln-h-23 {
    line-height: 23px !important
}

.ln-h-24 {
    line-height: 24px !important
}

.ln-h-26 {
    line-height: 26px !important
}

.ln-h-30 {
    line-height: 30px !important
}

.ln-h-40 {
    line-height: 40px !important
}

.cursor-pointer {
    cursor: pointer
}

.relative {
    position: relative
}

.fnt-regular {
    font-family: "Sofia-Pro-Regular", sans-serif
}

.fnt-light {
    font-family: "Sofia-Pro-Light", sans-serif
}

.fnt-bold,
.bold-text {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.grey-clr {
    color: #4D4D4D
}

.grey-off-clr {
    color: rgba(77, 77, 77, 0.8)
}

.clr-white {
    color: #ffffff
}

.underlined {
    text-decoration: underline
}

.uppercase {
    text-transform: uppercase
}

.orange-line {
    border-top: 3px solid #ED8A47;
    width: 38px;
    margin: 30px auto 16px
}

@media screen and (min-width: 1025px) {
    .desktop-only-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mv_slot_target {
    margin-top: 20px
}

.mv_slot_target--container .mv-ad-box {
    margin: 0 0 20px 0 !important
}

.width-100 {
    width: 100%
}

.max-width-450 {
    max-width: 450px
}

.max-width-500 {
    max-width: 500px
}

.brd-radius-5 {
    border-radius: 5px
}

.brd-radius-25 {
    border-radius: 25px
}

.input-with-container.brd-radius-25 input {
    border-radius: 25px
}

.input-with-container.text-center input {
    text-align: center
}

.input-with-button.brd-radius-25 input {
    border-radius: 25px
}

.input-with-button.text-center input {
    text-align: center
}

.ticked-txt {
    font-size: 15px;
    line-height: 19px;
    display: inline-block;
    margin-right: 7px;
    margin-left: 5px;
    color: rgba(8, 58, 80, 0.5);
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

.ticked-txt:last-child {
    margin-right: 0
}

.ticked-txt:before {
    content: "";
    margin-right: 7px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 14px;
    width: 7px;
    border-bottom: 2px solid #17CB41;
    border-right: 2px solid #17CB41;
    display: inline-block
}

.speech-bubble {
    padding: 30px 20px 5px;
    background-color: #f6f6f6;
    color: #666666;
    position: relative;
    margin-bottom: 100px;
    border-radius: 27px;
    max-width: 450px
}

.speech-bubble h4,
.speech-bubble p {
    margin-bottom: 20px
}

.speech-bubble p {
    font-size: 15px
}

.speech-bubble .tiny-txt {
    font-size: 12px;
    color: #666666;
    font-family: "Sofia-Pro-Light", sans-serif;
    padding-left: 5px
}

.speech-bubble .cv-bundle-icon {
    margin: 0 2.5px
}

.speech-bubble::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 70px;
    right: 80px;
    bottom: -60px;
    background-image: -webkit-linear-gradient(335deg, #f6f6f6 30px, transparent 30px);
    background-image: linear-gradient(115deg, #f6f6f6 30px, transparent 30px)
}

.speech-bubble--white {
    background-color: #ffffff
}

.speech-bubble--white .tiny-txt {
    opacity: 0.5
}

.speech-bubble--small {
    padding: 20px;
    margin-bottom: 20px
}

.speech-bubble--small h4,
.speech-bubble--small p {
    margin: 0
}

.speech-bubble--small h4 {
    font-size: 16px
}

.speech-bubble--small .cv-bundle-icon {
    margin: 0 0 0 3px
}

.speech-bubble--small::after {
    width: 25px;
    height: 40px;
    right: 43px;
    bottom: -37px;
    background-image: -webkit-linear-gradient(315deg, #f6f6f6 17px, transparent 17px);
    background-image: linear-gradient(135deg, #f6f6f6 17px, transparent 17px)
}

.speech-bubble--small.speech-bubble--white::after {
    background-image: -webkit-linear-gradient(315deg, #fff 17px, transparent 17px);
    background-image: linear-gradient(135deg, #fff 17px, transparent 17px)
}

.circle {
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.circle.grey {
    background-color: #083A50;
    opacity: 0.2
}

.circle.dark-orange {
    background-color: #EC8A47
}

.circle.blue-stripes {
    background: -webkit-repeating-linear-gradient(45deg, #083A50, #083A50 3px, transparent 3px, transparent 9px);
    background: repeating-linear-gradient(45deg, #083A50, #083A50 3px, transparent 3px, transparent 9px)
}

.circle.blue-stripes-small {
    background: -webkit-repeating-linear-gradient(45deg, #083A50, #083A50 2px, transparent 2px, transparent 6px);
    background: repeating-linear-gradient(45deg, #083A50, #083A50 2px, transparent 2px, transparent 6px)
}

.circle.white-stripes-small {
    background: -webkit-repeating-linear-gradient(45deg, #FEFEFE, #FEFEFE 2px, transparent 2px, transparent 6px);
    background: repeating-linear-gradient(45deg, #FEFEFE, #FEFEFE 2px, transparent 2px, transparent 6px)
}

.circle.orange {
    background-color: #ED8A47;
    opacity: 0.3
}

.circle.white {
    background-color: #FFFFFF;
    opacity: 0.5
}

.circle.white-o-6 {
    background-color: #FFFFFF;
    opacity: 0.6
}

.circle.white-light {
    background-color: #FFFFFF;
    opacity: 0.3
}

.circle.orange-20 {
    background-color: #D7A420
}

.icon-in-circle {
    border-radius: 50%;
    height: 22px;
    width: 22px
}

.icon-in-circle--plus {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 697.1 282.6" style="enable-background:new 0 0 697.1 282.6;" xml:space="preserve"><g><path xmlns="http://www.w3.org/2000/svg" d="M131,12.7c-5.9,0-10.7,4.8-10.7,10.7S125.1,34,131,34c5.9,0,10.7-4.8,10.7-10.7S136.9,12.7,131,12.7z%20M136,24.4%20%20h-4v4h-2v-4h-4v-2h4v-4h2v4h4V24.4z" fill="#ED8A47" /></g></svg>')
}

.img-test {
    background-color: orangered
}

.mv-ad-box {
    z-index: 1
}

.txt-half-bg {
    position: relative;
    text-decoration: none
}

.txt-half-bg::before {
    position: absolute;
    background-color: rgba(237, 138, 71, 0.6);
    top: 50%;
    bottom: 0;
    display: inline-block;
    content: '';
    left: 0;
    right: 0;
    z-index: -1
}

#ezPrivacyCenter {
    font-size: 16px !important;
    padding: 5px 0 4px 2px !important;
    border-radius: 4px 0 0 4px !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.carousel-wrapper {
    visibility: visible
}

@media screen and (max-width: 64.06125em) {

    .carousel-wrapper.for-logos .grid-container,
    .carousel-wrapper.for-cv-tips .grid-container {
        padding: 50px 0
    }
}

@media screen and (max-width: 39.99875em) {

    .carousel-wrapper.for-logos .grid-container,
    .carousel-wrapper.for-cv-tips .grid-container {
        padding: 40px 0
    }
}

@media screen and (max-width: 39.99875em) {

    .carousel-wrapper.for-awards .grid-container,
    .carousel-wrapper.for-featured-logos .grid-container {
        padding: 40px 0
    }
}

.carousel-wrapper.for-journey {
    background: #EFEFEF
}

.carousel-wrapper.for-journey .carousel-title {
    font-size: 25px;
    line-height: 30px;
    color: #ED8A47;
    text-align: left;
    margin: 0
}

@media screen and (max-width: 64.06125em) {
    .carousel-wrapper.for-journey .carousel-title {
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-journey .carousel-title {
        font-size: 20px;
        line-height: 20px;
        padding: 0 30px
    }
}

.carousel-wrapper.for-journey .carousel-journey-desc {
    font-size: 50px;
    line-height: 50px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 10px 0 40px 0;
    color: #083A50
}

@media screen and (max-width: 64.06125em) {
    .carousel-wrapper.for-journey .carousel-journey-desc {
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-journey .carousel-journey-desc {
        font-size: 30px;
        line-height: 40px;
        padding: 0 30px
    }
}

@media screen and (max-width: 64.06125em) {
    .carousel-wrapper.for-journey .grid-container {
        padding: 50px 0 !important;
        max-width: unset !important
    }
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-journey .grid-container {
        padding: 40px 0
    }
}

@media screen and (max-width: 64.06125em) {
    .carousel-wrapper.for-team .grid-container {
        padding: 50px 0 !important;
        max-width: unset !important
    }

    .carousel-wrapper.for-team .grid-container .about__title,
    .carousel-wrapper.for-team .grid-container .about__desc,
    .carousel-wrapper.for-team .grid-container .about__team-tabs {
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-team .grid-container {
        padding: 40px 0
    }

    .carousel-wrapper.for-team .grid-container .about__title,
    .carousel-wrapper.for-team .grid-container .about__desc,
    .carousel-wrapper.for-team .grid-container .about__team-tabs {
        padding: 0 30px
    }
}

.carousel-wrapper.for-articles .carousel-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    text-align: left;
    color: #ffffff
}

.carousel-wrapper.for-companies {
    background: #f6f6f6
}

.carousel-wrapper.for-companies .carousel-title {
    text-align: left
}

.carousel-wrapper.for-companies .slider-wrapper {
    max-width: 1396px
}

@media (max-width: 1440px) and (min-width: 1025px) {
    .carousel-wrapper.for-companies .slider-wrapper {
        max-width: 1025px
    }
}

.carousel-wrapper.for-awards {
    background: #f6f6f6
}

.carousel-wrapper.for-awards .carousel-title {
    color: #ED8A47;
    margin: 0
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-awards .carousel-title {
        padding: 0 30px
    }
}

.carousel-wrapper.for-awards .carousel-awards-desc {
    font-size: 30px;
    line-height: 35px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    max-width: 580px;
    margin: 0 auto 50px auto
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-awards .carousel-awards-desc {
        padding: 0 30px
    }
}

.carousel-wrapper.for-featured-logos .heading-orange {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ED8A47;
    font-size: 25px;
    line-height: 30px
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-featured-logos .grid-padding-x {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.carousel-wrapper.for-featured-logos.for-templates .heading-orange {
    color: #4D4D4D;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.carousel-wrapper.for-logos.about {
    background: #f6f6f6
}

.carousel-wrapper.for-logos .slider-wrapper {
    max-width: 1392px
}

.carousel-wrapper.for-logos .carousel-title {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    text-align: center
}

.carousel-wrapper.for-home-page .grid-container {
    padding-top: 0 !important;
    padding-bottom: 55px !important
}

.carousel-wrapper.for-home-page .heading-orange {
    color: #4D4D4D;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 18px
}

.carousel-wrapper.for-advertise {
    background: #EFEFEF
}

@media screen and (max-width: 39.99875em) {

    .carousel-wrapper.for-advertise .heading-orange,
    .carousel-wrapper.for-advertise .subheading-blue {
        padding: 0 30px
    }
}

@media screen and (max-width: 359px) {

    .carousel-wrapper.for-advertise .heading-orange,
    .carousel-wrapper.for-advertise .subheading-blue {
        padding: 0 10px
    }
}

@media screen and (max-width: 39.99875em) {

    .carousel-wrapper.for-partners .heading-orange,
    .carousel-wrapper.for-partners .subheading-blue {
        padding: 0 30px
    }
}

@media screen and (max-width: 359px) {

    .carousel-wrapper.for-partners .heading-orange,
    .carousel-wrapper.for-partners .subheading-blue {
        padding: 0 10px
    }
}

.carousel-wrapper.for-form {
    background: #f6f6f6
}

.carousel-wrapper.for-form input,
.carousel-wrapper.for-form select,
.carousel-wrapper.for-form textarea {
    background: #ffffff;
    text-overflow: ellipsis;
    font-size: 15px
}

.carousel-wrapper.for-form .multeselect-area {
    background: #ffffff
}

.carousel-wrapper.for-form .carousel-subtitle {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.carousel-wrapper.for-recruit {
    padding: 0;
    background: url("https://cdn3.careeraddict.com/recruit.jpg");
    min-height: 631px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%
}

.carousel-wrapper.for-recruit .layer {
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%;
    min-height: 631px;
    padding: 80px
}

.carousel-wrapper.for-recruit .carousel-title {
    color: white;
    text-align: left;
    padding: 0
}

.carousel-wrapper.for-recruit .carousel-description {
    font-size: 50px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #ffffff;
    opacity: 0.8;
    text-align: left;
    max-width: 700px
}

@media screen and (max-width: 39.99875em) {
    .carousel-wrapper.for-recruit .carousel-description {
        font-size: 30px
    }
}

.carousel-wrapper.for-recruit .slider-wrapper {
    padding-top: 100px
}

.carousel-wrapper .button-orange {
    min-width: 140px !important
}

.carousel-wrapper button {
    min-width: unset
}

.carousel-wrapper .hidden {
    display: none !important
}

.carousel-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 auto 40px auto
}

.slider-wrapper {
    margin: 0 auto !important
}

@media (max-width: 1560px) and (min-width: 1171px) {
    .slider-wrapper {
        max-width: 1220px
    }
}

@media (max-width: 1170px) and (min-width: 768px) {
    .slider-wrapper {
        max-width: 900px
    }
}

.slick-prev,
.slick-next {
    width: 50px !important;
    height: 50px !important;
    background: #ffffff !important;
    border-radius: 5px !important;
    position: absolute !important;
    top: 50% !important;
    font-size: 0;
    line-height: 0;
    display: block;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-next:hover {
    background: #ED8A47 !important
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -81px !important
}

.slick-prev:before {
    content: url("../image/grey_arrow_left-c64374773526f9dac8d00d8380852e5d43e61d5bc3408a8a44930cdeec9b64f3.svg") !important
}

.slick-prev:hover:before {
    content: url("../image/white_arrow_left-8e382e4812166befe2f5ab0ee3eaee08003596d4eb9d695b8919e6b9546c6715.svg") !important
}

@media (max-width: 1600px) and (min-width: 1400px) {
    .slick-prev {
        left: -67px !important
    }
}

.slick-next {
    right: -69px !important
}

.slick-next:before {
    content: url("../image/grey_arrow-a4cb17a36a9f3648f1bf5b08f488a4a41181645fe4bc327dfada7fa9271d97d1.svg") !important
}

.slick-next:hover:before {
    content: url("../image/white_arrow-5b32399a75ef2faea71e73f54ebbcfb058dd1cf6fabf7739d380ca7af9e2e2c1.svg") !important
}

@media (max-width: 1600px) and (min-width: 1440px) {
    .slick-next {
        right: -55px !important
    }
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.card-wrapper {
    background: transparent !important
}

.career-paths-slider {
    width: 100%
}

@media print,
screen and (min-width: 64.0625em) {
    .career-paths-slider {
        padding: 0 !important;
        margin-left: 10px !important
    }
}

@media screen and (min-width: 640px) and (max-width: 1025px) {
    .career-paths-slider {
        padding: 0 50px
    }
}

@media screen and (max-width: 64.06125em) {
    .career-paths-slider {
        overflow: hidden;
        margin: 0 0 0 30px
    }

    .career-paths-slider .slick-list {
        margin: 0;
        overflow: visible
    }

    .career-paths-slider .article {
        max-width: none
    }
}

@media screen and (max-width: 39.99875em) {
    .career-paths-slider .slick-list {
        margin: 0 30px;
        overflow: visible
    }
}

.career-paths-slider .card-wrapper {
    display: inline-block;
    width: calc(32.8% - 5px);
    margin-right: 5px;
    padding-right: 15px
}

.career-paths-slider .card-wrapper h3 {
    font-size: 20px !important;
    line-height: 1.8
}

@media screen and (min-width: 1025px) {
    .career-paths-slider .slick-slide {
        display: inline-block !important;
        width: calc(32.8% - 5px) !important
    }

    .career-paths-slider .card-wrapper {
        padding-right: 5px
    }

    .career-paths-slider .article.career {
        margin-bottom: 5px !important
    }
}

.career-paths-slider .article.career .article-details-title {
    margin-top: -59px
}

@media screen and (max-width: 64.06125em) {
    .career-paths-slider {
        margin: 40px 0 0 0 !important
    }

    .career-paths-slider .article {
        margin: 0 !important
    }
}

.career-paths-slider .article .article-details-title {
    margin-left: -50%;
    text-align: left
}

.articles-slider,
.categories-slider {
    width: 100%
}

@media screen and (max-width: 64.06125em) {

    .articles-slider,
    .categories-slider {
        overflow: hidden
    }

    .articles-slider .slick-list,
    .categories-slider .slick-list {
        margin: 0 50px;
        overflow: visible
    }
}

.articles-slider .card-wrapper,
.categories-slider .card-wrapper {
    padding-right: 15px
}

@media screen and (max-width: 39.99875em) {

    .articles-slider .card-wrapper,
    .categories-slider .card-wrapper {
        padding-right: 10px
    }
}

.articles-slider .article-details-desc,
.categories-slider .article-details-desc {
    max-width: 300px
}

@media (max-width: 1160px) and (min-width: 1080px) {

    .articles-slider .article-details-desc,
    .categories-slider .article-details-desc {
        min-height: 130px
    }
}

.articles-slider .article {
    min-height: 350px
}

@media screen and (min-width: 64.0625em) {
    .articles-slider {
        margin: 0 15px 0 0 !important
    }
}

@media screen and (max-width: 39.99875em) {
    .articles-slider .slick-list {
        margin: 0 30px;
        overflow: visible
    }
}

.categories-slider {
    margin: 0 15px 0 !important
}

@media screen and (max-width: 64.06125em) {
    .categories-slider {
        margin: 0 !important
    }
}

.categories-slider .article {
    margin: 0 !important
}

@media (max-width: 1100px) {
    .categories-slider {
        overflow: hidden
    }

    .categories-slider .slick-list {
        margin: 0 50px 0 0 !important;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .categories-slider .slick-list {
        margin: 0 30px !important
    }
}

.home-featured-slider {
    width: 100%
}

@media screen and (min-width: 64.0625em) {
    .home-featured-slider .slick-list {
        margin-right: -13px
    }
}

@media screen and (max-width: 64.06125em) {
    .home-featured-slider {
        overflow: hidden
    }

    .home-featured-slider .slick-list {
        margin: 0 50px 0 0;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .home-featured-slider .slick-list {
        margin: 0 30px !important
    }
}

@media screen and (max-width: 359px) {
    .home-featured-slider .slick-list {
        margin: 0 10px !important
    }
}

.home-featured-slider .card-wrapper {
    padding-right: 15px
}

@media screen and (max-width: 39.99875em) {
    .home-featured-slider .card-wrapper {
        padding-right: 10px
    }
}

.home-featured-slider.with-articles .see-all-items {
    margin: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .home-featured-slider.with-articles .see-all-items {
        margin: 0 50px 30px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .home-featured-slider.with-articles .see-all-items {
        margin: 0 auto
    }
}

.home-featured-slider.with-articles .slick-slide {
    position: relative
}

@media screen and (max-width: 39.99875em) {
    .home-featured-slider.with-articles .card-wrapper {
        padding-right: 0
    }
}

@media screen and (min-width: 64.0625em) {
    .home-featured-slider.with-articles .article-details-desc {
        min-height: 105px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .home-featured-slider.with-articles .article-details-desc {
        min-height: 80px
    }
}

@media screen and (min-width: 1281px) {
    .home-featured-slider.with-articles .article-details-desc {
        font-size: 30px !important;
        line-height: 35px !important
    }
}

.home-featured-slider.with-articles .article-details-desc.career {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

@media screen and (min-width: 1281px) {

    .home-featured-slider.with-articles .article-details-date,
    .home-featured-slider.with-articles .comments-number {
        font-size: 18px !important;
        line-height: 26px !important
    }
}

@-webkit-keyframes upDown {
    0% {
        top: 80px
    }

    50% {
        top: 0
    }

    100% {
        top: 80px
    }
}

@keyframes upDown {
    0% {
        top: 80px
    }

    50% {
        top: 0
    }

    100% {
        top: 80px
    }
}

@-webkit-keyframes downUp {
    0% {
        top: 0
    }

    50% {
        top: 80px
    }

    100% {
        top: 0
    }
}

@keyframes downUp {
    0% {
        top: 0
    }

    50% {
        top: 80px
    }

    100% {
        top: 0
    }
}

.about-us__slider {
    width: 100%
}

@media (min-width: 1440px) {
    .about-us__slider {
        margin: 0 -10px 30px 0
    }
}

@media screen and (max-width: 64.06125em) {
    .about-us__slider {
        overflow: hidden
    }

    .about-us__slider .slick-list {
        margin: 90px 50px 0 50px;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .about-us__slider .slick-list {
        margin: 0 26px
    }
}

.about-us__slider .slick-list {
    padding: 0 0 16px 0
}

.about-us__slider .slick-track {
    margin-left: unset !important
}

.about-us__slider .slick-slide {
    padding: 0 10px
}

@media screen and (max-width: 39.99875em) {
    .about-us__slider .slick-slide {
        padding: 0 7px
    }
}

.about-us__slider .slick-prev,
.about-us__slider .slick-next {
    background: transparent !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid #184B5E;
    border-radius: 50% !important;
    position: absolute !important;
    top: -100px !important;
    margin: 0;
    overflow: visible
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .about-us__slider .slick-prev,
    .about-us__slider .slick-next {
        top: 0px !important
    }
}

.about-us__slider .slick-prev:hover,
.about-us__slider .slick-next:hover {
    background: transparent !important
}

.about-us__slider .slick-prev:hover .slider-arrow--next,
.about-us__slider .slick-next:hover .slider-arrow--next {
    background: url("../image/orange_arrow_right-8df01458361c23fdfe8bc135fb4eac7590fdca2791719a5cb3c9c821ebf853f2.svg") no-repeat
}

.about-us__slider .slick-prev:hover .slider-arrow--prev,
.about-us__slider .slick-next:hover .slider-arrow--prev {
    background: url("../image/orange_arrow_left-d19198f6a8592bd7487ccbc3e735f7658fc9bc71b8740b3851a66e38b0da24b3.svg") no-repeat
}

.about-us__slider .slick-next {
    right: 0 !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about-us__slider .slick-next {
        right: 50px !important
    }
}

.about-us__slider .slick-next:before {
    content: '' !important
}

.about-us__slider .slick-prev {
    left: calc(100% - 125px) !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about-us__slider .slick-prev {
        left: calc(100% - 175px) !important
    }
}

.about-us__slider .slick-prev:before {
    content: '' !important
}

.about-us__slider .slider-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.about-us__slider .slider-arrow--next {
    background: url("../image/blue_arrow_right-96cf7ffe69c5839be4a2d2c0982fe8e422aa56a20a540f931830c1d1b661e857.svg") no-repeat
}

.about-us__slider .slider-arrow--prev {
    background: url("../image/blue_arrow_left-2be3c131d043de958bd49a3b57b47826fe17d186c3c60e0f18eac0a8b58680bf.svg") no-repeat
}

.about-us__slider .slider-bar {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #C4C4C4;
    height: 3px;
    margin-top: 60px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about-us__slider .slider-bar {
        margin: 60px 50px 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .about-us__slider .slider-bar {
        margin: 60px 30px 0 30px
    }
}

.about-us__slider .slider-bar li,
.about-us__slider .slider-bar button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 3px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    color: transparent
}

.about-us__slider .slider-bar li button {
    color: transparent;
    position: relative;
    top: -8px;
    padding: 10px 0
}

.about-us__slider .slider-bar .slick-active {
    background: #ED8A47
}

.about-us__slider--team .slick-prev,
.about-us__slider--team .slick-next {
    top: -80px !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .about-us__slider--team .slick-prev,
    .about-us__slider--team .slick-next {
        top: 0px !important
    }
}

.slick-slider--with-arrows .slick-slide {
    padding-right: 10px;
    padding-left: 10px
}

.slick-slider--with-arrows .slick-list {
    margin-right: -10px;
    margin-left: -10px
}

.slick-slider--with-arrows .slick-prev,
.slick-slider--with-arrows .slick-next {
    background: transparent !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid #184B5E;
    border-radius: 50% !important;
    position: absolute !important;
    top: -74px !important;
    margin: 0;
    overflow: visible
}

.slick-slider--with-arrows .slick-prev:hover,
.slick-slider--with-arrows .slick-next:hover {
    background: transparent !important
}

.slick-slider--with-arrows .slick-prev:hover .slider-arrow--next,
.slick-slider--with-arrows .slick-next:hover .slider-arrow--next {
    background: url("../image/orange_arrow_right-8df01458361c23fdfe8bc135fb4eac7590fdca2791719a5cb3c9c821ebf853f2.svg") no-repeat
}

.slick-slider--with-arrows .slick-prev:hover .slider-arrow--prev,
.slick-slider--with-arrows .slick-next:hover .slider-arrow--prev {
    background: url("../image/orange_arrow_left-d19198f6a8592bd7487ccbc3e735f7658fc9bc71b8740b3851a66e38b0da24b3.svg") no-repeat
}

.slick-slider--with-arrows .slick-next {
    right: 0 !important
}

.slick-slider--with-arrows .slick-next:before {
    content: '' !important
}

.slick-slider--with-arrows .slick-prev {
    left: calc(100% - 125px) !important
}

.slick-slider--with-arrows .slick-prev:before {
    content: '' !important
}

.slick-slider--with-arrows .slider-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.slick-slider--with-arrows .slider-arrow--next {
    background: url("../image/blue_arrow_right-96cf7ffe69c5839be4a2d2c0982fe8e422aa56a20a540f931830c1d1b661e857.svg") no-repeat
}

.slick-slider--with-arrows .slider-arrow--prev {
    background: url("../image/blue_arrow_left-2be3c131d043de958bd49a3b57b47826fe17d186c3c60e0f18eac0a8b58680bf.svg") no-repeat
}

.slick-slider--with-arrows .slick-disabled {
    opacity: 0.7
}

.awards-slider .slick-slider {
    width: 100%;
    margin-bottom: 0 !important
}

@media screen and (max-width: 39.99875em) {
    .awards-slider .slick-slider {
        overflow: hidden
    }

    .awards-slider .slick-slider .slick-list {
        margin: 0 50px;
        overflow: visible
    }
}

.awards-slider .slick-list {
    max-width: 1100px;
    margin: 0 auto
}

.awards-slider .slick-slide {
    padding: 0 40px
}

@media screen and (max-width: 64.06125em) {
    .awards-slider .slick-slide {
        padding: 0 20px
    }
}

.awards-slider .award-block:focus {
    outline: none
}

.awards-slider .award-block img {
    max-width: 141px;
    max-height: 141px;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.awards-slider .slick-prev,
.awards-slider .slick-next {
    background: #ffffff !important;
    top: 37% !important
}

.awards-slider .slick-prev:hover,
.awards-slider .slick-next:hover {
    background: #ED8A47 !important
}

.featured-logos-slider .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.featured-logos-slider .slick-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0 !important
}

@media screen and (max-width: 39.99875em) {
    .featured-logos-slider .slick-slider {
        overflow: hidden
    }

    .featured-logos-slider .slick-slider .slick-list {
        margin: 0 50px;
        overflow: visible
    }
}

.featured-logos-slider .slick-slide {
    margin: 0 25px;
    padding: 0
}

@media screen and (min-width: 64.0625em) {
    .featured-logos-slider .slick-slide {
        max-width: 200px
    }
}

.featured-logos-slider .logo-block {
    text-align: -webkit-center
}

.featured-logos-slider .logo-block:focus,
.featured-logos-slider .logo-block a:focus {
    outline: none
}

.logo-slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0 !important
}

@media screen and (max-width: 64.06125em) {
    .logo-slider {
        overflow: hidden
    }

    .logo-slider .slick-list {
        margin: 0 50px;
        overflow: visible
    }
}

.logo-slider .logo-block {
    text-align: -webkit-center;
    padding: 0 15px;
    height: 62px
}

.logo-slider .logo-block:focus {
    outline: none
}

.logo-slider .logo-block img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: relative
}

.career-hunter-slider {
    width: 100%
}

@media print,
screen and (min-width: 64.0625em) {
    .career-hunter-slider {
        left: 15px;
        float: right;
        margin-bottom: 0
    }
}

@media screen and (max-width: 64.06125em) {
    .career-hunter-slider {
        margin: 20px 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .career-hunter-slider {
        padding: 0 50px;
        overflow: hidden
    }

    .career-hunter-slider .slick-list {
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .career-hunter-slider {
        overflow: hidden
    }

    .career-hunter-slider .slick-list {
        margin: 0 30px;
        overflow: visible
    }
}

.career-hunter-slider .slick-slide {
    padding-right: 15px
}

.career-hunter-slider .block {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media (max-width: 1350px) and (min-width: 1025px) {
    .career-hunter-slider .block {
        padding: 20px
    }
}

.career-hunter-slider .text {
    color: #ffffff;
    max-width: 200px;
    text-align: center;
    margin: 40px auto 0 auto;
    font-size: 18px;
    font-family: "Sofia-Pro-Semi-Bold", sans-serif
}

@media screen and (max-width: 64.06125em) {
    .comments-slider {
        margin: 20px -20px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .comments-slider {
        margin: 0 -50px;
        overflow: hidden
    }

    .comments-slider .slick-list {
        overflow: visible;
        padding: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .comments-slider {
        overflow: hidden
    }

    .comments-slider .slick-list {
        padding: 0 20px;
        overflow: visible
    }
}

.comments-slider .slick-slide {
    margin: 0 15px 0 0
}

.form-slider {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 0 !important
}

.form-slider .slick-slide {
    position: relative
}

.form-slider .slick-dots {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px
}

.form-slider .slick-dots li button {
    position: absolute;
    top: -407px;
    margin: 0 auto
}

@media screen and (max-width: 39.99875em) {
    .form-slider .slick-dots li button {
        top: -380px
    }
}

.form-slider .slick-dots li.slick-active button:before {
    color: #ED8A47;
    opacity: 1
}

.form-slider .slick-dots li button:before {
    font-size: 12px;
    color: #4D4D4D
}

.form-slider .slick-dots li button:hover:before {
    color: #ED8A47;
    -webkit-animation: fadeIn 0.5s ease forwards;
    animation: fadeIn 0.5s ease forwards
}

@media screen and (max-width: 39.99875em) {
    .form-slider {
        width: 100%
    }
}

.career-paths:not(.articles-results) .article {
    margin-bottom: 10px !important
}

@media screen and (max-width: 64.06125em) {
    .career-paths:not(.articles-results) .grid-container {
        padding: 50px 0
    }

    .career-paths:not(.articles-results) .grid-container h2 {
        padding: 0 50px
    }

    .career-paths:not(.articles-results) .grid-container .button-light-blue {
        margin: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .career-paths:not(.articles-results) .grid-container {
        padding: 40px 0
    }

    .career-paths:not(.articles-results) .grid-container h2 {
        padding: 0 30px
    }

    .career-paths:not(.articles-results) .grid-container .button-light-blue {
        margin: 0 30px
    }
}

.services-pages .carousel-wrapper .articles-slider .slick-prev,
.services-pages .carousel-wrapper .articles-slider .slick-next {
    background: rgba(255, 255, 255, 0.2) !important
}

.services-pages .carousel-wrapper .articles-slider .slick-prev:hover,
.services-pages .carousel-wrapper .articles-slider .slick-next:hover {
    background: #ED8A47 !important
}

.services-pages .carousel-wrapper .articles-slider .slick-prev:before {
    content: url("../image/white_arrow_left-8e382e4812166befe2f5ab0ee3eaee08003596d4eb9d695b8919e6b9546c6715.svg") !important
}

.services-pages .carousel-wrapper .articles-slider .slick-next:before {
    content: url("../image/white_arrow-5b32399a75ef2faea71e73f54ebbcfb058dd1cf6fabf7739d380ca7af9e2e2c1.svg") !important
}

@media screen and (max-width: 539px) {
    .templates-slider-area {
        height: 227px !important
    }
}

.templates-slider-container {
    position: relative
}

.templates-slider-container img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.templates-slider-container .file-details {
    position: absolute;
    left: 15px;
    bottom: 30px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .templates-slider-container .file-details {
        left: -5px;
        bottom: -40px
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-slider-container .file-details {
        left: 0;
        bottom: -30px
    }
}

.templates-slider-container .file-details span {
    background-color: rgba(8, 58, 80, 0.8);
    color: #ffffff;
    padding: 0 10px;
    margin: 0 5px;
    line-height: 30px;
    font-size: 18px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (max-width: 64.06125em) {
    .templates-slider-container .file-details span:first-child {
        margin-left: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-slider-container .file-details span {
        font-size: 12px;
        padding: 0 8px;
        margin: 0 2.5px
    }
}

@media screen and (max-width: 280px) {
    .templates-slider-container .file-details span {
        padding: 0 6px
    }
}

.templates-slider-container .templates-slider {
    height: 100%
}

@media screen and (max-width: 64.06125em) {

    .templates-slider-container .templates-slider:not(.templates-bundle) .slick-arrow.slick-prev,
    .templates-slider-container .templates-slider:not(.templates-bundle) .slick-arrow.slick-next {
        top: 50% !important;
        bottom: auto
    }
}

@media screen and (min-width: 64.0625em) {
    .templates-slider-container .templates-slider .slick-list {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .templates-slider-container .templates-slider .slick-list {
        margin: 0 -50px
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-slider-container .templates-slider .slick-list {
        margin: 0 -30px
    }
}

@media screen and (max-width: 359px) {
    .templates-slider-container .templates-slider .slick-list {
        margin: 0 -10px
    }
}

.templates-slider-container .templates-slider .slick-arrow.slick-prev,
.templates-slider-container .templates-slider .slick-arrow.slick-next {
    min-width: 50px;
    top: auto !important;
    bottom: 30px;
    z-index: 1
}

.templates-slider-container .templates-slider .slick-arrow.slick-prev:hover,
.templates-slider-container .templates-slider .slick-arrow.slick-next:hover {
    background: #74D6C5 !important
}

@media screen and (max-width: 39.99875em) {

    .templates-slider-container .templates-slider .slick-arrow.slick-prev,
    .templates-slider-container .templates-slider .slick-arrow.slick-next {
        min-width: 30px !important;
        width: 30px !important;
        height: 30px !important
    }
}

.templates-slider-container .templates-slider .slick-arrow.slick-next {
    right: 30px !important
}

@media screen and (max-width: 64.06125em) {
    .templates-slider-container .templates-slider .slick-arrow.slick-next {
        right: -15px !important
    }
}

@media screen and (max-width: 359px) {
    .templates-slider-container .templates-slider .slick-arrow.slick-next {
        right: 0 !important
    }
}

.templates-slider-container .templates-slider .slick-arrow.slick-prev {
    right: 90px !important;
    left: auto !important
}

@media screen and (max-width: 64.06125em) {
    .templates-slider-container .templates-slider .slick-arrow.slick-prev {
        left: -15px !important
    }
}

@media screen and (max-width: 359px) {
    .templates-slider-container .templates-slider .slick-arrow.slick-prev {
        left: 0 !important
    }
}

.templates-slider-container .templates-slider .img-container {
    position: relative;
    height: 540px
}

@media screen and (max-width: 539px) {
    .templates-slider-container .templates-slider .img-container {
        height: 220px !important
    }
}

.templates-slider-container .templates-slider .img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 64.0625em) {
    .templates-slider-container .templates-slider .img-container img {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }
}

@media screen and (min-width: 64.0625em) {
    .templates-slider-container .templates-slider .img-container.large img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media screen and (max-width: 64.06125em) {
    .templates-slider-container .templates-slider .img-container.large img {
        border-radius: 0
    }
}

.templates-slider-container .templates-slider .img-container.templates-bundle {
    background-image: url(../image/get-bundle-background-f9e0e11516bf480867e3e2dd7d2c235e39e8b4f9694fa5bba96f997c937730a1.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 542px;
    position: relative
}

.templates-slider-container .templates-slider .img-container.templates-bundle .doc-img {
    height: auto;
    position: absolute;
    bottom: 0
}

.templates-slider-container .templates-slider .img-container.templates-bundle .blue-label-img {
    width: 270px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .doc-img {
        height: auto
    }
}

@media screen and (max-width: 1441px) and (min-width: 1366px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 580px
    }
}

@media screen and (max-width: 1365px) and (min-width: 1279px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 524px
    }
}

@media screen and (max-width: 1278px) and (min-width: 1025px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 542px
    }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 482px
    }

    .templates-slider-container .templates-slider .img-container.templates-bundle .doc-img {
        height: auto;
        width: 782px;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media screen and (min-width: 540px) and (max-width: 640px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 477px
    }
}

@media screen and (max-width: 39.99875em) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .blue-label-img {
        height: 200px;
        width: 200px
    }
}

@media screen and (max-width: 374px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle {
        height: 206px
    }

    .templates-slider-container .templates-slider .img-container.templates-bundle .blue-label-img {
        height: 157px;
        width: 157px
    }
}

@media screen and (max-width: 539px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .doc-img {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        height: 190px;
        width: auto;
        margin: 0 auto
    }
}

.templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
    position: absolute;
    right: 6%;
    height: 147px;
    z-index: 3;
    top: 18px;
    width: auto
}

@media screen and (max-width: 1441px) and (min-width: 1366px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        top: 85px
    }
}

@media screen and (max-width: 1365px) and (min-width: 1231px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        height: 135px;
        top: 155px
    }
}

@media screen and (max-width: 1230px) and (min-width: 1125px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        height: 135px;
        top: 175px
    }
}

@media screen and (max-width: 1124px) and (min-width: 1025px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        height: 115px;
        top: 216px
    }
}

@media screen and (max-width: 1024px) and (min-width: 900px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        right: 13%
    }
}

@media screen and (max-width: 899px) and (min-width: 730px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        right: 10%
    }
}

@media screen and (max-width: 729px) and (min-width: 691px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        right: 8%;
        top: 23px
    }
}

@media screen and (max-width: 690px) and (min-width: 640px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        right: 8%;
        top: 45px
    }
}

@media screen and (max-width: 639px) and (min-width: 590px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        top: 60px
    }
}

@media screen and (max-width: 591px) and (min-width: 540px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        top: 80px
    }
}

@media screen and (max-width: 539px) and (min-width: 400px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        height: 78px;
        right: 18%
    }
}

@media screen and (max-width: 539px) {
    .templates-slider-container .templates-slider .img-container.templates-bundle .seven-in-one {
        height: 78px
    }
}

.templates-slider-container .templates-slider.templates-bundle .slick-prev,
.templates-slider-container .templates-slider.templates-bundle .slick-next {
    background: rgba(8, 58, 80, 0.8) !important
}

.templates-slider-container .templates-slider.templates-bundle .slick-prev.slick-disabled:before,
.templates-slider-container .templates-slider.templates-bundle .slick-next.slick-disabled:before {
    opacity: .5
}

.templates-slider-container .templates-slider.templates-bundle .slick-prev:before {
    content: url("../image/white_arrow_left-8e382e4812166befe2f5ab0ee3eaee08003596d4eb9d695b8919e6b9546c6715.svg") !important;
    opacity: 1
}

.templates-slider-container .templates-slider.templates-bundle .slick-next:before {
    content: url("../image/white_arrow-5b32399a75ef2faea71e73f54ebbcfb058dd1cf6fabf7739d380ca7af9e2e2c1.svg") !important;
    opacity: 1
}

.sample-slider,
.featured-slider {
    width: 100%;
    overflow: hidden;
    margin: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .sample-slider .slick-list,
    .featured-slider .slick-list {
        margin: 0 50px;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {

    .sample-slider .slick-list,
    .featured-slider .slick-list {
        margin: 0 30px;
        overflow: visible
    }
}

@media screen and (max-width: 359px) {

    .sample-slider .slick-list,
    .featured-slider .slick-list {
        margin: 0 10px
    }
}

.accordion-slider {
    overflow: hidden
}

@media screen and (min-width: 64.0625em) {
    .accordion-slider .slick-track {
        width: 100% !important
    }

    .accordion-slider .slick-track .slick-slide {
        width: 33.33% !important;
        margin: 0 0 10px 0
    }
}

.accordion-slider .slick-track {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 64.06125em) {
    .accordion-slider .slick-list {
        overflow: visible;
        margin: 0 30px
    }
}

.studies-slider {
    overflow: hidden;
    max-width: none
}

.studies-slider .slick-list {
    overflow: visible;
    margin: 0 40px
}

@media screen and (min-width: 1441px) {
    .studies-slider .slick-list {
        margin-right: calc((100% - 1410px) / 2);
        margin-left: calc((100% - 1410px) / 2)
    }
}

@media screen and (max-width: 1440px) and (min-width: 1401px) {
    .studies-slider .slick-list {
        margin-right: calc((100% - 1320px) / 2);
        margin-left: calc((100% - 1320px) / 2)
    }
}

.studies-slider .slick-track {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important
}

.studies-slider .slick-slide {
    padding: 0 10px
}

.studies-slider .press__study-details {
    min-height: 220px
}

.studies-slider .press__study-box:focus {
    outline: none
}

@media screen and (min-width: 40em) {
    .studies-slider {
        margin-bottom: 60px
    }

    .studies-slider .press__study-title {
        min-height: 135px
    }
}

@media screen and (max-width: 1025px) {
    .studies-slider .press__study-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .studies-slider .press__study-details {
        width: 100%;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px
    }

    .studies-slider .press__item-img img {
        height: auto;
        width: 100%;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0
    }
}

@media screen and (max-width: 39.99875em) {
    .studies-slider .slick-list {
        margin: 0 30px
    }

    .studies-slider .slick-slide {
        padding: 0 5px
    }

    .studies-slider .slick-slide img {
        width: 100%
    }
}

.cv-tips-slider {
    width: 100%
}

.cv-tips-slider .slick-track {
    margin-left: 0
}

@media screen and (max-width: 64.06125em) {
    .cv-tips-slider {
        margin: 0;
        overflow: hidden
    }

    .cv-tips-slider .slick-list {
        margin: 90px 50px 0;
        overflow: visible
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-tips-slider .slick-list {
        margin: 0 30px
    }

    .cv-tips-slider .slick-list .cv-article-image img {
        width: 100%
    }
}

@media screen and (max-width: 359px) {
    .cv-tips-slider .slick-list {
        margin: 0 10px
    }
}

.cv-tips-slider .card-wrapper {
    padding-right: 15px
}

.cv-tips-slider .card-wrapper:hover {
    opacity: 0.8;
    cursor: pointer
}

@media screen and (max-width: 39.99875em) {
    .cv-tips-slider .card-wrapper {
        padding-right: 10px
    }
}

.cv-tips-slider .cv-article-details {
    padding: 20px;
    background: #ffffff
}

.cv-tips-slider .cv-article-details-desc {
    max-width: 300px;
    color: #083A50;
    font-size: 20px;
    line-height: 25px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    min-height: 50px
}

.cv-tips-slider .cv-article-author-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 64.06125em) {
    .cv-tips-slider .cv-article-author-details {
        min-height: 75px
    }
}

.cv-tips-slider .cv-article-author-avatar {
    height: 38px;
    width: 38px;
    border-radius: 19px;
    overflow: hidden;
    background-color: #4D4D4D;
    margin-right: 20px
}

.cv-tips-slider .cv-article-author-name {
    color: #4D4D4D;
    font-size: 16px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

.cv-tips-slider .cv-article-author-position {
    color: #8e8e8e;
    font-size: 14px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0
}

@media screen and (max-width: 1440px) {
    .cv-tips-slider .cv-article-author-position {
        min-height: 35px
    }
}

.cv-tips-slider .slick-prev,
.cv-tips-slider .slick-next {
    background: transparent !important;
    width: 54px !important;
    height: 54px !important;
    border: 1px solid #184B5E;
    border-radius: 50% !important;
    position: absolute !important;
    top: -100px !important;
    margin: 0;
    overflow: visible;
    z-index: 2
}

@media screen and (max-width: 64.06125em) {

    .cv-tips-slider .slick-prev,
    .cv-tips-slider .slick-next {
        top: 0 !important
    }
}

@media screen and (max-width: 39.99875em) {

    .cv-tips-slider .slick-prev,
    .cv-tips-slider .slick-next {
        display: none !important
    }
}

.cv-tips-slider .slick-prev:hover,
.cv-tips-slider .slick-next:hover {
    background: transparent !important
}

@media screen and (min-width: 64.0625em) {

    .cv-tips-slider .slick-prev:hover .slider-arrow--next,
    .cv-tips-slider .slick-next:hover .slider-arrow--next {
        background: url("../image/orange_arrow_right-8df01458361c23fdfe8bc135fb4eac7590fdca2791719a5cb3c9c821ebf853f2.svg") no-repeat !important
    }

    .cv-tips-slider .slick-prev:hover .slider-arrow--prev,
    .cv-tips-slider .slick-next:hover .slider-arrow--prev {
        background: url("../image/orange_arrow_left-d19198f6a8592bd7487ccbc3e735f7658fc9bc71b8740b3851a66e38b0da24b3.svg") no-repeat !important
    }
}

.cv-tips-slider .slick-next {
    right: 0 !important
}

.cv-tips-slider .slick-next:before {
    content: '' !important
}

@media screen and (max-width: 64.06125em) {
    .cv-tips-slider .slick-next {
        right: 50px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-tips-slider .slick-next {
        right: 30px !important
    }
}

.cv-tips-slider .slick-prev {
    left: calc(100% - 125px) !important
}

.cv-tips-slider .slick-prev:before {
    content: '' !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-tips-slider .slick-prev {
        left: calc(100% - 175px) !important
    }
}

.cv-tips-slider .slider-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.cv-tips-slider .slider-arrow--next {
    background: url("../image/blue_arrow_right-96cf7ffe69c5839be4a2d2c0982fe8e422aa56a20a540f931830c1d1b661e857.svg") no-repeat
}

.cv-tips-slider .slider-arrow--prev {
    background: url("../image/blue_arrow_left-2be3c131d043de958bd49a3b57b47826fe17d186c3c60e0f18eac0a8b58680bf.svg") no-repeat
}

.grey-on-hover .logo-block img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.7
}

@media screen and (min-width: 64.0625em) {
    .grey-on-hover .logo-block img:hover {
        -webkit-filter: grayscale(0);
        filter: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page-icon {
    background: url("../image/pages-4b184bba59eaeae6a3640600d9c1dbfd2e620f869d7f6df4bfedc203672cb05e.svg")
}

.page-icon.icon-1 {
    background-position: -92px -197px;
    width: 85px;
    height: 66px;
    margin: 0 auto
}

.page-icon.icon-2 {
    background-position: -181px -200px;
    width: 86px;
    height: 51px;
    margin: 0 auto
}

.page-icon.icon-3 {
    background-position: -281px -197px;
    width: 67px;
    height: 61px;
    margin: 0 auto
}

.page-icon.icon-4 {
    background-position: -375px -192px;
    width: 60px;
    height: 70px;
    margin: 0 auto
}

.page-icon.icon-5 {
    background-position: -452px -196px;
    width: 85px;
    height: 66px;
    margin: 0 auto
}

.page-icon.icon-6 {
    background-position: -552px -191px;
    width: 78px;
    height: 69px;
    margin: 0 auto
}

.page-icon.icon-7 {
    background-position: -718px -190px;
    width: 73px;
    height: 79px;
    margin: 0 auto
}

.page-icon.icon-8 {
    background-position: -96px -280px;
    width: 74px;
    height: 79px;
    margin: 0 auto
}

.page-icon.icon-9 {
    background-position: -98px -104px;
    width: 71px;
    height: 75px;
    margin: 0 auto
}

.page-icon.icon-10 {
    background-position: -186px -104px;
    width: 75px;
    height: 73px;
    margin: 0 auto
}

.page-icon.icon-11 {
    background-position: -278px -108px;
    width: 71px;
    height: 61px;
    margin: 0 auto
}

.page-icon.icon-12 {
    background-position: -366px -103px;
    width: 72px;
    height: 73px;
    margin: 0 auto
}

.page-icon.icon-13 {
    background-position: -463px -105px;
    width: 61px;
    height: 69px;
    margin: 0 auto
}

.page-icon.icon-14 {
    background-position: -562px -110px;
    width: 44px;
    height: 58px;
    margin: 0 auto
}

.page-icon.icon-15 {
    background-position: -96px -280px;
    width: 74px;
    height: 79px
}

.page-icon.icon-16 {
    background-position: -195px -283px;
    width: 59px;
    height: 69px
}

.page-icon.icon-17 {
    background-position: -273px -283px;
    width: 83px;
    height: 71px
}

.page-icon.icon-18 {
    background-position: -363px -287px;
    width: 84px;
    height: 66px
}

.page-icon.icon-19 {
    background-position: -648px -193px;
    width: 61px;
    height: 69px;
    margin: 0 auto
}

.page-icon.green-icon-1 {
    background-position: -94px -6px;
    width: 75px;
    height: 74px
}

.page-icon.green-icon-2 {
    background-position: -194px -8px;
    width: 61px;
    height: 77px
}

.page-icon.green-icon-3 {
    background-position: -288px -7px;
    width: 57px;
    height: 78px
}

.page-icon.green-icon-4 {
    background-position: -366px -7px;
    width: 38px;
    height: 75px
}

.page-icon.green-icon-5 {
    background-position: -425px -19px;
    width: 56px;
    height: 58px
}

.page-icon.green-icon-6 {
    background-position: -492px -24px;
    width: 85px;
    height: 52px
}

.page-icon.camera {
    background-position: -102px -935px;
    width: 63px;
    height: 46px
}

.page-icon.cv-writing-icon {
    background-position: -505px -642px;
    width: 61px;
    height: 69px
}

.page-icon.searching-career {
    background-position: -465px -827px;
    width: 71px;
    height: 62px
}

.page-icon.cv-writing-1 {
    background-position: -96px -635px;
    width: 70px;
    height: 74px;
    margin: 0 auto
}

.page-icon.cv-writing-2 {
    background-position: -194px -635px;
    width: 59px;
    height: 74px;
    margin: 0 auto
}

.page-icon.cv-writing-3 {
    background-position: -274px -635px;
    width: 74px;
    height: 74px;
    margin: 0 auto
}

.page-icon.cv-writing-4 {
    background-position: -374px -637px;
    width: 62px;
    height: 75px;
    margin: 0 auto
}

.page-icon.cv-writing-5 {
    background-position: -505px -642px;
    width: 61px;
    height: 69px;
    margin: 0 auto
}

.page-icon.cv-writing-6 {
    background-position: -590px -639px;
    width: 58px;
    height: 69px;
    margin: 0 auto
}

.page-icon.satisfaction-icon {
    background-position: -191px -922px;
    width: 149px;
    height: 150px;
    margin: 0 auto
}

.page-icon.no-results-icon {
    background-position: -104px -1001px;
    width: 45px;
    height: 40px
}

.page-icon.download-docs {
    background-position: -581px -639px;
    width: 67px;
    height: 69px;
    margin: 0 auto 20px auto
}

@media screen and (max-width: 64.06125em) {

    .page-icon.cv-template-icon-one,
    .page-icon.cv-template-icon-two,
    .page-icon.cv-template-icon-three,
    .page-icon.cv-template-icon-four {
        margin: 0 auto !important
    }
}

.page-icon.cv-template-icon-one {
    background-position: -105px -1111px;
    width: 59px;
    height: 74px;
    margin: 0 auto
}

.page-icon.cv-template-icon-two {
    background-position: -205px -1118px;
    width: 86px;
    height: 68px;
    margin: 0 auto 6px auto
}

.page-icon.cv-template-icon-three {
    background-position: -310px -1120px;
    width: 78px;
    height: 57px;
    margin: 0 auto 17px auto
}

.page-icon.cv-template-icon-four {
    background-position: -426px -1118px;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px auto
}

.page-icon.categories-01 {
    background-position: -105px -1231px;
    width: 57px;
    height: 55px
}

.page-icon.categories-02 {
    background-position: -204px -1234px;
    width: 58px;
    height: 45px
}

.page-icon.categories-03 {
    background-position: -329px -1233px;
    width: 40px;
    height: 51px
}

.page-icon.categories-04 {
    background-position: -420px -1233px;
    width: 59px;
    height: 50px
}

.page-icon.categories-05 {
    background-position: -531px -1233px;
    width: 56px;
    height: 53px
}

.page-icon.categories-06 {
    background-position: -636px -1233px;
    width: 62px;
    height: 52px
}

.page-icon--mask {
    -webkit-mask-image: url("../image/pages-4b184bba59eaeae6a3640600d9c1dbfd2e620f869d7f6df4bfedc203672cb05e.svg");
    mask-image: url("../image/pages-4b184bba59eaeae6a3640600d9c1dbfd2e620f869d7f6df4bfedc203672cb05e.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #ED8A47
}

.page-icon--mask.cv-template-icon-one {
    -webkit-mask-position: -105px -1111px;
    mask-position: -105px -1111px;
    width: 59px;
    height: 74px;
    margin: 0 auto
}

.page-icon--mask.cv-template-icon-two {
    -webkit-mask-position: -205px -1118px;
    mask-position: -205px -1118px;
    width: 86px;
    height: 68px;
    margin: 0 auto 6px auto
}

.page-icon--mask.cv-template-icon-three {
    -webkit-mask-position: -310px -1120px;
    mask-position: -310px -1120px;
    width: 78px;
    height: 57px;
    margin: 0 auto 17px auto
}

.page-icon--mask.cv-template-icon-four {
    -webkit-mask-position: -426px -1118px;
    mask-position: -426px -1118px;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px auto
}

.ad-icon {
    background: url("../image/Product_Blocks-098b4770423f1c4ef288f90a1b4edf30cfae55cce5bdcf3ba3058c493969faf7.svg")
}

.ad-icon.icon-1 {
    background-position: -47px -30px;
    width: 38px;
    height: 44px
}

.ad-icon.icon-2 {
    background-position: -101px -35px;
    width: 44px;
    height: 38px
}

.ad-icon.subscribe {
    background-position: -6px -29px;
    width: 30px;
    height: 45px
}

.ad-icon.popUp {
    background-position: -184px -28px;
    width: 54px;
    height: 60px;
    margin: 0 auto 20px auto !important
}

.ad-icon.warning {
    background-position: -259px -33px;
    width: 57px;
    height: 51px;
    margin: 0 auto 20px auto !important
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.small-icon {
    background: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg")
}

.small-icon.small-magnify {
    background-position: -194px -652px;
    width: 15px;
    height: 16px
}

.small-icon.grey-magnify {
    background-position: -165px -105px;
    width: 18px;
    height: 18px
}

.small-icon.grey-magnify:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.small-icon.white-magnify {
    background-position: -165px -345px;
    width: 18px;
    height: 17px
}

.small-icon.grey-cross {
    background-position: -267px -108px;
    width: 13px;
    height: 12px
}

.small-icon.grey-cross:hover {
    background-position: -266px -294px;
    cursor: pointer
}

.small-icon.white-cross {
    background-position: -267px -348px;
    width: 13px;
    height: 12px
}

.small-icon.white-cross:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.small-icon.exit,
.small-icon.plus {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 4px
}

.small-icon.exit {
    background-position: -139px -104px;
    opacity: 0.5
}

.small-icon.plus {
    background-position: -410px -51px;
    left: 0;
    margin-right: 8px
}

.small-icon.sort-arrow,
.small-icon.filter-arrow {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 5px;
    opacity: 0.5
}

.small-icon.sort-arrow {
    background-position: -158px -80px;
    width: 19px;
    height: 15px
}

.small-icon.sort-arrow:hover {
    background-position: -158px -266px
}

.small-icon.filter-arrow {
    background-position: -131px -79px;
    width: 19px;
    height: 15px
}

.small-icon.filter-arrow:hover {
    background-position: -131px -265px
}

.small-icon.eye,
.small-icon.pencil,
.small-icon.bin {
    display: inline-block;
    margin: 0 8px;
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5
}

@media screen and (max-width: 39.99875em) {

    .small-icon.eye,
    .small-icon.pencil,
    .small-icon.bin {
        margin: 0 6px
    }
}

@media screen and (max-width: 320px) {

    .small-icon.eye,
    .small-icon.pencil,
    .small-icon.bin {
        margin: 0 3px
    }
}

.small-icon.eye:hover,
.small-icon.pencil:hover,
.small-icon.bin:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1
}

.small-icon.eye {
    background-position: -15px -107px;
    width: 22px;
    height: 14px
}

.small-icon.eye:hover {
    cursor: pointer;
    background-position: -15px -294px
}

.small-icon.pencil {
    background-position: -43px -105px;
    width: 18px;
    height: 19px
}

.small-icon.pencil:hover {
    cursor: pointer;
    background-position: -43px -291px
}

.small-icon.bin {
    background-position: -68px -106px;
    width: 14px;
    height: 17px
}

.small-icon.bin:hover {
    cursor: pointer;
    background-position: -68px -292px
}

.small-icon.rejected {
    background-position: -151px -146px;
    width: 23px;
    height: 28px
}

.small-icon.saved-draft {
    background-position: -16px -146px;
    width: 26px;
    height: 28px
}

.small-icon.published {
    background-position: -118px -146px;
    width: 25px;
    height: 28px
}

.small-icon.scheduled {
    background-position: -83px -146px;
    width: 28px;
    height: 28px
}

.small-icon.under-review {
    background-position: -49px -146px;
    width: 27px;
    height: 28px
}

.small-icon.facebook {
    background-position: -16px -47px;
    width: 10px;
    height: 17px
}

.small-icon.facebook-white-bg {
    background-position: -341px -547px;
    width: 36px;
    height: 36px
}

.small-icon.instagram {
    background-position: -358px -767px;
    width: 17px;
    height: 17px
}

.small-icon.instagram-white-bg {
    background-position: -341px -635px;
    width: 36px;
    height: 36px
}

.small-icon.linkedIn {
    background-position: -60px -49px;
    width: 15px;
    height: 14px
}

.small-icon.linkedIn-white-bg {
    background-position: -394px -591px;
    width: 36px;
    height: 36px
}

.small-icon.whatsup {
    background-position: -166px -19px;
    width: 20px;
    height: 20px
}

.small-icon.whatsup-white {
    background-position: -113px -805px;
    width: 17px;
    height: 16px
}

.small-icon.whatsup-colored {
    background-position: -165px -805px;
    width: 16px;
    height: 16px
}

.small-icon.messenger {
    background-position: -190px -19px;
    width: 20px;
    height: 20px
}

.small-icon.messenger-white {
    background-position: -91px -805px;
    width: 16px;
    height: 16px
}

.small-icon.messenger-colored {
    background-position: -142px -805px;
    width: 16px;
    height: 16px
}

.small-icon.twitter {
    background-position: -84px -48px;
    width: 19px;
    height: 16px
}

.small-icon.twitter-new {
    background-position: -189px -47px;
    width: 16px;
    height: 17px
}

.small-icon.twitter-white-bg {
    background-position: -341px -591px;
    width: 36px;
    height: 36px
}

.small-icon.youtube-white-bg {
    background-position: -394px -547px;
    width: 36px;
    height: 36px
}

.small-icon.facebook-blue {
    background-position: -16px -20px;
    width: 10px;
    height: 17px
}

.small-icon.instagram-blue {
    background-position: -34px -20px;
    width: 18px;
    height: 17px
}

.small-icon.linkedIn-blue {
    background-position: -60px -22px;
    width: 15px;
    height: 14px
}

.small-icon.twitter-blue {
    background-position: -84px -21px;
    width: 19px;
    height: 16px
}

.small-icon.twitter-new-blue {
    background-position: -164px -47px;
    width: 16px;
    height: 17px
}

.small-icon.dribble {
    background-position: -136px -19px;
    width: 22px;
    height: 21px
}

.small-icon.dribble-white {
    background-position: -136px -46px;
    width: 22px;
    height: 21px
}

.small-icon.link-to {
    background-position: -352px -103px;
    width: 21px;
    height: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.small-icon.link-to.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 17px !important
}

.small-icon.email,
.small-icon.email-colored {
    background-position: -105px -267px;
    width: 18px;
    height: 13px
}

.small-icon.email-white {
    background-position: -105px -321px;
    width: 18px;
    height: 13px
}

.small-icon.paypal {
    background-position: -15px -197px;
    width: 34px;
    height: 23px
}

.small-icon.pci-visa {
    background-position: -15px -228px;
    width: 86px;
    height: 27px;
    display: inline-block
}

.small-icon.verified-visa {
    background-position: -115px -231px;
    width: 48px;
    height: 21px;
    display: inline-block;
    margin: 0 15px
}

.small-icon.secure-core {
    background-position: -175px -232px;
    width: 53px;
    height: 19px;
    display: inline-block
}

.small-icon.caret-down {
    background-position: -213px -110px;
    width: 15px;
    height: 9px
}

.small-icon.caret-down-submenu {
    background-position: -403px -450px;
    width: 12px;
    height: 8px;
    position: absolute;
    right: 70px;
    top: 55%;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%)
}

.small-icon.caret-up {
    background-position: -190px -109px;
    width: 15px;
    height: 9px
}

.small-icon.arrow-up {
    background-position: -190px -295px;
    width: 16px;
    height: 10px
}

.small-icon.arrow-white-down {
    background-position: -213px -349px;
    width: 16px;
    height: 10px
}

.small-icon.arrow-orange-down {
    background-position: -213px -296px;
    width: 15px;
    height: 10px
}

.small-icon.star {
    background-position: -404px -155px;
    width: 20px;
    height: 18px
}

.small-icon.cross {
    background-position: -328px -107px;
    width: 15px;
    height: 15px
}

.small-icon.minus-icon {
    background-position: -372px -62px;
    width: 10px;
    height: 3px
}

.small-icon.star-orange {
    background-position: -312px -238px;
    width: 11px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 6px
}

.small-icon.orange-tick-badge {
    background-position: -188px -607px;
    width: 16px;
    height: 16px
}

.small-icon.white-star {
    background-position: -350px -238px;
    width: 11px;
    height: 10px;
    margin: 0 auto
}

.small-icon.download-button {
    background-position: -412px -344px;
    width: 18px;
    height: 17px;
    display: inline-block;
    margin: 0 0 0 5px
}

.small-icon.upload-button {
    background-position: -115px -344px;
    width: 19px;
    height: 19px;
    display: inline-block;
    margin: 0 0 0 5px
}

.small-icon.tooltip-icon {
    background-position: -268px -80px;
    width: 15px;
    height: 15px;
    margin-left: 10px
}

@media (max-width: 1440px) and (min-width: 1150px) {
    .small-icon.tooltip-icon {
        margin-left: 3px
    }
}

@media screen and (max-width: 64.06125em) {
    .small-icon.tooltip-icon {
        margin-left: 5px
    }
}

.small-icon.audio-file {
    background-position: -342px -137px;
    width: 42px;
    height: 49px
}

.small-icon.text-file {
    background-position: -237px -137px;
    width: 42px;
    height: 49px
}

.small-icon.video-file {
    background-position: -290px -137px;
    width: 42px;
    height: 49px
}

.small-icon .pdf-file {
    background-position: -198px -458px;
    width: 42px;
    height: 49px
}

.small-icon .word-file {
    background-position: -303px -458px;
    width: 42px;
    height: 49px
}

.small-icon .excel-file {
    background-position: -251px -458px;
    width: 42px;
    height: 49px
}

.small-icon.flag-grey {
    background-position: -371px -235px;
    width: 13px;
    height: 15px
}

.small-icon.flag-orange {
    background-position: -395px -235px;
    width: 13px;
    height: 15px
}

.small-icon.orange-flag {
    background-position: -240px -804px;
    width: 18px;
    height: 19px
}

.small-icon.reply-arrow {
    background-position: -221px -22px;
    width: 14px;
    height: 14px
}

.small-icon.reply-icon {
    background-position: -337px -805px;
    width: 17px;
    height: 17px
}

.small-icon.rss {
    background-position: -111px -21px;
    width: 17px;
    height: 16px
}

.small-icon.rss-white {
    background-position: -111px -48px;
    width: 17px;
    height: 16px
}

.small-icon.payment-methods {
    background-position: -15px -197px;
    width: 125px;
    height: 23px;
    display: inline-block
}

.small-icon.profile {
    background-position: -415px -7px;
    width: 14px;
    height: 18px
}

.small-icon.profile:hover {
    background-position: -415px -28px;
    width: 14px;
    height: 17px
}

.small-icon.error {
    background-position: -289px -80px;
    width: 15px;
    height: 15px
}

.small-icon.next-arrow {
    background-position: -308px -348px;
    width: 14px;
    height: 11px;
    display: inline-block;
    margin: 0 0 0 18px
}

.small-icon.previous-arrow {
    background-position: -308px -348px;
    width: 14px;
    height: 11px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 18px 0 0
}

.small-icon.arrow-finding {
    background-position: -246px -24px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.arrow-succeeding {
    background-position: -267px -24px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.arrow-management {
    background-position: -288px -24px;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.arrow-starting {
    background-position: -309px -24px;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.arrow-work {
    background-position: -330px -24px;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.arrow-cvs {
    background-position: -246px -24px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 15px;
    position: absolute;
    right: 25px
}

.small-icon.chevron-up,
.small-icon .chevron-down {
    background-position: -191px -136px;
    width: 7px;
    height: 12px
}

.small-icon.white-tick {
    background-position: -286px -348px;
    width: 15px;
    height: 12px;
    margin: 5px auto
}

.small-icon.trustpilot-star {
    background-position: -16px -425px;
    width: 22px;
    height: 23px;
    margin: 0 2px 0 0
}

.small-icon.trustpilot-halfstar {
    background-position: -16px -459px;
    width: 22px;
    height: 23px
}

.small-icon.youtube {
    background-position: -46px -428px;
    width: 25px;
    height: 17px;
    position: relative;
    top: 2px
}

.small-icon.youtube-white {
    background-position: -263px -764px;
    width: 24px;
    height: 19px
}

.small-icon.pinterest {
    background-position: -387px -766px;
    width: 14px;
    height: 18px
}

.small-icon.play-button {
    background-position: -79px -428px;
    width: 75px;
    height: 75px;
    position: relative
}

.small-icon.comments {
    background-position: -337px -429px;
    width: 17px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 6px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.small-icon.published-date {
    background-position: -305px -429px;
    width: 18px;
    height: 16px;
    margin: 0 5px 0 0
}

.small-icon.estimation-time {
    background-position: -371px -429px;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0
}

.small-icon.orange-right-arrow {
    background-position: -308px -295px;
    width: 14px;
    height: 11px;
    display: inline-block;
    margin: 0 0 0 10px
}

.small-icon.share-icon {
    background-position: -21px -799px;
    width: 24px;
    height: 29px;
    position: relative;
    top: -2px;
    left: -2px
}

.small-icon.big-share-icon {
    background-position: -5px -886px;
    width: 35px;
    height: 42px
}

.small-icon.reply {
    background-position: -364px -805px;
    width: 17px;
    height: 16px;
    position: relative;
    left: 46px;
    top: -16px
}

.small-icon.pinterest-red {
    background-position: -211px -765px;
    width: 14px;
    height: 18px
}

.small-icon.arrow-white-right {
    background-position: -264px -1014px;
    width: 20px;
    height: 13px;
    display: inline-block;
    margin: 0 0 0 10px
}

.small-icon.arrow-white-right--big {
    background-position: -369px -1011px;
    width: 28px;
    height: 18px;
    display: inline-block;
    margin: 0 0 0 20px
}

.small-icon.arrow-white-right-small {
    background-position: -349px -24px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 5px
}

.small-icon.arrow-gray-right-small {
    background-position: -310px -109px;
    width: 14px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 5px
}

.small-icon.share-close-icon {
    background-position: -220px -851px;
    width: 14px;
    height: 14px;
    margin: auto
}

.small-icon.orange-arrow {
    background-position: -309px -24px;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin-left: 10px
}

.small-icon.grey-chevron-down {
    background-position: -403px -433px;
    width: 12px;
    height: 8px
}

.small-icon.orange-chevron-down {
    background-position: -423px -433px;
    width: 12px;
    height: 7px;
    display: inline-block;
    margin: 0 0 0 10px
}

.small-icon.orange-chevron-down.rotated {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.small-icon.newsletter {
    background-position: -356px -459px;
    width: 19px;
    height: 14px
}

.small-icon.new-window-blue {
    background-position: -354px -481px;
    width: 17px;
    height: 17px;
    display: inline-block
}

.small-icon.new-window-blue.menu {
    position: relative;
    top: 2px
}

.small-icon.new-window-grey {
    background-position: -378px -481px;
    width: 17px;
    height: 17px;
    display: inline-block
}

.small-icon.new-window-grey.menu {
    position: relative;
    top: 2px
}

.small-icon.hourglass {
    background-position: -244px -843px;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 29px;
    margin-right: 5px;
    margin-top: -5px
}

.small-icon.primary-arrow-right {
    background-position: -70px -854px;
    display: inline-block;
    width: 15px;
    height: 9px
}

.icon-mask {
    -webkit-mask-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    mask-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    display: inline-block;
    background-color: #ffffff
}

.icon-mask--chevron-right {
    -webkit-mask-position: -208px -136px;
    mask-position: -208px -136px;
    width: 7px;
    height: 12px
}

.confirmed-icon {
    background: url("../image/popup-sent-icon-a65efa73ca55dfae52e4cd920a0707615c3043c310c01f576b9e89ed92bd396b.svg");
    width: 162px;
    height: 155px;
    margin-bottom: 40px !important
}

.newsletter-thanks-icon {
    background: url("../image/newsletter-thankspage-fbd9c51f0f6e3c3d48a24c37c667a94c8aa8278cce00108d5e42b19a92f36236.svg")
}

.newsletter-thanks-icon--speech-bubble {
    background-position: -13px -19px;
    width: 99px;
    height: 70px
}

.newsletter-thanks-icon--money {
    background-position: -138px -15px;
    width: 84px;
    height: 83px
}

.newsletter-thanks-icon--light-bulp {
    background-position: -308px -24px;
    width: 57px;
    height: 61px
}

.newsletter-thanks-icon--emoji {
    background-position: -392px -9px;
    width: 90px;
    height: 88px
}

.newsletter-thanks-icon--charts {
    background-position: -501px -11px;
    width: 91px;
    height: 87px
}

.newsletter-thanks-icon--bubbles {
    background-position: -250px -37px;
    width: 32px;
    height: 35px
}

.nwslttr-promo-icon {
    background: url("../image/newsletter-components-7a58bf3c6023850711d61dd93525bda879cf6fa681842ee4f5aba6b1fc441c3e.svg")
}

.nwslttr-promo-icon--speech-bubble {
    background-position: -345px -37px;
    width: 100px;
    height: 75px
}

.nwslttr-promo-icon--money {
    background-position: -592px -35px;
    width: 94px;
    height: 81px
}

.nwslttr-promo-icon--light-bulp {
    background-position: -222px -44px;
    width: 78px;
    height: 93px
}

.nwslttr-promo-icon--emoji {
    background-position: -490px -44px;
    width: 50px;
    height: 62px
}

.nwslttr-promo-icon--charts {
    background-position: -29px -24px;
    width: 103px;
    height: 110px
}

.nwslttr-promo-icon--corner-stripes {
    background-position: -738px -44px;
    width: 53px;
    height: 61px
}

.menu-icn {
    display: inline-block;
    height: 28px;
    width: 28px;
    background: url("../image/top-menu-7d753f63fbd752da58160491703ecf7f75ccd6560ad9e8344844390df87065e4.svg");
    margin-right: 10px
}

.menu-icn--planning-01 {
    background-position: -8px -29px
}

.menu-accordion__item .menu-icn--planning-01,
li:hover>a>.menu-icn--planning-01 {
    background-position: -8px -61px
}

.menu-icn--planning-02 {
    background-position: -49px -29px
}

.menu-accordion__item .menu-icn--planning-02,
li:hover>a>.menu-icn--planning-02 {
    background-position: -49px -61px
}

.menu-icn--planning-03 {
    background-position: -90px -29px
}

.menu-accordion__item .menu-icn--planning-03,
li:hover>a>.menu-icn--planning-03 {
    background-position: -90px -61px
}

.menu-icn--planning-04 {
    background-position: -131px -29px
}

.menu-accordion__item .menu-icn--planning-04,
li:hover>a>.menu-icn--planning-04 {
    background-position: -131px -61px
}

.menu-icn--planning-05 {
    background-position: -172px -29px
}

.menu-accordion__item .menu-icn--planning-05,
li:hover>a>.menu-icn--planning-05 {
    background-position: -172px -61px
}

.menu-icn--job-search-01 {
    background-position: -8px -130px
}

.menu-accordion__item .menu-icn--job-search-01,
li:hover>a>.menu-icn--job-search-01 {
    background-position: -8px -161px
}

.menu-icn--job-search-02 {
    background-position: -49px -130px
}

.menu-accordion__item .menu-icn--job-search-02,
li:hover>a>.menu-icn--job-search-02 {
    background-position: -49px -161px
}

.menu-icn--job-search-03 {
    background-position: -90px -130px
}

.menu-accordion__item .menu-icn--job-search-03,
li:hover>a>.menu-icn--job-search-03 {
    background-position: -90px -161px
}

.menu-icn--job-search-04 {
    background-position: -132px -130px
}

.menu-accordion__item .menu-icn--job-search-04,
li:hover>a>.menu-icn--job-search-04 {
    background-position: -132px -161px
}

.menu-icn--job-search-05 {
    background-position: -172px -130px
}

.menu-accordion__item .menu-icn--job-search-05,
li:hover>a>.menu-icn--job-search-05 {
    background-position: -172px -161px
}

.menu-icn--job-search-06 {
    background-position: -210px -130px
}

.menu-accordion__item .menu-icn--job-search-06,
li:hover>a>.menu-icn--job-search-06 {
    background-position: -210px -161px
}

.menu-icn--cvs-01 {
    background-position: -8px -227px
}

.menu-accordion__item .menu-icn--cvs-01,
li:hover>a>.menu-icn--cvs-01 {
    background-position: -8px -259px
}

.menu-icn--cvs-02 {
    background-position: -49px -227px
}

.menu-accordion__item .menu-icn--cvs-02,
li:hover>a>.menu-icn--cvs-02 {
    background-position: -49px -259px
}

.menu-icn--cvs-03 {
    background-position: -90px -227px
}

.menu-accordion__item .menu-icn--cvs-03,
li:hover>a>.menu-icn--cvs-03 {
    background-position: -90px -259px
}

.menu-icn--cvs-04 {
    background-position: -131px -227px
}

.menu-accordion__item .menu-icn--cvs-04,
li:hover>a>.menu-icn--cvs-04 {
    background-position: -131px -260px
}

.menu-icn--cvs-05 {
    background-position: -172px -228px
}

.menu-accordion__item .menu-icn--cvs-05,
li:hover>a>.menu-icn--cvs-05 {
    background-position: -172px -265px
}

.menu-icn--interviews-01 {
    background-position: -249px -29px
}

.menu-accordion__item .menu-icn--interviews-01,
li:hover>a>.menu-icn--interviews-01 {
    background-position: -249px -61px
}

.menu-icn--interviews-02 {
    background-position: -291px -29px
}

.menu-accordion__item .menu-icn--interviews-02,
li:hover>a>.menu-icn--interviews-02 {
    background-position: -291px -61px
}

.menu-icn--interviews-03 {
    background-position: -331px -29px
}

.menu-accordion__item .menu-icn--interviews-03,
li:hover>a>.menu-icn--interviews-03 {
    background-position: -331px -61px
}

.menu-icn--growth-01 {
    background-position: -249px -129px
}

.menu-accordion__item .menu-icn--growth-01,
li:hover>a>.menu-icn--growth-01 {
    background-position: -249px -162px
}

.menu-icn--growth-02 {
    background-position: -290px -129px
}

.menu-accordion__item .menu-icn--growth-02,
li:hover>a>.menu-icn--growth-02 {
    background-position: -290px -162px
}

.menu-icn--growth-03 {
    background-position: -331px -129px
}

.menu-accordion__item .menu-icn--growth-03,
li:hover>a>.menu-icn--growth-03 {
    background-position: -331px -162px
}

.menu-icn--workplace-01 {
    background-position: -249px -228px
}

.menu-accordion__item .menu-icn--workplace-01,
li:hover>a>.menu-icn--workplace-01 {
    background-position: -249px -266px
}

.menu-icn--workplace-02 {
    background-position: -290px -228px
}

.menu-accordion__item .menu-icn--workplace-02,
li:hover>a>.menu-icn--workplace-02 {
    background-position: -290px -266px
}

.menu-icn--workplace-03 {
    background-position: -331px -228px
}

.menu-accordion__item .menu-icn--workplace-03,
li:hover>a>.menu-icn--workplace-03 {
    background-position: -331px -266px
}

.menu-icn--workplace-04 {
    background-position: -372px -228px
}

.menu-accordion__item .menu-icn--workplace-04,
li:hover>a>.menu-icn--workplace-04 {
    background-position: -372px -266px
}

.menu-icn--video {
    background-position: -396px -129px
}

.menu-accordion__item .menu-icn--video,
li:hover>a>.menu-icn--video {
    background-position: -396px -162px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.no-webp .newsletter-img {
    background-image: url("../image/newsletter-f8f1f297a2d8c91a0daf84df63e16b817dbf4c1c1dd2b3b54402ce6ef1801ca9.png")
}

@media screen and (max-width: 64.06125em) {
    .no-webp .newsletter-img {
        background-image: url("../image/newsletter-tablet-2cb25ca3669669cb1149d6e6730d874ef619d455cb50348d684cc29c360cc162.png")
    }
}

@media screen and (max-width: 39.99875em) {
    .no-webp .newsletter-img {
        background-image: url("../image/newsletter-mob-73eab408cf026d8d9e8ad9ae867995f7d9d96f674687dab211abf6662cecf8b4.png")
    }
}

.no-webp .right-bubble {
    background-image: url("https://cdn0.careeraddict.com/home_page/gray-bubble-right.png")
}

.no-webp .left-bubble {
    background-image: url("https://cdn1.careeraddict.com/home_page/gray-bubble-left.png")
}

@media print,
screen and (min-width: 64.0625em) {
    .no-webp .downloadable-cv-template {
        background-image: url("../image/downloadable-cv-template-65109902366585020a3a509739e2426e6c9c8b294772739044a6f19974cd58a6.svg")
    }
}

@media screen and (max-width: 1280px) {
    .no-webp .downloadable-cv-template {
        background-image: url("../image/downloadable-small-e815297d6a2cf7e5aa363ea962ef33601a74fbe9bcbe709249d8a239f8838d99.svg")
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .no-webp .professional-cv-writing-service {
        background-image: url("../image/professional-cv-writing-service-f4bdac520250d0039d99b5a85d0f5deb7b6bf3dbdf53eeecd29ea4755bd60531.svg")
    }
}

@media screen and (max-width: 1280px) {
    .no-webp .professional-cv-writing-service {
        background-image: url("../image/profesional-cv-writing-small-f1252408b27cdb6e8462e47d4c04595f3a67a7fa2cf4d68d9401ed641eb7a564.svg")
    }
}

.no-webp .job-search-section {
    background-image: url("../image/job-search-bg-1a1c23b7a8fb82a1a170c44be7ae1e79a50595507dd9289f43d885942dbee989.svg")
}

.no-webp .wave-top {
    background-image: url("../image/top-wave-3744685f51aae0b9e63f44e05e5a3c47b077cf3557a6a856c4d906515174597f.svg")
}

.no-webp .wave-down {
    background-image: url("../image/down-wave-d4098ec074748baacbbaf1371988bce0f1e5f9ab90f5b8ef84669ab7675565ad.svg")
}

.no-webp .qre-wave {
    background-image: url("../image/qre-wave-6d80a219afa9f32357e9bd5f55ab077715d7c2f02099cf92e41e2e706784f8a2.svg")
}

.no-webp .questionnaire .side-bubble.is-on-right {
    background-image: url("../image/gray-bubble-right-qre-11d2009cabe2b9d2d287344fb3071ca2dda80293789348ca1758d24025f31f16.svg")
}

.no-webp .questionnaire .side-bubble.is-on-left {
    background-image: url("../image/gray-bubble-left-qre-52abda326f8a93135c070a6963390d6b998c04580bbcd78c0be821855ff708d6.svg")
}

.wave-top {
    background-image: url("../image/top-wave-dce088a3a313e2d46711996f21bd0ee58004bc8c988746089a47174f6f75e9c1.webp");
    min-height: 449px;
    background-color: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -180px
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .wave-top {
        margin-bottom: -150px
    }
}

@media screen and (max-width: 1920px) and (min-width: 640px) {
    .wave-top {
        min-height: 350px
    }
}

@media screen and (max-width: 39.99875em) {
    .wave-top {
        min-height: 330px
    }
}

.wave-down {
    background-image: url("../image/down-wave-55b8b9985aa5ba03f5a632743d0aae47f6e48c083b3c040092010008145ac82c.webp");
    min-height: 339px;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #ffffff;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1921px) {
    .wave-down {
        margin-top: -150px;
        min-height: 455px
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .wave-down {
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: -115px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .wave-down {
        margin-top: -10px;
        min-height: 210px
    }
}

@media screen and (max-width: 39.99875em) {
    .wave-down {
        min-height: 150px
    }
}

.banner-top {
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    background-position: 70% center !important
}

.banner-top.about-header {
    background: url("../image/about-header-ab116b3512d5e574b520f9c803f481af6077df786481fffdb7443ceb7be69538.png");
    background-position: 60% 20% !important
}

@media screen and (max-width: 1440px) {
    .banner-top.about-header {
        background-position: 55% top !important
    }
}

@media screen and (max-width: 1023px) {
    .banner-top.about-header {
        background-position: 52% top !important
    }
}

@media screen and (min-width: 64.0625em) {
    .banner-top.about-header .grid-container.transparent {
        padding-top: 210px !important;
        padding-bottom: 150px !important
    }
}

.banner-top.about-header .title-page {
    line-height: 30px
}

.banner-top.about-header .description-page {
    line-height: 50px;
    margin-top: 25px
}

@media screen and (max-width: 39.99875em) {
    .banner-top.about-header .description-page {
        font-size: 30px;
        line-height: 30px
    }
}

.banner-top.partners-header {
    background: url("../image/partners-image-583cf7e382236f1900726206c15904c92d50957abd7557658413a2cfe26fbe3c.png");
    background-position: 60% 20% !important
}

@media screen and (max-width: 1440px) {
    .banner-top.partners-header {
        background-position: 55% top !important
    }
}

@media screen and (max-width: 1023px) {
    .banner-top.partners-header {
        background-position: 52% top !important
    }
}

@media screen and (max-width: 64.06125em) {
    .banner-top.partners-header {
        background: url("../image/partners-image-tablet-f97e197200b1fc33cc4505d16e3e91772cdd3749938e8fa2e75777773ce0fb7b.png")
    }
}

@media screen and (max-width: 376px) {
    .banner-top.partners-header {
        background: url("../image/partners-image-mobile-c07a436ee6e44d651c2ffc0c0e932a41f9558f157e1a25f5b9c476a28a9daac7.png")
    }
}

@media screen and (min-width: 64.0625em) {
    .banner-top.partners-header .grid-container.transparent {
        padding-top: 210px !important;
        padding-bottom: 150px !important
    }
}

.banner-top.partners-header .title-page {
    line-height: 30px
}

.banner-top.partners-header .description-page {
    line-height: 50px;
    margin-top: 25px;
    max-width: 860px
}

@media screen and (max-width: 39.99875em) {
    .banner-top.partners-header .description-page {
        font-size: 25px;
        line-height: 30px
    }
}

.banner-top.advertise-header {
    background: url("../image/A-Top-ae68a135ac17684895082c614976d8193ec15c233fea0b3aac304790ccd62473.jpg")
}

.banner-top.advertise-header .title-page {
    line-height: 30px
}

@media screen and (max-width: 39.99875em) {
    .banner-top.advertise-header .title-page {
        line-height: 35px
    }
}

.banner-top.advertise-header .description-page {
    line-height: 50px;
    margin-top: 25px
}

@media screen and (max-width: 39.99875em) {
    .banner-top.advertise-header .description-page {
        font-size: 25px;
        line-height: 30px
    }
}

.banner-top.advertise-header .advertise-button {
    font-size: 18px;
    margin-top: 30px;
    background: transparent;
    color: #ED8A47;
    border: 2px solid #ED8A47
}

.banner-top.advertise-header .advertise-button .arrow-orange-down {
    display: inline-block;
    margin: 0 10px 0 0
}

.banner-top.advertise-header .advertise-button:hover {
    opacity: 0.8
}

.banner-top.publish-header {
    background: url("../image/write-for-us-a58ca23a2e0a7dbadd7e97897330606fde58e500c058787ecb045625b0cbc683.jpg");
    background-position: bottom !important
}

.banner-top.publish-header .button-orange {
    font-size: 18px;
    margin-top: 30px
}

.banner-top.publish-header .title-page {
    line-height: 30px
}

.banner-top.publish-header .description-page {
    max-width: 1060px
}

@media screen and (min-width: 40em) {
    .banner-top.publish-header .description-page {
        line-height: 50px
    }
}

.banner-top.contact-header {
    background: url("../image/contact-e2561aee1bff9383195ad09b7833a0f1c7a66a2182e8d9085d6fe754995870ac.jpg")
}

.banner-top.contact-header .description-page {
    font-size: 18px;
    line-height: normal;
    max-width: 600px
}

.banner-top.career-paths-header {
    background: url("../image/Career-Paths-6051ee661018b88023843dd94281cb52535853b9d957dac460ce74d6011df80e.jpg")
}

.banner-top.videos-header {
    background: url("../image/video-header-bb1abcb78870ac2c43f3a1014ad2f4d78d34cf32e35194e13110aa9c1e752896.png");
    background-position: center center !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .banner-top.videos-header {
        background-position: 30% top !important
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top.videos-header {
        background-position: 28% bottom !important
    }
}

@media screen and (max-width: 320px) {
    .banner-top.videos-header {
        background-position: 26% bottom !important
    }
}

.banner-top.videos-header .grid-container {
    padding-top: 80px !important;
    padding-bottom: 40px !important
}

.banner-top.videos-header .title-page {
    margin-top: 30px;
    line-height: 30px
}

.banner-top .layer {
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    width: 100%
}

.banner-top .title-page {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ffffff;
    line-height: 55px
}

@media screen and (max-width: 64.06125em) {
    .banner-top .title-page {
        line-height: 40px
    }
}

.banner-top .description-page {
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 55px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    max-width: 800px;
    margin-top: 30px
}

@media screen and (max-width: 39.99875em) {
    .banner-top .description-page {
        font-size: 30px;
        line-height: 30px
    }
}

.main-container .title {
    font-size: 50px;
    line-height: 50px;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (max-width: 64.06125em) {
    .main-container .title {
        padding-bottom: 20px;
        text-align: left
    }
}

@media screen and (max-width: 39.99875em) {
    .main-container .title {
        font-size: 30px;
        line-height: 40px
    }
}

.main-container .main-container-block .desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    text-align: left;
    font-size: 18px;
    line-height: 26px
}

.quote-container {
    background: #f6f6f6
}

.quote-container .description {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 50px;
    max-width: 1280px;
    line-height: 55px;
    margin: 0 auto;
    text-align: center;
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .quote-container .description {
        font-size: 30px;
        line-height: 30px
    }
}

.services-container {
    width: 100%;
    text-align: center !important;
    margin: 0 auto !important
}

.services-container .title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px
}

.services-container .services-block .service {
    max-width: 430px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px
}

.services-container .services-block .service .subtitle {
    text-align: center;
    padding: 40px 0 20px 0
}

@media screen and (max-width: 64.06125em) {
    .services-container .services-block .service .subtitle {
        padding: 20px 0
    }
}

.services-container .services-block .service .service-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    text-align: center
}

.advertise-container {
    text-align: center;
    margin: 0 auto
}

.advertise-container .number {
    font-size: 28px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47;
    margin: 40px 0 10px 0
}

.advertise-container .caption {
    opacity: 0.6;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 40px 0
}

@media (max-width: 320px) {
    .advertise-container .grid-container {
        margin-right: 10px
    }
}

.our-audience-container {
    text-align: center;
    margin: 0 auto
}

.our-audience-container .desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D
}

.our-audience-container .our-audience-block .desc {
    margin: 20px 20px 50px 0
}

.advertise-data {
    font-size: 14px;
    line-height: 26px;
    color: #D1D1D1;
    margin: 60px auto auto
}

.advert-common-container.for-promotion {
    background: #EFEFEF
}

.advert-common-container.for-promotion .subheading-blue {
    margin: 0 0 20px 0;
    font-size: 50px;
    line-height: 50px;
    max-width: 900px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .advert-common-container.for-promotion .subheading-blue {
        font-size: 35px
    }
}

@media screen and (max-width: 39.99875em) {
    .advert-common-container.for-promotion .subheading-blue {
        font-size: 30px;
        line-height: 40px
    }
}

.advert-common-container.for-promotion .promotion-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media screen and (min-width: 40em) {
    .advert-common-container.for-promotion .promotion-block {
        margin: 0 -10px
    }
}

.advert-common-container.for-promotion .promotion-block .service-block {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advert-common-container.for-promotion .promotion-block .service-card {
    background: #ffffff;
    margin: 30px 10px 0 10px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 6px 6px 12px #0000001A;
    box-shadow: 6px 6px 12px #0000001A;
    min-width: inherit;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .advert-common-container.for-promotion .promotion-block .service-card {
        padding: 20px 15px
    }
}

@media screen and (max-width: 680px) and (min-width: 640px) {
    .advert-common-container.for-promotion .promotion-block .service-card {
        padding: 20px 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .advert-common-container.for-promotion .promotion-block .service-card {
        margin: 30px 0 0 0
    }
}

.advert-common-container.for-promotion .promotion-block .service-subtitle,
.advert-common-container.for-promotion .promotion-block .service-title {
    font-size: 30px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {

    .advert-common-container.for-promotion .promotion-block .service-subtitle,
    .advert-common-container.for-promotion .promotion-block .service-title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 750px) and (min-width: 640px) {

    .advert-common-container.for-promotion .promotion-block .service-subtitle,
    .advert-common-container.for-promotion .promotion-block .service-title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 39.99875em) {

    .advert-common-container.for-promotion .promotion-block .service-subtitle,
    .advert-common-container.for-promotion .promotion-block .service-title {
        font-size: 25px
    }
}

.advert-common-container.for-promotion .promotion-block .service-title {
    margin: 0;
    padding-top: 40px
}

.advert-common-container.for-promotion .promotion-block .service-subtitle {
    margin-bottom: 30px
}

@media screen and (max-width: 39.99875em) {
    .advert-common-container.for-promotion .promotion-block .service-subtitle {
        margin-bottom: 20px
    }
}

.advert-common-container.for-promotion .promotion-block .service-desc {
    font-size: 18px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50
}

.advert-common-container.for-promotion .promotion-block .service-img {
    position: absolute;
    right: 40px;
    top: 20px
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .advert-common-container.for-promotion .promotion-block .service-img {
        right: 20px
    }
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .advert-common-container.for-promotion .promotion-block .service-img {
        right: 15px
    }
}

@media screen and (max-width: 680px) and (min-width: 640px) {
    .advert-common-container.for-promotion .promotion-block .service-img {
        right: 15px
    }
}

@media screen and (max-width: 39.99875em) {
    .advert-common-container.for-promotion .promotion-block .service-img {
        right: 20px
    }
}

.advert-common-container.for-process {
    background: #ffffff;
    text-align: center
}

.advert-common-container.for-process .title {
    padding-bottom: 40px
}

.advert-common-container.for-process .process-block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.advert-common-container.for-process .process-block .service {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px
}

@media screen and (max-width: 64.06125em) {
    .advert-common-container.for-process .process-block .service.last {
        padding-bottom: 0
    }
}

.advert-common-container.for-process .process-block .service .subtitle {
    padding: 40px 0 20px 0
}

@media screen and (max-width: 64.06125em) {
    .advert-common-container.for-process .process-block .service .subtitle {
        padding: 20px 0
    }
}

.advert-common-container.for-process .process-block .service .desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    font-size: 18px;
    margin: 0
}

.advert-common-container.for-process .process-block .service .circle-with-number {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #ED8A47;
    color: #ED8A47;
    text-align: center;
    font-size: 50px;
    margin: 0 auto;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media print,
screen and (min-width: 40em) {
    .advert-common-container.for-process .process-block .service .circle-with-number {
        line-height: 60px
    }
}

.write-for-us {
    max-width: 1160px
}

.write-for-us a {
    color: #ED8A47;
    text-decoration: none;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.write-for-us a:hover {
    cursor: pointer;
    text-decoration: underline
}

.write-for-us .subtitles {
    margin: 80px 0 20px 0
}

.write-for-us .subtitles:first-child {
    margin: 0 0 20px 0
}

.write-for-us .strong-text {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.write-for-us .strong-text a {
    color: #083A50;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.write-for-us .strong-text a:hover {
    color: #ED8A47
}

.write-for-us ul {
    list-style: none
}

.write-for-us ul li {
    text-indent: -20px;
    padding: 0 0 0 20px
}

.write-for-us ul li::before {
    content: "\2022";
    color: #ED8A47;
    font-size: 18px;
    margin: 0 15px 0 0
}

.services-pages {
    background: #083A50
}

@media screen and (min-width: 75em) {
    .services-pages .grid-container.transparent {
        padding-top: 190px !important
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .services-pages .grid-container.transparent {
        padding-top: 170px !important
    }
}

@media screen and (max-width: 39.99875em) {
    .services-pages .grid-container.transparent {
        padding-top: 90px !important
    }
}

@media screen and (min-width: 90.0625em) {
    .services-pages.access-denied {
        min-height: calc(100vh - 230px)
    }

    .services-pages.access-denied .align-middle {
        min-height: calc(100vh - 230px)
    }
}

@media screen and (min-width: 75em) and (max-width: 90.06125em) {
    .services-pages.access-denied {
        min-height: calc(100vh - 200px)
    }

    .services-pages.access-denied .align-middle {
        min-height: calc(100vh - 200px)
    }
}

@media screen and (max-width: 64.06125em) {
    .services-pages.access-denied {
        min-height: calc(100vh - 170px)
    }

    .services-pages.access-denied .align-middle {
        min-height: calc(100vh - 170px)
    }
}

@media screen and (max-width: 39.99875em) {
    .services-pages.access-denied {
        min-height: calc(100vh - 230px)
    }

    .services-pages.access-denied .align-middle {
        min-height: calc(100vh - 230px)
    }
}

.services-pages.for-maintenance {
    min-height: 100vh
}

.services-pages.for-maintenance .align-middle {
    min-height: 100vh
}

.services-pages .main-text {
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
    opacity: 0.5;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .services-pages .main-text {
        max-width: 531px
    }
}

@media screen and (max-width: 39.99875em) {
    .services-pages .main-text {
        font-size: 30px;
        line-height: 30px
    }
}

.services-pages .explanation {
    color: #ffffff;
    font-family: "Sofia-Pro-Light", sans-serif;
    max-width: 671px;
    margin: 40px 0
}

.services-pages .explanation a {
    color: #ffffff !important;
    text-decoration: underline;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.services-pages .explanation a:hover {
    cursor: pointer;
    text-decoration: underline;
    opacity: 0.8
}

.services-pages .rights-text {
    font-size: 13px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #ffffff;
    opacity: 0.5;
    margin-top: 20px
}

.services-pages .recent-articles {
    color: #ffffff;
    font-family: "Sofia-Pro-Regular", sans-serif;
    font-size: 25px;
    padding: 0 15px 15px 0
}

@media screen and (max-width: 64.06125em) {
    .services-pages .recent-articles {
        padding: 0 50px 15px 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .services-pages .recent-articles {
        padding: 0 30px 15px 30px
    }
}

.services-pages .article-details-desc a {
    color: #083A50
}

.services-pages .input-group {
    font-family: "Sofia-Pro-Light", sans-serif
}

.contact-info {
    margin: 0 auto
}

@media print,
screen and (min-width: 64.0625em) {
    .contact-info .grid-container {
        padding: 0 !important
    }
}

@media screen and (max-width: 64.06125em) {
    .contact-info .grid-container {
        padding: 30px 0 !important
    }
}

.contact-info h3 {
    margin: 0 0 20px 0
}

@media print,
screen and (min-width: 64.0625em) {
    .contact-info p {
        margin-bottom: 20px
    }
}

.contact-info p .mailto {
    font-size: 18px;
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif
}

.contact-info p .mailto:hover {
    color: #4D4D4D
}

.contact-info p.info {
    font-size: 18px;
    margin: 0
}

.contact-info p.info.last {
    margin-bottom: 20px
}

.contact-info p.info.phone {
    margin-top: 10px
}

.contact-info a {
    color: #ED8A47;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.contact-info a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #ED8A47
}

.contact-form {
    background: #ffffff
}

@media screen and (max-width: 39.99875em) {
    .contact-form .grid-padding-x {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.terms ul.sidebar,
.privacy ul.sidebar {
    max-height: calc(100vh - 9rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.terms ul.sidebar::-webkit-scrollbar,
.privacy ul.sidebar::-webkit-scrollbar {
    display: none
}

.terms h2,
.privacy h2 {
    font-size: 22px
}

.terms h5,
.privacy h5 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin-bottom: 10px
}

.terms a,
.privacy a {
    color: #ED8A47 !important
}

.terms a:hover,
.privacy a:hover {
    cursor: pointer;
    text-decoration: underline
}

.terms ul.sidebar li,
.privacy ul.sidebar li {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    line-height: 1.2
}

.terms ul.sidebar li a,
.privacy ul.sidebar li a {
    color: rgba(8, 58, 80, 0.3) !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    margin: 0
}

.terms ul.sidebar li a:hover,
.privacy ul.sidebar li a:hover {
    color: #083A50 !important;
    text-decoration: none
}

.terms ul.sidebar li span,
.privacy ul.sidebar li span {
    display: inline-block;
    width: 30px
}

.terms ul.content,
.privacy ul.content {
    margin: 0 20px 20px 20px
}

.terms ul.content li,
.privacy ul.content li {
    padding: 5px 0;
    list-style: initial
}

.terms--link,
.privacy--link {
    padding-top: 100px;
    margin-top: -100px
}

@media screen and (min-width: 64.0625em) {

    .terms--sticky,
    .privacy--sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 100px
    }
}

@media screen and (max-width: 64.06125em) {

    .terms--sticky,
    .privacy--sticky {
        position: relative;
        z-index: 1
    }
}

.submission-block h5 {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin-bottom: 10px
}

.submission-block a {
    color: #ED8A47
}

.submission-block a:hover {
    cursor: pointer;
    text-decoration: underline !important
}

.submission-block .accordion-item a:hover {
    text-decoration: none !important
}

.submission-block .accordion-content {
    background: #f6f6f6;
    border: none;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    display: block;
    padding: 0;
    max-height: 0
}

.submission-block .content-box {
    padding: 50px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB
}

@media screen and (max-width: 39.99875em) {
    .submission-block .content-box {
        padding: 30px
    }
}

.submission-block ul {
    margin-bottom: 20px
}

.submission-block ul li {
    list-style: inherit
}

.submission-block .accordion-item:last-child .accordion-title {
    border-bottom: none
}

.submission-block .accordion-title {
    border: none;
    border-bottom: 1px solid #EBEBEB;
    padding: 35px 40px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media screen and (max-width: 39.99875em) {
    .submission-block .accordion-title {
        padding: 15px 30px
    }
}

.submission-block .accordion-title h2 {
    font-size: 34px
}

.submission-block .accordion-title:hover {
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer
}

.submission-block .accordion-title:before {
    width: 15px;
    height: 9px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -213px -110px;
    right: 40px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.submission-block .is-active>.accordion-title::before {
    width: 16px;
    height: 10px;
    content: '';
    background-image: url("../image/small_icons-2790cddcba34a02fc4e8d9ed859a85f4cc9887895160b69349db76bff83a399d.svg");
    background-position: -190px -109px
}

.sitemap h1 {
    margin-bottom: 30px
}

.sitemap h3 {
    margin-bottom: 15px
}

.sitemap .masonry-with-columns {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

@media screen and (max-width: 39.99875em) {
    .sitemap .masonry-with-columns {
        -webkit-columns: 1;
        columns: 1
    }
}

.sitemap .masonry-with-columns .sitemap_block {
    background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 30px;
    margin: 0 20px 20px 0;
    display: inline-block;
    width: 100%
}

.sitemap .masonry-with-columns .sitemap_block p {
    margin-bottom: 7px;
    line-height: 1.4
}

.sitemap .masonry-with-columns .sitemap_block p~.all {
    margin-top: 20px !important
}

.sitemap .masonry-with-columns .sitemap_block p>a {
    text-decoration: underline;
    color: #083A50;
    font-family: "Sofia-Pro-Light", sans-serif
}

.sitemap .masonry-with-columns .sitemap_block p.all>a {
    color: #ED8A47;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}

.sitemap .masonry-with-columns .sitemap_block p.all>a:hover {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.sitemap .masonry-with-columns .sitemap_block a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.sitemap .masonry-with-columns .sitemap_block a:hover {
    color: #ED8A47
}

.sitemap .masonry-with-columns .sitemap_block a.orange_light_hovering:hover {
    color: #EFBE67
}

.sitemap .masonry-with-columns .sitemap_block a.blue_hovering:hover {
    color: #083A50
}

.sitemap .masonry-with-columns .sitemap_block a.light_blue_hovering:hover {
    color: #4095DB
}

.sitemap .masonry-with-columns .sitemap_block a.light_green_hovering:hover {
    color: #74D6C5
}

.icon-wrapper {
    height: 78px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .our-services__wrapper .large-4 {
        width: 40%
    }
}

@media screen and (min-width: 64.0625em) {
    .our-services__wrapper {
        position: relative
    }
}

.our-services__block--icon {
    width: 30px;
    height: 30px;
    margin: 0 25px 0 0
}

.our-services__block--icon--1 {
    background: url("../image/about_icon_1-db5636cea08fcb8ec615fb4319dd46eeb8b4d399a116dee699751bf166de24c5.svg") no-repeat
}

.our-services__block--icon--2 {
    background: url("../image/about_icon_2-6bc04ecfc7c883172e5e0a4119e8770d883356e738ae06a6b27d34ff63466d6a.svg") no-repeat
}

.our-services__block--icon--3 {
    background: url("../image/about_icon_3-c919328c9955193806a6b3e46dd1ade9167109af70bc3def1664be101b11873f.svg") no-repeat
}

.our-services__block--icon--4 {
    background: url("../image/about_icon_4-6a14d95f2101bb7477a7cd150c1651883df3a99804fa7710600ac097098d7453.svg") no-repeat
}

.our-services__block--icon--5 {
    background: url("../image/about_icon_5-347c496c4964116b1854f796b297a88b1d859f6803d24af82f20a90f6b8974e8.svg") no-repeat
}

.our-services__block--title {
    font-size: 20px;
    line-height: 25px;
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 20px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media screen and (max-width: 39.99875em) {
    .our-services__block--title {
        font-size: 18px;
        line-height: 23px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .our-services__block--desc {
        padding: 10px 30px 30px 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .our-services__block--desc {
        padding: 10px 10px 30px 10px
    }
}

.our-services__block--line {
    width: 40px;
    height: 3px;
    background: #ED8A47;
    margin: 0 0 13px 0
}

.our-services__block--line.orange {
    background: #ED8A47
}

.our-services__block--line.yellow {
    background: #EFBE67
}

.our-services__block--line.light-blue {
    background: #4095DB
}

.our-services__block--line.light-green {
    background: #74D6C5
}

.our-services__block--read {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.our-services__block--read-arrow {
    background: url("../image/right_blue_arrow-81952d38ba9b74e95e4c3d665bd08542322d7aa1d5e83e0f80c75a56a446a8b1.svg");
    width: 10px;
    height: 7px;
    margin: 0 0 0 17px;
    display: block
}

.our-services__block--read.orange:hover {
    color: #ED8A47
}

.our-services__block--read.orange:hover .our-services__block--read-arrow {
    background: url("../image/right-orange-arrow-5000c6e5f33de50c56e31b5d23f5a72472642f87326a7c9347a2e810b5d78397.svg")
}

.our-services__block--read.yellow:hover {
    color: #EFBE67
}

.our-services__block--read.yellow:hover .our-services__block--read-arrow {
    background: url("../image/right_yellow_arrow-a74cdfde9732a301ff623886f6240cf71e3a3f17e611f691a5c601752bf14ed8.svg")
}

.our-services__block--read.light-blue:hover {
    color: #4095DB
}

.our-services__block--read.light-blue:hover .our-services__block--read-arrow {
    background: url("../image/right_light-blue_arrow-a7f69de0bd7d06c281e7b822b28836b96bc9c0101a8f0ec094e54d54fa48f928.svg")
}

.our-services__block--read.light-green:hover {
    color: #74D6C5
}

.our-services__block--read.light-green:hover .our-services__block--read-arrow {
    background: url("../image/right_light-green_arrow-93876aadf27f399172344ee2d2add973339d90f34ec2505386c801f14d033f10.svg")
}

.our-services__accordion-title {
    position: relative;
    padding: 15px;
    background-color: #F4F4F4;
    border-radius: 5px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px 0;
    border: none !important
}

@media screen and (min-width: 64.0625em) {
    .our-services__accordion-title {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }
}

@media screen and (max-width: 39.99875em) {
    .our-services__accordion-title {
        -webkit-transition: background-color 0.5s ease;
        transition: background-color 0.5s ease
    }
}

.our-services__accordion-title:before {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -0.2rem;
    content: ''
}

@media screen and (max-width: 64.06125em) {
    .our-services__accordion-title:before {
        width: 13px;
        height: 8px;
        background: url("../image/arrow_down_blue-a0ed8b6f1725da40acc2e1a772d96756ebd2ec1b19641bbb03032b65723bb50a.svg") no-repeat
    }
}

@media screen and (max-width: 64.06125em) {
    .our-services__accordion-title {
        padding: 25px 30px;
        margin: 0 0 20px 0;
        height: 80px
    }
}

@media screen and (max-width: 39.99875em) {
    .our-services__accordion-title {
        margin: 0 0 10px 0
    }

    .our-services__accordion-title.orange:before {
        background: url("../image/arrow_down_orange-559bd95ef6e21c6387bc0249af11d32f8ef96454f81b5073c259eea4119084d1.svg") no-repeat
    }

    .our-services__accordion-title.orange .our-services__block--title {
        color: #ED8A47
    }

    .our-services__accordion-title.yellow:before {
        background: url("../image/arrow_down_yellow-6ac6f30d5c4e06ea2bc1a1d78f2a0bf7172d312f740e94d68a4e15e31f8e61a4.svg") no-repeat
    }

    .our-services__accordion-title.yellow .our-services__block--title {
        color: #EFBE67
    }

    .our-services__accordion-title.light-blue:before {
        background: url("../image/arrow_down_light_blue-2f817f854bad31e26272039fc5546a9b4980e04770e98f5b5faba52823fef7fc.svg") no-repeat
    }

    .our-services__accordion-title.light-blue .our-services__block--title {
        color: #4095DB
    }

    .our-services__accordion-title.light-green:before {
        background: url("../image/arrow_down_light_green-36e021abcbfd675094f5742435aa96af6bb82e402f203c7bc26be7982fdcba87.svg") no-repeat
    }

    .our-services__accordion-title.light-green .our-services__block--title {
        color: #74D6C5
    }
}

.our-services__accordion-title.orange:hover {
    background-color: #ED8A47
}

.our-services__accordion-title.yellow:hover {
    background-color: #EFBE67
}

.our-services__accordion-title.light-blue:hover {
    background-color: #4095DB
}

.our-services__accordion-title.light-green:hover {
    background-color: #74D6C5
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--title,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--title {
    color: #ffffff
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--icon--1,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--icon--1 {
    background: url("../image/about_icon_1_white-749f27aa4cb4a8eb80ca2d4e4f42a07c0c439a41248b4be329bd91613f9b6ee4.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--icon--2,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--icon--2 {
    background: url("../image/about_icon_2_white-2d67eb707686642b7b67baa5f7bb24892f7c952ea0761de8915d8219a280bf1c.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--icon--3,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--icon--3 {
    background: url("../image/about_icon_3_white-01f2669d580f915efe60f853e61e44b7cb1bf6a62aca262cf49856118f6b87b9.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--icon--4,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--icon--4 {
    background: url("../image/about_icon_4_white-7850f8b121f2636d4dbc0ce6fd3e21b9b5921cc303e0d000189f80fd149f2c3b.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title .our-services__block--icon--5,
.our-services__accordion-item:hover .our-services__accordion-title .our-services__block--icon--5 {
    background: url("../image/about_icon_5_white-b8e67b50999946ab9c2ba9b2011488ef26a3a94336013cfa34e94df73c7d7b5d.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title:before,
.our-services__accordion-item:hover .our-services__accordion-title:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background: url("../image/arrow_up_white-c549dc5c6d1f1209a99111c335fa488ce34a3f9430b3730f6e28d83ec40f60cf.svg") no-repeat
}

.our-services__accordion-item.is-active .our-services__accordion-title {
    background-color: #ED8A47
}

.our-services__accordion-item.is-active .our-services__accordion-title.orange {
    background-color: #ED8A47
}

.our-services__accordion-item.is-active .our-services__accordion-title.yellow {
    background-color: #EFBE67
}

.our-services__accordion-item.is-active .our-services__accordion-title.light-blue {
    background-color: #4095DB
}

.our-services__accordion-item.is-active .our-services__accordion-title.light-green {
    background-color: #74D6C5
}

.our-services__accordion-item.is-active .our-services__accordion-title:before {
    background: url("../image/arrow_up_white-c549dc5c6d1f1209a99111c335fa488ce34a3f9430b3730f6e28d83ec40f60cf.svg") no-repeat
}

.our-services__accordion-content {
    border: none !important;
    overflow: hidden;
    display: block;
    padding: 0;
    max-height: 0
}

@media screen and (min-width: 64.0625em) {
    .our-services__accordion-content {
        position: absolute;
        top: 0;
        left: 50%
    }
}

@media screen and (max-width: 64.06125em) {
    .our-services__accordion-content {
        -webkit-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease
    }
}

.about__title {
    color: #ED8A47;
    line-height: 30px
}

.about__desc {
    font-size: 50px;
    line-height: 50px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 10px 0 60px 0;
    color: #083A50
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about__desc {
        margin: 10px 0 40px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .about__desc {
        font-size: 30px;
        line-height: 40px;
        margin: 10px 0 30px 0
    }
}

.about__team-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about__team-tabs {
        position: absolute;
        z-index: 99
    }
}

.about__team-tab {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0 50px 40px 0
}

.about__team-tab.is-active,
.about__team-tab:hover {
    color: #ED8A47;
    cursor: pointer
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .about__team-tab {
        margin: 20px 50px 40px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .about__team-tab {
        font-size: 20px;
        line-height: 25px;
        margin: 0 30px 30px 0
    }
}

.contact-container {
    background: #EFEFEF
}

.contact-container__title {
    color: #ED8A47;
    font-size: 25px;
    line-height: 30px
}

.contact-container__desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 50px;
    line-height: 50px;
    margin: 28px auto;
    max-width: 700px;
    color: #083A50
}

@media screen and (max-width: 39.99875em) {
    .contact-container__desc {
        font-size: 30px;
        line-height: 40px;
        margin: 26px auto
    }
}

.contact-container .button-orange:focus {
    background: #ED8A47
}

.history__wrapper:hover {
    -webkit-animation: fadeIn 0.5s ease forwards;
    animation: fadeIn 0.5s ease forwards;
    cursor: pointer
}

.history__wrapper:hover .history__block {
    background: #083A50
}

.history__wrapper:hover .history__date,
.history__wrapper:hover .history__title,
.history__wrapper:hover .history__pic,
.history__wrapper:hover .history__desc,
.history__wrapper:hover .history__line {
    display: none
}

.history__wrapper:hover .show-only-on-hover {
    display: block
}

.history__wrapper:focus {
    outline: none
}

.history__wrapper .show-only-on-hover {
    display: none
}

.history__block {
    background-color: #f9f9f9;
    padding: 50px 30px;
    height: 360px;
    border-radius: 5px;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px #0000001A;
    box-shadow: 0 6px 12px #0000001A
}

@media screen and (max-width: 1440px) {
    .history__block {
        padding: 30px
    }
}

@media screen and (max-width: 769px) {
    .history__block {
        padding: 30px 20px
    }
}

@media screen and (max-width: 349px) {
    .history__block {
        padding: 20px
    }
}

.history__date {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: rgba(77, 77, 77, 0.5);
    margin: 0 0 12.5px 0
}

.history__line {
    width: 40px;
    border: 1px solid #C4C4C4
}

.history__title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 25px;
    line-height: 25px;
    color: #ED8A47;
    margin-bottom: 0
}

.history__desc {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    margin: 0
}

.history__hover-subtitle {
    color: #ED8A47 !important;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    line-height: 25px
}

.history__hover-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    color: white
}

@media screen and (max-width: 39.99875em) {
    .history__hover-desc {
        font-size: 16px
    }
}

.history__pic {
    margin: 20px 0 50px 0;
    max-height: 70px
}

.team__profile {
    text-align: left
}

.team__profile:hover {
    -webkit-animation: all 0.5s ease forwards;
    animation: all 0.5s ease forwards;
    cursor: pointer
}

.team__profile:hover .team__profile--pic {
    background: #083A50 !important;
    border-radius: 5px;
    padding: 20px
}

.team__profile:hover .show-only-on-hover {
    display: block
}

.team__profile:focus {
    outline: none
}

.team__profile .show-only-on-hover {
    display: none
}

.team__profile--block {
    background: transparent;
    border-radius: 5px;
    height: 284px
}

.team__profile--pic {
    height: 100%;
    background-repeat: no-repeat !important;
    border-radius: 5px;
    -webkit-background-size: cover !important;
    background-size: cover !important
}

@media screen and (max-width: 1024px) {
    .team__profile--pic {
        width: 254px
    }
}

.team__profile--name {
    color: #083A50;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: 15px 0 0
}

.team__profile--position {
    color: #4D4D4D;
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 14px;
    line-height: 26px;
    margin: 0
}

.team__hover-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 14px;
    color: white;
    margin: 10px 0 5px 0
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .team__hover-desc {
        font-size: 14px;
        margin: 5px 0 0 0
    }
}

.team__hover-view {
    font-size: 14px;
    color: #ED8A47;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0
}

.team__hover-view:hover {
    color: #ED8A47
}

.heading-orange {
    color: #ED8A47;
    font-size: 25px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Bold", sans-serif;
    margin: 0 0 20px 0
}

.subheading-blue {
    color: #083A50;
    font-size: 30px;
    line-height: 1.2;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 0 auto 50px auto;
    max-width: 650px
}

.partners-desc {
    color: #083A50;
    font-size: 30px;
    text-align: center;
    line-height: 35px;
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 70px
}

@media screen and (max-width: 64.06125em) {
    .partners-desc {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 39.99875em) {
    .partners-desc {
        margin-bottom: 50px
    }
}

.partners-desc.small {
    font-size: 22px
}

.our-programmes .program-title {
    font-size: 28px;
    line-height: 30px;
    color: #ED8A47;
    text-align: center;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.our-programmes .program-desc {
    color: #4D4D4D;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (max-width: 64.06125em) {
    .our-programmes .program-desc {
        margin-bottom: 45px
    }
}

.our-programmes img {
    margin-bottom: 40px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {

    .our-programmes .large-3:last-of-type .program-desc,
    .our-programmes .large-3:nth-of-type(3) .program-desc {
        margin-bottom: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .our-programmes .large-3:last-of-type .program-desc {
        margin-bottom: 0
    }
}

.partner-with-us .service {
    background: #F9F9F9;
    -webkit-box-shadow: 6px 6px 12px #0000001A;
    box-shadow: 6px 6px 12px #0000001A;
    padding: 20px 20px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 168px
}

.partner-with-us .service .title {
    color: #ED8A47;
    font-size: 28px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif
}

.partner-with-us .service .line {
    border-bottom: 2px solid #C4C4C4;
    width: 41px;
    margin: 25px auto
}

@media screen and (max-width: 39.99875em) {
    .partner-with-us .grid-x.grid-padding-x {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.top-services-container.grid-container {
    padding-top: 0 !important
}

@media screen and (min-width: 64.0625em) {
    .top-services-container .grid-x {
        margin: 0 -10px 0
    }
}

.top-services-container .top-service-box {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 39.99875em) {
    .top-services-container .top-service-box {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-services-container .top-service-card {
    background: #083A50;
    margin: 0 10px 15px 10px;
    padding: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.top-services-container .top-service-title {
    font-size: 28px;
    line-height: 30px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: rgba(255, 255, 255, 0.6);
    margin: 20px 0 10px 0;
    text-align: center
}

@media screen and (max-width: 1280px) {
    .top-services-container .top-service-title {
        font-size: 20px;
        line-height: 21px
    }
}

@media screen and (max-width: 64.06125em) {
    .top-services-container .top-service-title {
        margin: 20px 0
    }
}

.top-services-container .top-service-desc {
    font-size: 18px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #FFFFFF;
    margin: 0;
    max-width: 300px
}

@media screen and (max-width: 1280px) {
    .top-services-container .top-service-desc {
        font-size: 16px;
        line-height: 20px
    }
}

.top-services-container .top-service-img {
    display: block;
    margin: auto
}

.top-services-container .top-service-link {
    font-size: 18px;
    line-height: 20px;
    color: #ED8A47;
    font-family: "Sofia-Pro-Bold", sans-serif;
    display: inline-block;
    margin-top: 20px;
    background: transparent;
    border: 2px solid #ED8A47;
    border-radius: 20px;
    padding: 10px 30px;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease
}

@media screen and (max-width: 1280px) {
    .top-services-container .top-service-link {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (max-width: 39.99875em) {
    .top-services-container .top-service-link {
        min-width: 190px;
        padding: 10px 20px
    }
}

.top-services-container .top-service-link:hover {
    background: #ED8A47;
    color: #ffffff
}

.top-services-container .top-service-link:hover .orange-right-arrow {
    background-position: -308px -349px;
    width: 14px;
    height: 10px
}

.cv-help-section {
    position: relative;
    background: #eeeeee
}

.cv-help-section .cv-help-title {
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 25px;
    line-height: 30px;
    color: #083A50;
    margin-bottom: 20px
}

.cv-help-section .cv-help-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 37px;
    line-height: 35px;
    color: #083A50;
    margin-bottom: 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-help-section .cv-help-desc {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .cv-help-desc {
        font-size: 30px;
        line-height: 30px;
        padding: 0 30px
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-help-section .cv-dash-outline {
        background-image: url("../image/dash-outline-90f83f966516e0cbf6ea599c3f4e56b79a888d1262d6d779756c026cd6a3b499.svg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center top;
        height: 170px;
        position: relative;
        top: 140px
    }
}

.cv-help-section .dots {
    position: relative;
    margin: 0 auto
}

.cv-help-section .cv-help-products {
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .cv-help-section .cv-help-products {
        max-width: 1340px;
        margin: 0 20px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-help-section .cv-help-products {
        margin: 0 50px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .cv-help-products {
        max-width: 320px
    }
}

@media screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .large-3 {
        margin: 0 auto;
        max-width: 300px
    }
}

@media screen and (max-width: 900px) and (min-width: 640px) {
    .cv-help-section .cv-help-products .large-3 {
        margin: 0 auto;
        max-width: 300px
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .large-3:first-child {
        margin-top: -5%
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .cv-help-section .cv-help-products .large-3:first-child {
        margin-top: -2%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .large-3:nth-child(2) {
        margin-top: 1%
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .cv-help-section .cv-help-products .large-3:nth-child(2) {
        margin-top: 3%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-help-section .cv-help-products .large-3:nth-child(2) {
        margin-top: 10%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .large-3:nth-child(3) {
        margin-top: -6%
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .cv-help-section .cv-help-products .large-3:nth-child(3) {
        margin-top: -5%
    }
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .large-3:last-child {
        margin-top: -1%
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .cv-help-section .cv-help-products .large-3:last-child {
        margin-top: -1%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-help-section .cv-help-products .large-3:last-child {
        margin-top: 10%
    }
}

.cv-help-section .cv-help-products .product-circle {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #7E97A2;
    margin: 0 auto 10px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .cv-help-products .product-circle {
        margin-top: 40px
    }
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .product-circle {
        width: 108px;
        height: 108px
    }
}

.cv-help-section .cv-help-products .product-circle .self-help-bundles {
    background-position: center
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .product-circle .self-help-bundles {
        background-image: url("../image/self-help-bundles-457d33d85aa64c95e209b47de5ba0f6a0db766835a4facd880df331ebaf67473.svg");
        height: 88px;
        width: 68px
    }
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .product-circle .self-help-bundles {
        background-image: url("../image/self-help-bundles-small-048f88db9aefdde5e4ad709ca2d2fd3066a49241dc8896618ea0f251f95c54ae.svg");
        height: 61px;
        width: 47px
    }
}

.cv-help-section .cv-help-products .product-circle .downloadable-cv-template {
    background-position: center
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .product-circle .downloadable-cv-template {
        background-image: url("../image/downloadable-cv-template-65109902366585020a3a509739e2426e6c9c8b294772739044a6f19974cd58a6.svg");
        height: 87px;
        width: 97px
    }
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .product-circle .downloadable-cv-template {
        background-image: url("../image/downloadable-small-e815297d6a2cf7e5aa363ea962ef33601a74fbe9bcbe709249d8a239f8838d99.svg");
        height: 59px;
        width: 67px
    }
}

.cv-help-section .cv-help-products .product-circle .cv-review-service {
    background-position: center
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .product-circle .cv-review-service {
        background-image: url("../image/cv-review-service-9181eab0c7195e6f7aceb3dc9d90ddf17ab0741d931cd28ba8b50ff8664e8b9f.svg");
        height: 88px;
        width: 87px
    }
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .product-circle .cv-review-service {
        background-image: url("../image/cv-review-service-small-b74f165795e31b52124929c1f339ea538e9b07f76fcc953dbd67045c36b267da.svg");
        height: 61px;
        width: 61px
    }
}

.cv-help-section .cv-help-products .product-circle .professional-cv-writing-service {
    background-position: center
}

@media print,
screen and (min-width: 64.0625em) {
    .cv-help-section .cv-help-products .product-circle .professional-cv-writing-service {
        background-image: url("../image/professional-cv-writing-service-f4bdac520250d0039d99b5a85d0f5deb7b6bf3dbdf53eeecd29ea4755bd60531.svg");
        width: 85px;
        height: 86px
    }
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .product-circle .professional-cv-writing-service {
        background-image: url("../image/profesional-cv-writing-small-f1252408b27cdb6e8462e47d4c04595f3a67a7fa2cf4d68d9401ed641eb7a564.svg");
        width: 60px;
        height: 60px
    }
}

.cv-help-section .cv-help-products .title {
    font-size: 20px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    line-height: 25px;
    color: #083A50
}

.cv-help-section .cv-help-products .desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 18px;
    margin: 15px 0
}

@media screen and (max-width: 1280px) {
    .cv-help-section .cv-help-products .desc {
        font-size: 16px
    }
}

.cv-help-section .cv-help-products .link-product {
    font-size: 18px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47
}

.cv-help-section .cv-help-products .link-product:hover {
    text-decoration: underline
}

.cv-help-section .best-seller-section {
    position: relative
}

.cv-help-section .best-seller-section .grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.cv-help-section .best-seller-section .best-seller-icon {
    margin-right: 20px;
    margin-bottom: -5px
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section {
        padding-top: 50px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section {
        text-align: center;
        margin: 0 auto
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .best-seller-section {
        margin: 0 auto
    }

    .cv-help-section .best-seller-section .best-seller-icon {
        margin-right: 10px;
        width: 20px;
        height: auto
    }
}

.cv-help-section .best-seller-section .best-seller-caption {
    font-size: 25px;
    color: #4D4D4D;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (max-width: 1280px) {
    .cv-help-section .best-seller-section .best-seller-caption {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section .best-seller-caption {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .best-seller-section .best-seller-caption {
        font-size: 20px
    }
}

.cv-help-section .best-seller-section .best-seller-caption svg path#Path_13052 {
    fill: #4D4D4D !important
}

.cv-help-section .best-seller-section .best-seller-product {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    font-size: 33px;
    line-height: 41px;
    margin-bottom: 20px
}

@media screen and (max-width: 1280px) {
    .cv-help-section .best-seller-section .best-seller-product {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section .best-seller-product {
        font-size: 30px;
        line-height: 35px
    }
}

.cv-help-section .best-seller-section .best-seller-desc {
    font-size: 18px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    margin: 10px 0;
    max-width: 570px;
    margin-bottom: 20px
}

@media screen and (max-width: 1280px) {
    .cv-help-section .best-seller-section .best-seller-desc {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section .best-seller-desc {
        margin: 0 auto 10px auto
    }
}

.cv-help-section .best-seller-section .best-seller-view-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section .best-seller-view-product {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px
    }
}

@media screen and (max-width: 460px) {
    .cv-help-section .best-seller-section .best-seller-view-product {
        display: block;
        margin-top: 20px
    }
}

.cv-help-section .best-seller-section .best-seller-view-product .best-seller-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #801112;
    font-size: 40px;
    line-height: 30px
}

@media screen and (min-width: 461px) {
    .cv-help-section .best-seller-section .best-seller-view-product .best-seller-price {
        margin-left: 30px
    }
}

@media screen and (max-width: 460px) {
    .cv-help-section .best-seller-section .best-seller-view-product .best-seller-price {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .best-seller-section .best-seller-view-product .best-seller-price {
        font-size: 30px
    }
}

.cv-help-section .best-seller-section .best-seller-view-product .best-seller-price span {
    font-size: 25px;
    line-height: 30px;
    margin-right: 10px
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .best-seller-section .best-seller-view-product .best-seller-price span {
        font-size: 18px
    }
}

.cv-help-section .best-seller-section .button-red-bundle {
    height: 70px;
    font-size: 21px;
    padding: 18px 20px;
    line-height: 28px;
    margin: 0
}

@media screen and (max-width: 460px) {
    .cv-help-section .best-seller-section .button-red-bundle {
        margin-bottom: 16px
    }
}

.cv-help-section .best-seller-section .button-red-bundle .white-arrow {
    display: inline-block !important
}

.cv-help-section .best-seller-section .best-seller-img {
    height: 519px;
    width: 535px;
    margin: 45px 0 0 0
}

@media screen and (max-width: 1280px) and (min-width: 640px) {
    .cv-help-section .best-seller-section .best-seller-img {
        width: 424px;
        height: 431px
    }

    .cv-help-section .best-seller-section .best-seller-img picture {
        margin-right: -10px;
        margin-left: 0
    }
}

@media screen and (max-width: 64.06125em) {
    .cv-help-section .best-seller-section .best-seller-img {
        margin: 0 auto 30px auto
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-help-section .best-seller-section .best-seller-img {
        width: 320px;
        height: 331px;
        margin: 0 auto 50px auto
    }
}

@media screen and (max-width: 330px) {
    .cv-help-section .best-seller-section .best-seller-img {
        margin: 0 -20px 20px 0;
        max-width: 320px;
        width: 100%;
        height: 331px
    }
}

.cv-help-section .best-seller-section .best-seller-img img {
    width: 100%
}

.job-search-section {
    position: relative;
    background: #eeeeee
}

@media screen and (min-width: 1921px) {
    .job-search-section .wave-down {
        min-height: 455px;
        margin-top: 0
    }
}

@media screen and (max-width: 1920px) and (min-width: 640px) {
    .job-search-section .wave-down {
        margin-bottom: -45px;
        margin-top: 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .job-search-section .wave-down {
        margin-bottom: -45px;
        margin-top: 0
    }
}

.job-search-section .grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.job-search-section .title {
    font-size: 25px
}

@media screen and (max-width: 64.06125em) {
    .job-search-section .title {
        text-align: center
    }
}

.job-search-section .subtitle {
    font-size: 50px;
    color: #083A50;
    font-family: "Sofia-Pro-Light", sans-serif;
    line-height: 50px;
    padding: 20px 0
}

@media screen and (max-width: 1280px) {
    .job-search-section .subtitle {
        font-size: 37px;
        line-height: 43px
    }
}

@media screen and (max-width: 64.06125em) {
    .job-search-section .subtitle {
        text-align: center
    }
}

@media screen and (max-width: 39.99875em) {
    .job-search-section .subtitle {
        font-size: 30px;
        line-height: 35px;
        margin: 0;
        padding: 20px 0 0 0
    }
}

.job-search-section .button-orange-light {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    height: 70px;
    padding: 18px 30px;
    font-size: 21px;
    line-height: 30px;
    margin-right: 20px
}

@media print,
screen and (min-width: 64.0625em) {
    .job-search-section .button-orange-light {
        margin-top: 10px
    }
}

.job-search-section .button-orange-light .white-arrow {
    display: inline-block
}

@media screen and (max-width: 1024px) and (min-width: 670px) {
    .job-search-section .button-orange-light {
        float: left
    }
}

@media screen and (max-width: 64.06125em) {
    .job-search-section .button-orange-light {
        margin-right: 0
    }
}

.job-search-section .job-block {
    background: #ffffff;
    padding: 11px 20px 12px 20px !important;
    margin: 0 10px 10px 0;
    border: 1px solid transparent;
    width: auto;
    line-height: 26px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px
}

@media screen and (max-width: 39.99875em) {
    .job-search-section .job-block {
        padding: 7px 20px 6px 20px !important
    }
}

.job-search-section .job-block .job-search {
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media screen and (max-width: 39.99875em) {
    .job-search-section .job-block .job-search {
        font-size: 14px
    }
}

.job-search-section .job-block .job-search:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer
}

.job-search-section .job-block:hover {
    border: 1px solid #EFBE67
}

.job-search-section .job-block:hover .job-search {
    color: #EFBE67
}

@media screen and (max-width: 671px) {
    .job-search-section .browse-jobs {
        text-align: center
    }
}

.job-search-section .hiring-text {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 0 10px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .job-search-section .hiring-text {
        display: inline-block;
        float: right;
        margin-top: 20px
    }
}

@media screen and (max-width: 671px) and (min-width: 640px) {
    .job-search-section .hiring-text {
        float: unset
    }
}

.job-search-section .hiring-text a {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-decoration: underline
}

@media screen and (max-width: 400px) {
    .job-search-section .hiring-text a {
        display: inherit
    }
}

.job-search-section .hiring-text a:hover {
    cursor: pointer
}

.job-search-section .job-text {
    margin-bottom: 20px;
    color: #7E97A2;
    font-size: 21px
}

@media screen and (max-width: 64.06125em) {
    .job-search-section .job-text {
        text-align: center
    }
}

@media screen and (max-width: 39.99875em) {
    .job-search-section .job-text {
        color: #083A50;
        margin-top: 20px;
        font-size: 20px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .job-search-section .button-orange-light {
        margin-bottom: 0
    }
}

.job-search-section .button-orange-light .white-arrow {
    display: inline-block
}

@media (min-width: 1400px) {
    .job-search-section .xlarge-4 {
        width: 41.66667%
    }
}

@media (min-width: 1400px) {
    .job-search-section .xlarge-8 {
        width: 58.33333%
    }
}

.newsletter-section {
    position: relative
}

.newsletter-section .side-bubble {
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    bottom: -50px;
    z-index: -1
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .newsletter-section .side-bubble {
        bottom: -100px
    }
}

.newsletter-section .side-bubble.is-on-right {
    right: 0;
    background-image: url("../image/gray-bubble-right-e935eacf943a704e8335a115f12d3543a5fdd41f26042f05ce1c875286385dc5.webp");
    width: 241px;
    height: 880px
}

.newsletter-section .side-bubble.is-on-left {
    left: 0;
    background-image: url("../image/gray-bubble-left-bb4dd0e4edca74ba681d06bdd425cd9bbb3da03e3f42d12637a1dd3d55b3e0dd.webp");
    width: 233px;
    height: 814px
}

@media screen and (min-width: 1441px) {
    .newsletter-section .grid-container .xxlarge-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1441px) {
    .newsletter-section .grid-container .xxlarge-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 64.0625em) {
    .newsletter-section .grid-container {
        padding-top: 50px !important;
        padding-bottom: 0 !important
    }
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .newsletter-section .grid-container {
        padding-bottom: 100px !important
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .newsletter-section .grid-container {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
}

.newsletter-section .content-part {
    max-width: 491px
}

@media screen and (min-width: 64.0625em) {
    .newsletter-section .content-part {
        margin: 80px auto 0 0
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .newsletter-section .content-part {
        margin: 60px auto 0;
        text-align: center
    }
}

@media screen and (max-width: 39.99875em) {
    .newsletter-section .content-part {
        text-align: center
    }
}

.newsletter-section .newsletter-header {
    font-size: 25px;
    line-height: 30px;
    color: #083A50;
    margin: 0 0 10px 0
}

.newsletter-section .newsletter-desc {
    font-family: "Sofia-Pro-Light", sans-serif;
    font-size: 30px;
    line-height: 35px;
    color: #083A50;
    margin: 0 0 30px 0
}

.newsletter-section .newsletter-desc span {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.newsletter-section .subscribe.input-with-button {
    position: relative
}

.newsletter-section .subscribe.input-with-button input {
    border-radius: 25px
}

.newsletter-section .subscribe.input-with-button button {
    position: absolute;
    right: 0;
    top: 0
}

.newsletter-section .newsletter-img {
    background-image: url("../image/newsletter-445472ce2d65741bf6974314bf7ffe389c6950fa62e5ef39a5836500eb3da089.webp");
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 533px;
    width: 759px
}

@media screen and (min-width: 1441px) {
    .newsletter-section .newsletter-img {
        margin-left: auto
    }
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .newsletter-section .newsletter-img {
        width: 515px;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: top center
    }
}

@media screen and (max-width: 64.06125em) {
    .newsletter-section .newsletter-img {
        background-image: url("../image/newsletter-tablet-b5b20b195334119231c4b9b48fb2d12144077d3ebedc116c801c6602475f1835.webp");
        height: 470px;
        width: 670px;
        margin: auto
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .newsletter-section .newsletter-img {
        -webkit-background-size: contain;
        background-size: contain;
        height: 400px;
        width: 515px
    }
}

@media screen and (max-width: 39.99875em) {
    .newsletter-section .newsletter-img {
        background-image: url("../image/newsletter-mob-746ae76a07218f7d205e3abe6be9de68941ad40f5f012c29de87a68bad7495b3.webp");
        height: 223px;
        width: 317px;
        margin: 20px auto 60px
    }
}

@media screen and (max-width: 359px) {
    .newsletter-section .newsletter-img {
        -webkit-background-size: contain;
        background-size: contain;
        width: 300px
    }
}

.after-sub-wrapper {
    padding: 45px 70px;
    background: #ffffff;
    max-width: 945px;
    margin: auto;
    font-size: 18px;
    font-family: "Sofia-Pro-Regular", sans-serif;
    color: #083A50
}

.after-sub-wrapper img.standard {
    margin-bottom: 55px
}

.after-sub-wrapper .standard-img-wrapper {
    position: relative;
    margin-top: -20px;
    margin-bottom: 10px
}

.after-sub-wrapper .standard-img-wrapper img.standard {
    margin-bottom: 0
}

.after-sub-wrapper .newsletter-thanks-icon {
    position: absolute
}

.after-sub-wrapper .newsletter-thanks-icon--speech-bubble {
    left: -10px;
    top: 30px
}

.after-sub-wrapper .newsletter-thanks-icon--money {
    left: 15%;
    top: 40%
}

.after-sub-wrapper .newsletter-thanks-icon--light-bulp {
    right: 17%;
    bottom: 25%
}

.after-sub-wrapper .newsletter-thanks-icon--emoji {
    right: 5%;
    top: 25px
}

.after-sub-wrapper .newsletter-thanks-icon--charts {
    right: -27px;
    bottom: 19%
}

.after-sub-wrapper .newsletter-thanks-icon--bubbles {
    right: 23%;
    top: 56px
}

@media screen and (max-width: 64.06125em) {
    .after-sub-wrapper .newsletter-thanks-icon--money {
        left: 10%;
        top: 50%
    }

    .after-sub-wrapper .newsletter-thanks-icon--light-bulp {
        right: 12%;
        bottom: 15%
    }
}

@media screen and (max-width: 770px) {
    .after-sub-wrapper .newsletter-thanks-icon {
        display: none
    }
}

@media screen and (max-width: 64.06125em) {
    .after-sub-wrapper {
        padding: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .after-sub-wrapper {
        margin: -40px -30px
    }

    .after-sub-wrapper img.standard {
        max-width: 200px;
        margin-bottom: 30px
    }
}

.after-sub-wrapper strong {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.after-sub-wrapper p.max-700 {
    max-width: 700px;
    margin: 0 auto 20px
}

.after-sub-wrapper p.blue-txt {
    color: #0A1E2E;
    font-family: "Sofia-Pro-Bold", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 10px 0
}

.after-sub-wrapper p.blue-txt--big {
    font-size: 21px
}

.after-sub-wrapper p a {
    color: #ED8A47
}

.after-sub-wrapper .sub-mail {
    margin: 45px auto 30px
}

.after-sub-wrapper .sub-line {
    height: 1px;
    width: 100%;
    background: rgba(77, 77, 77, 0.1);
    margin: 0 0 30px 0
}

.after-sub-wrapper .sub-socials {
    margin: 5px auto 0;
    max-width: 470px
}

.after-sub-wrapper .sub-socials img {
    margin: 0 5px 1px 0
}

.after-sub-wrapper .sub-socials a {
    color: #ED8A47;
    margin: 5px 20px 5px 0;
    white-space: nowrap
}

@media screen and (max-width: 39.99875em) {
    .after-sub-wrapper .sub-socials a {
        display: block
    }
}

.after-sub-wrapper .sub-socials a:hover {
    opacity: 0.8;
    cursor: pointer
}

.after-sub-wrapper .sub-warning {
    background-color: #FED600;
    border-radius: 3px;
    padding: 10px
}

.after-sub-wrapper .sub-warning p {
    margin-bottom: 0
}

.after-sub-wrapper .grid-padding-x>.cell {
    padding-right: 10px;
    padding-left: 10px
}

@media screen and (max-width: 720px) {
    .after-sub-wrapper .medium-4 {
        width: 100%
    }
}

.after-sub-wrapper .ps {
    text-align: center;
    width: 100%
}

.after-sub-wrapper .after-sub-box {
    background: #F2F3F4;
    padding: 25px;
    margin: 10px 0
}

@media screen and (max-width: 64.06125em) {
    .after-sub-wrapper .after-sub-box {
        padding: 25px 15px
    }
}

.after-sub-wrapper .after-sub-box .sub-box-img {
    min-height: 91px
}

.after-sub-wrapper .after-sub-box .sub-box-img img {
    margin: 0 auto 20px
}

@media screen and (max-width: 894px) {
    .after-sub-wrapper .after-sub-box p {
        min-height: 44px
    }
}

.after-sub-wrapper .after-sub-box p:not(.blue-txt) {
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    min-height: 36px
}

@media screen and (max-width: 39.99875em) {

    .after-sub-wrapper .after-sub-box p,
    .after-sub-wrapper .after-sub-box p:not(.blue-txt),
    .after-sub-wrapper .after-sub-box .sub-box-img {
        min-height: auto
    }
}

@media screen and (min-width: 64.0625em) {
    .research-section .grid-container {
        padding-top: 0 !important
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .grid-container {
        padding: 30px 0 !important
    }
}

@media screen and (min-width: 64.0625em) {
    .research-section .grid-container .large-6:nth-child(odd) {
        padding-right: 20px
    }
}

.research-section .research-box {
    margin: 0 0 20px 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.research-section .research-box:focus {
    outline: none
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 10px
    }
}

.research-section .research-header {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 0 0 50px 0
}

@media screen and (max-width: 64.06125em) {
    .research-section .research-header {
        margin: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-header {
        font-size: 18px;
        line-height: 20px
    }
}

.research-section .research-details {
    background: #f6f6f6;
    padding: 15px 20px;
    width: 65%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0
}

@media screen and (min-width: 40em) {
    .research-section .research-details {
        height: 160px
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-details {
        width: 100%;
        padding: 20px;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px
    }
}

.research-section .research-title {
    font-size: 25px;
    line-height: 30px;
    min-height: 75px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.research-section .research-title:hover {
    color: #ED8A47
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .research-section .research-title {
        font-size: 20px;
        line-height: 25px
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-title {
        font-size: 18px;
        line-height: 25px
    }
}

.research-section .research-date {
    font-size: 14px;
    line-height: 26px;
    color: #a5a5a5;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-date {
        margin: 10px 0 0 0;
        font-size: 16px
    }
}

.research-section .research-label {
    font-size: 20px;
    line-height: 25px;
    color: rgba(10, 30, 46, 0.5);
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .research-section .research-label {
        font-size: 18px;
        line-height: 1
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-label {
        font-size: 16px;
        line-height: 1
    }
}

.research-section .research-img img {
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px
}

@media screen and (min-width: 40em) {
    .research-section .research-img img {
        height: 160px
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-img img {
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        width: 100%
    }
}

.research-section .research-slider {
    width: 100%
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-slider {
        overflow: hidden
    }

    .research-section .research-slider .slick-list {
        margin: 0 30px;
        overflow: visible
    }
}

@media screen and (max-width: 359px) {
    .research-section .research-slider .slick-list {
        margin: 0 10px
    }
}

@media screen and (max-width: 64.06125em) {
    .research-section .research-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 40px
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .research-content {
        margin: 0 30px 40px
    }
}

@media screen and (max-width: 359px) {
    .research-section .research-content {
        margin: 0 10px 40px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .research-section .news-section {
        margin-top: 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .research-section .news-section {
        margin-top: 20px
    }
}

.research-section .see-all-items {
    margin: 30px 0 0 0
}

@media screen and (max-width: 64.06125em) {
    .research-section .see-all-items {
        margin: 0
    }
}

@media screen and (max-width: 39.99875em) {
    .career-testing-section {
        padding-top: 60px
    }
}

.career-testing-section .grid-container {
    padding-top: 0 !important
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .career-testing-section .grid-container {
        padding-top: 50px !important
    }
}

@media screen and (min-width: 64.0625em) {
    .career-testing-section .grid-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
}

@media screen and (max-width: 39.99875em) {
    .career-testing-section .grid-container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media screen and (min-width: 64.0625em) {
    .career-testing-section .testing-content-part {
        max-width: 600px;
        margin-left: auto
    }
}

@media screen and (max-width: 1365px) and (min-width: 1151px) {
    .career-testing-section .testing-content-part {
        max-width: 560px
    }
}

@media screen and (max-width: 1150px) and (min-width: 1025px) {
    .career-testing-section .testing-content-part {
        max-width: 440px
    }
}

@media screen and (max-width: 64.06125em) {
    .career-testing-section .testing-content-part {
        max-width: 530px;
        text-align: center;
        margin: auto
    }
}

@media screen and (max-width: 39.99875em) {
    .career-testing-section .testing-content-part {
        padding: 0 30px
    }
}

@media screen and (max-width: 359px) {
    .career-testing-section .testing-content-part {
        padding: 0 10px
    }
}

.career-testing-section .career-testing-title {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50
}

.career-testing-section .career-testing-header {
    font-size: 50px;
    line-height: 55px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    margin: 10px 0 0 0
}

@media screen and (max-width: 1365px) and (min-width: 1025px) {
    .career-testing-section .career-testing-header {
        font-size: 37px;
        line-height: 40px
    }
}

@media screen and (max-width: 64.06125em) {
    .career-testing-section .career-testing-header {
        font-size: 30px;
        line-height: 35px
    }
}

.career-testing-section .career-testing-desc {
    font-size: 18px;
    line-height: 26px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #4D4D4D;
    margin: 20px 0 30px
}

.career-testing-section .button-orange {
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    height: 70px;
    padding: 18px 30px;
    font-size: 21px;
    line-height: 30px
}

.career-testing-section .button-orange .white-arrow {
    display: inline-block
}

@media screen and (min-width: 40em) {
    .career-testing-section .button-orange {
        margin-right: 20px
    }
}

.career-testing-section .career-testing-label {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #7E97A2
}

@media screen and (max-width: 39.99875em) {
    .career-testing-section .career-testing-label {
        font-size: 20px;
        display: block
    }
}

.career-testing-section .career-testing-video {
    position: relative;
    padding-top: 56.25%
}

@media screen and (min-width: 64.0625em) {
    .career-testing-section .career-testing-video {
        padding-top: 28.25%
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .career-testing-section .career-testing-video {
        margin: 0 0 80px 0
    }
}

@media screen and (max-width: 39.99875em) {
    .career-testing-section .career-testing-video {
        text-align: center;
        margin: 0 0 60px;
        width: 100% !important
    }
}

.see-all-items {
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #ED8A47;
    font-size: 18px;
    line-height: 20px;
    display: block
}

.see-all-items:hover {
    color: #ED8A47;
    text-decoration: underline
}

.small-right-arrow {
    background: url("../image/small_arrow-29c082f5b38bb9fd2ce9de88f9df3dd784842c1bf62bf3564e879a95994015af.svg") !important;
    width: 13px !important;
    height: 10px !important;
    display: inline-block
}

.home-header-layer {
    background-color: rgba(0, 0, 0, 0.35);
    top: 0;
    left: 0;
    width: 100%;
    height: 488px
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .home-header-layer {
        height: 450px
    }
}

@media screen and (max-width: 39.99875em) {
    .home-header-layer {
        height: 440px
    }
}

.home-header-gradient {
    background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(8, 58, 80, 0.6)), to(rgba(255, 255, 255, 0))) 0% 0% no-repeat;
    background: transparent -webkit-linear-gradient(top, rgba(8, 58, 80, 0.6) 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat;
    background: transparent linear-gradient(180deg, rgba(8, 58, 80, 0.6) 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat;
    height: 252px
}

@media screen and (max-width: 39.99875em) {
    .home-header-gradient {
        height: 233px
    }
}

.before-fade-in {
    opacity: 0
}

.fade-in {
    -webkit-animation: fadeIn 1s ease-in both running;
    animation: fadeIn 1s ease-in both running
}

.qre-section {
    text-align: center;
    background: #EFEFEF
}

.qre-section .qre-wave {
    background-image: url("../image/qre-wave-18b1fe6a044a41da23fe0e72618478b3128a11330157e309de1af09d10d69088.webp");
    min-height: 344px;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -150px
}

@media screen and (max-width: 64.06125em) {
    .qre-section .qre-wave {
        margin-bottom: -180px
    }
}

.qre-section .grid-container {
    padding-top: 0 !important
}

.qre-section .qre-title {
    font-size: 25px;
    line-height: 30px;
    font-family: "Sofia-Pro-Bold", sans-serif;
    color: #083A50;
    margin: 30px 0
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .qre-section .qre-title {
        margin: 45px 0 30px
    }
}

@media screen and (max-width: 39.99875em) {
    .qre-section .qre-title {
        margin: 40px 0 20px
    }
}

.qre-section .qre-info {
    font-size: 50px;
    line-height: 55px;
    font-family: "Sofia-Pro-Light", sans-serif;
    color: #083A50;
    max-width: 688px;
    margin: 0 auto 30px
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .qre-section .qre-info {
        font-size: 37px;
        line-height: 40px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .qre-section .qre-info {
        font-size: 30px;
        line-height: 40px
    }
}

@media screen and (max-width: 39.99875em) {
    .qre-section .qre-info {
        font-size: 30px;
        line-height: 35px;
        margin: 0 auto 20px
    }
}

.qre-section .button {
    margin: 0;
    height: 70px;
    border-radius: 35px;
    padding: 18px 30px;
    font-size: 21px;
    line-height: 30px
}

.box {
    padding: 20px;
    background-color: #f6f6f6;
    color: #4D4D4D
}

.box:hover {
    background-color: #EEEEEE
}

.box h3 {
    font-size: 21px;
    font-family: "Sofia-Pro-Light", sans-serif
}

@media screen and (max-width: 1280px) {
    .box h3 {
        font-size: 16px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.cv-templates-promo {
    background-image: url("../image/see-templ-desktop.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-background-size: contain;
    background-size: contain;
    min-height: 426px
}

.cv-templates-promo h2 {
    margin-bottom: 15px;
    font-size: 45px;
    line-height: 50px
}

@media screen and (max-width: 1225px) {
    .cv-templates-promo {
        background-image: url("../image/see-templ-tablet.png");
        min-height: 411px
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .cv-templates-promo {
        -webkit-background-size: auto auto;
        background-size: auto
    }

    .cv-templates-promo h2 {
        margin-bottom: 10px;
        font-size: 35px;
        line-height: 40px
    }

    .cv-templates-promo>.grid-x {
        min-height: 311px
    }
}

@media screen and (max-width: 39.99875em) {
    .cv-templates-promo {
        background-image: url("../image/see-templ-mobile.png");
        -webkit-background-size: auto auto;
        background-size: auto;
        min-height: auto;
        padding-bottom: 270px
    }

    .cv-templates-promo h2 {
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 34px
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.banner-top.home-header {
    background-color: rgba(246, 196, 163, 0.3);
    background-image: url(../image/desktop-wave-c8e23dffbbded8ad9570841638570b5428c30f838960768d6c63bca6e0a347dc.png);
    background-position: 35% 100% !important;
    -webkit-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
    position: relative
}

.banner-top.home-header .grid-container {
    padding-top: 160px !important;
    padding-bottom: 60px !important
}

.banner-top.home-header .grid-container .cell {
    z-index: 2
}

.banner-top.home-header h2 {
    text-transform: uppercase;
    font-size: 51px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: 2.55px;
    font-family: "Sofia-Pro-Light", sans-serif
}

.banner-top.home-header p {
    line-height: 1.4;
    margin: 30px 0 40px
}

.banner-top.home-header b {
    font-family: "Sofia-Pro-Bold", sans-serif
}

.banner-top.home-header .logo {
    height: 92px;
    width: auto;
    margin-bottom: 20px
}

.banner-top.home-header .img-placeholder {
    position: relative;
    z-index: 1;
    height: 100%;
    margin-right: -5px;
    margin-top: -15px;
    background-image: url("../image/desktop-circles-cropped-9b0d7a7ddb804640546d89304dd36ba39916f982acbe3d1b1c7c49bd3d585958.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.banner-top.home-header .img-placeholder img {
    margin: -75px 10px -70px -10px
}

.banner-top.home-header .subscription-cv-download__desc {
    margin-top: 15px
}

.banner-top.home-header .newsletter-section {
    height: 50px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button {
    max-width: 500px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button:after {
    content: '';
    position: absolute;
    background: -382px -32px url("../image/newsletter-components-7a58bf3c6023850711d61dd93525bda879cf6fa681842ee4f5aba6b1fc441c3e.svg");
    width: 41px;
    height: 50px;
    right: -96px;
    top: -31px;
    -webkit-background-size: 650px 650px;
    background-size: 650px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:before {
    content: '';
    position: absolute;
    background: url("../image/tablet-left-lines-6612bc1a15f77346b9c637a463fac3ee23b9b75885de8ddded86eadc37e2ac04.png") no-repeat;
    width: 34px;
    height: 58px;
    top: -4px;
    left: -34px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:after {
    content: '';
    position: absolute;
    background: url("../image/tablet-right-lines-682574e9210cfaef1731826dc38339c617e7bd8e54ab2f39d9c624bdb5e0141a.png") no-repeat;
    width: 34px;
    height: 58px;
    top: -4px;
    right: -34px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button button:before {
    content: '';
    position: absolute;
    background: url("../image/tablet-left-arrow-3cc7094631967aa1b317463188ec8e2102b5cef0dbb11330ab4add965aa99f0c.png") no-repeat;
    width: 37px;
    height: 68px;
    top: 34px;
    left: 20px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button button:after {
    content: '';
    position: absolute;
    background: url("../image/tablet-right-arrow-49ab17f893ddebf17e1912f5bde43e46ea0506eb5dccb2c2ce2a4ef025911e1e.png") no-repeat;
    width: 66px;
    height: 54px;
    top: 60px;
    right: 15px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button .icon {
    background: url("../image/arrow-button-d9a3568da689616f7262df152917dbbc9b7beb5dd7fb723b8b7152db7455c740.png");
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 0 -2px 5px
}

.banner-top.home-header .newsletter-section .subscribe.input-with-button .error {
    display: block;
    margin-top: -10px
}

.banner-top.home-header .container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.banner-top.home-header .nwslttr-promo-icon {
    position: absolute;
    z-index: 1
}

.banner-top.home-header .nwslttr-promo-icon--speech-bubble {
    left: 2%;
    bottom: 20%
}

.banner-top.home-header .nwslttr-promo-icon--money {
    right: -7%;
    top: 44%;
    z-index: auto
}

.banner-top.home-header .nwslttr-promo-icon--money::before,
.banner-top.home-header .nwslttr-promo-icon--money::after {
    content: '';
    position: absolute;
    z-index: -1
}

.banner-top.home-header .nwslttr-promo-icon--money::before {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: #FFFFFF;
    opacity: 0.6;
    top: -10px;
    left: -10px
}

.banner-top.home-header .nwslttr-promo-icon--money::after {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #ED8A47;
    opacity: 0.3;
    bottom: -12px;
    right: -5px
}

.banner-top.home-header .nwslttr-promo-icon--light-bulp {
    left: 53%;
    bottom: 49px;
    margin-left: 66px
}

.banner-top.home-header .nwslttr-promo-icon--emoji {
    left: 50%;
    top: 50%
}

.banner-top.home-header .nwslttr-promo-icon--charts {
    left: 45%;
    top: 115px
}

.banner-top.home-header .nwslttr-promo-icon--corner-stripes {
    right: 10px;
    top: -14px
}

.banner-top.home-header .circle {
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.banner-top.home-header .circle.grey {
    background-color: #083A50;
    opacity: 0.2
}

.banner-top.home-header .circle.orange {
    background-color: #ED8A47;
    opacity: 0.3
}

.banner-top.home-header .circle.white {
    background-color: #FFFFFF;
    opacity: 0.5
}

.banner-top.home-header .circle.white-o-6 {
    background-color: #FFFFFF;
    opacity: 0.6
}

.banner-top.home-header .circle.left-side-one {
    width: 111px;
    height: 111px;
    top: -25px;
    left: -58px
}

.banner-top.home-header .circle.left-side-two {
    width: 27px;
    height: 27px;
    top: -34px;
    left: 62px
}

.banner-top.home-header .circle.left-side-three {
    width: 197px;
    height: 197px;
    bottom: 15%;
    left: -104px
}

.banner-top.home-header .circle.left-side-four {
    width: 50px;
    height: 50px;
    bottom: 18%;
    left: 50px
}

.banner-top.home-header .circle.right-side-one {
    top: 120px;
    right: -99px;
    width: 197px;
    height: 197px
}

.banner-top.home-header .circle.right-side-two {
    width: 50px;
    height: 50px;
    top: 261px;
    right: 48px
}

.banner-top.home-header .circle.bottom-side-one {
    width: 111px;
    height: 111px;
    left: 53%;
    bottom: 60px
}

.banner-top.home-header .circle.bottom-side-two {
    width: 37px;
    height: 37px;
    left: 51.75%;
    bottom: 171px
}

.banner-top.home-header .circle.under-charts {
    width: 55px;
    height: 55px;
    left: 45%;
    top: 115px;
    margin: -5px 0 0 35px
}

@media screen and (min-width: 64.0625em) {
    .banner-top.home-header .subscription-cv-download__desc {
        font-size: 13px;
        font-family: "Sofia-Pro-Regular", sans-serif
    }
}

@media screen and (min-width: 1610px) {
    .banner-top.home-header .img-placeholder {
        margin-right: -60px
    }
}

@media screen and (min-width: 1281px) {
    .banner-top.home-header .subscription-cv-download__desc {
        font-size: 15px;
        margin-top: 20px
    }

    .banner-top.home-header .img-placeholder img {
        height: 633px;
        width: auto
    }

    .banner-top.home-header .newsletter-section {
        height: 70px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button {
        max-width: 535px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button:after {
        background-position: -488px -44px;
        -webkit-background-size: auto auto;
        background-size: auto;
        width: 51px;
        height: 62px;
        right: -119px;
        top: -60px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:before {
        background: url("../image/desktop-left-lines-63c0bebce3e47f362e81be23aa755f69525035220295af7d8274b18a674b5554.png");
        width: 42px;
        height: 72px;
        top: -1px;
        left: -49px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:after {
        background: url("../image/desktop-right-lines-371b82658b873173315ef342f5e1e89806a9cafd9b77b429957f4e695834c600.png");
        width: 42px;
        height: 72px;
        top: -1px;
        right: -50px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button input {
        border-radius: 35px;
        padding: 20px 25px;
        height: 70px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button {
        height: 70px;
        border-radius: 35px;
        font-size: 21px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:before {
        background: url("../image/desktop-left-arrow-2cc7dc12cefb4481754253960028fc0e0175fbe9d6e5d3e5b8b6f227547145a9.png");
        width: 53px;
        height: 98px;
        top: 52px;
        left: 26px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:after {
        background: url("../image/desktop-right-arrow-dd32b7a50b1b600c0bfa6f5ac2895be190a69f03c5254016c85262f4fbcc7e0e.png");
        width: 95px;
        height: 78px;
        top: 86px;
        right: -35px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button .error {
        margin-top: -8px
    }
}

@media screen and (max-width: 1280px) {
    .banner-top.home-header {
        background-image: url(../image/1280px-tablet-mobile-wave-91b43ca2d156635e56d111ed8bdf8a72917e9f02deb4620dd7907695eb5e16aa.png);
        background-position: 20% 100% !important;
        -webkit-background-size: cover !important;
        background-size: cover !important
    }

    .banner-top.home-header .grid-container {
        padding: 100px 120px 40px !important
    }

    .banner-top.home-header .logo {
        height: 70px;
        width: auto
    }

    .banner-top.home-header h2 {
        font-size: 37px;
        line-height: 44px;
        letter-spacing: 1.85px
    }

    .banner-top.home-header p {
        font-size: 16px;
        margin: 30px 0 25px
    }

    .banner-top.home-header .img-placeholder {
        max-width: 315px;
        background-position: center;
        margin-top: 13px;
        margin-bottom: -15px
    }

    .banner-top.home-header .img-placeholder img {
        margin: -50px 5px -40px -5px;
        max-width: 327px
    }

    .banner-top.home-header .nwslttr-promo-icon--speech-bubble {
        left: 4%;
        bottom: 23%;
        background-position: -250px -28px;
        width: 74px;
        height: 53px;
        -webkit-background-size: 600px 600px;
        background-size: 600px
    }

    .banner-top.home-header .nwslttr-promo-icon--money {
        background-position: -425px -23px;
        width: 71px;
        height: 64px;
        -webkit-background-size: 600px 600px;
        background-size: 600px
    }

    .banner-top.home-header .nwslttr-promo-icon--money::before {
        width: 53px;
        height: 53px;
        top: -7px;
        left: -3px
    }

    .banner-top.home-header .nwslttr-promo-icon--money::after {
        width: 24px;
        height: 24px;
        bottom: -6px;
        right: 0px
    }

    .banner-top.home-header .nwslttr-promo-icon--light-bulp {
        left: 778px;
        bottom: 15px;
        margin-left: 0;
        background-position: -132px -26px;
        width: 58px;
        height: 62px;
        -webkit-background-size: 520px 520px;
        background-size: 520px
    }

    .banner-top.home-header .nwslttr-promo-icon--charts {
        left: 46%;
        top: 90px;
        background-position: -23px -18px;
        width: 74px;
        height: 82px;
        -webkit-background-size: 620px 620px;
        background-size: 620px
    }

    .banner-top.home-header .nwslttr-promo-icon--corner-stripes {
        right: -7px;
        top: -13px;
        -webkit-background-size: 650px 650px;
        background-size: 650px;
        background-position: -577px -36px;
        width: 40px;
        height: 46px
    }

    .banner-top.home-header .circle.left-side-one {
        width: 83px;
        height: 83px;
        top: -9px;
        left: -50px
    }

    .banner-top.home-header .circle.left-side-two {
        width: 20px;
        height: 20px;
        top: -13px;
        left: 39px
    }

    .banner-top.home-header .circle.left-side-three {
        width: 153px;
        height: 153px;
        top: 222px;
        left: -96px;
        bottom: auto
    }

    .banner-top.home-header .circle.left-side-four {
        width: 39px;
        height: 39px;
        top: 328px;
        left: 18px;
        bottom: auto
    }

    .banner-top.home-header .circle.right-side-one {
        top: 100px;
        right: -99px;
        width: 160px;
        height: 160px
    }

    .banner-top.home-header .circle.right-side-two {
        width: 40px;
        height: 40px;
        top: 213px;
        right: 21px
    }

    .banner-top.home-header .circle.bottom-side-one {
        width: 84px;
        height: 84px;
        left: 743px;
        bottom: -39px
    }

    .banner-top.home-header .circle.bottom-side-two {
        width: 28px;
        height: 28px;
        left: 723px;
        bottom: 63px
    }

    .banner-top.home-header .circle.under-charts {
        width: 40px;
        height: 40px;
        left: 46%;
        top: 85px;
        margin: 0 0 0 25px
    }
}

@media screen and (max-width: 64.06125em) {
    .banner-top.home-header .logo {
        height: 62px;
        width: auto
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button:after {
        display: none
    }
}

@media screen and (min-width: 40em) and (max-width: 64.06125em) {
    .banner-top.home-header {
        background-position: 20% 100% !important
    }

    .banner-top.home-header .grid-container {
        padding: 110px 50px 55px !important
    }

    .banner-top.home-header h2 {
        font-size: 27px;
        line-height: 34px;
        letter-spacing: 1.25px
    }

    .banner-top.home-header .img-placeholder {
        max-width: 260px;
        margin-right: -10px;
        margin-left: -20px;
        margin-top: 20px;
        background-image: url("../image/tablet-circles-c9f99d89466633f8375906c8bd81e21d41ab00f6c691b23997638e8992c7323e.png")
    }

    .banner-top.home-header .img-placeholder img {
        margin: -10px 5px -25px -5px;
        max-width: 260px
    }

    .banner-top.home-header p,
    .banner-top.home-header .newsletter-section .subscribe.input-with-button {
        max-width: 350px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:before {
        top: 32px;
        left: 54px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:after {
        top: 55px;
        right: -11px
    }

    .banner-top.home-header .nwslttr-promo-icon--speech-bubble {
        bottom: 24%;
        background-position: -186px -20px;
        width: 57px;
        height: 42px;
        -webkit-background-size: 450px 450px;
        background-size: 450px
    }

    .banner-top.home-header .nwslttr-promo-icon--money {
        right: -6%;
        -webkit-background-size: 475px 475px;
        background-size: 475px;
        background-position: -336px -19px;
        height: 52px;
        width: 58px
    }

    .banner-top.home-header .nwslttr-promo-icon--money::before {
        width: 43px;
        height: 43px
    }

    .banner-top.home-header .nwslttr-promo-icon--money::after {
        width: 19px;
        height: 19px;
        bottom: -2px;
        right: 1px
    }

    .banner-top.home-header .nwslttr-promo-icon--corner-stripes {
        right: 3px;
        top: 20px;
        -webkit-background-size: 550px 550px;
        background-size: 550px;
        background-position: -489px -30px;
        width: 33px;
        height: 39px
    }

    .banner-top.home-header .circle.left-side-one {
        width: 52px;
        height: 52px;
        top: -9px;
        left: -27px
    }

    .banner-top.home-header .circle.left-side-two {
        width: 12px;
        height: 12px;
        top: -11px;
        left: 29px
    }

    .banner-top.home-header .circle.right-side-one {
        top: 101px;
        right: -76px;
        width: 115px;
        height: 115px
    }

    .banner-top.home-header .circle.right-side-two {
        width: 29px;
        height: 29px;
        top: 184px;
        right: 12px
    }
}

@media screen and (max-width: 700px) {
    .banner-top.home-header .img-placeholder {
        max-width: 230px
    }
}

@media screen and (max-width: 39.99875em) {
    .banner-top.home-header {
        background-position: 0 100% !important
    }

    .banner-top.home-header .grid-container {
        padding: 100px 30px 0 !important
    }

    .banner-top.home-header .grid-container .container {
        overflow: visible
    }

    .banner-top.home-header h2 {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 1.15px
    }

    .banner-top.home-header p {
        font-size: 15px;
        margin: 20px 0 40px
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:after,
    .banner-top.home-header .newsletter-section .subscribe.input-with-button .input-wrapper:before,
    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:after {
        display: none
    }

    .banner-top.home-header .newsletter-section .subscribe.input-with-button button:before {
        top: 43px;
        left: auto;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        right: 15px
    }

    .banner-top.home-header .img-placeholder {
        max-width: 290px;
        height: 180px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
        background: none;
        position: relative
    }

    .banner-top.home-header .img-placeholder:before {
        content: '';
        position: absolute;
        background-image: url("../image/desktop-circles-cropped-9b0d7a7ddb804640546d89304dd36ba39916f982acbe3d1b1c7c49bd3d585958.png");
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        top: 62px;
        left: 19px;
        height: 255px;
        width: 255px
    }

    .banner-top.home-header .img-placeholder img {
        margin: 11px 0 0 -20px;
        max-width: 270px;
        position: relative
    }

    .banner-top.home-header .nwslttr-promo-icon--corner-stripes {
        -webkit-background-size: 400px 400px;
        background-size: 400px;
        background-position: -354px -21px;
        width: 27px;
        height: 30px;
        right: 20px;
        top: 45px
    }

    .banner-top.home-header .nwslttr-promo-icon--charts {
        z-index: 2;
        left: auto;
        top: auto;
        right: 35px;
        bottom: -5px;
        background-position: -19px -14px;
        width: 61px;
        height: 66px;
        -webkit-background-size: 500px 500px;
        background-size: 500px
    }

    .banner-top.home-header .nwslttr-promo-icon--light-bulp {
        left: 40px;
        bottom: 75px;
        margin-left: 0;
        background-position: -115px -23px;
        width: 50px;
        height: 52px;
        -webkit-background-size: 450px 450px;
        background-size: 450px
    }

    .banner-top.home-header .circle.right-side-one {
        width: 115px;
        height: 115px;
        top: 89px;
        right: -72px
    }

    .banner-top.home-header .circle.right-side-two {
        width: 29px;
        height: 29px;
        top: 172px;
        right: 17px
    }

    .banner-top.home-header .circle.bottom-side-one {
        width: 52px;
        height: 52px;
        left: 20px;
        bottom: 82px
    }

    .banner-top.home-header .circle.bottom-side-two {
        width: 21px;
        height: 21px;
        left: 97px;
        bottom: 113px
    }

    .banner-top.home-header .circle.under-charts {
        width: 32px;
        height: 32px;
        left: auto;
        top: auto;
        right: 45px;
        bottom: 33px;
        margin: 0 0 0 25px;
        z-index: 2
    }
}

@media screen and (max-width: 374px) {
    .banner-top.home-header .grid-container {
        padding: 100px 10px 0 !important
    }

    .banner-top.home-header .nwslttr-promo-icon--charts {
        right: 5px
    }

    .banner-top.home-header .nwslttr-promo-icon--light-bulp {
        left: 25px
    }

    .banner-top.home-header .circle.bottom-side-one {
        left: 5px
    }

    .banner-top.home-header .circle.bottom-side-two {
        left: 82px
    }

    .banner-top.home-header .circle.under-charts {
        right: 15px
    }
}

.loader {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.5);
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.loader.unconfirmed {
    position: absolute
}

.sk-fading-circle {
    width: 60px;
    height: 60px;
    margin: auto;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.sk-fading-circle.small {
    position: absolute !important;
    width: 40px !important;
    height: 40px !important
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 4%;
    height: 32%;
    background-color: #ED8A47;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}