.quote__image {
max-width: 200px;
max-height: 400px;
}
.quote__image img {
max-width: 100%;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent; }
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
@-ms-viewport {
width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #212529;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: none !important; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: bold; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg:not(:root) {
overflow: hidden; }
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom; }
th {
text-align: left; }
label {
display: inline-block;
margin-bottom: .5rem; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none !important; }
@-ms-viewport {
width: device-width; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; } }
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; } }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; } .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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; }
html, body {
font-family: "GothamPro";
position: relative; }
a {
color: #386f77; }
a:hover, a:focus {
color: #284f54;
text-decoration: none; }
a.link {
color: #ED4F5E; }
a.link:hover {
color: #292a2d; }
strong {
font-family: "GothamPro-Bold"; }
.page {
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;
min-height: 100vh;
background: #FFFFFF; }
.inner {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
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; }
.headline__title {
font-size: 36px;
line-height: 42px;
text-transform: uppercase;
font-family: "GothamPro-Bold"; }
.headline__note {
margin-top: 10px; }
.headline__image {
margin-bottom: 40px; }
.headline__link {
margin-top: 20px;
display: inline-block; }
.copy-textarea {
position: absolute;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
.alerts {
position: fixed;
width: 400px;
height: 200px;
top: 0;
bottom: 0;
margin: auto; }
.alerts__container {
background: white;
padding: 20px; }
@font-face {
font-family: 'GothamPro';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro.svg#GothamPro) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-Bold';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Bold.svg#GothamPro-Bold) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-BoldItalic';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BoldItalic.svg#GothamPro-BoldItalic) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-Black';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Black.svg#GothamPro-Black) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-BlackItalic';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-BlackItalic.svg#GothamPro-BlackItalic) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-Light';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Light.svg#GothamPro-Light) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-LightItalic';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-LightItalic.svg#GothamPro-LightItalic) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-Medium';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Medium.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Medium.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Medium.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Medium.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-Medium.svg#GothamPro-Medium) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'GothamPro-MediumItalic';
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.eot);
src: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.woff2) format("woff2"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.woff) format("woff"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.ttf) format("truetype"), url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/fonts/gotham/GothamPro-MediumItalic.svg#GothamPro-MediumItalic) format("svg");
font-weight: normal;
font-style: normal; }
.button {
padding: 0 32px;
border-radius: 40px;
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
text-align: 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;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 60px; }
.desktop .button:hover,
.desktop .button:focus {
outline: none; }
.button--primary {
color: white;
background: #386f77; }
.desktop .button--primary:hover,
.desktop .button--primary:focus {
color: white;
background: #488f9a; }
.button--primary:hover, .button--primary:focus, .button--primary:active {
color: white; }
.button--outline {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white;
color: white; }
.desktop .button--outline:hover,
.desktop .button--outline:focus {
color: #386f77;
background: white; }
.desktop .button--outline:hover .icon,
.desktop .button--outline:focus .icon {
-webkit-filter: invert(70%);
filter: invert(70%); }
.button--outline:hover, .button--outline:focus, .button--outline:active {
color: white; }
.button .icon {
min-width: 30px;
height: 30px;
overflow: hidden;
display: inline-block;
margin: -4px 6px 0 6px; }
.button .icon img {
width: 100%;
height: 100%;
-o-object-fit: none;
object-fit: none; }
.header {
min-height: 670px;
background: #292a2d;
color: white;
position: relative; }
.header.header--inner {
min-height: 70px; }
.header.header--inner .header__navbar {
border-bottom: none; }
.header__background {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 100%;
overflow: hidden; }
.header__background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: .07; }
.header__navbar {
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-height: 70px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
@media (max-width: 991px) {
.header__navbar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; } }
.header__navbar-logo {
text-transform: uppercase;
font-family: "GothamPro-Bold";
font-size: 24px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.header__navbar-logo img {
max-width: 100%;
max-height: 40px; }
.desktop .header__navbar-logo:hover {
opacity: .6; }
@media (max-width: 991px) {
.header__navbar-logo {
margin: 20px 0; } }
.header__navbar-nav {
margin-left: auto; }
@media (max-width: 575px) {
.header__navbar-nav {
text-align: center; } }
@media (max-width: 991px) {
.header__navbar-nav {
margin-left: 0;
margin-bottom: 20px; } }
.header__navbar-link {
color: white;
text-transform: uppercase;
font-size: 14px;
margin-right: 50px; }
@media (max-width: 575px) {
.header__navbar-link {
display: block;
margin: 10px 0; } }
.header__navbar-link:last-child {
margin-right: 0; }
.header__navbar-link:hover, .header__navbar-link:focus {
color: #b3b3b3; }
.hero {
padding-top: 60px;
padding-bottom: 40px; }
.hero.margin--top {
margin-top: 80px; }
.hero__image img {
max-width: 100%; }
.hero__item {
min-height: 300px;
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-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;
position: relative; }
@media (max-width: 991px) {
.hero__item {
margin-top: 40px; } }
.hero__item:hover .hero__item-button .button {
background: white;
color: #292a2d; }
.hero__item-image {
-webkit-transition: .8s;
-o-transition: .8s;
transition: .8s;
width: 100%;
position: relative;
text-align: center; }
.hero__item-image:before {
content: '';
position: absolute;
width: 280px;
height: 280px;
background: rgba(255, 255, 255, 0.1);
border-radius: 100%;
top: 0;
bottom: 40px;
left: 0;
right: 0;
margin: auto;
z-index: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.hero__item-image img {
max-width: 100%;
position: relative;
z-index: 1; }
.hero__item-title {
font-size: 24px;
text-transform: uppercase;
font-family: "GothamPro-Bold";
text-align: center;
position: relative; }
.hero__item-title:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
width: 120px;
height: 1px;
background: white;
opacity: .4; }
.hero__item-note {
text-align: center;
margin-top: 20px; }
.hero__item-button {
margin: 20px 0; }
.hero__item-link {
width: 100%;
height: 100%;
position: absolute;
z-index: 10; }
.desktop .hero__item-link:hover + .hero__item-image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.desktop .hero__item-link:hover + .hero__item-image:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.hero__title {
text-align: center;
margin: 0 auto; }
.hero__title.margin--bottom {
margin-bottom: 40px; }
.hero__title-content {
text-transform: uppercase;
font-family: "GothamPro-Bold";
font-size: 36px;
line-height: 42px; }
.hero__title-subtitle {
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
position: relative; }
.hero__title-subtitle:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
width: 120px;
height: 1px;
background: white;
opacity: .4; }
.hero__title-note {
font-size: 16px;
line-height: 22px;
margin-top: 20px; }
.hero__video-frame {
max-width: 700px;
margin: 0 auto 60px auto; }
.hero__button {
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;
margin-top: 40px; }
@media (max-width: 767px) {
.hero__button {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; } }
.hero__button .button {
min-width: 220px;
margin: 0 20px; }
@media (max-width: 767px) {
.hero__button .button {
margin-bottom: 10px; } }
.lead {
background: #818181;
min-height: 260px;
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; }
.lead__container {
background: #EEEEEE;
border-radius: 6px;
-webkit-box-shadow: 0px 39px 40px 0px rgba(47, 47, 48, 0.2);
box-shadow: 0px 39px 40px 0px rgba(47, 47, 48, 0.2);
padding: 40px;
margin: 20px 0; }
.lead__title {
text-align: center; }
.lead__title-content {
font-size: 24px;
line-height: 30px; }
.lead__title-link {
font-size: 24px; }
.quote {
background: #f4f4f4; }
.quote__container {
padding: 60px 20px 40px 20px; }
@media (max-width: 767px) {
.quote__container {
padding: 40px 0 40px 0; } }
@media (max-width: 575px) {
.quote__container {
padding: 20px 0; } }
.quote__image {
position: absolute;
left: 0;
bottom: 0;
z-index: 2; }
@media (max-width: 575px) {
.quote__image {
display: none; } }
.quote__content {
background: white;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: 4px;
padding: 30px;
position: relative;
-webkit-box-shadow: 0 0 40px rgba(41, 42, 45, 0.2);
box-shadow: 0 0 40px rgba(41, 42, 45, 0.2);
margin-left: 140px; }
@media (max-width: 575px) {
.quote__content {
margin-left: 0; } }
.quote__content-close {
position: absolute;
width: 40px;
height: 40px;
text-align: center;
line-height: 42px;
color: #292a2d;
top: 0;
right: 0;
font-size: 24px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: .4; }
.quote__content-close:hover {
opacity: 1; }
.courses__header {
background: #292a2d;
padding: 40px 0;
position: relative;
min-height: 300px;
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; }
.courses__header-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: .6; }
.courses__header-background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-filter: blur(40px) brightness(120%);
filter: blur(40px) brightness(120%); }
.courses__header .hero__title {
color: white; }
.courses__info {
padding: 40px 0;
background: #f4f4f4; }
.courses__info-item {
text-align: center;
margin-bottom: 10px; }
@media (max-width: 991px) {
.courses__info-item {
text-align: left; } }
.courses__info-title {
font-size: 12px;
opacity: .4;
position: relative;
margin-bottom: 10px; }
.courses__info-title:before {
content: '';
position: absolute;
height: 1px;
width: 40px;
background: #292a2d;
bottom: -4px;
left: 0;
right: 0;
margin: auto;
opacity: .4; }
@media (max-width: 991px) {
.courses__info-title:before {
left: 0;
right: auto; } }
.courses__info-text {
font-size: 22px;
font-family: "GothamPro-Bold"; }
.courses__list {
padding: 40px 0; }
.courses__list-title {
font-size: 24px;
text-transform: uppercase;
font-family: "GothamPro-Bold";
margin-bottom: 20px; }
.courses__list-item {
position: relative;
margin-bottom: 20px; }
.desktop .courses__list-item:hover {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.desktop .courses__list-item:hover .courses__list-content p {
height: 70px; }
.desktop .courses__list-item:hover .courses__list-image img {
opacity: .2; }
.courses__list-image {
width: 100%;
height: 200px;
overflow: hidden;
background: #292a2d; }
@media (max-width: 991px) {
.courses__list-image {
height: 300px; } }
.courses__list-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.courses__list-link {
position: absolute;
width: 100%;
height: 100%;
opacity: .2;
z-index: 10; }
.courses__list-content {
position: absolute;
bottom: 0;
padding: 10px 20px 20px 20px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#292a2d), to(transparent));
background-image: -webkit-linear-gradient(bottom, #292a2d, transparent);
background-image: -o-linear-gradient(bottom, #292a2d, transparent);
background-image: linear-gradient(to top, #292a2d, transparent);
color: white;
width: 100%;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.courses__list-content strong {
font-size: 18px;
text-transform: uppercase; }
.courses__list-content p {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
font-size: 12px;
height: 0;
margin: 0;
overflow: hidden; }
@media (max-width: 991px) {
.courses__list-content p {
height: auto; } }
.courses__container {
padding: 80px 0; }
.courses__title {
font-family: "GothamPro-Bold";
text-transform: uppercase;
font-size: 52px;
color: #386f77;
margin-bottom: 40px; }
@media (max-width: 767px) {
.courses__title {
font-size: 32px; } }
@media (max-width: 575px) {
.courses__title {
font-size: 24px; } }
.courses__item {
position: relative;
margin-bottom: 40px; }
.courses__item-image {
height: 180px;
overflow: hidden;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
background: #386f77; }
@media (max-width: 767px) {
.courses__item-image {
height: 240px; } }
.courses__item-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.courses__item-title {
font-family: "GothamPro-Bold";
font-size: 16px;
margin-top: 10px;
text-transform: uppercase; }
.courses__item-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .2;
z-index: 10; }
.desktop .courses__item-link:hover + .courses__item-image {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-box-shadow: 0 0 20px rgba(41, 42, 45, 0.2);
box-shadow: 0 0 20px rgba(41, 42, 45, 0.2); }
.content {
padding: 60px 0;
background: #f4f4f4; }
.content__inner h1, .content__inner h2, .content__inner h3 {
font-family: "GothamPro-Bold"; }
.content__inner .embed-responsive {
margin: 20px 0; }
.content__inner-nav {
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-top: 40px; }
.content__inner-nav a {
font-size: 18px;
font-family: "GothamPro-Bold";
position: relative;
color: rgba(41, 42, 45, 0.4); }
.content__inner-nav a:before {
content: '';
position: absolute;
top: 4px;
width: 16px;
height: 16px;
border-top: 3px solid rgba(41, 42, 45, 0.4);
border-left: 3px solid rgba(41, 42, 45, 0.4); }
.content__inner-nav a.nav--next {
padding-right: 20px;
color: #7DC700; }
.content__inner-nav a.nav--next:before {
right: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
border-color: #7DC700; }
.content__inner-nav a.nav--prev {
padding-left: 20px; }
.content__inner-nav a.nav--prev:before {
left: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.content__nav {
background: white;
margin-bottom: 40px;
padding-bottom: 20px;
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px rgba(41, 42, 45, 0.1);
box-shadow: 0 10px 20px rgba(41, 42, 45, 0.1); }
.content__nav-content {
position: -webkit-sticky;
position: sticky;
top: 20px; }
.content__nav-title {
font-family: "GothamPro-Bold";
font-size: 24px;
padding: 20px 30px; }
.content__nav-list {
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; }
.content__nav-link {
padding: 15px 30px;
border-bottom: 1px solid rgba(41, 42, 45, 0.1);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.content__nav-link:last-child {
border-bottom: none; }
.content__nav-link.active {
background: #386f77;
color: white; }
.desktop .content__nav-link:not(.active):hover {
background: rgba(41, 42, 45, 0.1); }
.content__nav-next {
padding: 10px 30px; }
.content__nav-next span {
font-size: 12px; }
.content__nav-next a {
display: block;
font-size: 18px;
font-family: "GothamPro-Bold"; }
.content__nav-button {
margin-bottom: 40px; }
.person.person--sticky {
margin-top: auto; }
.person__container {
background: #292a2d;
padding: 40px 0; }
.person__item {
color: white;
text-align: center;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.person__item:hover, .person__item:focus {
color: rgba(255, 255, 255, 0.4); }
.person__item:hover .person__item-image, .person__item:focus .person__item-image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.person__item-image {
width: 150px;
height: 150px;
overflow: hidden;
border-radius: 100%;
margin: 20px auto;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.person__item-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden; }
.person__item-name {
font-size: 24px;
font-family: "GothamPro-Bold";
text-transform: uppercase;
position: relative; }
.person__item-name:before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
width: 120px;
height: 1px;
background: white;
opacity: .4; }
.person__item-post {
margin-top: 20px;
font-size: 16px;
opacity: .4; }
.partner__container {
text-align: center;
padding: 60px 0; }
.partner__form {
margin: 35px 0; }
.partner__form-id {
background: #386f77;
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;
padding: 20px 0;
color: white;
position: relative;
margin-bottom: 30px; }
@media (max-width: 767px) {
.partner__form-id {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; } }
.partner__form-id:before {
content: '';
width: 20px;
height: 20px;
background: #386f77;
position: absolute;
bottom: -7px;
left: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.partner__form-title {
margin: 0 10px; }
@media (max-width: 767px) {
.partner__form-title {
margin-bottom: 10px; } }
.partner__form-input input {
border-radius: 4px;
padding: 8px 10px;
border: none;
outline: none; }
@media (max-width: 575px) {
.partner .forms__group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; }
.partner .forms__group .forms__input-control {
margin-bottom: 10px; } }
.forms__group {
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;
height: 100%;
margin-bottom: 20px; }
.forms__group input {
margin-right: 10px; }
@media (max-width: 767px) {
.forms__group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; }
.forms__group .button {
width: 100%; }
.forms__group input {
margin: 10px 0; } }
.forms__input-control {
padding: 10px 20px;
font-size: 18px;
border-radius: 40px;
-webkit-box-shadow: 0 0 0 1px #b4b4b4;
box-shadow: 0 0 0 1px #b4b4b4;
border: none;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
width: 100%;
text-transform: uppercase;
height: 60px; }
.forms__input-control:focus {
outline: none;
-webkit-box-shadow: 0 0 0 1px #292a2d;
box-shadow: 0 0 0 1px #292a2d; }
.forms__input-label {
min-width: 200px;
text-align: right;
margin-right: 20px; }
@media (max-width: 767px) {
.forms__input-label {
text-align: center; } }
.templates__container {
padding: 80px 0;
background: #f4f4f4; }
.templates__title {
text-align: center;
margin-bottom: 80px; }
.templates__item {
background: white;
border-radius: 6px;
padding: 40px;
height: 100%;
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; }
@media (max-width: 767px) {
.templates__item {
margin-bottom: 20px;
height: auto; } }
.templates__item-title {
font-size: 24px;
font-family: "GothamPro-Bold";
text-transform: uppercase;
text-align: center; }
.templates__item-subtitle {
text-align: center; }
.templates__item-body {
margin: 20px 0; }
.templates__item-body ul {
padding: 0;
margin: 0; }
.templates__item-body ul li {
list-style: none; }
.templates__item-template {
border: 1px solid rgba(129, 129, 129, 0.2);
padding: 20px 30px;
border-radius: 4px 4px 0 0;
overflow-x: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: auto;
max-height: 480px;
min-height: 120px; }
.templates__item-button .button {
border-radius: 0 0 4px 4px; }
.banners .container {
padding: 80px 0; }
@media (max-width: 1199px) {
.banners .container {
overflow: hidden; } }
.banners__title {
text-align: center; }
.banners__list {
margin-top: 40px; }
.banners__list-nav {
position: absolute;
width: 60px;
height: 60px;
background: url(//optimistvaldeon.de/wp-content/plugins/tw-affiliate/templates/images/misc/icons/right-arrow.png) center center no-repeat;
z-index: 2;
top: 40%;
-webkit-filter: invert(50%);
filter: invert(50%);
opacity: .6;
cursor: pointer;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s; }
.desktop .banners__list-nav:hover {
-webkit-filter: invert(0);
filter: invert(0);
opacity: 1; }
.banners__list-nav.nav--prev {
left: -60px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.desktop .banners__list-nav.nav--prev:hover {
-webkit-transform: rotate(180deg) translateX(10px);
-ms-transform: rotate(180deg) translateX(10px);
transform: rotate(180deg) translateX(10px); }
@media (max-width: 1199px) {
.banners__list-nav.nav--prev {
left: 0; } }
.banners__list-nav.nav--next {
right: -60px; }
.desktop .banners__list-nav.nav--next:hover {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
@media (max-width: 1199px) {
.banners__list-nav.nav--next {
right: 0; } }
.banners__item-container {
margin: 0 10px;
background: #f4f4f4;
border-radius: 6px;
text-align: center;
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;
min-width: 320px; }
.banners__item-banner {
background: #546268;
width: 100%;
height: 100%;
margin: 20px auto; }
.banners__item-body {
padding: 20px;
height: 600px;
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: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.banners__item-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.banners__item-buttons .button {
width: 100%;
border-radius: 0;
font-size: 12px; }
.banners__item-buttons .button:first-child {
border-radius: 0 0 0 6px;
border-right: 1px solid rgba(255, 255, 255, 0.1); }
.banners__item-buttons .button:last-child {
border-radius: 0 0 6px 0; }
.banners__item[data-size="120x600"] .banners__item-banner {
width: 120px;
height: 600px;
background: tomato; }
.banners__item[data-size="300x600"] .banners__item-banner {
width: 300px;
height: 600px;
background: tomato; }
.banners__item[data-size="300x250"] .banners__item-banner {
width: 300px;
height: 250px;
background: tomato; }
.footer__container {
background: #292a2d; }
.footer__navbar {
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-height: 120px;
color: white; }
@media (max-width: 991px) {
.footer__navbar {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media (max-width: 767px) {
.footer__navbar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column; } }
@media (max-width: 767px) {
.footer__navbar {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; } }
.footer__navbar-logo {
text-transform: uppercase;
font-family: "GothamPro-Bold";
font-size: 24px;
margin: 10px 0; }
.footer__navbar-logo img{
max-width: 100%; max-height: 40px
}
@media (max-width: 767px) {
.footer__navbar-logo {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; } }
.footer__navbar-nav {
margin-left: auto; }
@media (max-width: 991px) {
.footer__navbar-nav {
margin-left: 0; } }
.footer__navbar-link {
color: white;
text-transform: uppercase;
font-size: 14px;
margin-right: 50px; }
@media (max-width: 767px) {
.footer__navbar-link {
margin: 10px 0;
display: block;
width: 100%;
text-align: center; } }
.footer__navbar-link:last-child {
margin-right: 0; }
.footer__navbar-link:hover, .footer__navbar-link:focus {
color: #b3b3b3; }