article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
} .container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15rem;
padding-left: 15rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540rem;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720rem;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960rem;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140rem;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15rem;
margin-left: -15rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15rem;
padding-left: 15rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !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.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.row {
margin-right: -15rem;
margin-left: -15rem;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > .col,
.row.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1,
.col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-0 > .col,
.row.gutter-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-8 > .col,
.row.gutter-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-14 > .col,
.row.gutter-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-20 > .col,
.row.gutter-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-30 > .col,
.row.gutter-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-40 > .col,
.row.gutter-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-50 > .col,
.row.gutter-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
@media (min-width: 0) {
.row.gutter-xs-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-xs-0 > .col,
.row.gutter-xs-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-xs-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-xs-8 > .col,
.row.gutter-xs-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-xs-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-xs-14 > .col,
.row.gutter-xs-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-xs-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-xs-20 > .col,
.row.gutter-xs-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-xs-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-xs-30 > .col,
.row.gutter-xs-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-xs-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-xs-40 > .col,
.row.gutter-xs-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-xs-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-xs-50 > .col,
.row.gutter-xs-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 576px) {
.row.gutter-sm-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-sm-0 > .col,
.row.gutter-sm-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-sm-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-sm-8 > .col,
.row.gutter-sm-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-sm-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-sm-14 > .col,
.row.gutter-sm-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-sm-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-sm-20 > .col,
.row.gutter-sm-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-sm-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-sm-30 > .col,
.row.gutter-sm-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-sm-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-sm-40 > .col,
.row.gutter-sm-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-sm-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-sm-50 > .col,
.row.gutter-sm-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 768px) {
.row.gutter-md-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-md-0 > .col,
.row.gutter-md-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-md-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-md-8 > .col,
.row.gutter-md-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-md-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-md-14 > .col,
.row.gutter-md-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-md-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-md-20 > .col,
.row.gutter-md-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-md-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-md-30 > .col,
.row.gutter-md-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-md-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-md-40 > .col,
.row.gutter-md-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-md-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-md-50 > .col,
.row.gutter-md-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 992px) {
.row.gutter-lg-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-lg-0 > .col,
.row.gutter-lg-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-lg-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-lg-8 > .col,
.row.gutter-lg-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-lg-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-lg-14 > .col,
.row.gutter-lg-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-lg-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-lg-20 > .col,
.row.gutter-lg-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-lg-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-lg-30 > .col,
.row.gutter-lg-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-lg-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-lg-40 > .col,
.row.gutter-lg-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-lg-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-lg-50 > .col,
.row.gutter-lg-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 1200px) {
.row.gutter-xl-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-xl-0 > .col,
.row.gutter-xl-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-xl-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-xl-8 > .col,
.row.gutter-xl-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-xl-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-xl-14 > .col,
.row.gutter-xl-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-xl-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-xl-20 > .col,
.row.gutter-xl-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-xl-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-xl-30 > .col,
.row.gutter-xl-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-xl-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-xl-40 > .col,
.row.gutter-xl-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-xl-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-xl-50 > .col,
.row.gutter-xl-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
} .hamburger {
padding: 0 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #BA000A;
}
.hamburger-box {
width: 30.2rem;
height: 23rem;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30.2rem;
height: 3rem;
background-color: #BA000A;
border-radius: 9999px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10rem;
}
.hamburger-inner::after {
bottom: -10rem;
} .hamburger--slider .hamburger-inner {
top: 1.5rem;
}
.hamburger--slider .hamburger-inner::before {
top: 10rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20rem;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10rem, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.3142857143rem, -7rem, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20rem, 0) rotate(-90deg);
} .slick-slider {
position: relative;
display: block;
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;
}
.slick-track {
height: 100%;
}
.slick-slide > div {
height: 100%;
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}.os-size-observer,
.os-size-observer-listener {
direction: inherit;
pointer-events: none;
overflow: hidden;
visibility: hidden;
box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
writing-mode: horizontal-tb;
position: absolute;
left: 0;
top: 0;
}
.os-size-observer {
z-index: -1;
contain: strict;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: inherit;
border: inherit;
box-sizing: inherit;
margin: -133px;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scale(0.1);
}
.os-size-observer::before {
content: "";
flex: none;
box-sizing: inherit;
padding: 10px;
width: 10px;
height: 10px;
}
.os-size-observer-appear {
animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
box-sizing: border-box;
position: relative;
flex: auto;
padding: inherit;
border: inherit;
margin: -133px;
transform: scale(10);
}
.os-size-observer-listener.ltr {
margin-right: -266px;
margin-left: 0;
}
.os-size-observer-listener.rtl {
margin-left: -266px;
margin-right: 0;
}
.os-size-observer-listener:empty::before {
content: "";
width: 100%;
height: 100%;
}
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
display: block;
position: relative;
padding: inherit;
border: inherit;
box-sizing: content-box;
flex: auto;
}
.os-size-observer-listener-scroll {
box-sizing: border-box;
display: flex;
}
.os-size-observer-listener-item {
right: 0;
bottom: 0;
overflow: hidden;
direction: ltr;
flex: none;
}
.os-size-observer-listener-item-final {
transition: none;
}
@keyframes os-size-observer-appear-animation {
from {
cursor: auto;
}
to {
cursor: none;
}
}
.os-trinsic-observer {
flex: none;
box-sizing: border-box;
position: relative;
max-width: 0px;
max-height: 1px;
padding: 0;
margin: 0;
border: none;
overflow: hidden;
z-index: -1;
height: 0;
top: calc(100% + 1px);
contain: strict;
}
.os-trinsic-observer:not(:empty) {
height: calc(100% + 1px);
top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
width: 1000%;
height: 1000%;
min-height: 1px;
min-width: 1px;
} .os-environment {
--os-custom-prop: -1;
position: fixed;
opacity: 0;
visibility: hidden;
overflow: scroll;
height: 200px;
width: 200px;
z-index: var(--os-custom-prop);
}
.os-environment div {
width: 200%;
height: 200%;
margin: 10px 0;
}
.os-environment.os-environment-flexbox-glue {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: auto;
width: auto;
min-height: 200px;
min-width: 200px;
}
.os-environment.os-environment-flexbox-glue div {
flex: auto;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
margin: 0;
}
.os-environment.os-environment-flexbox-glue-max {
max-height: 200px;
}
.os-environment.os-environment-flexbox-glue-max div {
overflow: visible;
}
.os-environment.os-environment-flexbox-glue-max div::before {
content: "";
display: block;
height: 999px;
width: 999px;
} .os-environment,
.os-viewport {
-ms-overflow-style: scrollbar !important;
}
[data-overlayscrollbars-initialize],
[data-overlayscrollbars~=scrollbarHidden],
.os-viewport-scrollbar-hidden.os-environment,
.os-viewport-scrollbar-hidden.os-viewport {
scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,
.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar,
.os-viewport-scrollbar-hidden.os-viewport::-webkit-scrollbar-corner {
-webkit-appearance: none !important;
appearance: none !important;
display: none !important;
width: 0 !important;
height: 0 !important;
} [data-overlayscrollbars-initialize] {
overflow: auto;
} html[data-overlayscrollbars],
html.os-viewport-scrollbar-hidden,
html.os-viewport-scrollbar-hidden > body {
box-sizing: border-box;
margin: 0;
width: 100%;
height: 100%;
}
html[data-overlayscrollbars] > body {
overflow: visible;
} [data-overlayscrollbars~=host] {
position: relative;
}
[data-overlayscrollbars~=host],
.os-padding {
display: flex;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.os-padding,
.os-viewport {
box-sizing: inherit;
position: relative;
flex: auto !important;
height: auto;
width: 100%;
padding: 0;
margin: 0;
border: none;
z-index: 0;
}
.os-viewport {
--os-vaw: 0;
--os-vah: 0;
}
.os-viewport.os-viewport-arrange::before {
content: "";
position: absolute;
pointer-events: none;
z-index: -1;
min-width: 1px;
min-height: 1px;
width: var(--os-vaw);
height: var(--os-vah);
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
overflow: hidden;
}
[data-overlayscrollbars~=overflowVisible] {
overflow: visible;
}
[data-overlayscrollbars-overflow-x=hidden] {
overflow-x: hidden;
}
[data-overlayscrollbars-overflow-x=scroll] {
overflow-x: scroll;
}
[data-overlayscrollbars-overflow-x=hidden] {
overflow-y: hidden;
}
[data-overlayscrollbars-overflow-y=scroll] {
overflow-y: scroll;
}
.os-padding,
.os-viewport {
overflow: hidden;
}
.os-overflow-visible {
overflow: visible;
}
.os-content {
box-sizing: inherit;
} [data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] .os-padding {
display: grid;
grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > .os-padding,
[data-overlayscrollbars-grid] > .os-viewport,
[data-overlayscrollbars-grid] > .os-padding > .os-viewport {
height: auto !important;
width: auto !important;
}
.os-scrollbar {
contain: size layout;
contain: size layout style;
transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
pointer-events: none;
position: absolute;
opacity: 0;
visibility: hidden;
}
body > .os-scrollbar {
position: fixed;
z-index: 99999;
}
.os-scrollbar-transitionless {
transition: none;
}
.os-scrollbar-track {
position: relative;
direction: ltr !important;
padding: 0 !important;
border: none !important;
}
.os-scrollbar-handle {
position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
pointer-events: none;
width: 100%;
height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
pointer-events: auto;
touch-action: none;
}
.os-scrollbar-horizontal {
bottom: 0;
left: 0;
}
.os-scrollbar-vertical {
top: 0;
right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
right: auto;
left: 0;
}
.os-scrollbar-visible,
.os-scrollbar-interaction.os-scrollbar-visible {
opacity: 1;
visibility: visible;
}
.os-scrollbar-auto-hidden {
opacity: 0;
visibility: hidden;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
opacity: 0 !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
bottom: 0;
}
.os-scrollbar-vertical .os-scrollbar-handle {
right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
right: auto;
left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
left: 0;
right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
top: 0;
bottom: 0;
}
.os-scrollbar {
--os-size: 0;
--os-padding-perpendicular: 0;
--os-padding-axis: 0;
--os-track-border-radius: 0;
--os-track-bg: none;
--os-track-bg-hover: none;
--os-track-bg-active: none;
--os-track-border: none;
--os-track-border-hover: none;
--os-track-border-active: none;
--os-handle-border-radius: 0;
--os-handle-bg: none;
--os-handle-bg-hover: none;
--os-handle-bg-active: none;
--os-handle-border: none;
--os-handle-border-hover: none;
--os-handle-border-active: none;
--os-handle-min-size: 33px;
--os-handle-max-size: none;
--os-handle-perpendicular-size: 100%;
--os-handle-perpendicular-size-hover: 100%;
--os-handle-perpendicular-size-active: 100%;
--os-handle-interactive-area-offset: 0;
}
.os-scrollbar .os-scrollbar-track {
border: var(--os-track-border);
border-radius: var(--os-track-border-radius);
background: var(--os-track-bg);
transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar .os-scrollbar-track:hover {
border: var(--os-track-border-hover);
background: var(--os-track-bg-hover);
}
.os-scrollbar .os-scrollbar-track:active {
border: var(--os-track-border-active);
background: var(--os-track-bg-active);
}
.os-scrollbar .os-scrollbar-handle {
border: var(--os-handle-border);
border-radius: var(--os-handle-border-radius);
background: var(--os-handle-bg);
}
.os-scrollbar .os-scrollbar-handle:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
}
.os-scrollbar .os-scrollbar-handle:hover {
border: var(--os-handle-border-hover);
background: var(--os-handle-bg-hover);
}
.os-scrollbar .os-scrollbar-handle:active {
border: var(--os-handle-border-active);
background: var(--os-handle-bg-active);
}
.os-scrollbar-horizontal {
padding: var(--os-padding-perpendicular) var(--os-padding-axis);
right: var(--os-size);
height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
left: var(--os-size);
right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
min-width: var(--os-handle-min-size);
max-width: var(--os-handle-max-size);
height: var(--os-handle-perpendicular-size);
transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
padding: var(--os-padding-axis) var(--os-padding-perpendicular);
bottom: var(--os-size);
width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-handle {
min-height: var(--os-handle-min-size);
max-height: var(--os-handle-max-size);
width: var(--os-handle-perpendicular-size);
transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
width: var(--os-handle-perpendicular-size-active);
} [data-overlayscrollbars~=updating] > .os-scrollbar,
.os-theme-none.os-scrollbar {
display: none !important;
} .os-theme-dark,
.os-theme-light {
--os-size: 10px;
--os-padding-perpendicular: 2px;
--os-padding-axis: 2px;
--os-track-border-radius: 10px;
--os-handle-interactive-area-offset: 4px;
--os-handle-border-radius: 10px;
}
.os-theme-dark {
--os-handle-bg: rgba(0, 0, 0, 0.44);
--os-handle-bg-hover: rgba(0, 0, 0, 0.55);
--os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
--os-handle-bg: rgba(255, 255, 255, 0.44);
--os-handle-bg-hover: rgba(255, 255, 255, 0.55);
--os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
border-radius: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
padding: 2px 2px;
right: 10px;
height: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
left: 10px;
right: 0;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
min-width: 33px;
max-width: none;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
top: -6px;
bottom: -2px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical, .os-no-css-vars.os-theme-light.os-scrollbar-vertical {
padding: 2px 2px;
bottom: 10px;
width: 10px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
min-height: 33px;
max-height: none;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
left: -6px;
right: -2px;
}
.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
right: -6px;
left: -2px;
}
.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
background: rgba(0, 0, 0, 0.44);
}
.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
background: rgba(0, 0, 0, 0.55);
}
.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
background: rgba(0, 0, 0, 0.66);
}
.os-no-css-vars.os-theme-light .os-scrollbar-handle {
background: rgba(255, 255, 255, 0.44);
}
.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
background: rgba(255, 255, 255, 0.55);
}
.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
background: rgba(255, 255, 255, 0.66);
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
} .container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 15rem;
padding-left: 15rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540rem;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720rem;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960rem;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140rem;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15rem;
margin-left: -15rem;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 15rem;
padding-left: 15rem;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !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.85714286%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.row {
margin-right: -15rem;
margin-left: -15rem;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > .col,
.row.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1,
.col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1,
.col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-0 > .col,
.row.gutter-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-8 > .col,
.row.gutter-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-14 > .col,
.row.gutter-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-20 > .col,
.row.gutter-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-30 > .col,
.row.gutter-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-40 > .col,
.row.gutter-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-50 > .col,
.row.gutter-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
@media (min-width: 0) {
.row.gutter-xs-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-xs-0 > .col,
.row.gutter-xs-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-xs-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-xs-8 > .col,
.row.gutter-xs-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-xs-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-xs-14 > .col,
.row.gutter-xs-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-xs-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-xs-20 > .col,
.row.gutter-xs-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-xs-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-xs-30 > .col,
.row.gutter-xs-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-xs-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-xs-40 > .col,
.row.gutter-xs-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-xs-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-xs-50 > .col,
.row.gutter-xs-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 576px) {
.row.gutter-sm-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-sm-0 > .col,
.row.gutter-sm-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-sm-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-sm-8 > .col,
.row.gutter-sm-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-sm-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-sm-14 > .col,
.row.gutter-sm-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-sm-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-sm-20 > .col,
.row.gutter-sm-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-sm-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-sm-30 > .col,
.row.gutter-sm-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-sm-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-sm-40 > .col,
.row.gutter-sm-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-sm-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-sm-50 > .col,
.row.gutter-sm-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 768px) {
.row.gutter-md-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-md-0 > .col,
.row.gutter-md-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-md-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-md-8 > .col,
.row.gutter-md-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-md-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-md-14 > .col,
.row.gutter-md-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-md-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-md-20 > .col,
.row.gutter-md-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-md-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-md-30 > .col,
.row.gutter-md-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-md-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-md-40 > .col,
.row.gutter-md-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-md-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-md-50 > .col,
.row.gutter-md-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 992px) {
.row.gutter-lg-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-lg-0 > .col,
.row.gutter-lg-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-lg-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-lg-8 > .col,
.row.gutter-lg-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-lg-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-lg-14 > .col,
.row.gutter-lg-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-lg-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-lg-20 > .col,
.row.gutter-lg-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-lg-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-lg-30 > .col,
.row.gutter-lg-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-lg-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-lg-40 > .col,
.row.gutter-lg-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-lg-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-lg-50 > .col,
.row.gutter-lg-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
}
@media (min-width: 1200px) {
.row.gutter-xl-0 {
margin-right: 0;
margin-left: 0;
}
.row.gutter-xl-0 > .col,
.row.gutter-xl-0 > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.row.gutter-xl-8 {
margin-right: -4rem;
margin-left: -4rem;
}
.row.gutter-xl-8 > .col,
.row.gutter-xl-8 > [class*=col-] {
padding-right: 4rem;
padding-left: 4rem;
}
.row.gutter-xl-14 {
margin-right: -7rem;
margin-left: -7rem;
}
.row.gutter-xl-14 > .col,
.row.gutter-xl-14 > [class*=col-] {
padding-right: 7rem;
padding-left: 7rem;
}
.row.gutter-xl-20 {
margin-right: -10rem;
margin-left: -10rem;
}
.row.gutter-xl-20 > .col,
.row.gutter-xl-20 > [class*=col-] {
padding-right: 10rem;
padding-left: 10rem;
}
.row.gutter-xl-30 {
margin-right: -15rem;
margin-left: -15rem;
}
.row.gutter-xl-30 > .col,
.row.gutter-xl-30 > [class*=col-] {
padding-right: 15rem;
padding-left: 15rem;
}
.row.gutter-xl-40 {
margin-right: -20rem;
margin-left: -20rem;
}
.row.gutter-xl-40 > .col,
.row.gutter-xl-40 > [class*=col-] {
padding-right: 20rem;
padding-left: 20rem;
}
.row.gutter-xl-50 {
margin-right: -25rem;
margin-left: -25rem;
}
.row.gutter-xl-50 > .col,
.row.gutter-xl-50 > [class*=col-] {
padding-right: 25rem;
padding-left: 25rem;
}
} .hamburger {
padding: 0 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #BA000A;
}
.hamburger-box {
width: 30.2rem;
height: 23rem;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30.2rem;
height: 3rem;
background-color: #BA000A;
border-radius: 9999px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10rem;
}
.hamburger-inner::after {
bottom: -10rem;
} .hamburger--slider .hamburger-inner {
top: 1.5rem;
}
.hamburger--slider .hamburger-inner::before {
top: 10rem;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20rem;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10rem, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-4.3142857143rem, -7rem, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20rem, 0) rotate(-90deg);
} .slick-slider {
position: relative;
display: block;
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;
}
.slick-track {
height: 100%;
}
.slick-slide > div {
height: 100%;
}
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
font-size: 0.0526041667vw;
}
@media (max-width: 991.98px) {
html {
font-size: 0.0833333333vw;
}
}
@media (max-width: 767.98px) {
html {
font-size: 0.1822916667vw;
}
}
@media (max-width: 575.98px) {
html {
font-size: 0.2673611111vw;
}
}
body {
font-size: 16rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
hr {
margin: 0;
}
img {
display: block;
}
sup {
top: -0.5em;
font-size: 60%;
line-height: 0;
}
label {
display: block;
}
th,
td {
padding: 0;
}
pre {
position: relative;
z-index: 999999;
}
html {
height: 100%;
font-family: "Neuzeit Grotesk", sans-serif;
}
body {
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
}
body.not-loaded * {
transition: none !important;
}
.btn-reset, .single__toc__btn, .scroll-down, .scroll-down--blue, .scroll-down--hero, .aside__carousel button, .aside__btn, .btn--carousel, .btn--carousel-next, .btn--carousel-prev, .btn, .header__button__calculator, .btn--red, .btn--download-table, .btn--search, .btn--header-search, .btn--header-search-fake, .btn--homepage-under-materials, .btn--homepage-featured-material, .btn--homepage-material, .btn--tag, .btn--outline, .btn--check-dosage, .btn--primary {
border: none;
padding: 0;
display: block;
text-align: left;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
}
.a-reset {
display: block;
text-decoration: none;
color: inherit;
}
.list-reset, .bitter-free__footnotes__ol, .single__toc__ol, .usage__bullet-points, .product-intro__bullet-points, .products-filter__ul, .aside__carousel .slick-dots, .footer__ul, .header__children__ul, .header__ul {
padding-left: 0;
list-style-type: none;
}
.list-item-reset, .bitter-free__footnotes__li, .single__toc__li, .usage__bullet-point, .usage__bullet-point--4, .usage__bullet-point--3, .usage__bullet-point--2, .usage__bullet-point--1, .product-intro__bullet-point, .products-filter__li, .aside__carousel li, .footer__li, .header__li, .header__li--ukraine-flag, .header__li--search {
display: block;
}
.hr-reset, .bitter-free__hr {
margin: 0;
border: none;
}
.input-reset, .btn__input {
border: none;
padding: 0;
width: 100%;
display: block;
font-family: inherit;
background-color: transparent;
outline: none;
appearance: none;
}
.input-reset:focus-visible, .btn__input:focus-visible {
outline: none;
}
.textarea-reset {
padding: 0;
width: 100%;
display: block;
font-family: inherit;
resize: vertical;
outline: none;
}
.form-reset {
margin: 0;
display: block;
}
.overflow-hidden {
overflow: hidden;
}
.nowrap {
white-space: nowrap;
}
.text-uppercase {
text-transform: uppercase;
}
.mb-17 {
margin-bottom: 17rem;
}
.f-17 {
font-size: 17rem;
}
.f-20 {
font-size: 20rem;
}
.f-24 {
font-size: 24rem;
}
.lh-20 {
line-height: 20rem;
}
.lh-28 {
line-height: 28rem;
}
@media (max-width: 991.98px) {
br:not(.keep) {
display: none;
}
}
.hr, .material__hr, .hr--1 {
border-style: none;
width: 100%;
height: 2px;
display: block;
background-size: 17rem 2rem;
background-image: linear-gradient(90deg, #002A7B 0, #002A7B 6rem, transparent 6rem, transparent 17rem);
background-repeat: repeat-x;
}
.hr--1 {
height: 1px;
}
.btn, .header__button__calculator, .btn--red, .btn--download-table, .btn--search, .btn--header-search, .btn--header-search-fake, .btn--homepage-under-materials, .btn--homepage-featured-material, .btn--homepage-material, .btn--tag, .btn--outline, .btn--check-dosage, .btn--primary {
position: relative;
display: flex;
align-items: center;
text-align: center;
text-decoration: none;
line-height: 1.2;
}
.btn--primary {
border-radius: 9999px;
font-weight: 700;
color: #fff;
background-color: #002A7B;
}
@media (max-width: 991.98px) {
.btn--primary {
padding-right: 32rem;
padding-left: 32rem;
font-size: 16px;
}
}
@media (min-width: 992px) {
.btn--primary {
padding-right: 18rem;
padding-left: 11rem;
text-transform: uppercase;
font-size: 21rem;
}
}
.btn--primary .btn__text, .btn--primary .btn__text-placeholder, .btn--primary .btn__input {
font-weight: 700;
color: #fff;
}
@media (max-width: 991.98px) {
.btn--primary .btn__text, .btn--primary .btn__text-placeholder, .btn--primary .btn__input {
padding-top: 13rem;
padding-bottom: 13rem;
font-size: 16px;
}
}
@media (min-width: 992px) {
.btn--primary .btn__text, .btn--primary .btn__text-placeholder, .btn--primary .btn__input {
padding-top: 10rem;
padding-bottom: 10rem;
text-transform: uppercase;
font-size: 21rem;
}
}
.btn--check-dosage {
border-radius: 9999px;
padding-right: 18rem;
padding-left: 32rem;
background-color: #002A7B;
}
.btn--check-dosage .btn__text, .btn--check-dosage .btn__text-placeholder, .btn--check-dosage .btn__input {
margin-right: 33rem;
font-weight: 700;
color: #fff;
}
@media (max-width: 991.98px) {
.btn--check-dosage .btn__text, .btn--check-dosage .btn__text-placeholder, .btn--check-dosage .btn__input {
padding-top: 13rem;
padding-bottom: 13rem;
font-size: 16rem;
}
}
@media (min-width: 992px) {
.btn--check-dosage .btn__text, .btn--check-dosage .btn__text-placeholder, .btn--check-dosage .btn__input {
padding-top: 12rem;
padding-bottom: 16rem;
font-size: 20rem;
}
}
.btn--outline {
position: relative;
border-radius: 9999px;
padding-top: 13rem;
padding-right: 23rem;
padding-bottom: 13rem;
padding-left: 29rem;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn--outline:hover {
background-color: #0087BB;
}
.btn--outline:hover .btn__text, .btn--outline:hover .btn__text-placeholder, .btn--outline:hover .btn__input {
color: #fff;
}
.btn--outline:hover .btn__icon, .btn--outline:hover .btn__icon--arrow-carousel, .btn--outline:hover .btn__icon--download, .btn--outline:hover .btn__icon--magnifying-glass-search, .btn--outline:hover .btn__icon--arrow-homepage-under-materials, .btn--outline:hover .btn__icon--arrow-homepage-featured-material, .btn--outline:hover .btn__icon--arrow-3, .btn--outline:hover .btn__icon--arrow-2, .btn--outline:hover .btn__icon--magnifying-glass-header-search {
filter: brightness(0%) invert(100%);
}
.btn--outline::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border-style: solid;
border-width: 2px;
border-color: #0087BB;
display: block;
}
.btn--outline .btn__text, .btn--outline .btn__text-placeholder, .btn--outline .btn__input {
margin-right: 15rem;
font-weight: 700;
font-size: 16rem;
color: #0087bb;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn--tag {
border-radius: 9999px;
}
@media (max-width: 991.98px) {
.btn--tag {
padding-top: 14rem;
padding-right: 10rem;
padding-bottom: 14rem;
padding-left: 10rem;
min-width: 90rem;
}
}
@media (min-width: 992px) {
.btn--tag {
padding-top: 13rem;
padding-right: 16rem;
padding-left: 16rem;
padding-bottom: 13rem;
}
}
.btn--tag::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
display: block;
background-color: #fff;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn--tag::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border-style: solid;
border-width: 2px;
border-color: #0087BB;
display: block;
}
.btn--tag:hover::before, .btn--tag.active::before {
background-color: #0087BB;
}
.btn--tag:hover .btn__text, .btn--tag:hover .btn__text-placeholder, .btn--tag:hover .btn__input, .btn--tag.active .btn__text, .btn--tag.active .btn__text-placeholder, .btn--tag.active .btn__input {
color: #fff;
}
.btn--tag .btn__text, .btn--tag .btn__text-placeholder, .btn--tag .btn__input {
width: 100%;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
color: #0087bb;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
@media (max-width: 991.98px) {
.btn--tag .btn__text, .btn--tag .btn__text-placeholder, .btn--tag .btn__input {
font-size: 14rem;
}
}
@media (min-width: 992px) {
.btn--tag .btn__text, .btn--tag .btn__text-placeholder, .btn--tag .btn__input {
font-size: 16rem;
}
}
.btn--homepage-featured-material, .btn--homepage-material {
border-radius: 9999px;
padding-top: 13rem;
padding-right: 15rem;
padding-bottom: 13rem;
padding-left: 53rem;
}
.btn--homepage-featured-material::before, .btn--homepage-material::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
display: block;
background-color: #fff;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn--homepage-featured-material::after, .btn--homepage-material::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border-style: solid;
border-width: 2px;
border-color: #002A7B;
display: block;
}
.btn--homepage-featured-material:hover::before, .btn--homepage-material:hover::before {
background-color: #002A7B;
}
.btn--homepage-featured-material:hover .btn__text, .btn--homepage-featured-material:hover .btn__text-placeholder, .btn--homepage-featured-material:hover .btn__input, .btn--homepage-material:hover .btn__text, .btn--homepage-material:hover .btn__text-placeholder, .btn--homepage-material:hover .btn__input {
color: #fff;
}
.btn--homepage-featured-material:hover .btn__icon, .btn--homepage-featured-material:hover .btn__icon--arrow-carousel, .btn--homepage-featured-material:hover .btn__icon--download, .btn--homepage-featured-material:hover .btn__icon--magnifying-glass-search, .btn--homepage-featured-material:hover .btn__icon--arrow-homepage-under-materials, .btn--homepage-featured-material:hover .btn__icon--arrow-homepage-featured-material, .btn--homepage-featured-material:hover .btn__icon--arrow-3, .btn--homepage-featured-material:hover .btn__icon--arrow-2, .btn--homepage-featured-material:hover .btn__icon--magnifying-glass-header-search, .btn--homepage-material:hover .btn__icon, .btn--homepage-material:hover .btn__icon--arrow-carousel, .btn--homepage-material:hover .btn__icon--download, .btn--homepage-material:hover .btn__icon--magnifying-glass-search, .btn--homepage-material:hover .btn__icon--arrow-homepage-under-materials, .btn--homepage-material:hover .btn__icon--arrow-homepage-featured-material, .btn--homepage-material:hover .btn__icon--arrow-3, .btn--homepage-material:hover .btn__icon--arrow-2, .btn--homepage-material:hover .btn__icon--magnifying-glass-header-search {
filter: brightness(0%) invert(100%);
}
.btn--homepage-featured-material .btn__text, .btn--homepage-featured-material .btn__text-placeholder, .btn--homepage-featured-material .btn__input, .btn--homepage-material .btn__text, .btn--homepage-material .btn__text-placeholder, .btn--homepage-material .btn__input {
margin-right: 20rem;
font-weight: 700;
font-size: 16rem;
line-height: 1.2;
color: #002a7b;
}
.btn--homepage-material {
padding-left: 35rem;
}
.btn--homepage-material .btn__text, .btn--homepage-material .btn__text-placeholder, .btn--homepage-material .btn__input {
margin-right: 9rem;
}
.btn--homepage-under-materials {
border-radius: 9999px;
padding-top: 13rem;
padding-right: 15rem;
padding-bottom: 13rem;
padding-left: 53rem;
background-color: #002a7b;
}
.btn--homepage-under-materials .btn__text, .btn--homepage-under-materials .btn__text-placeholder, .btn--homepage-under-materials .btn__input {
margin-right: 20rem;
font-weight: 700;
font-size: 16rem;
line-height: 1.2;
color: #fff;
}
.btn--search, .btn--header-search, .btn--header-search-fake {
border-radius: 9999px;
padding-top: 12rem;
padding-right: 21rem;
padding-bottom: 12rem;
padding-left: 23rem;
background-color: #002a7b;
box-shadow: 0 0 33rem rgba(0, 135, 187, 0.13);
}
.btn--search .btn__text, .btn--search .btn__text-placeholder, .btn--search .btn__input, .btn--header-search .btn__text, .btn--header-search .btn__text-placeholder, .btn--header-search .btn__input, .btn--header-search-fake .btn__text, .btn--header-search-fake .btn__text-placeholder, .btn--header-search-fake .btn__input {
margin-left: 16rem;
text-transform: uppercase;
font-weight: 700;
font-size: 16rem;
color: #fff;
}
.btn--header-search, .btn--header-search-fake {
position: absolute;
top: 0;
right: 15rem;
}
.btn--header-search.active .btn__input, .active.btn--header-search-fake .btn__input {
visibility: visible;
}
.btn--header-search.active .btn__text-placeholder, .active.btn--header-search-fake .btn__text-placeholder {
visibility: hidden;
}
.btn--header-search-fake {
position: relative;
top: auto;
right: auto;
visibility: hidden;
}
.btn--download-table {
border-radius: 9999px;
padding-top: 13rem;
padding-right: 18rem;
padding-bottom: 13rem;
padding-left: 29rem;
background-color: #002A7B;
}
.btn--download-table .btn__text, .btn--download-table .btn__text-placeholder, .btn--download-table .btn__input {
margin-right: 42rem;
font-weight: 700;
font-size: 18rem;
line-height: 1.2;
color: #fff;
}
.btn--carousel, .btn--carousel-next, .btn--carousel-prev {
overflow: hidden;
position: relative;
border-radius: 9999px;
display: flex;
justify-content: center;
align-items: center;
transition-property: background-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
@media (max-width: 991.98px) {
.btn--carousel, .btn--carousel-next, .btn--carousel-prev {
width: 46.91rem;
height: 46.91rem;
background-color: #fff;
}
}
@media (min-width: 992px) {
.btn--carousel, .btn--carousel-next, .btn--carousel-prev {
width: 61.5rem;
height: 61.5rem;
}
}
.btn--carousel:hover, .btn--carousel-next:hover, .btn--carousel-prev:hover {
background-color: #0087BB;
}
.btn--carousel:hover .btn__icon, .btn--carousel:hover .btn__icon--arrow-carousel, .btn--carousel:hover .btn__icon--download, .btn--carousel:hover .btn__icon--magnifying-glass-search, .btn--carousel:hover .btn__icon--arrow-homepage-under-materials, .btn--carousel:hover .btn__icon--arrow-homepage-featured-material, .btn--carousel:hover .btn__icon--arrow-3, .btn--carousel:hover .btn__icon--arrow-2, .btn--carousel:hover .btn__icon--magnifying-glass-header-search, .btn--carousel-next:hover .btn__icon, .btn--carousel-next:hover .btn__icon--arrow-carousel, .btn--carousel-next:hover .btn__icon--download, .btn--carousel-next:hover .btn__icon--magnifying-glass-search, .btn--carousel-next:hover .btn__icon--arrow-homepage-under-materials, .btn--carousel-next:hover .btn__icon--arrow-homepage-featured-material, .btn--carousel-next:hover .btn__icon--arrow-3, .btn--carousel-next:hover .btn__icon--arrow-2, .btn--carousel-next:hover .btn__icon--magnifying-glass-header-search, .btn--carousel-prev:hover .btn__icon, .btn--carousel-prev:hover .btn__icon--arrow-carousel, .btn--carousel-prev:hover .btn__icon--download, .btn--carousel-prev:hover .btn__icon--magnifying-glass-search, .btn--carousel-prev:hover .btn__icon--arrow-homepage-under-materials, .btn--carousel-prev:hover .btn__icon--arrow-homepage-featured-material, .btn--carousel-prev:hover .btn__icon--arrow-3, .btn--carousel-prev:hover .btn__icon--arrow-2, .btn--carousel-prev:hover .btn__icon--magnifying-glass-header-search {
filter: brightness(0%) invert(100%);
}
.btn--carousel::before, .btn--carousel-next::before, .btn--carousel-prev::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border-style: solid;
border-width: 2px;
border-color: #0087BB;
display: block;
}
.btn--carousel-prev .btn__icon--arrow-carousel {
transform: scaleX(-1);
}
.btn--red {
overflow: hidden;
border-radius: 9999px;
box-shadow: 0 0 33rem rgba(186, 0, 10, 0.12);
}
.btn--red .btn__text, .btn--red .btn__text-placeholder, .btn--red .btn__input {
padding: 13rem 39rem;
font-weight: 700;
font-size: 16rem;
line-height: 1.2;
color: #fff;
background-color: #C40F2A;
}
.btn__text, .btn__text-placeholder, .btn__input {
position: relative;
display: block;
text-align: center;
text-decoration: none;
line-height: 1.2;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn__icon, .btn__icon--arrow-carousel, .btn__icon--download, .btn__icon--magnifying-glass-search, .btn__icon--arrow-homepage-under-materials, .btn__icon--arrow-homepage-featured-material, .btn__icon--arrow-3, .btn__icon--arrow-2, .btn__icon--magnifying-glass-header-search {
position: relative;
height: auto;
transition-property: filter;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.btn__icon--magnifying-glass-header-search {
margin-right: 14rem;
width: 15.6rem;
}
.btn__icon--arrow-2 {
width: 47.6rem;
}
.btn__icon--arrow-3 {
width: 40.2rem;
}
.btn__icon--arrow-homepage-featured-material {
width: 39.5rem;
}
.btn__icon--arrow-homepage-under-materials {
width: 39.13rem;
}
.btn__icon--magnifying-glass-search {
width: 15.6rem;
}
.btn__icon--download {
width: 15.9rem;
}
@media (max-width: 991.98px) {
.btn__icon--arrow-carousel {
width: 31.1rem;
}
}
@media (min-width: 992px) {
.btn__icon--arrow-carousel {
width: 40.2rem;
}
}
.btn__input {
visibility: hidden;
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: 0 !important;
padding-top: 12rem;
padding-right: 21rem;
padding-bottom: 12rem;
padding-left: 53.6rem;
text-transform: none !important;
text-align: left !important;
}
.btn__input::placeholder {
opacity: 1;
text-transform: uppercase;
}
.btn__text-placeholder {
margin-left: 0 !important;
text-align: left;
}
.input-group__input {
display: none;
}
@media (max-width: 991.98px) {
.input-group--products-filter {
margin-bottom: 17rem;
}
}
.input-group--products-filter .input-group__input:checked + .input-group__label::before {
display: block;
}
.input-group--products-filter .input-group__label {
position: relative;
border-radius: 9999px;
background-color: #fff;
box-shadow: 0 3rem 11rem rgba(0, 135, 187, 0.35);
cursor: pointer;
}
@media (max-width: 991.98px) {
.input-group--products-filter .input-group__label {
width: 51rem;
height: 51rem;
}
}
@media (min-width: 992px) {
.input-group--products-filter .input-group__label {
width: 36rem;
height: 36rem;
}
}
.input-group--products-filter .input-group__label::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 24rem;
height: 24rem;
border-radius: 9999px;
display: none;
background-color: #BA000A;
transform: translate(-50%, -50%);
}
.custom-select {
position: relative;
border-radius: 31.5rem;
height: 63rem;
font-weight: 700;
font-size: 21rem;
line-height: 1.2;
text-align: center;
color: #002a7b;
background-color: #fff;
filter: drop-shadow(0 3rem 11rem rgba(0, 0, 0, 0.1));
}
.custom-select.active {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.custom-select.active .custom-select__selected-option::after {
transform: translateY(-50%) scaleY(-1);
}
.custom-select.active .custom-select__options {
display: block;
}
.custom-select select {
display: none;
}
.custom-select__selected-option {
position: relative;
padding-left: 8rem;
padding-right: 53rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
}
.custom-select__selected-option::after {
content: "";
position: absolute;
top: 50%;
right: 15rem;
width: 30rem;
height: 30rem;
display: block;
background-image: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/images/icon--dropdown.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.custom-select__options {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
background-color: #fff;
}
.custom-select__option {
height: 63rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
cursor: pointer;
}
.site-wrapper {
width: 100%;
overflow-x: hidden;
}
.header {
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.header {
position: fixed;
z-index: 1000;
padding-top: 21rem;
padding-right: 20rem;
padding-bottom: 21rem;
padding-left: 20rem;
align-items: flex-start;
transition-property: padding, box-shadow;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.header::before {
content: "";
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background-color: #fff;
transition-property: opacity;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.header.scrolled {
padding-top: 10rem;
padding-bottom: 10rem;
box-shadow: 0 0 16rem rgba(0, 0, 0, 0.3);
}
.header.scrolled::before {
opacity: 1;
}
.header.scrolled .header__logo {
width: 110rem;
}
.header.scrolled .header__hamburger {
margin-top: auto;
margin-bottom: auto;
}
}
@media (min-width: 992px) {
.header {
position: absolute;
z-index: 10;
padding-right: 93rem;
padding-left: 63rem;
}
}
.header__link {
position: relative;
text-decoration: none;
font-weight: 700;
font-size: 21rem;
line-height: 1;
}
@media (max-width: 991.98px) {
.header__link {
color: #fff;
}
}
@media (min-width: 992px) {
.header__link {
color: #002a7b;
}
}
.header__link:hover::after {
display: block;
}
.header__link::after {
content: "";
position: absolute;
right: -2rem;
bottom: -9rem;
left: -2rem;
display: none;
height: 2rem;
}
@media (max-width: 991.98px) {
.header__link::after {
background-color: #fff;
}
}
@media (min-width: 992px) {
.header__link::after {
background-color: #002a7b;
}
}
@media (max-width: 991.98px) {
.header__link.current_page_item:not(.menu-item-type-custom)::after, .header__link.current_page_parent:not(.menu-item-type-custom)::after {
color: #fff;
}
}
@media (min-width: 992px) {
.header__link.current_page_item:not(.menu-item-type-custom), .header__link.current_page_parent:not(.menu-item-type-custom) {
color: #BA000A;
}
.header__link.current_page_item:not(.menu-item-type-custom)::after, .header__link.current_page_parent:not(.menu-item-type-custom)::after {
background-color: #BA000A;
}
}
.header__link.current_page_item:not(.menu-item-type-custom)::after, .header__link.current_page_parent:not(.menu-item-type-custom)::after {
display: block;
}
.header__link--logo {
font-size: 0;
}
@media (min-width: 992px) {
.header__link--logo {
margin-top: 53.22rem;
}
}
.header__link--facebook {
font-size: 0;
}
.header__link--ukraine-flag {
font-size: 0;
}
.header__link__chevron {
position: absolute;
top: 50%;
right: 0;
width: 24.5rem;
height: auto;
transform: translateY(-50%);
}
@media (min-width: 992px) {
.header__link__chevron {
display: none;
}
}
.header__link.has-children {
display: block;
}
.header__link.has-children::after {
content: none;
}
.header__link.active .header__link__chevron {
transform: translateY(-50%) scaleY(-1);
}
.header__logo {
position: relative;
height: auto;
}
@media (max-width: 991.98px) {
.header__logo {
width: 147.84rem;
transition-property: width, height;
transition-duration: 0.2s;
transition-timing-function: ease;
}
}
@media (min-width: 992px) {
.header__logo {
width: 325rem;
}
}
.header__logo--facebook {
width: 41.52rem;
height: auto;
}
@media (max-width: 991.98px) {
.header__nav {
overflow: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 77rem;
padding-right: 20rem;
padding-bottom: 77rem;
padding-left: 20rem;
display: none;
flex-direction: column;
}
.header__nav.active {
display: flex;
}
.header__nav::before {
content: "";
opacity: 0.97;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background-color: #002A7B;
}
}
@media (min-width: 992px) {
.header__nav {
margin-top: 27rem;
}
}
.header__heading--mobile {
position: relative;
margin-bottom: 50rem;
margin-left: 60rem;
text-transform: uppercase;
font-weight: 700;
font-size: 41rem;
line-height: 1;
color: #fff;
}
@media (min-width: 992px) {
.header__heading--mobile {
display: none;
}
}
@media (min-width: 992px) {
.header__ul {
display: flex;
align-items: center;
}
}
@media (max-width: 991.98px) {
.header__li, .header__li--ukraine-flag, .header__li--search {
padding-top: 18rem;
padding-right: 61rem !important;
padding-bottom: 18rem;
padding-left: 61rem !important;
}
.header__li:not(.last-item), .header__li--ukraine-flag:not(.last-item), .header__li--search:not(.last-item) {
border-bottom: 2px solid #fff;
}
}
@media (max-width: 991.98px) {
.header__li--search {
display: none;
}
}
@media (max-width: 991.98px) {
.header__li--ukraine-flag {
display: none;
}
}
.header__li.has-children, .has-children.header__li--search, .has-children.header__li--ukraine-flag {
position: relative;
}
.header__children__ul {
margin-top: 20rem;
margin-left: 10rem;
display: none;
}
.header__children__li:not(:last-child) {
margin-bottom: 20rem;
}
.header__hamburger {
z-index: 1000;
transition-property: margin;
transition-duration: 0.2s;
transition-timing-function: ease;
}
@media (min-width: 992px) {
.header__hamburger {
display: none;
}
}
.header__hamburger.is-active .hamburger-inner,
.header__hamburger.is-active .hamburger-inner::before,
.header__hamburger.is-active .hamburger-inner::after {
background-color: #fff;
}
.header__bottom--mobile {
position: relative;
margin-top: auto;
margin-left: 61rem;
}
@media (min-width: 992px) {
.header__bottom--mobile {
display: none;
}
}
.header__bottom__row {
align-items: center;
}
.header__ukraine-flag {
width: 39.1rem;
height: auto;
}
.header__button__calculator {
border-radius: 9999px;
padding-top: 12rem;
padding-right: 21rem;
padding-left: 21rem;
padding-bottom: 12rem;
background-color: #ba000a;
box-shadow: 0 0 33rem rgba(0, 135, 187, 0.13);
text-transform: uppercase;
font-weight: 700;
font-size: 16rem;
color: #fff;
transition: background-color 200ms linear;
}
.header__button__calculator:hover {
background-color: #dd052b;
}
.header__button__calculator:hover::after {
display: none;
}
.footer {
position: relative;
background-color: #EEDAE4;
}
@media (max-width: 991.98px) {
.footer {
padding-top: 27rem;
padding-right: 20rem;
padding-bottom: 27rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.footer {
padding-top: 60rem;
padding-right: 92rem;
padding-bottom: 39rem;
padding-left: 92rem;
}
}
@media (max-width: 991.98px) {
.footer--lvl-1 {
margin-bottom: 25rem;
}
}
@media (min-width: 992px) {
.footer--lvl-1 {
margin-bottom: 103rem;
}
}
@media (max-width: 575.98px) {
.footer--lvl-2 {
margin-bottom: 17rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer--lvl-2 {
margin-bottom: 25rem;
}
}
@media (min-width: 992px) {
.footer--lvl-2 {
margin-bottom: 40rem;
}
}
.footer--lvl-3 {
margin-bottom: 40rem;
display: flex;
}
@media (max-width: 991.98px) {
.footer--lvl-3 {
flex-direction: column;
}
}
@media (min-width: 992px) {
.footer--lvl-3 {
justify-content: space-between;
}
}
@media (max-width: 991.98px) {
.footer__inner {
padding-top: 14rem;
padding-bottom: 11rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__inner {
padding-top: 20rem;
padding-bottom: 20rem;
}
}
@media (min-width: 768px) {
.footer__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer__inner {
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.footer__inner {
padding-top: 30rem;
padding-bottom: 30rem;
}
}
.footer__link--lvl-1 {
text-decoration: none;
color: #003588;
}
.footer__link--lvl-1:hover {
text-decoration: underline;
}
.footer__link--logo-ibufen {
display: inline-block;
font-size: 0;
}
@media (min-width: 992px) {
.footer__link--logo-ibufen {
margin-top: 6rem;
margin-left: -28rem;
}
}
.footer__link--facebook {
display: inline-block;
font-size: 0;
}
@media (max-width: 991.98px) {
.footer__link--facebook {
position: absolute;
top: 37rem;
right: 20rem;
}
}
@media (min-width: 992px) {
.footer__link--facebook {
margin-top: 6rem;
margin-left: auto;
}
}
.footer__link--logo-polpharma {
display: inline-block;
font-size: 0;
}
@media (max-width: 575.98px) {
.footer__link--logo-polpharma {
margin-bottom: 1rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__link--logo-polpharma {
margin-bottom: 20rem;
}
}
.footer__link--lvl-2 {
text-decoration: none;
font-weight: 700;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 575.98px) {
.footer__link--lvl-2 {
font-size: 8rem;
letter-spacing: -0.04em;
}
}
@media (min-width: 992px) {
.footer__link--lvl-2 {
font-size: 16rem;
}
}
.footer__link--lvl-2:hover {
text-decoration: underline;
}
.footer__logo--ibufen {
height: auto;
}
@media (max-width: 991.98px) {
.footer__logo--ibufen {
width: 129.4rem;
}
}
@media (min-width: 992px) {
.footer__logo--ibufen {
width: 324.04rem;
}
}
.footer__logo--polpharma {
height: auto;
}
@media (max-width: 575.98px) {
.footer__logo--polpharma {
width: 134.47rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__logo--polpharma {
width: 170rem;
}
}
@media (min-width: 992px) {
.footer__logo--polpharma {
width: 199rem;
}
}
.footer__facebook {
width: 29.44rem;
height: auto;
}
@media (min-width: 576px) {
.footer__row {
display: flex;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__row {
margin-right: -20rem;
margin-left: -20rem;
flex-wrap: wrap;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer__row--lvl-2 {
justify-content: center;
}
}
@media (min-width: 992px) {
.footer__row--lvl-2 {
justify-content: space-between;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__col, .footer__col--products, .footer__col--logo {
margin-right: 20rem;
margin-left: 20rem;
}
}
@media (min-width: 992px) {
.footer__col, .footer__col--products, .footer__col--logo {
width: 444rem;
max-width: 100%;
}
}
@media (max-width: 991.98px) {
.footer__col--logo {
margin-bottom: 12rem;
width: 100%;
}
}
@media (max-width: 991.98px) {
.footer__col--products {
margin-bottom: 16rem;
}
}
@media (min-width: 992px) {
.footer__col--last {
flex-grow: 1;
flex-shrink: 0;
display: flex;
align-items: flex-start;
}
}
.footer__heading {
font-weight: 700;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 575.98px) {
.footer__heading {
margin-bottom: 10rem;
font-size: 11rem;
}
}
@media (min-width: 576px) {
.footer__heading {
margin-bottom: 26rem;
font-size: 22rem;
}
}
.footer__li {
text-decoration: none;
line-height: 1.2;
color: #003588;
}
@media (max-width: 575.98px) {
.footer__li {
font-size: 8rem;
}
}
@media (min-width: 576px) {
.footer__li {
font-size: 12rem;
}
}
@media (max-width: 991.98px) {
.footer__li:not(:last-child) {
margin-bottom: 4rem;
}
}
@media (min-width: 992px) {
.footer__li:not(:last-child) {
margin-bottom: 10rem;
}
}
.footer__copyright {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 575.98px) {
.footer__copyright {
margin-bottom: 6rem;
font-size: 8rem;
}
}
@media (min-width: 576px) {
.footer__copyright {
font-size: 16rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.footer__copyright {
margin-bottom: 20rem;
}
}
@media (max-width: 991.98px) {
.footer__copyright {
text-align: center;
}
}
.footer__footnote {
color: #003588;
}
@media (max-width: 575.98px) {
.footer__footnote {
margin-bottom: 19rem;
font-size: 8rem;
line-height: 14rem;
}
}
@media (min-width: 576px) {
.footer__footnote {
margin-bottom: 39rem;
font-size: 16rem;
line-height: 1.2;
}
}
@media (max-width: 991.98px) {
.footer__footnote {
text-align: center;
}
}
.footer__warning {
font-weight: 700;
color: #002a7b;
text-align: center;
font-size: 22rem;
line-height: 29rem;
}
.footer__sil {
font-size: 16rem;
line-height: 1.2;
color: #003588;
}
.footer__sil:not(:last-child) {
margin-bottom: 20rem;
}
.main {
position: relative;
overflow: hidden;
width: 100%;
}
.section, .section--cookie-policy, .section--bitter-free, .section--download, .post-type-archive-product .section--products, .home .section--products, .section--not-found, .section--dosage, .section--usage, .section--product-intro, .section--get-to-know, .section--blog, .section--materials, .section--why-ibufen, .section--homepage-hero {
position: relative;
width: 100%;
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
color: #002a7b;
}
@media (max-width: 991.98px) {
.breadcrumbs {
position: relative;
z-index: 1;
padding-right: 20rem;
padding-left: 20rem;
font-size: 12rem;
}
}
@media (min-width: 992px) {
.breadcrumbs {
position: absolute;
z-index: 2;
top: 200rem;
padding-right: 92rem;
padding-left: 92rem;
font-size: 14rem;
}
}
.breadcrumbs a,
.breadcrumbs span {
color: #002a7b;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
@media (max-width: 991.98px) {
.blog .breadcrumbs,
.tag .breadcrumbs,
.search .breadcrumbs,
.error404 .breadcrumbs,
.single-post .breadcrumbs,
.single-product .breadcrumbs,
.post-type-archive-product .breadcrumbs,
.page-template-page-materialy-do-pobrania .breadcrumbs,
.page-template-page-filmy-reklamowe-video .breadcrumbs,
.page-template-page-polityka-plikow-cookies .breadcrumbs {
margin-bottom: 20rem;
padding-top: 96rem;
}
}
.page-template-page-materialy-do-pobrania,
.page-template-page-filmy-reklamowe-video {
background-color: #EAF5FA;
}
@media (max-width: 991.98px) {
.aside {
position: relative;
margin-top: -59rem;
width: 100%;
}
}
@media (min-width: 992px) {
.aside {
position: absolute;
z-index: 10;
top: 177rem;
right: 0;
width: 536rem;
max-width: 100%;
transform: translateX(100%);
transition-property: transform;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.aside.active {
transform: none;
}
.aside.active .aside__btn__text--inactive {
visibility: hidden;
}
.aside.active .aside__btn__text--active {
visibility: visible;
}
.aside.active .aside__btn__icon {
transform: none;
}
}
.aside__btn {
position: absolute;
top: 50%;
left: 31rem;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 991.98px) {
.aside__btn {
display: none;
}
}
.aside__btn__text-container {
margin-bottom: 5rem;
position: relative;
height: 18rem;
}
.aside__btn__text, .aside__btn__text--active, .aside__btn__text--inactive {
text-align: center;
font-weight: 700;
font-size: 18rem;
line-height: 1;
color: #fff;
}
.aside__btn__text--inactive {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.aside__btn__text--active {
visibility: hidden;
}
.aside__btn__icon {
width: 34.5rem;
height: auto;
transform: rotate(180deg);
transition-property: transform;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.aside__top {
background-color: #BA000A;
}
@media (max-width: 991.98px) {
.aside__top {
border-top-right-radius: 60rem;
padding-top: 18rem;
padding-right: 20rem;
padding-bottom: 18rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.aside__top {
position: relative;
z-index: 1;
margin-left: -103rem;
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
padding-top: 21rem;
padding-left: 103rem;
height: 251rem;
}
}
.aside__top__content {
position: relative;
width: 100%;
height: 100%;
}
.aside__top__heading {
text-align: center;
font-weight: 900;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__top__heading { font-size: 24rem;
line-height: 30rem;
}
}
@media (min-width: 992px) {
.aside__top__heading {
font-size: 35rem;
line-height: 1.2;
}
}
.aside__top__heading_2 {
text-align: center;
font-weight: 400;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__top__heading_2 {
margin-bottom: 16rem;
font-size: 18rem;
line-height: 1.3em;
}
}
@media (min-width: 992px) {
.aside__top__heading_2 {
margin-bottom: 27rem;
font-size: 21rem;
line-height: 1.3em;
}
}
@media (max-width: 991.98px) {
.aside__top__row {
margin-bottom: 19rem;
}
}
@media (min-width: 992px) {
.aside__top__row {
justify-content: center;
}
}
@media (max-width: 991.98px) {
.aside__top__col:not(:last-child), .aside__top__col--second:not(:last-child), .aside__top__col--first:not(:last-child) {
margin-bottom: 17rem;
}
}
.aside__top__col--first {
z-index: 100;
}
.aside__top__col--second {
z-index: 99;
}
@media (max-width: 991.98px) {
.aside__top__btn {
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 992px) {
.aside__top__btn {
position: absolute;
top: calc(100% - 6rem);
left: 50%;
transform: translate(-50%, -50%);
}
}
.aside__bottom {
overflow: hidden;
position: relative;
background-color: #fff;
width: 100%;
}
@media (min-width: 992px) {
.aside__bottom {
margin-top: -10rem;
border-bottom-left-radius: 46rem;
padding-top: 58rem;
height: 592rem;
box-shadow: 0 0 20rem rgba(167, 3, 12, 0.2);
}
}
.aside__bottom__heading {
margin-bottom: 15rem;
text-align: center;
font-weight: 700;
font-size: 30rem;
line-height: 1.2;
color: #002a7b;
}
.aside__bottom__under-abs-list {
display: none;
width: 100%;
}
@media (max-width: 991.98px) {
.aside__bottom__under-abs-list {
padding-top: 24rem;
padding-bottom: 24rem;
}
}
.aside__bottom__under-abs-list.active {
display: block;
}
.aside__bottom__abs-list {
display: none;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list {
min-height: 621rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list {
position: absolute;
top: 10rem;
right: 0;
bottom: 0;
left: 0;
}
}
.aside__bottom__abs-list.active {
display: block;
}
.aside__bottom__abs-list__is-otc {
line-height: 1.2;
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__is-otc {
margin-bottom: 11rem;
font-size: 12rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__is-otc {
font-size: 17rem;
}
}
.aside__bottom__abs-list__effect {
font-weight: 700;
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__effect {
margin-bottom: 12rem;
font-size: 16rem;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__effect {
margin-bottom: 14rem;
font-size: 18rem;
line-height: 20rem;
}
}
.aside__bottom__abs-list__circles-container {
margin-bottom: 20rem;
width: 100%;
display: flex;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__circles-container {
margin-right: -20rem;
margin-left: -20rem;
display: block;
margin-bottom: 0;
}
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__calculator-result {
padding-bottom: 30rem;
}
}
.aside__bottom__abs-list__circle-container {
flex-basis: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__circle-container {
flex-direction: row;
justify-content: center;
}
}
.aside__bottom__abs-list__circle {
margin-bottom: 2rem;
border-radius: 9999px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #002A7B;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__circle {
width: 108rem;
height: 108rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__circle {
width: 116rem;
height: 116rem;
}
}
.aside__bottom__abs-list__circle__text {
font-weight: 900;
line-height: 1;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__circle__text {
font-size: 30px;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__circle__text {
font-size: 34rem;
}
}
.aside__bottom__abs-list__lb__circle {
margin-bottom: 10rem;
border-radius: 9999px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #0089BF;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__lb__circle {
width: 108rem;
height: 108rem;
margin-top: 30rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__lb__circle {
width: 126rem;
height: 126rem;
}
}
.aside__bottom__abs-list__lb__circle__text {
font-weight: 900;
line-height: 1;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__lb__circle__text {
font-size: 30px;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__lb__circle__text {
font-size: 34rem;
}
}
.aside__bottom__abs-list__lb__circle__unit {
font-size: 80%;
}
.aside__bottom__abs-list__under-circle-text {
flex-shrink: 0;
font-weight: 700;
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__under-circle-text {
font-size: 16rem;
line-height: 18rem;
margin-top: 25rem;
vertical-align: middle;
margin-left: 20rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__under-circle-text {
font-size: 18rem;
line-height: 20rem;
}
}
.aside__bottom__abs-list__product-title {
text-align: center;
font-weight: 700;
color: #002a7b;
}
@media (max-width: 991.98px) {
.aside__bottom__abs-list__product-title {
font-size: 19rem;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.aside__bottom__abs-list__product-title {
margin-bottom: 15rem;
font-size: 30rem;
line-height: 1.2;
}
}
.aside__input__container {
position: relative;
}
@media (max-width: 991.98px) {
.aside__input__container {
width: 100%;
}
}
@media (min-width: 992px) {
.aside__input__container {
width: 80%;
margin: 0 auto;
}
}
.aside__input__label {
font-weight: 700;
line-height: 1.2;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__input__label {
margin-bottom: 2rem;
font-size: 16rem;
}
}
@media (min-width: 992px) {
.aside__input__label {
font-size: 18rem;
}
}
.aside__input__home_calculator {
width: 100%;
background: #FFF;
border: 0;
border-radius: 9999px;
color: #002A7B;
font-size: 28rem;
font-weight: 700;
padding: 15rem;
text-align: center;
}
.aside__input__home_calculator::placeholder {
font-size: 18rem;
color: #002A7B;
font-weight: 400;
}
.aside__input__tooltip {
display: none;
position: absolute;
border: 1px solid #002A7B;
color: #002A7B;
font-size: 16rem;
padding: 20rem;
border-radius: 999px;
background: #FFF;
width: 80%;
max-width: 450px;
margin-left: 50%;
margin-top: 8rem;
transform: translateX(-50%);
text-align: center;
}
@media (max-width: 991.98px) {
.aside__input__tooltip {
max-width: 100%;
}
}
.aside__input__tooltip:before {
content: "";
position: absolute;
top: -14px;
right: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 14px 12px;
border-color: transparent transparent #002A7B transparent;
transform: translateX(50%);
}
.aside__input__tooltip:after {
content: "";
position: absolute;
top: -12px;
right: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 12px 10px;
border-color: transparent transparent #FFF transparent;
transform: translateX(50%);
}
@media (max-width: 991.98px) {
.aside__custom-select__container {
width: 100%;
}
}
@media (min-width: 992px) {
.aside__custom-select__container {
width: 195rem;
}
}
.aside__custom-select__label {
font-weight: 700;
line-height: 1.2;
text-align: center;
color: #fff;
}
@media (max-width: 991.98px) {
.aside__custom-select__label {
margin-bottom: 2rem;
font-size: 16rem;
}
}
@media (min-width: 992px) {
.aside__custom-select__label {
font-size: 18rem;
}
}
.aside__carousel {
width: 100%;
}
.aside__carousel .slick-list {
margin-bottom: 22rem;
}
.aside__carousel .slick-dots {
display: flex;
justify-content: center;
}
.aside__carousel li {
margin-right: 2.5rem;
margin-left: 2.5rem;
}
.aside__carousel li.slick-active button {
background-color: #002a7b;
}
.aside__carousel button {
position: relative;
border-radius: 5rem;
width: 20rem;
height: 10rem;
font-size: 0;
}
.aside__carousel button::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
border-style: solid;
border-width: 2px;
border-color: #002a7b;
display: block;
}
.aside__carousel__slide {
height: 100%;
}
.products-filter__heading {
margin-bottom: 23rem;
font-weight: 700;
font-size: 30rem;
line-height: 35rem;
color: #002a7b;
}
@media (max-width: 991.98px) {
.products-filter__heading {
display: none;
}
}
@media (max-width: 991.98px) {
.products-filter__ul {
display: flex;
}
}
.products-filter__li {
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.products-filter__li {
flex-direction: column;
flex-basis: 100%;
}
}
@media (min-width: 992px) {
.products-filter__li:not(:last-child) {
margin-bottom: 37rem;
}
}
@media (max-width: 991.98px) {
.products-filter__type {
order: 9999;
}
}
@media (min-width: 992px) {
.products-filter__type {
margin-right: 53rem;
}
}
.products-filter__icon-container {
border-radius: 9999px;
padding: 26rem;
width: 95rem;
height: 95rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #0087BB;
}
@media (max-width: 991.98px) {
.products-filter__icon-container {
display: none;
}
}
@media (min-width: 992px) {
.products-filter__icon-container {
margin-bottom: 3rem;
}
}
.products-filter__icon-container[for] {
cursor: pointer;
}
.products-filter__icon {
height: auto;
filter: brightness(0%) invert(100%);
}
.products-filter__label-container {
width: 95rem;
display: flex;
justify-content: center;
}
.products-filter__label {
text-transform: lowercase;
text-align: center;
font-weight: 700;
line-height: 1;
}
@media (max-width: 991.98px) {
.products-filter__label {
font-size: 16rem;
color: #002a7b;
}
}
@media (min-width: 992px) {
.products-filter__label {
font-size: 20rem;
color: #0087bb;
}
}
.products-filter__label[for] {
cursor: pointer;
}
@media (max-width: 991.98px) {
.product-groups--homepage {  }
.product-groups--homepage .splide__slide .product-groups__group__product__packshot-container {
width: 50%;
}
.product-groups--homepage .splide__slide .product-groups__group__product__text {
opacity: 0;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.product-groups--homepage .is-visible {
opacity: 1;
}
.product-groups--homepage .is-active {
opacity: 1;
}
.product-groups--homepage .is-active .product-groups__group__product__packshot-container {
width: 130%;
}
.product-groups--homepage .is-active .product-groups__group__product__text {
opacity: 1;
pointer-events: all;
}
}
.product-groups--homepage .product-groups__group { width: 348rem;
}
@media (min-width: 992px) {
.product-groups--homepage .product-groups__group.last-from-group {
padding-right: 152rem;
width: 448rem; }
}
@media (max-width: 991.98px) {
.product-groups--homepage .product-groups__group__product, .product-groups--homepage .product-groups__group__product--aside, .product-groups--homepage .product-groups__group__product--aside-dosage, .product-groups--homepage .product-groups__group__product--get-to-know-carousel {
overflow: visible;
border-radius: 0;
}
}
@media (min-width: 992px) {
.product-groups--homepage .product-groups__group__product, .product-groups--homepage .product-groups__group__product--aside, .product-groups--homepage .product-groups__group__product--aside-dosage, .product-groups--homepage .product-groups__group__product--get-to-know-carousel {
width: 296rem;
height: 519rem;
background-color: #f0f8fb; }
}
@media (max-width: 991.98px) {
.product-groups--homepage .product-groups__group__product__packshot-container {
padding-right: 20rem;
padding-left: 20rem;
height: 380rem;
transition-property: width, height;
transition-duration: 0.4s;
transition-timing-function: ease;
}
}
@media (min-width: 992px) {
.product-groups--homepage .product-groups__group__product__packshot-container {
padding-right: 30rem;
padding-left: 30rem;
padding-top: 50rem;
padding-bottom: 50rem;
height: 442rem;
}
}
@media (max-width: 991.98px) {
.product-groups--homepage .product-groups__group__product__text {
opacity: 0;
transition: opacity 0.4s ease;
}
}
@media (max-width: 991.98px) {
.product-groups--homepage .product-groups__group__product__text__name {
order: 9999;
white-space: nowrap;
font-size: 17rem;
line-height: 20rem;
}
.product-groups--homepage .product-groups__group__product__text__name br {
display: block;
}
}
@media (max-width: 991.98px) {
.product-groups--homepage .product-groups__group__product__text__is-otc {
margin-bottom: 10rem;
font-size: 12rem;
line-height: 1.2;
}
}
.product-groups--products-page .product-groups__group__top {
display: flex;
}
@media (min-width: 768px) {
.product-groups--products-page .product-groups__group__products {
margin-right: -20rem;
margin-left: -20rem;
display: flex;
flex-wrap: wrap;
}
}
.product-groups--products-page .product-groups__group__product, .product-groups--products-page .product-groups__group__product--aside, .product-groups--products-page .product-groups__group__product--aside-dosage, .product-groups--products-page .product-groups__group__product--get-to-know-carousel {
margin-bottom: 15rem;
box-shadow: 0 0 33rem rgba(0, 135, 187, 0.13);
}
@media (min-width: 768px) {
.product-groups--products-page .product-groups__group__product, .product-groups--products-page .product-groups__group__product--aside, .product-groups--products-page .product-groups__group__product--aside-dosage, .product-groups--products-page .product-groups__group__product--get-to-know-carousel {
margin-right: 20rem;
margin-left: 20rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.product-groups--products-page .product-groups__group__product, .product-groups--products-page .product-groups__group__product--aside, .product-groups--products-page .product-groups__group__product--aside-dosage, .product-groups--products-page .product-groups__group__product--get-to-know-carousel {
flex-basis: calc(50% - 40rem);
}
}
@media (max-width: 991.98px) {
.product-groups--products-page .product-groups__group__product, .product-groups--products-page .product-groups__group__product--aside, .product-groups--products-page .product-groups__group__product--aside-dosage, .product-groups--products-page .product-groups__group__product--get-to-know-carousel {
padding-bottom: 16rem;
}
}
@media (min-width: 992px) {
.product-groups--products-page .product-groups__group__product, .product-groups--products-page .product-groups__group__product--aside, .product-groups--products-page .product-groups__group__product--aside-dosage, .product-groups--products-page .product-groups__group__product--get-to-know-carousel {
width: 404rem;
height: 519rem;
}
}
@media (max-width: 991.98px) {
.product-groups--products-page .product-groups__group__product__packshot-container {
padding: 36rem;
height: 306rem;
}
}
@media (min-width: 992px) {
.product-groups--products-page .product-groups__group__product__packshot-container {
padding-top: 36rem;
padding-right: 36rem;
padding: 36rem;
padding-left: 36rem;
height: 427rem;
}
}
.product-groups--products-page .product-groups__group__product__flavor, .product-groups--products-page .product-groups__group__product__flavor--strawberry, .product-groups--products-page .product-groups__group__product__flavor--raspberry {
top: 351rem;
left: 303rem;
}
.product-groups--products-page .product-groups__group__product__check-dosage {
top: 35rem;
right: 36rem;
}
.product-groups__group.inactive {
display: none !important;
}
.product-groups__group__top {
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #0087BB;
height: 95rem;
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.product-groups__group__top {
margin-bottom: 24rem;
display: none;
}
}
@media (min-width: 992px) {
.product-groups__group__top {
margin-bottom: 48rem;
}
}
.product-groups__group__top__icon-container {
padding-top: 20rem;
padding-right: 10rem;
padding-bottom: 20rem;
width: 54rem;
height: 100%;
max-height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-groups__group__top__icon-container img {
max-width: 100%;
max-height: 100%;
}
.product-groups__group__top__text {
font-weight: 700;
font-size: 20rem;
line-height: 1.2;
color: #0087bb;
}
.product-groups__group__product, .product-groups__group__product--aside, .product-groups__group__product--aside-dosage, .product-groups__group__product--get-to-know-carousel {
overflow: hidden;
position: relative;
border-top-left-radius: 30rem;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
}
@media (max-width: 991.98px) {
.product-groups__group__product--get-to-know-carousel {
overflow: visible;
border-radius: 0;
}
}
@media (min-width: 992px) {
.product-groups__group__product--get-to-know-carousel {
margin-right: 10rem;
margin-left: 10rem;
height: 443rem;
background-color: #f0f8fb;
}
}
@media (max-width: 991.98px) {
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__packshot-container {
height: 369rem;
transition-property: width, height;
transition-duration: 0.4s;
transition-timing-function: ease;
}
}
@media (min-width: 992px) {
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__packshot-container {
padding-top: 36rem;
padding-right: 36rem;
padding: 36rem;
padding-left: 36rem;
height: 365rem;
}
}
@media (max-width: 991.98px) {
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__text {
opacity: 0;
transition: opacity 0.4s ease;
}
}
@media (max-width: 991.98px) {
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__text__name {
order: 9999;
white-space: nowrap;
font-size: 17rem;
line-height: 20rem;
}
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__text__name br {
display: block;
}
}
@media (max-width: 991.98px) {
.product-groups__group__product--get-to-know-carousel .product-groups__group__product__text__is-otc {
margin-bottom: 10rem;
font-size: 12rem;
line-height: 1.2;
}
}
.product-groups__group__product--aside, .product-groups__group__product--aside-dosage {
box-shadow: none;
}
.product-groups__group__product--aside .product-groups__group__product__packshot-container, .product-groups__group__product--aside-dosage .product-groups__group__product__packshot-container {
padding: 36rem;
height: 318rem;
}
.product-groups__group__product--aside .product-groups__group__product__text, .product-groups__group__product--aside-dosage .product-groups__group__product__text {
font-size: 18rem;
line-height: 20rem;
}
.product-groups__group__product--aside-dosage {
display: none;
}
@media (max-width: 991.98px) {
.product-groups__group__product--aside-dosage {
padding-top: 24rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.product-groups__group__product--aside-dosage {
padding-top: 48rem;
padding-right: 86rem;
padding-left: 86rem;
}
}
.product-groups__group__product--aside-dosage.active {
display: flex;
}
.product-groups__group__product--aside-dosage .product-groups__group__product__packshot-container {
padding: 0;
}
@media (max-width: 991.98px) {
.product-groups__group__product--aside-dosage .product-groups__group__product__packshot-container {
height: 282rem;
}
}
@media (min-width: 992px) {
.product-groups__group__product--aside-dosage .product-groups__group__product__packshot-container {
height: 140rem;
}
}
.product-groups__group__product__packshot-container {
display: flex;
justify-content: center;
align-items: center;
}
.product-groups__group__product__packshot-link {
max-width: 100%;
max-height: 100%;
display: flex;
}
@media (max-width: 991.98px) {
.product-groups__group__product__packshot-link {
width: 100%;
}
}
.product-groups__group__product__packshot {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@media (max-width: 991.98px) {
.product-groups__group__product__packshot {
width: 100%;
}
}
.product-groups__group__product__check-dosage {
position: absolute;
top: 11rem;
right: 9rem;
border-radius: 9999px;
width: 83rem;
height: 83rem;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
background-color: #0087BB;
}
@media (max-width: 991.98px) {
.product-groups__group__product__check-dosage {
display: none;
}
}
@media (min-width: 992px) {
.product-groups__group__product__check-dosage {
display: flex;
}
}
.product-groups__group__product__check-dosage__text {
margin-bottom: 4rem;
text-decoration: none;
font-weight: 900;
font-size: 12rem;
line-height: 14rem;
text-align: center;
color: #fff;
}
.product-groups__group__product__check-dosage__arrow {
width: 29.9rem;
height: auto;
}
.product-groups__group__product__text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
text-decoration: none;
font-size: 17rem;
line-height: 20rem;
color: #002a7b;
}
.product-groups__group__product__text__name {
font-weight: 700;
}
.product-groups__group__product__flavor, .product-groups__group__product__flavor--strawberry, .product-groups__group__product__flavor--raspberry {
position: absolute;
top: 364rem;
left: 220rem;
height: auto;
}
@media (max-width: 991.98px) {
.product-groups__group__product__flavor, .product-groups__group__product__flavor--strawberry, .product-groups__group__product__flavor--raspberry {
display: none !important;
}
}
.product-groups__group__product__flavor--raspberry {
width: 48.5rem;
}
.product-groups__group__product__flavor--strawberry {
width: 43.7rem;
}
.material, .material--featured, .material--blog-featured {
display: flex;
flex-direction: column;
height: 100%;
}
@media (max-width: 991.98px) {
.material, .material--featured, .material--blog-featured {
padding-bottom: 30rem;
}
}
.material--featured .material__hr, .material--blog-featured .material__hr {
margin-bottom: 0;
}
@media (min-width: 992px) {
.material--featured, .material--blog-featured {
flex-direction: row;
}
.material--featured .material__cover, .material--blog-featured .material__cover {
margin-bottom: 0;
margin-right: 147rem;
border-top-right-radius: 80rem;
border-bottom-left-radius: 80rem;
width: 848rem;
height: 656rem;
display: block;
flex-shrink: 0;
}
.material--featured .material__text-container, .material--blog-featured .material__text-container {
padding-top: 56rem;
flex-grow: 0;
flex-shrink: 1;
}
.material--featured .material__top, .material--blog-featured .material__top {
margin-bottom: 14rem;
}
.material--featured .material__top--separator, .material--blog-featured .material__top--separator {
font-weight: 700;
}
.material--featured .material__top--category, .material--blog-featured .material__top--category {
text-transform: none;
color: #0086be;
}
.material--featured .material__title, .material--featured .video__title, .material--blog-featured .material__title, .material--blog-featured .video__title {
margin-bottom: 31rem;
font-size: 57rem;
line-height: 60rem;
}
.material--featured .material__hr-container, .material--blog-featured .material__hr-container {
margin-bottom: 18rem;
}
.material--featured .material__hr, .material--blog-featured .material__hr {
margin-left: -147rem;
width: calc(100% + 147rem);
}
.material--featured .material__author, .material--blog-featured .material__author {
margin-bottom: 32rem;
font-size: 18rem;
}
.material--featured .material__excerpt-body, .material--blog-featured .material__excerpt-body {
margin-bottom: 32rem;
font-size: 20rem !important;
line-height: 28rem !important;
}
.material--featured .material__excerpt-body *, .material--blog-featured .material__excerpt-body * {
font-size: 20rem !important;
line-height: 28rem !important;
}
.material--featured .material__excerpt-body > *:not(:last-child), .material--blog-featured .material__excerpt-body > *:not(:last-child) {
margin-bottom: 28rem;
}
.material--featured .material__excerpt-body br, .material--blog-featured .material__excerpt-body br {
display: block;
}
}
.material--blog-featured .material__hr {
margin-bottom: 0;
}
@media (min-width: 992px) {
.material--blog-featured .material__text-container {
padding-top: 0;
}
.material--blog-featured .material__top {
margin-bottom: 30rem;
}
.material--blog-featured .material__title, .material--blog-featured .video__title {
margin-bottom: 35rem;
}
.material--blog-featured .material__hr-container {
margin-bottom: 16rem;
}
.material--blog-featured .material__author {
margin-bottom: 36rem;
}
.material--blog-featured .material__btn {
margin-top: 0;
}
}
.material__cover {
border-top-left-radius: 30rem;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.material__cover {
margin-bottom: 26rem;
height: 220rem;
}
}
@media (min-width: 992px) {
.material__cover {
margin-bottom: 21rem;
height: 400rem;
}
}
.material__text-container {
flex-grow: 1;
flex-shrink: 0;
display: flex;
flex-direction: column;
}
@media (max-width: 991.98px) {
.material__text-container {
align-items: center;
}
}
@media (min-width: 992px) {
.material__text-container {
align-items: flex-start;
}
}
.material__top {
margin-bottom: 19rem;
}
@media (max-width: 991.98px) {
.material__top {
display: none;
}
}
.material__top--type, .material__top--separator {
text-transform: uppercase;
font-size: 18rem;
line-height: 1.2;
color: #0086be;
}
.material__top--type {
font-weight: 700;
}
.material__top--category {
text-transform: uppercase;
font-size: 16rem;
line-height: 1.2;
color: #8f387c;
}
.material__title, .video__title {
text-decoration: none;
font-weight: 700;
}
@media (max-width: 991.98px) {
.material__title, .video__title {
margin-bottom: 10rem;
text-transform: uppercase;
font-size: 16rem;
line-height: 18rem;
text-align: center;
color: #0087bb;
}
}
@media (min-width: 991.98px) {
.material__title, .video__title {
margin-bottom: 8rem;
font-size: 34rem;
line-height: 40rem;
color: #002a7b;
}
}
.material__hr-container {
position: relative;
margin-bottom: 14rem;
width: 100%;
}
.material__hr-container__circle {
position: absolute;
top: 50%;
left: -183rem;
border-radius: 9999px;
width: 108rem;
height: 108rem;
justify-content: center;
align-items: center;
background-color: #002A7B;
transform: translateY(-50%);
}
@media (max-width: 991.98px) {
.material__hr-container__circle {
display: none;
}
}
@media (min-width: 992px) {
.material__hr-container__circle {
display: flex;
}
}
.material__hr-container__icon {
width: 47.3rem;
height: auto;
}
.material__hr {
margin-bottom: 14rem;
}
@media (max-width: 991.98px) {
.material__hr {
display: none;
}
}
.material__author {
font-size: 16rem;
line-height: 1.2;
}
@media (max-width: 991.98px) {
.material__author {
margin-bottom: 11rem;
color: #0087bb;
}
}
@media (min-width: 992px) {
.material__author {
margin-bottom: 35rem;
text-transform: uppercase;
font-weight: 700;
color: #002a7b;
}
}
.material__excerpt-body {
margin-bottom: 25rem;
text-decoration: none;
}
@media (max-width: 991.98px) {
.material__excerpt-body {
text-align: center;
font-size: 14rem !important;
line-height: 22rem !important;
color: #002a7b;
}
.material__excerpt-body * {
font-size: 14rem !important;
line-height: 22rem !important;
}
}
@media (min-width: 992px) {
.material__excerpt-body {
font-size: 18rem !important;
line-height: 25rem !important;
color: #8f387c;
}
.material__excerpt-body * {
font-size: 18rem !important;
line-height: 25rem !important;
}
}
.material__excerpt-body > *::before {
content: " ";
}
@media (min-width: 992px) {
.material__excerpt-body > *:not(:last-child) {
margin-bottom: 25rem;
}
}
.material__excerpt-body > *:last-child::after {
content: "...";
}
.material__excerpt-body br:not(.keep) {
display: none;
}
.material__btn {
margin-top: auto;
}
.scroll-down, .scroll-down--blue, .scroll-down--hero {
display: flex;
align-items: center;
}
.scroll-down--blue .scroll-down__text {
color: #002A7B;
}
.scroll-down__text {
text-transform: uppercase;
font-weight: 700;
font-size: 12rem;
line-height: 15rem;
color: #8f387c;
}
.scroll-down__icon {
margin-left: 19rem;
width: 30.2rem;
height: auto;
}
.heading, .post-type-archive-product .products__heading, .home .products__heading, .dosage__heading, .usage__heading, .get-to-know__heading, .blog__heading, .blog__heading--under-featured, .blog__heading--top, .materials__heading, .why-ibufen__heading {
position: relative;
}
@media (max-width: 991.98px) {
.heading, .post-type-archive-product .products__heading, .home .products__heading, .dosage__heading, .usage__heading, .get-to-know__heading, .blog__heading, .blog__heading--under-featured, .blog__heading--top, .materials__heading, .why-ibufen__heading {
display: flex;
justify-content: center;
}
.heading span, .post-type-archive-product .products__heading span, .home .products__heading span, .dosage__heading span, .usage__heading span, .get-to-know__heading span, .blog__heading span, .blog__heading--under-featured span, .blog__heading--top span, .materials__heading span, .why-ibufen__heading span {
position: relative;
}
.heading span::before, .post-type-archive-product .products__heading span::before, .home .products__heading span::before, .dosage__heading span::before, .usage__heading span::before, .get-to-know__heading span::before, .blog__heading span::before, .blog__heading--under-featured span::before, .blog__heading--top span::before, .materials__heading span::before, .why-ibufen__heading span::before {
content: "";
position: absolute;
top: 14rem;
right: calc(100% + 18rem);
height: 1px;
width: 9999px;
display: block;
background-color: #002A7B;
}
.heading span::after, .post-type-archive-product .products__heading span::after, .home .products__heading span::after, .dosage__heading span::after, .usage__heading span::after, .get-to-know__heading span::after, .blog__heading span::after, .blog__heading--under-featured span::after, .blog__heading--top span::after, .materials__heading span::after, .why-ibufen__heading span::after {
content: "";
position: absolute;
top: 14rem;
left: calc(100% + 18rem);
width: 9999px;
height: 1px;
display: block;
background-color: #002A7B;
}
}
.section--homepage-hero {
overflow: hidden;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.section--homepage-hero {
padding-right: 20rem;
padding-left: 20rem;
min-height: 441rem;
}
}
@media (min-width: 992px) {
.section--homepage-hero {
background-image: none !important;
}
}
@media (min-width: 992px) {
.homepage-hero__row {
display: flex;
}
}
.homepage-hero__col, .homepage-hero__col--right, .homepage-hero__col--left {
position: relative;
}
@media (max-width: 991.98px) {
.homepage-hero__col--left {
padding-top: 74rem;
}
}
@media (min-width: 992px) {
.homepage-hero__col--left {
z-index: 1;
padding-top: 253rem;
padding-left: 92rem;
width: 520rem;
max-width: 100%;
}
}
@media (max-width: 991.98px) {
.homepage-hero__col--right {
display: none;
}
}
@media (min-width: 992px) {
.homepage-hero__col--right {
overflow: hidden;
border-top-left-radius: 300rem;
}
}
.homepage-hero__content {
position: relative;
}
.homepage-hero__heading {
font-weight: 900;
color: #002a7b;
}
@media (max-width: 991.98px) {
.homepage-hero__heading {
margin-bottom: 20rem;
font-size: 32rem;
line-height: 1;
}
}
@media (min-width: 992px) {
.homepage-hero__heading {
margin-right: -60rem;
margin-bottom: 34rem;
font-size: 80rem;
line-height: 75rem;
}
}
.homepage-hero__lead {
font-size: 20rem;
line-height: 28rem;
color: #002a7b;
}
@media (max-width: 991.98px) {
.homepage-hero__lead {
display: none;
}
}
.homepage-hero__featured-img {
width: 1400rem;
height: 969rem;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.homepage-hero__kid-wrapper {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media (max-width: 991.98px) {
.homepage-hero__kid-wrapper {
display: none;
}
}
.homepage-hero__kid {
position: absolute;
top: 653rem;
right: -54rem;
width: 167.7rem;
height: auto;
}
.homepage-hero__backdrop {
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-top-left-radius: 88rem;
height: 178rem;
background-color: #F9F2F5;
}
@media (max-width: 991.98px) {
.homepage-hero__backdrop {
display: none;
}
}
.homepage-hero__scroll-down {
position: absolute;
bottom: 51rem;
left: 92rem;
}
@media (max-width: 991.98px) {
.homepage-hero__scroll-down {
display: none;
}
}
@media (max-width: 991.98px) {
.section--why-ibufen {
z-index: 1;
}
}
@media (min-width: 992px) {
.section--why-ibufen {
padding-top: 47rem;
padding-right: 92rem;
padding-left: 92rem;
min-height: 971rem;
background-color: #F9F2F5;
}
}
.why-ibufen__featured-image--mobile, .usage__featured-image--mobile {
margin-left: 20rem;
border-top-left-radius: 60rem;
height: 206rem;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.why-ibufen__featured-image--mobile, .usage__featured-image--mobile {
display: none;
}
}
@media (max-width: 991.98px) {
.why-ibufen__container {
border-bottom-right-radius: 60rem;
padding-top: 28rem;
padding-right: 20rem;
padding-bottom: 64rem;
padding-left: 20rem;
background-color: #F9F2F5;
}
}
.why-ibufen__overflow {
position: absolute;
z-index: 1;
top: 100%;
right: 0;
border-bottom-left-radius: 88rem;
width: 636rem;
height: 50rem;
background-color: #F9F2F5;
}
@media (max-width: 991.98px) {
.why-ibufen__overflow {
display: none;
}
}
.why-ibufen__heading {
text-align: center;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.why-ibufen__heading {
margin-bottom: 16rem;
font-size: 24rem;
font-weight: 700;
}
}
@media (min-width: 992px) {
.why-ibufen__heading {
margin-bottom: 118rem;
font-size: 70rem;
font-weight: 900;
}
}
.why-ibufen__points-container {
position: relative;
}
.why-ibufen__points {
position: relative;
}
@media (max-width: 991.98px) {
.why-ibufen__points {
margin-right: -20rem;
margin-left: -20rem;
}
}
.why-ibufen__circle {
position: relative;
margin-right: auto;
margin-left: auto;
border-radius: 9999px;
width: 552rem;
height: 552rem;
justify-content: center;
align-items: center;
}
@media (max-width: 991.98px) {
.why-ibufen__circle {
display: none;
}
}
@media (min-width: 992px) {
.why-ibufen__circle {
display: flex;
}
}
.why-ibufen__circle__img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
.why-ibufen__circle__inner {
overflow: hidden;
border-radius: 9999px;
width: 516rem;
height: 516rem;
}
.why-ibufen__circle__inner__img {
width: 100%;
height: 100%;
}
.why-ibufen__circle__abs, .why-ibufen__circle__abs--2, .why-ibufen__circle__abs--1 {
position: absolute;
height: auto;
}
.why-ibufen__circle__abs--1 {
top: 41rem;
left: 387rem;
width: 48.9rem;
}
.why-ibufen__circle__abs--2 {
top: 402rem;
left: 9rem;
width: 119.3rem;
}
@media (max-width: 991.98px) {
.why-ibufen__point, .why-ibufen__point--bottom-right, .why-ibufen__point--bottom-left, .why-ibufen__point--top-right, .why-ibufen__point--top-left {
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.why-ibufen__point, .why-ibufen__point--bottom-right, .why-ibufen__point--bottom-left, .why-ibufen__point--top-right, .why-ibufen__point--top-left {
position: absolute;
max-width: 570rem;
}
}
.why-ibufen__point--top-left {
top: 12rem;
left: 0;
}
.why-ibufen__point--top-right {
top: 12rem;
left: 1184rem;
}
.why-ibufen__point--bottom-left {
top: 405rem;
left: 0;
}
.why-ibufen__point--bottom-right {
top: 405rem;
left: 1184rem;
}
@media (min-width: 992px) {
.why-ibufen__point, .why-ibufen__point--bottom-right, .why-ibufen__point--bottom-left, .why-ibufen__point--top-right, .why-ibufen__point--top-left {
min-height: 342rem;
display: flex;
}
}
.why-ibufen__point__icon-container {
position: relative;
margin-right: 40rem;
border-radius: 9999px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #C7046D;
}
@media (max-width: 991.98px) {
.why-ibufen__point__icon-container {
margin-right: auto;
margin-bottom: 16rem;
margin-left: auto;
padding: 16rem;
width: 82rem;
height: 82rem;
}
}
@media (min-width: 992px) {
.why-ibufen__point__icon-container {
width: 108rem;
height: 108rem;
}
}
.why-ibufen__point__icon, .why-ibufen__point__icon--4, .why-ibufen__point__icon--3, .why-ibufen__point__icon--2, .why-ibufen__point__icon--1 {
max-width: 100%;
height: auto;
max-height: 100%;
}
.why-ibufen__point__icon--1 {
width: 64.5rem;
}
.why-ibufen__point__icon--2 {
width: 42.5rem;
}
.why-ibufen__point__icon--3 {
width: 62.8rem;
}
.why-ibufen__point__icon--4 {
width: 71.9rem;
}
.why-ibufen__point__heading {
font-weight: 700;
color: #c7046d;
}
@media (max-width: 991.98px) {
.why-ibufen__point__heading {
margin-bottom: 20rem;
text-align: center;
font-size: 16rem;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.why-ibufen__point__heading {
margin-bottom: 21rem;
font-size: 30rem;
line-height: 35rem;
}
}
.why-ibufen__point__text {
color: #8F387C;
}
@media (max-width: 991.98px) {
.why-ibufen__point__text {
text-align: center;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.why-ibufen__point__text {
font-size: 20rem;
line-height: 28rem;
}
}
.why-ibufen__btn--prev-slide, .why-ibufen__btn--next-slide {
position: absolute;
top: 20rem;
}
@media (min-width: 992px) {
.why-ibufen__btn--prev-slide, .why-ibufen__btn--next-slide {
display: none;
}
}
.why-ibufen__btn--prev-slide {
left: 0;
}
.why-ibufen__btn--next-slide {
right: 0;
}
.why-ibufen__abs {
position: absolute;
top: 758rem;
left: 1604rem;
width: 180.2rem;
height: auto;
}
@media (max-width: 991.98px) {
.why-ibufen__abs {
display: none;
}
}
.section--materials {
background-color: #EAF5FA;
}
@media (max-width: 991.98px) {
.section--materials {
padding-top: 29rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--materials {
border-top-right-radius: 88rem;
padding-top: 36rem;
padding-right: 92rem;
padding-bottom: 45rem;
padding-left: 92rem;
}
}
.materials__heading {
margin-bottom: 35rem;
text-align: center;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.materials__heading {
font-weight: 700;
font-size: 24rem;
}
}
@media (min-width: 992px) {
.materials__heading {
font-weight: 900;
font-size: 70rem;
}
}
.materials__under-heading {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991.98px) {
.materials__under-heading {
margin-bottom: 42rem;
}
}
@media (min-width: 992px) {
.materials__under-heading {
margin-bottom: 54rem;
}
}
.materials__fake-search-btn {
visibility: hidden;
}
@media (max-width: 991.98px) {
.materials__fake-search-btn {
display: none;
}
}
@media (max-width: 991.98px) {
.materials__btn--search {
display: none;
}
}
.materials__tags__row {
justify-content: center;
}
@media (max-width: 991.98px) {
.materials__tags__col {
margin-bottom: 17rem;
}
}
.materials__container {
position: relative;
}
@media (max-width: 991.98px) {
.materials__row {
margin-top: -17rem;
}
}
@media (min-width: 992px) {
.materials__row {
margin-bottom: 85rem;
}
}
@media (max-width: 991.98px) {
.materials__col, .materials__col--featured {
padding-right: 20rem;
padding-left: 20rem;
}
}
.materials__col--featured {
margin-bottom: 60rem;
}
.materials__btn-wrapper {
display: flex;
justify-content: center;
}
@media (max-width: 991.98px) {
.materials__btn-wrapper {
display: none;
}
}
.materials__btn--prev-slide, .materials__btn--next-slide {
position: absolute;
top: 87rem;
}
@media (min-width: 992px) {
.materials__btn--prev-slide, .materials__btn--next-slide {
display: none;
}
}
.materials__btn--prev-slide {
left: 0;
}
.materials__btn--next-slide {
right: 0;
}
@media (max-width: 991.98px) {
.section--blog {
margin-bottom: 64rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--blog {
margin-bottom: 130rem;
padding-top: 163rem;
padding-right: 92rem;
padding-left: 92rem;
}
}
.blog__top {
position: relative;
}
@media (min-width: 992px) {
.blog__top {
margin-bottom: 34rem;
}
.blog__top::before {
content: "";
position: absolute;
top: -163rem;
right: -92rem;
bottom: 0;
left: 296rem;
border-top-left-radius: 300rem;
display: block;
background-color: #EAF5FA;
}
.blog__top > * {
position: relative;
}
}
.blog__heading, .blog__heading--under-featured, .blog__heading--top {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.blog__heading, .blog__heading--under-featured, .blog__heading--top {
font-weight: 700;
font-size: 24rem;
}
}
@media (min-width: 992px) {
.blog__heading, .blog__heading--under-featured, .blog__heading--top {
font-weight: 900;
font-size: 70rem;
}
}
.blog__heading--top {
text-align: center;
}
@media (max-width: 991.98px) {
.blog__heading--top {
margin-bottom: 16rem;
}
}
@media (min-width: 992px) {
.blog__heading--top {
margin-bottom: 68rem;
}
}
@media (max-width: 991.98px) {
.blog__heading--under-featured {
margin-bottom: 16rem;
text-align: center;
}
}
@media (min-width: 992px) {
.blog__under-featured {
margin-bottom: 52rem;
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 991.98px) {
.blog__tags {
display: none;
}
}
.blog__tags__row {
justify-content: center;
}
.blog__row-wrapper {
margin-bottom: 44rem;
}
.blog__row {
margin-bottom: -64rem;
}
.blog__col {
margin-bottom: 64rem;
}
.blog__btn-wrapper {
display: flex;
justify-content: center;
}
@media (max-width: 991.98px) {
.blog__btn--search {
display: none;
}
}
@media (max-width: 991.98px) {
.section--get-to-know {
margin-bottom: 40rem;
}
}
@media (min-width: 992px) {
.section--get-to-know {
margin-bottom: 82rem;
}
}
.get-to-know__heading {
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.get-to-know__heading {
font-weight: 700;
font-size: 24rem;
line-height: 29rem;
}
}
@media (min-width: 992px) {
.get-to-know__heading {
margin-bottom: 34rem;
font-weight: 900;
font-size: 70rem;
line-height: 1.2;
}
}
@media (max-width: 991.98px) {
.get-to-know__carousel {
margin-bottom: 45rem; }
.get-to-know__carousel .splide__slide .product-groups__group__product__packshot-container {
width: 50%;
}
.get-to-know__carousel .splide__slide .product-groups__group__product__text {
opacity: 0;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.get-to-know__carousel .is-visible {
opacity: 1;
}
.get-to-know__carousel .is-active {
opacity: 1;
}
.get-to-know__carousel .is-active .product-groups__group__product__packshot-container {
width: 130%;
}
.get-to-know__carousel .is-active .product-groups__group__product__text {
opacity: 1;
pointer-events: all;
}
}
@media (min-width: 992px) {
.get-to-know__carousel {
margin-bottom: 92rem;
padding-right: 167rem;
padding-left: 167rem;
}
}
.get-to-know__carousel__btn--prev-slide-mobile {
position: absolute;
bottom: 71rem;
left: 20rem;
}
@media (min-width: 992px) {
.get-to-know__carousel__btn--prev-slide-mobile {
display: none;
}
}
.get-to-know__carousel__btn--next-slide-mobile {
position: absolute;
bottom: 71rem;
right: 20rem;
}
@media (min-width: 992px) {
.get-to-know__carousel__btn--next-slide-mobile {
display: none;
}
}
@media (max-width: 991.98px) {
.get-to-know__under-carousel {
display: none;
}
}
.get-to-know__under-carousel__row {
justify-content: center;
}
.get-to-know__btn-wrapper--mobile {
justify-content: center;
}
@media (max-width: 991.98px) {
.get-to-know__btn-wrapper--mobile {
display: flex;
}
}
@media (min-width: 992px) {
.get-to-know__btn-wrapper--mobile {
display: none;
}
}
@media (max-width: 991.98px) {
.section--product-intro {
padding-right: 20rem;
padding-bottom: 33rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--product-intro {
height: 967rem;
background-color: transparent !important;
}
}
.product-intro__abs, .product-intro__abs--next-section-fragment {
position: absolute;
}
.product-intro__abs--next-section-fragment {
bottom: 0;
right: 0;
left: 0;
border-top-left-radius: 88rem;
height: 175rem;
}
@media (max-width: 991.98px) {
.product-intro__abs--next-section-fragment {
display: none;
}
}
@media (max-width: 991.98px) {
.product-intro__row {
margin-bottom: 43rem;
}
}
@media (min-width: 992px) {
.product-intro__row {
height: 100%;
display: flex;
}
}
.product-intro__col, .product-intro__col--right, .product-intro__col--left {
position: relative;
}
@media (min-width: 992px) {
.product-intro__col--left {
z-index: 1;
padding-top: 258rem;
padding-left: 92rem;
width: 536rem;
height: 100%;
}
}
@media (max-width: 991.98px) {
.product-intro__col--right {
background-color: transparent !important;
}
}
@media (min-width: 992px) {
.product-intro__col--right {
border-top-left-radius: 300rem;
flex-grow: 1;
height: 100%;
}
}
@media (min-width: 992px) {
.product-intro__inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-right: 550rem;
padding-left: 200rem;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
}
.product-intro__bitter-free {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 991.98px) {
.product-intro__bitter-free {
margin-top: 26rem;
margin-right: auto;
margin-bottom: 22rem;
margin-left: auto;
max-width: 154rem;
}
}
@media (min-width: 992px) {
.product-intro__bitter-free {
position: absolute;
top: 103rem;
left: 171rem;
max-width: 235rem;
}
}
.product-intro__name {
font-weight: 900;
color: #002a7b;
}
@media (max-width: 991.98px) {
.product-intro__name {
position: relative;
z-index: 1;
margin-bottom: 6rem;
font-size: 40rem;
line-height: 37rem;
}
}
@media (min-width: 992px) {
.product-intro__name {
margin-right: -240rem;
margin-bottom: 35rem;
font-size: 80rem;
line-height: 75rem;
}
}
.product-intro__is-otc {
text-transform: uppercase;
line-height: 1.2;
color: #002A7B;
}
@media (max-width: 991.98px) {
.product-intro__is-otc {
position: relative;
z-index: 1;
margin-bottom: 12rem;
font-size: 12rem;
}
}
@media (min-width: 992px) {
.product-intro__is-otc {
margin-bottom: 17rem;
font-size: 17rem;
}
}
.product-intro__lead-body {
color: #002A7B;
}
@media (max-width: 991.98px) {
.product-intro__lead-body {
position: relative;
padding-bottom: 12rem;
font-size: 14rem;
line-height: 22rem;
}
.product-intro__lead-body::before {
content: "";
position: absolute;
top: -200rem;
right: -20rem;
bottom: 0;
left: -20rem;
border-bottom-right-radius: 60rem;
display: block;
background-color: #fff;
}
.product-intro__lead-body > * {
position: relative;
}
}
@media (min-width: 992px) {
.product-intro__lead-body {
margin-right: -100rem;
font-size: 20rem;
line-height: 28rem;
}
}
@media (max-width: 991.98px) {
.product-intro__packshot-container {
height: 298rem;
}
}
.product-intro__packshot {
position: relative;
width: auto !important;
max-width: 100%;
height: auto !important;
max-height: 100%;
}
@media (max-width: 991.98px) {
.product-intro__packshot {
margin-right: auto;
margin-left: auto;
}
}
.product-intro__packshot--shadow {
opacity: 0.65;
position: absolute;
top: -16rem;
left: 14rem;
filter: blur(30rem);
}
@media (max-width: 991.98px) {
.product-intro__packshot--shadow {
display: none;
}
}
.product-intro__bullet-points {
display: flex;
}
@media (max-width: 991.98px) {
.product-intro__bullet-points {
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.product-intro__bullet-points {
margin-left: 925rem;
padding-top: 85rem;
height: 100%;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 991.98px) {
.product-intro__bullet-point {
flex-basis: 50%;
}
}
@media (min-width: 992px) {
.product-intro__bullet-point {
display: flex;
align-items: center;
}
}
@media (max-width: 991.98px) {
.product-intro__bullet-point:not(:last-child) {
margin-bottom: 16rem;
}
}
@media (min-width: 992px) {
.product-intro__bullet-point:not(:last-child) {
margin-bottom: 23rem;
}
}
.product-intro__bullet-point__icon-container {
position: relative;
border-radius: 9999px;
width: 108rem;
height: 108rem;
}
@media (max-width: 991.98px) {
.product-intro__bullet-point__icon-container {
margin-right: auto;
margin-bottom: 4rem;
margin-left: auto;
}
}
@media (min-width: 992px) {
.product-intro__bullet-point__icon-container {
margin-right: 34rem;
}
.product-intro__bullet-point__icon-container::before {
content: "";
position: absolute;
top: 50%;
right: 100%;
display: block;
width: 88rem;
height: 2px;
background-image: linear-gradient(-90deg, #C40F2A 0, #C40F2A 6rem, transparent 6rem, transparent 18rem);
background-position: center right;
background-size: 18rem 2px;
background-repeat: repeat-x;
transform: translateY(-50%);
}
.product-intro__bullet-point__icon-container::after {
content: "";
position: absolute;
top: 50%;
right: calc(100% + 83rem);
border-radius: 9999px;
width: 10rem;
height: 10rem;
display: block;
background-color: inherit;
transform: translateY(-50%);
}
}
.product-intro__bullet-point__icon-container--inner {
position: relative;
border-radius: 9999px;
width: 108rem;
height: 108rem;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991.98px) {
.product-intro__bullet-point__text {
text-align: center;
font-weight: 700;
font-size: 16rem;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.product-intro__bullet-point__text {
font-size: 20rem;
line-height: 28rem;
}
}
.product-intro__under-packshot-text-container {
text-align: center;
font-size: 14rem;
color: #002a7b;
}
@media (max-width: 991.98px) {
.product-intro__under-packshot-text-container {
margin-bottom: 18rem;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.product-intro__under-packshot-text-container {
position: absolute;
bottom: 7rem;
left: 50%;
line-height: 1.2;
transform: translateX(-50%);
}
}
.product-intro__scroll-down {
position: absolute;
bottom: 51rem;
left: 92rem;
}
@media (max-width: 991.98px) {
.product-intro__scroll-down {
display: none;
}
}
.product-intro__links {
display: flex;
justify-content: center;
}
@media (max-width: 991.98px) {
.product-intro__links {
padding-bottom: 16rem;
}
}
@media (min-width: 992px) {
.product-intro__links {
position: absolute;
z-index: 1;
right: 0;
bottom: 120rem;
left: 92rem;
border-top-right-radius: 30rem;
border-top-left-radius: 30rem;
padding-top: 13rem;
padding-bottom: 13rem;
width: 444rem;
background-color: #fff;
box-shadow: 0 0 33rem rgba(0, 135, 187, 0.13);
}
}
.product-intro__links__separator {
width: 2px;
background-image: linear-gradient(180deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 15rem);
background-size: 2px 15rem;
background-position: top center;
background-repeat: repeat-y;
}
.product-intro__link {
width: 33.33333333%;
display: block;
text-decoration: none;
}
.product-intro__link__icon-container {
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991.98px) {
.product-intro__link__icon-container {
margin-bottom: 3rem;
height: 48rem;
}
}
@media (min-width: 992px) {
.product-intro__link__icon-container {
height: 64rem;
}
}
.product-intro__link__icon, .product-intro__link__icon--3, .product-intro__link__icon--2, .product-intro__link__icon--1 {
margin-right: auto;
margin-left: auto;
height: auto;
}
@media (max-width: 991.98px) {
.product-intro__link__icon--1 {
width: 40rem;
}
}
@media (min-width: 992px) {
.product-intro__link__icon--1 {
width: 44.8rem;
}
}
@media (max-width: 991.98px) {
.product-intro__link__icon--2 {
width: 49rem;
}
}
@media (min-width: 992px) {
.product-intro__link__icon--2 {
width: 55.7rem;
}
}
@media (max-width: 991.98px) {
.product-intro__link__icon--3 {
width: 44rem;
}
}
@media (min-width: 992px) {
.product-intro__link__icon--3 {
width: 50.2rem;
}
}
.product-intro__link__text {
margin-right: auto;
margin-left: auto;
font-weight: 700;
line-height: 1.2;
text-align: center;
color: #0087bb;
}
@media (max-width: 991.98px) {
.product-intro__link__text {
font-size: 14rem;
}
}
@media (min-width: 992px) {
.product-intro__link__text {
font-size: 16rem;
}
}
@media (min-width: 992px) {
.section--usage {
z-index: 1;
overflow: visible;
}
}
@media (max-width: 991.98px) {
.usage__container {
padding-top: 24rem;
padding-right: 20rem;
padding-bottom: 18rem;
padding-left: 20rem;
border-bottom-right-radius: 60rem;
}
}
@media (min-width: 992px) {
.usage__container {
overflow: visible;
padding-top: 59rem;
padding-bottom: 33rem;
}
}
.usage__abs, .usage__abs--product-8-4, .usage__abs--product-8-3, .usage__abs--product-8-2, .usage__abs--product-8-1, .usage__abs--product-7-3, .usage__abs--product-7-2, .usage__abs--product-7-1, .usage__abs--product-6-3, .usage__abs--product-6-2, .usage__abs--product-6-1, .usage__abs--product-5-3, .usage__abs--product-5-2, .usage__abs--product-5-1, .usage__abs--product-4-4, .usage__abs--product-4-3, .usage__abs--product-4-2, .usage__abs--product-4-1, .usage__abs--product-1-3, .usage__abs--product-2-3, .usage__abs--product-3-3, .usage__abs--product-1-2, .usage__abs--product-2-2, .usage__abs--product-3-2, .usage__abs--product-1-1, .usage__abs--product-2-1, .usage__abs--product-3-1 {
position: absolute;
height: auto;
}
@media (max-width: 991.98px) {
.usage__abs, .usage__abs--product-8-4, .usage__abs--product-8-3, .usage__abs--product-8-2, .usage__abs--product-8-1, .usage__abs--product-7-3, .usage__abs--product-7-2, .usage__abs--product-7-1, .usage__abs--product-6-3, .usage__abs--product-6-2, .usage__abs--product-6-1, .usage__abs--product-5-3, .usage__abs--product-5-2, .usage__abs--product-5-1, .usage__abs--product-4-4, .usage__abs--product-4-3, .usage__abs--product-4-2, .usage__abs--product-4-1, .usage__abs--product-1-3, .usage__abs--product-2-3, .usage__abs--product-3-3, .usage__abs--product-1-2, .usage__abs--product-2-2, .usage__abs--product-3-2, .usage__abs--product-1-1, .usage__abs--product-2-1, .usage__abs--product-3-1 {
display: none;
}
}
.usage__abs--product-1-1, .usage__abs--product-2-1, .usage__abs--product-3-1 {
top: -36rem;
left: 195rem;
width: 224.2rem;
}
.usage__abs--product-1-2, .usage__abs--product-2-2, .usage__abs--product-3-2 {
top: 292rem;
left: 1159rem;
width: 103.7rem;
}
.usage__abs--product-1-3, .usage__abs--product-2-3, .usage__abs--product-3-3 {
top: 746rem;
left: 691rem;
width: 79.6rem;
}
.usage__abs--product-4-1 {
top: 193rem;
left: 234rem;
width: 125.8rem;
}
.usage__abs--product-4-2 {
top: 212rem;
left: 1614rem;
width: 124.8rem;
}
.usage__abs--product-4-3 {
top: 375rem;
left: 1181rem;
width: 108.3rem;
}
.usage__abs--product-4-4 {
top: 715rem;
left: 627rem;
width: 147.6rem;
}
.usage__abs--product-5-1 {
top: 208rem;
left: 103rem;
width: 327.7rem;
}
.usage__abs--product-5-2 {
top: 337rem;
left: 1131rem;
width: 186.6rem;
}
.usage__abs--product-5-3 {
top: 779rem;
left: 511rem;
width: 133.2rem;
}
.usage__abs--product-6-1 {
top: 239rem;
left: 227rem;
width: 111rem;
}
.usage__abs--product-6-2 {
top: 307rem;
left: 1150rem;
width: 141.1rem;
}
.usage__abs--product-6-3 {
top: 779rem;
left: 632rem;
width: 147.8rem;
}
.usage__abs--product-7-1 {
top: 111rem;
left: 169rem;
width: 125rem;
}
.usage__abs--product-7-2 {
top: 230rem;
left: 1444rem;
width: 111.4rem;
}
.usage__abs--product-7-3 {
top: 784rem;
left: 1142rem;
width: 134rem;
}
.usage__abs--product-8-1 {
top: 158rem;
left: 180rem;
width: 114rem;
}
.usage__abs--product-8-2 {
top: 258rem;
left: 1505rem;
width: 134rem;
}
.usage__abs--product-8-3 {
top: 367rem;
left: 1169rem;
width: 111.4rem;
}
.usage__abs--product-8-4 {
top: 758rem;
left: 600rem;
width: 125rem;
}
.usage__heading {
text-align: center;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.usage__heading {
margin-bottom: 4rem;
font-weight: 700;
font-size: 24rem;
}
}
@media (min-width: 992px) {
.usage__heading {
margin-bottom: 25rem;
font-weight: 900;
font-size: 70rem;
}
}
.usage__lead-container {
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.usage__lead-container {
margin-bottom: 8rem;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.usage__lead-container {
margin-bottom: 42rem;
font-weight: 700;
font-size: 30rem;
line-height: 40rem;
}
}
@media (min-width: 992px) {
.usage__circle-container {
position: relative;
height: 649.6rem;
}
}
.usage__circle {
position: relative;
margin-right: auto;
margin-left: auto;
border-radius: 9999px;
width: 649.6rem;
height: 649.6rem;
background-size: 0;
}
@media (max-width: 991.98px) {
.usage__circle {
display: none;
}
}
.usage__circle::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background-size: contain;
background-position: center center;
background-image: inherit;
}
.usage__featured-image {
position: absolute;
top: 50%;
left: 50%;
border-radius: 9999px;
width: 606rem;
height: 606rem;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
}
@media (max-width: 991.98px) {
.usage__featured-image {
display: none;
}
}
@media (max-width: 991.98px) {
.usage__bullet-points {
margin-right: -20rem;
margin-left: -20rem;
}
}
.usage__bullet-points.count-4 .usage__bullet-point--1 {
top: 175rem;
left: 0;
}
.usage__bullet-points.count-4 .usage__bullet-point--1.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--1.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--1 .usage__bullet-point__icon-container {
margin-left: 41rem;
}
.usage__bullet-points.count-4 .usage__bullet-point--1 .usage__bullet-point__icon-container::before {
left: 100%;
background-position: left center;
}
.usage__bullet-points.count-4 .usage__bullet-point--1 .usage__bullet-point__icon-container::after {
left: calc(100% + 109rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--1 .usage__bullet-point__text-container {
text-align: right;
}
.usage__bullet-points.count-4 .usage__bullet-point--2 {
bottom: 175rem;
left: 0;
}
.usage__bullet-points.count-4 .usage__bullet-point--2.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--2.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--2 .usage__bullet-point__icon-container {
margin-left: 41rem;
}
.usage__bullet-points.count-4 .usage__bullet-point--2 .usage__bullet-point__icon-container::before {
left: 100%;
background-position: left center;
}
.usage__bullet-points.count-4 .usage__bullet-point--2 .usage__bullet-point__icon-container::after {
left: calc(100% + 109rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--2 .usage__bullet-point__text-container {
text-align: right;
}
.usage__bullet-points.count-4 .usage__bullet-point--3 {
top: 175rem;
right: 0;
}
.usage__bullet-points.count-4 .usage__bullet-point--3.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--3.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--3 .usage__bullet-point__icon-container {
margin-right: 41rem;
}
.usage__bullet-points.count-4 .usage__bullet-point--3 .usage__bullet-point__icon-container::before {
right: 100%;
background-position: right center;
}
.usage__bullet-points.count-4 .usage__bullet-point--3 .usage__bullet-point__icon-container::after {
right: calc(100% + 109rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--4 {
bottom: 175rem;
right: 0;
}
.usage__bullet-points.count-4 .usage__bullet-point--4.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--4.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-4 .usage__bullet-point--4 .usage__bullet-point__icon-container {
margin-right: 41rem;
}
.usage__bullet-points.count-4 .usage__bullet-point--4 .usage__bullet-point__icon-container::before {
right: 100%;
background-position: right center;
}
.usage__bullet-points.count-4 .usage__bullet-point--4 .usage__bullet-point__icon-container::after {
right: calc(100% + 109rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--1 {
top: 50%;
left: 0;
transform: translateY(-50%);
}
.usage__bullet-points.count-2 .usage__bullet-point--1.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--1.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--1 .usage__bullet-point__icon-container {
margin-left: 41rem;
}
.usage__bullet-points.count-2 .usage__bullet-point--1 .usage__bullet-point__icon-container::before {
left: 100%;
width: 100rem;
background-position: left center;
}
.usage__bullet-points.count-2 .usage__bullet-point--1 .usage__bullet-point__icon-container::after {
left: calc(100% + 95rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--1 .usage__bullet-point__text-container {
text-align: right;
}
.usage__bullet-points.count-2 .usage__bullet-point--2 {
top: 50%;
right: 0;
transform: translateY(-50%);
}
.usage__bullet-points.count-2 .usage__bullet-point--2.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--2.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-2 .usage__bullet-point--2 .usage__bullet-point__icon-container {
margin-right: 41rem;
}
.usage__bullet-points.count-2 .usage__bullet-point--2 .usage__bullet-point__icon-container::before {
right: 100%;
width: 100rem;
background-position: right center;
}
.usage__bullet-points.count-2 .usage__bullet-point--2 .usage__bullet-point__icon-container::after {
right: calc(100% + 95rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--1 {
top: 50%;
left: 0;
transform: translateY(-50%);
}
.usage__bullet-points.count-3 .usage__bullet-point--1.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--1.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--1 .usage__bullet-point__icon-container {
margin-left: 41rem;
}
.usage__bullet-points.count-3 .usage__bullet-point--1 .usage__bullet-point__icon-container::before {
left: 100%;
width: 100rem;
background-position: left center;
}
.usage__bullet-points.count-3 .usage__bullet-point--1 .usage__bullet-point__icon-container::after {
left: calc(100% + 95rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--1 .usage__bullet-point__text-container {
text-align: right;
}
.usage__bullet-points.count-3 .usage__bullet-point--2 {
top: 175rem;
right: 0;
}
.usage__bullet-points.count-3 .usage__bullet-point--2.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--2.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--2 .usage__bullet-point__icon-container {
margin-right: 41rem;
}
.usage__bullet-points.count-3 .usage__bullet-point--2 .usage__bullet-point__icon-container::before {
right: 100%;
background-position: right center;
}
.usage__bullet-points.count-3 .usage__bullet-point--2 .usage__bullet-point__icon-container::after {
right: calc(100% + 109rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--3 {
bottom: 175rem;
right: 0;
}
.usage__bullet-points.count-3 .usage__bullet-point--3.red .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--3.blue .usage__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0087BB 0, #0087BB 6rem, transparent 6rem, transparent 18rem);
}
.usage__bullet-points.count-3 .usage__bullet-point--3 .usage__bullet-point__icon-container {
margin-right: 41rem;
}
.usage__bullet-points.count-3 .usage__bullet-point--3 .usage__bullet-point__icon-container::before {
right: 100%;
background-position: right center;
}
.usage__bullet-points.count-3 .usage__bullet-point--3 .usage__bullet-point__icon-container::after {
right: calc(100% + 109rem);
}
@media (max-width: 991.98px) {
.usage__bullet-points__container {
position: relative;
}
}
.usage__bullet-point, .usage__bullet-point--4, .usage__bullet-point--3, .usage__bullet-point--2, .usage__bullet-point--1 {
display: flex !important;
align-items: center;
}
@media (max-width: 991.98px) {
.usage__bullet-point, .usage__bullet-point--4, .usage__bullet-point--3, .usage__bullet-point--2, .usage__bullet-point--1 {
flex-direction: column;
}
}
@media (min-width: 992px) {
.usage__bullet-point, .usage__bullet-point--4, .usage__bullet-point--3, .usage__bullet-point--2, .usage__bullet-point--1 {
position: absolute;
height: 108rem;
}
}
.usage__bullet-point.red .usage__bullet-point__icon-container::after, .red.usage__bullet-point--4 .usage__bullet-point__icon-container::after, .red.usage__bullet-point--3 .usage__bullet-point__icon-container::after, .red.usage__bullet-point--2 .usage__bullet-point__icon-container::after, .red.usage__bullet-point--1 .usage__bullet-point__icon-container::after {
background-color: #BA4C86;
}
.usage__bullet-point.blue .usage__bullet-point__icon-container::after, .blue.usage__bullet-point--4 .usage__bullet-point__icon-container::after, .blue.usage__bullet-point--3 .usage__bullet-point__icon-container::after, .blue.usage__bullet-point--2 .usage__bullet-point__icon-container::after, .blue.usage__bullet-point--1 .usage__bullet-point__icon-container::after {
background-color: #0087BB;
}
.usage__bullet-point__icon-container {
position: relative;
border-radius: 9999px;
width: 108rem;
height: 108rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #0087bb;
}
@media (max-width: 991.98px) {
.usage__bullet-point__icon-container {
margin-right: 0 !important;
margin-bottom: 16rem;
margin-left: 0 !important;
}
}
@media (min-width: 992px) {
.usage__bullet-point__icon-container::before {
content: "";
position: absolute;
top: 50%;
width: 114rem;
height: 2px;
display: block;
background-size: 18rem 2px;
background-repeat: repeat-x;
transform: translateY(-50%);
}
.usage__bullet-point__icon-container::after {
content: "";
position: absolute;
top: 50%;
border-radius: 9999px;
width: 10rem;
height: 10rem;
display: block;
background-color: #0087bb;
transform: translateY(-50%);
}
}
.usage__bullet-point__text-container {
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.usage__bullet-point__text-container {
padding-right: 72rem;
padding-left: 72rem;
order: 9999;
}
}
@media (min-width: 992px) {
.usage__bullet-point__text-container {
padding-top: 18rem;
padding-bottom: 18rem;
min-height: 108rem;
}
}
.usage__bullet-point__text {
color: #0087bb;
}
@media (max-width: 991.98px) {
.usage__bullet-point__text {
text-align: center;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.usage__bullet-point__text {
width: 387rem;
max-width: 100%;
font-size: 20rem;
line-height: 28rem;
}
}
.usage__carousel__btn, .usage__carousel__btn--next-slide, .usage__carousel__btn--prev-slide {
position: absolute;
top: 104rem;
}
@media (min-width: 992px) {
.usage__carousel__btn, .usage__carousel__btn--next-slide, .usage__carousel__btn--prev-slide {
display: none;
}
}
.usage__carousel__btn--prev-slide {
left: 0;
}
.usage__carousel__btn--next-slide {
right: 0;
}
@media (max-width: 991.98px) {
.section--dosage {
margin-bottom: 33rem;
padding-top: 24rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--dosage {
margin-bottom: 93rem;
padding-top: 66rem;
padding-right: 200rem;
padding-left: 200rem;
}
}
.dosage__abs, .dosage__abs--previous-section-fragment {
position: absolute;
}
.dosage__abs--previous-section-fragment {
top: 0;
right: 0;
border-bottom-left-radius: 88rem;
width: 685rem;
height: 50rem;
}
@media (max-width: 991.98px) {
.dosage__abs--previous-section-fragment {
display: none;
}
}
.dosage__heading {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.dosage__heading {
margin-bottom: 10rem;
text-align: center;
font-weight: 700;
font-size: 24rem;
}
}
@media (min-width: 992px) {
.dosage__heading {
margin-bottom: 16rem;
font-weight: 900;
font-size: 70rem;
}
}
.dosage__lead-container {
color: #002a7b;
}
@media (max-width: 991.98px) {
.dosage__lead-container {
margin-bottom: 9rem;
text-align: center;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.dosage__lead-container {
margin-bottom: 46rem;
font-weight: 700;
font-size: 30rem;
letter-spacing: -0.01em;
line-height: 1.2;
}
}
@media (max-width: 991.98px) {
.dosage__table-container {
margin-right: -20rem;
margin-bottom: 30rem;
margin-left: -20rem;
}
}
@media (min-width: 992px) {
.dosage__table-container {
margin-bottom: 51rem;
}
}
.dosage__table__head {
border-top-left-radius: 30rem;
background-color: #0087bb;
box-shadow: 0 5rem 15rem rgba(0, 135, 187, 0.24);
}
@media (max-width: 991.98px) {
.dosage__table__head {
margin-bottom: 11rem;
}
}
@media (min-width: 992px) {
.dosage__table__head {
margin-bottom: 19rem;
}
}
.dosage__table__head__col {
text-align: center;
text-transform: uppercase;
font-weight: 900;
color: #fff;
}
@media (max-width: 991.98px) {
.dosage__table__head__col {
padding-top: 16rem;
padding-right: 8rem !important;
padding-bottom: 21rem;
padding-left: 8rem !important;
font-size: 14px;
line-height: 18rem;
}
}
@media (min-width: 992px) {
.dosage__table__head__col {
padding-top: 22rem;
padding-bottom: 22rem;
font-size: 25rem;
line-height: 1.2;
}
}
.dosage__table__body {
border-bottom-right-radius: 30rem;
background-color: #E2F1F4;
}
.dosage__table__body__row:not(:last-child) {
margin-bottom: 2px;
}
.dosage__table__body__col {
padding-top: 19rem;
padding-bottom: 19rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: #002A7B;
}
@media (max-width: 991.98px) {
.dosage__table__body__col {
padding-right: 8rem !important;
padding-left: 8rem !important;
}
.dosage__table__body__col * {
font-size: 14rem !important;
line-height: 17rem !important;
}
.dosage__table__body__col b {
font-weight: 900 !important;
}
}
.dosage__under-table {
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.dosage__under-table {
flex-direction: column;
}
}
@media (min-width: 992px) {
.dosage__under-table {
justify-content: space-between;
}
}
.dosage__under-table__text-container {
font-size: 12rem;
line-height: 18rem;
color: #002a7b;
}
@media (max-width: 991.98px) {
.dosage__under-table__text-container {
order: 9999;
}
}
@media (max-width: 991.98px) {
.dosage__under-table__btn {
margin-bottom: 27rem;
}
}
@media (max-width: 991.98px) {
.section--single {
margin-bottom: 24rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--single {
margin-bottom: 64rem;
width: 100%;
}
}
.single__row {
width: 100%;
max-width: 100%;
display: flex;
}
@media (max-width: 991.98px) {
.single__row {
flex-direction: column;
}
}
@media (max-width: 991.98px) {
.single__col--left {
order: 9999;
}
}
@media (min-width: 992px) {
.single__col--left {
padding-right: 63rem;
padding-left: 63rem;
width: 388rem;
max-width: 100%;
flex-shrink: 0;
}
}
@media (min-width: 992px) {
.single__col--right {
width: calc(100% - 388rem);
}
}
@media (min-width: 992px) {
.single__author-container {
margin-top: 337rem;
}
}
@media (max-width: 991.98px) {
.single__toc {
display: none;
}
}
.single__toc--mobile {
margin-bottom: 50rem;
}
@media (min-width: 992px) {
.single__toc--mobile {
display: none;
}
}
.single__toc__heading {
margin-bottom: 20rem;
font-size: 20rem;
line-height: 28rem;
font-weight: 700;
color: #002a7b;
}
.single__toc__ol {
counter-reset: toc;
}
.single__toc__li {
counter-increment: toc;
display: flex;
align-items: flex-start;
color: #002a7b;
}
.single__toc__li::before {
content: counter(toc) ".";
margin-right: 10rem;
font-size: 20rem;
line-height: 28rem;
}
.single__toc__li:not(:last-child) {
margin-bottom: 8rem;
}
.single__toc__btn {
font-size: 20rem;
line-height: 28rem;
}
.single__author__circle {
margin-right: auto;
margin-left: auto;
border-radius: 9999px;
width: 108rem;
height: 108rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #002a7b;
box-shadow: 7rem 0 15rem rgba(0, 42, 123, 0.32);
}
@media (max-width: 991.98px) {
.single__author__circle {
margin-bottom: 18rem;
}
}
@media (min-width: 992px) {
.single__author__circle {
margin-bottom: 17rem;
}
}
.single__author__circle__icon {
width: 47.3rem;
height: auto;
}
.single__author__text, .single__author__text--specialization, .single__author__text--name, .single__author__text--title {
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.single__author__text, .single__author__text--specialization, .single__author__text--name, .single__author__text--title {
font-size: 16rem;
line-height: 20rem;
}
}
@media (min-width: 992px) {
.single__author__text, .single__author__text--specialization, .single__author__text--name, .single__author__text--title {
font-size: 18rem;
line-height: 21rem;
}
}
.single__author__text--title {
text-transform: uppercase;
font-weight: 700;
}
.single__author__text--name {
text-transform: uppercase;
font-weight: 700;
}
@media (max-width: 991.98px) {
.single__author__text--name {
margin-bottom: 20rem;
}
}
@media (min-width: 992px) {
.single__author__text--name {
margin-bottom: 21rem;
}
}
.single__author__text--specialization {
text-transform: lowercase;
}
.single__container {
width: 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.single__container {
padding-top: 173rem;
padding-right: 221rem;
padding-left: 148rem;
}
}
@media (max-width: 991.98px) {
.single__top {
margin-right: -20rem;
margin-left: -20rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.single__top {
margin-top: -173rem;
margin-right: -221rem;
margin-left: -148rem;
padding-top: 254rem;
padding-right: 221rem;
padding-bottom: 22rem;
padding-left: 148rem;
border-top-left-radius: 300rem;
background-color: #F9F2F5;
}
}
@media (max-width: 991.98px) {
.single__above-title {
margin-bottom: 22rem;
}
}
@media (min-width: 992px) {
.single__above-title {
margin-bottom: 10rem;
}
}
.single__above-title--type {
text-transform: uppercase;
font-weight: 700;
line-height: 21rem;
color: #0086be;
}
@media (max-width: 991.98px) {
.single__above-title--type {
font-size: 16rem;
}
}
@media (min-width: 992px) {
.single__above-title--type {
font-size: 18rem;
}
}
.single__above-title--separator {
font-weight: 700;
line-height: 21rem;
color: #0086be;
}
@media (max-width: 991.98px) {
.single__above-title--separator {
font-size: 16rem;
}
}
@media (min-width: 992px) {
.single__above-title--separator {
font-size: 18rem;
}
}
.single__above-title--category {
font-size: 16rem;
line-height: 21rem;
color: #0086be;
}
.single__title {
color: #002a7b;
}
@media (max-width: 991.98px) {
.single__title {
margin-bottom: 38rem;
font-weight: 900;
font-size: 40rem;
line-height: 37rem;
}
}
@media (min-width: 992px) {
.single__title {
margin-bottom: 20rem;
font-weight: 700;
font-size: 57rem;
line-height: 1.2;
}
}
.single__warning-container {
position: relative;
}
.single__warning-container::before {
content: "";
position: absolute;
top: -16rem;
right: -20rem;
bottom: 0;
left: -20rem;
border-top-right-radius: 60rem;
display: block;
background-color: #F9F2F5;
}
.single__warning-container__inner {
position: relative;
padding: 10rem;
background-color: #fff;
}
@media (max-width: 991.98px) {
.single__warning-container__inner {
border-top-right-radius: 45rem;
padding-right: 15rem;
padding-left: 15rem;
}
}
@media (min-width: 992px) {
.single__warning-container__inner {
width: 982rem;
max-width: 100%;
}
}
.single__warning-container__text {
color: #5a6771;
}
@media (max-width: 991.98px) {
.single__warning-container__text {
font-size: 10rem;
line-height: 14rem;
}
}
@media (min-width: 992px) {
.single__warning-container__text {
font-size: 16rem;
line-height: 18rem;
}
}
@media (max-width: 991.98px) {
.single__user-content {
margin-bottom: 25rem;
}
}
@media (min-width: 992px) {
.single__user-content {
margin-bottom: 60rem;
width: 100%;
}
}
@media (max-width: 991.98px) {
.single__user-content > *:not(:last-child) {
margin-bottom: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content > *:not(:last-child) {
margin-bottom: 28rem;
}
}
.single__user-content h2 {
text-transform: uppercase;
font-weight: 700;
color: #002A7B;
}
@media (max-width: 991.98px) {
.single__user-content h2 {
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content h2 {
font-size: 20rem;
line-height: 28rem;
}
}
.single__user-content p {
color: #8f387c;
}
@media (max-width: 991.98px) {
.single__user-content p {
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content p {
font-size: 20rem;
line-height: 28rem;
}
}
.single__user-content ul {
padding-left: 0;
}
@media (max-width: 991.98px) {
.single__user-content ul:not(.no-margin) > li:not(:last-child) {
margin-bottom: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content ul:not(.no-margin) > li:not(:last-child) {
margin-bottom: 28rem;
}
}
.single__user-content li {
position: relative;
list-style-type: none;
color: #8f387c;
}
@media (max-width: 991.98px) {
.single__user-content li {
padding-left: 16rem;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content li {
padding-left: 24rem;
font-size: 20rem;
line-height: 28rem;
}
}
.single__user-content li::before {
content: "";
position: absolute;
left: 0;
display: block;
background-image: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/images/list-item-chevron.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.single__user-content li::before {
top: 5rem;
width: 7rem;
height: 10.66rem;
}
}
@media (min-width: 992px) {
.single__user-content li::before {
top: 7rem;
width: 8.9rem;
height: 13.6rem;
}
}
.single__user-content hr {
margin-left: -148rem;
border: none;
display: block;
height: 2px;
background-image: linear-gradient(90deg, #002A7B 0rem, #002A7B 6rem, transparent 6rem, transparent 17rem);
background-size: 17rem 2rem;
background-position: left center;
background-repeat: repeat-x;
}
.single__user-content img {
margin-right: auto;
margin-left: auto;
max-width: 100%;
max-height: 80vh;
}
.single__user-content a {
font-weight: bold;
text-decoration: underline;
color: #002A7B;
}
.single__user-content .container--first {
position: relative;
}
@media (max-width: 991.98px) {
.single__user-content .container--first {
padding-top: 8rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--first {
margin-right: -221rem;
margin-left: -148rem;
padding-right: 221rem;
padding-left: 148rem;
}
}
.single__user-content .container--first::before {
content: "";
position: absolute;
top: 0;
display: block;
background-color: #F9F2F5;
}
@media (max-width: 991.98px) {
.single__user-content .container--first::before {
right: -20rem;
bottom: 0;
left: -20rem;
border-bottom-right-radius: 60rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--first::before {
right: 0;
bottom: 49rem;
left: 0;
}
}
.single__user-content .container--first > * {
position: relative;
}
@media (max-width: 991.98px) {
.single__user-content .container--first > *:not(:last-child) {
margin-bottom: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--first > *:not(:last-child) {
margin-bottom: 28rem;
}
}
.single__user-content .container--bottom-right-rounded {
background-color: #F9F2F5;
}
@media (max-width: 991.98px) {
.single__user-content .container--bottom-right-rounded {
margin-right: -20rem;
margin-left: -20rem;
border-top-left-radius: 60rem;
border-bottom-right-radius: 60rem;
padding-top: 39rem;
padding-right: 20rem;
padding-bottom: 17rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--bottom-right-rounded {
margin-right: -221rem;
margin-left: -148rem;
border-bottom-right-radius: 300rem;
padding-top: 28rem;
padding-right: 221rem;
padding-bottom: 28rem;
padding-left: 148rem;
}
}
@media (max-width: 991.98px) {
.single__user-content .container--bottom-right-rounded > *:not(:last-child) {
margin-bottom: 22rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--bottom-right-rounded > *:not(:last-child) {
margin-bottom: 28rem;
}
}
@media (max-width: 991.98px) {
.single__user-content .container--bottom-right-rounded + .img,
.single__user-content .container--bottom-right-rounded + .img--offset-left {
margin-top: -43rem;
}
}
@media (min-width: 992px) {
.single__user-content .container--bottom-right-rounded + .img,
.single__user-content .container--bottom-right-rounded + .img--offset-left {
margin-top: -181rem;
}
}
.single__user-content .img, .single__user-content .img--offset-left {
position: relative;
}
@media (min-width: 992px) {
.single__user-content .img, .single__user-content .img--offset-left {
margin-right: 19rem;
margin-left: -188rem;
}
}
@media (min-width: 992px) {
.single__user-content .img--offset-left {
margin-right: 127rem;
margin-left: -296rem;
}
}
.single__user-content .img--offset-left .img__circle {
top: -21rem;
right: -127rem;
}
.single__user-content .img__img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.single__user-content .img__img {
border-top-left-radius: 30rem;
height: 282rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__img {
border-top-right-radius: 80rem;
border-bottom-left-radius: 80rem;
height: 514rem;
}
}
.single__user-content .img__circle {
background-color: #002a7b;
box-shadow: 0 0 15rem rgba(0, 42, 123, 0.32);
}
@media (max-width: 991.98px) {
.single__user-content .img__circle {
margin-top: -44rem;
margin-left: -20rem;
border-radius: 35rem;
border-bottom-left-radius: 0;
padding-top: 67rem;
padding-bottom: 46rem;
padding-left: 35rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle {
position: absolute;
top: -132rem;
right: -19rem;
border-radius: 9999px;
padding-left: 76rem;
width: 484rem;
height: 484rem;
display: flex;
align-items: center;
}
}
.single__user-content .img__circle__quote {
position: relative;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}
@media (max-width: 991.98px) {
.single__user-content .img__circle__quote {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle__quote {
margin-top: 20rem;
font-size: 20rem;
line-height: 28rem;
}
}
.single__user-content .img__circle__quote::before {
content: "";
position: absolute;
width: 31.2rem;
height: 22.2rem;
display: block;
background-image: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/images/quote--before.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.single__user-content .img__circle__quote::before {
top: -35rem;
left: -2rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle__quote::before {
top: -40rem;
left: 2rem;
}
}
.single__user-content .img__circle__quote::after {
content: "";
width: 31.2rem;
height: 22.2rem;
display: inline-block;
background-image: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/images/quote--after.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.single__user-content .img__circle__quote::after {
position: absolute;
top: 108rem;
left: 270rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle__quote::after {
position: relative;
top: 16rem;
left: 11rem;
}
}
.single__user-content .img__circle__warning__heading {
text-transform: uppercase;
font-weight: 700;
line-height: 1;
color: #e5b6cd;
}
@media (max-width: 991.98px) {
.single__user-content .img__circle__warning__heading {
margin-bottom: 12rem;
font-size: 16rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle__warning__heading {
margin-top: -18rem;
margin-bottom: 13rem;
font-size: 24rem;
}
}
.single__user-content .img__circle__warning__text {
font-weight: 700;
color: #fff;
}
@media (max-width: 991.98px) {
.single__user-content .img__circle__warning__text {
font-size: 16rem;
line-height: 23rem;
}
}
@media (min-width: 992px) {
.single__user-content .img__circle__warning__text {
font-size: 20rem;
line-height: 28rem;
}
}
@media (max-width: 991.98px) {
.single__under-user-content {
display: none;
}
}
.single__under-user-content__author {
text-transform: uppercase;
font-weight: 700;
font-size: 18rem;
line-height: 1.2;
color: #002a7b;
}
.single__tags-container {
display: flex;
align-items: center;
}
.single__tags__text {
margin-right: 30rem;
text-transform: uppercase;
font-weight: 700;
font-size: 16rem;
line-height: 1.2;
color: #0087bb;
}
.section--read-also {
background-color: #EAF5FA;
}
@media (max-width: 991.98px) {
.section--read-also {
margin-bottom: 26rem;
padding-top: 26rem;
padding-right: 20rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--read-also {
margin-bottom: 95rem;
border-top-left-radius: 88rem;
padding-top: 67rem;
padding-right: 92rem;
padding-bottom: 48rem;
padding-left: 92rem;
}
}
.read-also__heading {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.read-also__heading {
margin-bottom: 38rem;
text-align: center;
font-weight: 700;
font-size: 24px;
}
}
@media (min-width: 992px) {
.read-also__heading {
margin-bottom: 62rem;
font-weight: 900;
font-size: 70rem;
}
}
.read-also__container {
position: relative;
}
@media (min-width: 992px) {
.read-also__row {
margin-bottom: 65rem;
}
}
@media (max-width: 991.98px) {
.read-also__btn-wrapper {
display: none;
}
}
@media (min-width: 992px) {
.read-also__btn-wrapper {
display: flex;
justify-content: center;
}
}
.read-also__btn--prev-slide, .read-also__btn--next-slide {
position: absolute;
top: 87rem;
}
@media (min-width: 992px) {
.read-also__btn--prev-slide, .read-also__btn--next-slide {
display: none;
}
}
.read-also__btn--prev-slide {
left: 0;
}
.read-also__btn--next-slide {
right: 0;
}
.section--not-found {
margin-bottom: 66rem;
}
@media (min-width: 992px) {
.section--not-found {
padding-top: 152rem;
}
}
.not-found__abs--blob {
position: absolute;
left: 50%;
height: auto;
transform: translateX(-50%);
}
@media (max-width: 767.98px) {
.not-found__abs--blob {
top: 36.9rem;
width: 282.27rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.not-found__abs--blob {
top: 61.5rem;
width: 470.45rem;
}
}
@media (min-width: 992px) {
.not-found__abs--blob {
top: 123rem;
width: 940.9rem;
}
}
.not-found__content {
position: relative;
}
.not-found__heading {
text-align: center;
font-weight: 900;
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.not-found__heading {
margin-bottom: 27rem;
font-size: 52.5rem;
}
}
@media (min-width: 992px) {
.not-found__heading {
margin-bottom: 36rem;
font-size: 70rem;
}
}
.not-found__lamb {
margin-right: auto;
margin-left: auto;
width: 396.4rem;
height: auto;
}
@media (max-width: 767.98px) {
.not-found__lamb {
width: 118.92rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.not-found__lamb {
width: 198.2rem;
}
}
@media (min-width: 992px) {
.not-found__lamb {
width: 396.4rem;
}
}
.not-found__arch {
margin-right: auto;
margin-left: auto;
height: auto;
}
@media (max-width: 767.98px) {
.not-found__arch {
margin-top: -3rem;
width: 301.47rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.not-found__arch {
margin-top: -5rem;
width: 502.45rem;
}
}
@media (min-width: 992px) {
.not-found__arch {
margin-top: -10rem;
width: 1004.9rem;
}
}
.not-found__404 {
margin-right: auto;
margin-bottom: 13rem;
margin-left: auto;
height: auto;
}
@media (max-width: 767.98px) {
.not-found__404 {
margin-top: -63.3rem;
width: 120.09rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.not-found__404 {
margin-top: -105.5rem;
width: 200.15rem;
}
}
@media (min-width: 992px) {
.not-found__404 {
margin-top: -211rem;
width: 400.3rem;
}
}
.not-found__btn-wrapper {
display: flex;
justify-content: center;
}
@media (max-width: 991.98px) {
.home .section--products {
padding-top: 32rem;
padding-right: 20rem;
padding-left: 20rem;
height: 742rem;
}
}
@media (min-width: 992px) {
.home .section--products {
padding-top: 52rem;
padding-right: 92rem;
padding-bottom: 49rem;
padding-left: 92rem;
}
}
.home .products__heading {
line-height: 1.2;
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.home .products__heading {
margin-bottom: 28rem;
font-weight: 700;
font-size: 24rem;
}
}
@media (min-width: 992px) {
.home .products__heading {
margin-bottom: 13rem;
font-weight: 900;
font-size: 70rem;
}
}
.home .products__heading--mobile {
text-transform: uppercase;
text-align: center;
font-weight: 700;
font-size: 16rem;
line-height: 1.2;
color: #002a7b;
}
@media (min-width: 992px) {
.home .products__heading--mobile {
display: none;
}
}
.home .products__container {
width: 100%;
}
@media (min-width: 992px) {
.home .products__container {
display: flex;
}
}
@media (max-width: 991.98px) {
.home .products__filter {
margin-bottom: 37rem;
}
}
@media (min-width: 992px) {
.home .products__filter {
padding-top: 143rem;
width: 296rem;
max-width: 100%;
flex-shrink: 0;
}
}
@media (min-width: 992px) {
.home .products__slider-container {
width: calc(100% - 296rem);
}
}
@media (max-width: 991.98px) {
.home .products__slider {
margin-right: -20rem;
margin-left: -20rem;
}
}
@media (min-width: 992px) {
.home .products__slider {
margin-bottom: 48rem;
margin-right: -92rem;
}
}
@media (min-width: 992px) {
.home .products__under-slider {
display: flex;
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 991.98px) {
.home .products__under-slider__row {
justify-content: space-between;
}
}
@media (max-width: 991.98px) {
.home .products__btn--prev-slide {
position: absolute;
top: -10rem;
left: 15rem;
}
}
@media (max-width: 991.98px) {
.home .products__btn--next-slide {
position: absolute;
top: -10rem;
right: 15rem;
}
}
@media (max-width: 991.98px) {
.home .products__btn--all-products {
display: none;
}
}
@media (max-width: 991.98px) {
.post-type-archive-product .section--products {
padding-right: 20rem;
padding-bottom: 64rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.post-type-archive-product .section--products {
padding-top: 166rem;
padding-right: 92rem;
padding-bottom: 193rem;
padding-left: 92rem;
}
}
.post-type-archive-product .products__heading {
margin-bottom: 45rem;
text-align: center;
color: #002a7b;
}
@media (max-width: 991.98px) {
.post-type-archive-product .products__heading {
font-weight: 700;
font-size: 24rem;
line-height: 29rem;
}
}
@media (min-width: 992px) {
.post-type-archive-product .products__heading {
font-weight: 900;
font-size: 70rem;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.post-type-archive-product .products__container {
width: 100%;
display: flex;
}
}
@media (min-width: 992px) {
.post-type-archive-product .products__filter {
padding-top: 84rem;
width: 404rem;
max-width: 100%;
flex-shrink: 0;
}
}
@media (min-width: 992px) {
.post-type-archive-product .products__products {
flex-grow: 1;
}
}
.postid-44 .product-intro__packshot-container {
top: 218rem;
left: 217rem;
}
.postid-48 .product-intro__packshot-container {
top: 255rem;
left: 282rem;
}
.postid-58 .product-intro__packshot-container {
top: 227rem;
left: 302rem;
}
.postid-56 .product-intro__packshot-container {
top: 227rem;
left: 302rem;
}
.postid-54 .product-intro__packshot-container {
top: 367rem;
left: 148rem;
}
.postid-52 .product-intro__packshot-container {
top: 367rem;
left: 148rem;
}
.postid-50 .product-intro__packshot-container {
top: 367rem;
left: 148rem;
}
@media (min-width: 992px) {
.postid-48 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #C40F2A 0, #C40F2A 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-44 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #C40F2A 0, #C40F2A 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-19 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #C7046D 0, #C7046D 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-58 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0089BF 0, #0089BF 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-56 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #0089BF 0, #0089BF 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-54 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #AF6087 0, #AF6087 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-52 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #BA4C86 0, #BA4C86 6rem, transparent 6rem, transparent 18rem);
}
}
@media (min-width: 992px) {
.postid-50 .product-intro__bullet-point__icon-container::before {
background-image: linear-gradient(-90deg, #8F387C 0, #8F387C 6rem, transparent 6rem, transparent 18rem);
}
}
.page-numbers {
display: flex;
justify-content: center;
align-items: center;
}
.page-numbers li {
display: block;
list-style-type: none;
}
.page-numbers li span,
.page-numbers li a {
position: relative;
display: block;
font-size: 20rem;
line-height: 1;
font-weight: 700;
text-decoration: none;
color: #002a7b;
}
.page-numbers li span.current,
.page-numbers li a.current {
margin-right: 10rem;
margin-left: 10rem;
z-index: 1;
border-radius: 9999px;
width: 36rem;
height: 36rem;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #002a7b;
}
.page-numbers li span.prev,
.page-numbers li a.prev {
margin-right: 20rem;
}
.page-numbers li span.next,
.page-numbers li a.next {
margin-left: 20rem;
}
.page-numbers li a {
padding: 10rem;
}
.blog .section--get-to-know {
margin-bottom: 152rem;
}
.single-product .section--get-to-know {
margin-bottom: 82rem;
}
.section--download {
background-color: #EAF5FA;
padding-left: 100rem;
padding-right: 100rem;
}
@media (max-width: 991.98px) {
.section--download {
padding-left: 24rem;
padding-right: 24rem;
}
}
.section--download:last-of-type {
padding-bottom: 100rem;
}
@media (max-width: 991.98px) {
.section--download:last-of-type {
padding-top: 30rem;
padding-bottom: 30rem;
}
}
@media (min-width: 992px) {
.section--download:first-of-type {
padding-top: 240rem;
}
}
.section--download ul {
padding-top: 20rem;
}
.section--download ul li {
position: relative;
list-style-type: none;
color: #8f387c;
padding-bottom: 20rem;
}
.section--download ul li::before {
content: "";
position: absolute;
width: 8.9rem;
height: 13.6rem;
top: 12rem;
left: -20rem;
display: block;
background-image: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/images/list-item-chevron.svg);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.section--download ul li::before {
top: 4rem;
}
}
@media (max-width: 991.98px) {
.section--download ul li::before {
top: 3rem;
}
}
.section--download ul.material__title:hover, .section--download ul.video__title:hover {
text-decoration: underline;
}
.section--download ul.clear li::before {
display: none;
}
.section--download ul.clear li:hover {
text-decoration: none;
}
.no-padding-x {
padding-left: 0 !important;
padding-right: 0 !important;
}
.video__container {
margin-top: 20rem;
position: relative;
width: 100%;
padding-bottom: 56.25%; overflow: hidden;
}
@media (max-width: 576.98px) {
.video__container {
margin-top: 8rem;
}
}
.video__item {
margin-top: 48rem;
}
@media (max-width: 991.98px) {
.video__item:first-of-type {
margin-top: 0rem;
}
}
@media (max-width: 576.98px) {
.video__item {
margin-top: 24rem;
}
}
.video__item:hover {
text-decoration: none;
}
.video__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video__title {
line-height: 1.1;
}
.video__title:hover {
text-decoration: underline;
}
@media (max-width: 991.98px) {
.video__title {
font-size: 41rem;
margin-top: 15rem;
}
}
@media (max-width: 767.98px) {
.video__title {
text-align: left;
font-size: 24rem;
margin-top: 0rem;
}
}
@media (max-width: 576.98px) {
.video__title {
font-size: 22rem;
}
}
.video__button {
margin-left: 30rem;
transition: background-color 200ms linear;
}
@media (max-width: 576.98px) {
.video__button {
display: inline-flex;
align-self: center;
margin-left: 0rem;
margin-top: 12rem;
}
}
.video__button:hover {
background-color: #2177f9;
text-decoration: none !important;
}
.video__button:hover span {
text-decoration: none !important;
}
@media (min-width: 992px) {
.video__row.one-video {
justify-content: center;
}
.video__row.one-video .video__content {
margin-right: -200rem;
margin-left: -200rem;
}
}
.video__content__text {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.video__content__text {
font-size: 13.6rem;
}
}
@media (min-width: 992px) {
.video__content__text {
font-size: 34rem;
}
}
.video__content__footnote {
line-height: 1.2;
color: #002a7b;
}
@media (max-width: 991.98px) {
.video__content__footnote {
font-size: 9.6rem;
}
}
@media (min-width: 992px) {
.video__content__footnote {
font-size: 24rem;
}
}
.color--pink {
color: #F068A6;
}
.section--bitter-free {
background-color: #FFF9EE;
}
@media (max-width: 575.98px) {
.section--bitter-free {
margin-top: -60rem;
padding-top: 96rem;
padding-right: 20rem;
padding-bottom: 42rem;
padding-left: 20rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.section--bitter-free {
margin-top: -60rem;
padding-top: 114rem;
padding-right: 20rem;
padding-bottom: 42rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--bitter-free {
padding-top: 90rem;
padding-right: 92rem;
padding-bottom: 44rem;
padding-left: 92rem;
}
}
.section--bitter-free.product {
background-color: #FFF9EE;
}
@media (max-width: 575.98px) {
.section--bitter-free.product {
margin-top: 0;
padding-top: 36rem;
padding-right: 20rem;
padding-bottom: 42rem;
padding-left: 20rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.section--bitter-free.product {
margin-top: 0;
padding-top: 54rem;
padding-right: 20rem;
padding-bottom: 42rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--bitter-free.product {
padding-top: 90rem;
padding-right: 92rem;
padding-bottom: 44rem;
padding-left: 92rem;
}
}
.bitter-free__logo {
height: auto;
display: block;
}
@media (max-width: 991.98px) {
.bitter-free__logo {
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 575.98px) {
.bitter-free__logo {
margin-bottom: 24rem;
width: 154rem;
}
}
@media (min-width: 576px) and (max-width: 992px) {
.bitter-free__logo {
margin-bottom: 36rem;
width: 231rem;
}
}
@media (min-width: 992px) {
.bitter-free__logo {
width: 268rem;
}
}
.bitter-free__row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (min-width: 992px) {
.bitter-free__row {
margin-right: -74rem;
margin-left: -74rem;
}
}
.bitter-free__col, .bitter-free__col--right, .bitter-free__col--left {
width: 100%;
}
@media (min-width: 992px) {
.bitter-free__col, .bitter-free__col--right, .bitter-free__col--left {
margin-right: 74rem;
margin-left: 74rem;
}
}
@media (min-width: 992px) {
.bitter-free__col--left {
flex: 0 0 848rem;
max-width: 848rem;
}
}
@media (min-width: 992px) {
.bitter-free__col--right {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
}
.bitter-free__video {
position: relative;
width: 100%;
aspect-ratio: 848/479;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.bitter-free__video {
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 575.98px) {
.bitter-free__video {
margin-bottom: 36rem;
max-width: 304.5rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__video {
margin-bottom: 54rem;
max-width: 456.75rem;
}
}
@media (min-width: 992px) {
.bitter-free__video {
max-width: 848rem;
}
}
.bitter-free__video__abs {
position: absolute;
height: auto;
}
@media (max-width: 575.98px) {
.bitter-free__video__abs {
top: 98rem;
right: -34.5rem;
width: 53.9rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__video__abs {
top: 147rem;
right: -51.75rem;
width: 80.85rem;
}
}
@media (min-width: 992px) {
.bitter-free__video__abs {
top: 236rem;
right: -103.3rem;
width: 176.2rem;
}
}
.bitter-free__video__video {
position: relative;
width: 100%;
height: 100%;
}
.bitter-free__video__circle {
position: absolute;
border-radius: 9999rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #002A7B;
}
@media (max-width: 575.98px) {
.bitter-free__video__circle {
top: 19.3rem;
right: -21.7rem;
width: 43.33rem;
height: 43.33rem;
}
}
@media (min-width: 576px) {
.bitter-free__video__circle {
top: 28.95rem;
right: -32.55rem;
width: 64.995rem;
height: 64.995rem;
}
}
@media (min-width: 992px) {
.bitter-free__video__circle {
display: none;
}
}
.bitter-free__video__circle__icon {
width: 26.08rem;
height: auto;
display: block;
}
@media (max-width: 575.98px) {
.bitter-free__video__circle__icon {
width: 26.08rem;
}
}
@media (min-width: 576px) {
.bitter-free__video__circle__icon {
width: 39.12rem;
}
}
.bitter-free__heading {
font-family: "Neuzeit Grotesk", sans-serif;
font-size: 57rem;
line-height: 60rem;
font-weight: 700;
color: #002a7b;
}
@media (max-width: 991.98px) {
.bitter-free__heading {
display: none;
}
}
.bitter-free__heading-mobile {
text-align: center;
font-family: "Neuzeit Grotesk", sans-serif;
font-weight: 700;
color: #002a7b;
}
@media (max-width: 575.98px) {
.bitter-free__heading-mobile {
margin-bottom: 30rem;
font-size: 24rem;
line-height: 30rem;
}
}
@media (min-width: 576px) {
.bitter-free__heading-mobile {
margin-bottom: 45rem;
font-size: 36rem;
line-height: 45rem;
}
}
@media (min-width: 992px) {
.bitter-free__heading-mobile {
display: none;
}
}
.bitter-free__circle-and-hr {
position: relative;
margin-left: -148rem;
}
@media (max-width: 991.98px) {
.bitter-free__circle-and-hr {
display: none;
}
}
.bitter-free__circle {
position: absolute;
top: 50%;
right: 0;
left: -36rem;
border-radius: 9999rem;
width: 108rem;
height: 108rem;
display: flex;
justify-content: center;
align-items: center;
background-color: #002A7B;
transform: translateY(-50%);
}
.bitter-free__circle__icon {
width: 65.2rem;
height: auto;
display: block;
}
.bitter-free__hr {
margin-top: 30rem;
margin-bottom: 30rem;
height: 2px;
display: block;
background-size: 17rem 2rem;
background-image: linear-gradient(90deg, #002A7B 0, #002A7B 6rem, transparent 6rem, transparent 17rem);
background-repeat: repeat-x;
}
.bitter-free__text {
font-family: "Neuzeit Grotesk", sans-serif;
color: #002a7b;
}
@media (max-width: 991.98px) {
.bitter-free__text {
text-align: center;
}
}
@media (max-width: 575.98px) {
.bitter-free__text {
margin-bottom: 30rem;
font-size: 14rem;
line-height: 22rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__text {
margin-bottom: 45rem;
font-size: 21rem;
line-height: 33rem;
}
}
@media (min-width: 992px) {
.bitter-free__text {
margin-bottom: 40rem;
font-size: 20rem;
line-height: 28rem;
}
}
.bitter-free__footnotes {
margin-bottom: 30rem;
}
.bitter-free__footnotes__ol {
counter-reset: bitter-free-counter;
}
.bitter-free__footnotes__li {
font-family: "Segoe UI", sans-serif;
color: #002a7b;
counter-increment: bitter-free-counter;
}
@media (max-width: 575.98px) {
.bitter-free__footnotes__li {
font-size: 10rem;
line-height: 14rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__footnotes__li {
font-size: 15rem;
line-height: 21rem;
}
}
@media (min-width: 992px) {
.bitter-free__footnotes__li {
font-size: 12rem;
line-height: 16rem;
}
}
.bitter-free__footnotes__li::before {
content: counter(bitter-free-counter) ". ";
font-family: "Segoe UI", sans-serif;
color: #002a7b;
}
@media (max-width: 575.98px) {
.bitter-free__footnotes__li::before {
font-size: 10rem;
line-height: 14rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__footnotes__li::before {
font-size: 15rem;
line-height: 21rem;
}
}
@media (min-width: 992px) {
.bitter-free__footnotes__li::before {
font-size: 12rem;
line-height: 16rem;
}
}
.bitter-free__footnotes__text {
font-family: "Segoe UI", sans-serif;
color: #002a7b;
}
@media (max-width: 575.98px) {
.bitter-free__footnotes__text {
font-size: 10rem;
line-height: 14rem;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.bitter-free__footnotes__text {
font-size: 15rem;
line-height: 21rem;
}
}
@media (min-width: 992px) {
.bitter-free__footnotes__text {
font-size: 12rem;
line-height: 16rem;
}
}
@media (max-width: 991.98px) {
.bitter-free__scroll-down {
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 991.98px) {
.section--cookie-policy {
padding-right: 20rem;
padding-bottom: 64rem;
padding-left: 20rem;
}
}
@media (min-width: 992px) {
.section--cookie-policy {
padding-top: 220rem;
padding-right: 92rem;
padding-bottom: 193rem;
padding-left: 92rem;
}
}
.cookie-policy__content {
font-family: "Neuzeit Grotesk", sans-serif;
font-size: 18rem;
line-height: 1.2;
}
.cookie-policy__content h1 {
font-weight: 700;
font-size: 34rem;
line-height: 1.2;
}
.cookie-policy__content h1:not(:last-child) {
margin-bottom: 32.64rem;
}
.cookie-policy__content h2 {
font-weight: 700;
margin-top: 33.6rem;
font-size: 28rem;
line-height: 1.2;
}
.cookie-policy__content h2:not(:last-child) {
margin-bottom: 26.88rem;
}
.cookie-policy__content h3 {
font-weight: 700;
margin-top: 26.4rem;
font-size: 22rem;
line-height: 1.2;
}
.cookie-policy__content h3:not(:last-child) {
margin-bottom: 21.12rem;
}
.cookie-policy__content p {
font-size: 18rem;
line-height: 1.2;
}
.cookie-policy__content p:not(:last-child) {
margin-bottom: 10.8rem;
}@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroExt-Bla.eot);
src: local('Neuzeit Grotesk Extra-condensed Black'), local('NeuzeitGroExt-Bla'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroExt-Bla.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroExt-Bla.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroExt-Bla.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroExt-Bla.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bla.eot);
src: local('Neuzeit Grotesk Black'), local('NeuzeitGro-Bla'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bla.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bla.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bla.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bla.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Reg.eot);
src: local('Neuzeit Grotesk Regular'), local('NeuzeitGro-Reg'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Reg.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Reg.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Reg.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Reg.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Lig.eot);
src: local('Neuzeit Grotesk Light'), local('NeuzeitGro-Lig'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Lig.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Lig.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Lig.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Lig.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bol.eot);
src: local('Neuzeit Grotesk Bold'), local('NeuzeitGro-Bol'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bol.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bol.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bol.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGro-Bol.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Neuzeit Grotesk';
src: url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroCon-Bla.eot);
src: local('Neuzeit Grotesk Condensed Black'), local('NeuzeitGroCon-Bla'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroCon-Bla.eot?#iefix) format('embedded-opentype'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroCon-Bla.woff2) format('woff2'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroCon-Bla.woff) format('woff'),
url(//www.ibufen.pl/wp-content/themes/ibufen/assets/fonts/neuzeit-grotesk/NeuzeitGroCon-Bla.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}