/* Descarga 20/04/2025 https://kit-digital-uc-prod.s3.amazonaws.com/uc-kitdigital/css/uc-kitdigital.css */
@charset "UTF-8";
@import"https://fonts.googleapis.com/css?family=Material+Icons|Roboto+Slab|Roboto:300,400,500,500i,700";
:root {
--primary: #0176de;
--blue: #173f8a;
--darkblue: #03122e;
--yellow: #fec60d;
--darkyellow: #e3ae00;
--white: #ffffff;
--black: #000000;
--error: #f24f4f;
--info: var(--primary);
--warning: #fec60d;
--success: #00aa00;
--darkgray-a: #707070;
--darkgray-b: #9c9c9c;
--darkgray-c: #c6c6c6;
--lightgray-a: #eaeaea;
--lightgray-b: #f0f0f0;
--lightgray-c: #f6f6f6
}
:root {
--lightgraya: var(--lightgray-a);
--lightgrayb: var(--lightgray-b);
--lightgrayc: var(--lightgray-c);
--gray: var(--darkgray-a);
--darkgraya: var(--lightgray-b);
--darkgrayb: var(--lightgray-c);
--darkgray: var(--lightgray-c)
}
*,
*:before,
*:after {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: Roboto, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #0176de;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #014e92;
text-decoration: underline
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
@media print {
*,
*:before,
*:after {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]:after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body,
.container {
min-width: 992px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important
}
.table-dark {
color: inherit
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
.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
}
}
.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
}
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container-sm,
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1248px
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px
}
.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: 16px;
padding-left: 16px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-md-2 {
margin-left: 16.6666666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.3333333333%
}
.offset-md-5 {
margin-left: 41.6666666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.3333333333%
}
.offset-md-8 {
margin-left: 66.6666666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.3333333333%
}
.offset-md-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-lg-2 {
margin-left: 16.6666666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.3333333333%
}
.offset-lg-5 {
margin-left: 41.6666666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.3333333333%
}
.offset-lg-8 {
margin-left: 66.6666666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.3333333333%
}
.offset-lg-11 {
margin-left: 91.6666666667%
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.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.3333333333%
}
.offset-xl-2 {
margin-left: 16.6666666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.3333333333%
}
.offset-xl-5 {
margin-left: 41.6666666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.3333333333%
}
.offset-xl-8 {
margin-left: 66.6666666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.3333333333%
}
.offset-xl-11 {
margin-left: 91.6666666667%
}
}
.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--pswp-root-z-index: 100000;
--pswp-preloader-color: rgba(79, 79, 79, .4);
--pswp-preloader-color-secondary: rgba(255, 255, 255, .9);
--pswp-icon-color: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--pswp-icon-stroke-width: 2px;
--pswp-error-text-color: var(--pswp-icon-color)
}
.pswp {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--pswp-root-z-index);
display: none;
touch-action: none;
outline: 0;
opacity: .003;
contain: layout style size;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.pswp:focus {
outline: 0
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--open {
display: block
}
.pswp,
.pswp__bg {
transform: translateZ(0);
will-change: opacity
}
.pswp__bg {
opacity: .005;
background: var(--pswp-bg)
}
.pswp,
.pswp__scroll-wrap {
overflow: hidden
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.pswp__img,
.pswp__zoom-wrap {
width: auto;
height: auto
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
cursor: zoom-in
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: grab
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: grabbing
}
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: zoom-out
}
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__item {
z-index: 1;
overflow: hidden
}
.pswp__hidden {
display: none !important
}
.pswp__content {
pointer-events: none
}
.pswp__content>* {
pointer-events: auto
}
.pswp__error-msg-container {
display: grid
}
.pswp__error-msg {
margin: auto;
font-size: 1em;
line-height: 1;
color: var(--pswp-error-text-color)
}
.pswp .pswp__hide-on-close {
opacity: .005;
will-change: opacity;
transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
z-index: 10;
pointer-events: none
}
.pswp--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto
}
.pswp__button {
position: relative;
display: block;
width: 50px;
height: 60px;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
background: none;
border: 0;
box-shadow: none;
opacity: .85;
-webkit-appearance: none;
-webkit-touch-callout: none
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
transition: none;
padding: 0;
background: none;
border: 0;
box-shadow: none;
opacity: 1
}
.pswp__button:disabled {
opacity: .3;
cursor: auto
}
.pswp__icn {
fill: var(--pswp-icon-color);
color: var(--pswp-icon-color-secondary)
}
.pswp__icn {
position: absolute;
top: 14px;
left: 9px;
width: 32px;
height: 32px;
overflow: hidden;
pointer-events: none
}
.pswp__icn-shadow {
stroke: var(--pswp-icon-stroke-color);
stroke-width: var(--pswp-icon-stroke-width);
fill: none
}
.pswp__icn:focus {
outline: 0
}
div.pswp__img--placeholder,
.pswp__img--with-bg {
background: var(--pswp-placeholder-bg)
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 60px;
display: flex;
flex-direction: row;
justify-content: flex-end;
z-index: 10;
pointer-events: none !important
}
.pswp__top-bar>* {
pointer-events: auto;
will-change: opacity
}
.pswp__button--close {
margin-right: 6px
}
.pswp__button--arrow {
position: absolute;
width: 75px;
height: 100px;
top: 50%;
margin-top: -50px
}
.pswp__button--arrow:disabled {
display: none;
cursor: default
}
.pswp__button--arrow .pswp__icn {
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
background: none;
border-radius: 0
}
.pswp--one-slide .pswp__button--arrow {
display: none
}
.pswp--touch .pswp__button--arrow {
visibility: hidden
}
.pswp--has_mouse .pswp__button--arrow {
visibility: visible
}
.pswp__button--arrow--prev {
right: auto;
left: 0
}
.pswp__button--arrow--next {
right: 0
}
.pswp__button--arrow--next .pswp__icn {
left: auto;
right: 14px;
transform: scaleX(-1)
}
.pswp__button--zoom {
display: none
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
display: none
}
.pswp__preloader {
position: relative;
overflow: hidden;
width: 50px;
height: 60px;
margin-right: auto
}
.pswp__preloader .pswp__icn {
opacity: 0;
transition: opacity .2s linear;
animation: pswp-clockwise .6s linear infinite
}
.pswp__preloader--active .pswp__icn {
opacity: .85
}
@keyframes pswp-clockwise {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.pswp__counter {
height: 30px;
margin-top: 15px;
margin-inline-start: 20px;
font-size: 14px;
line-height: 30px;
color: var(--pswp-icon-color);
text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
opacity: .85
}
.pswp--one-slide .pswp__counter {
display: none
}
.tns-outer {
padding: 0 !important
}
.tns-outer [hidden] {
display: none !important
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer
}
.tns-slider {
transition: all 0s
}
.tns-slider>.tns-item {
box-sizing: border-box
}
.tns-horizontal.tns-subpixel {
white-space: nowrap
}
.tns-horizontal.tns-subpixel>.tns-item {
display: inline-block;
vertical-align: top;
white-space: normal
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both
}
.tns-horizontal.tns-no-subpixel>.tns-item {
float: left
}
.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
margin-right: -100%
}
.tns-no-calc {
position: relative;
left: 0
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px
}
.tns-gallery>.tns-item {
position: absolute;
left: -100%;
transition: transform 0s, opacity 0s
}
.tns-gallery>.tns-slide-active {
position: relative;
left: auto !important
}
.tns-gallery>.tns-moving {
transition: all .25s
}
.tns-autowidth {
display: inline-block
}
.tns-lazy-img {
transition: opacity .6s;
opacity: .6
}
.tns-lazy-img.tns-complete {
opacity: 1
}
.tns-ah {
transition: height 0s
}
.tns-ovh {
overflow: hidden
}
.tns-visually-hidden {
position: absolute;
left: -10000em
}
.tns-transparent {
opacity: 0;
visibility: hidden
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1
}
.tns-vpfix {
white-space: nowrap
}
.tns-vpfix>div,
.tns-vpfix>li {
display: inline-block
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden
}
.tns-t-ct {
width: 2333.3333333333%;
width: calc(100% * 70 / 3);
position: absolute;
right: 0
}
.tns-t-ct:after {
content: "";
display: table;
clear: both
}
.tns-t-ct>div {
width: 1.4285714286%;
width: calc(100% / 70);
height: 10px;
float: left
}
.no-margin,
.m-0 {
margin: 0 !important
}
.mt-0 {
margin-top: 0 !important
}
.mb-0 {
margin-bottom: 0 !important
}
.ml-0 {
margin-left: 0 !important
}
.mr-0 {
margin-right: 0 !important
}
.no-padding,
.p-0 {
padding: 0 !important
}
.pt-0 {
padding-top: 0 !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pl-0 {
padding-left: 0 !important
}
.pr-0 {
padding-right: 0 !important
}
.m-4 {
margin: 4px
}
.mt-4,
.my-4 {
margin-top: 4px
}
.mb-4,
.my-4 {
margin-bottom: 4px
}
.ml-4,
.mx-4 {
margin-left: 4px
}
.mr-4,
.mx-4 {
margin-right: 4px
}
.m-8 {
margin: 8px
}
.mt-8,
.my-8 {
margin-top: 8px
}
.mb-8,
.my-8 {
margin-bottom: 8px
}
.ml-8,
.mx-8 {
margin-left: 8px
}
.mr-8,
.mx-8 {
margin-right: 8px
}
.m-12 {
margin: 12px
}
.mt-12,
.my-12 {
margin-top: 12px
}
.mb-12,
.my-12 {
margin-bottom: 12px
}
.ml-12,
.mx-12 {
margin-left: 12px
}
.mr-12,
.mx-12 {
margin-right: 12px
}
.m-16 {
margin: 16px
}
.mt-16,
.my-16 {
margin-top: 16px
}
.mb-16,
.my-16 {
margin-bottom: 16px
}
.ml-16,
.mx-16 {
margin-left: 16px
}
.mr-16,
.mx-16 {
margin-right: 16px
}
.m-20 {
margin: 20px
}
.mt-20,
.my-20 {
margin-top: 20px
}
.mb-20,
.my-20 {
margin-bottom: 20px
}
.ml-20,
.mx-20 {
margin-left: 20px
}
.mr-20,
.mx-20 {
margin-right: 20px
}
.m-24 {
margin: 24px
}
.mt-24,
.my-24 {
margin-top: 24px
}
.mb-24,
.my-24 {
margin-bottom: 24px
}
.ml-24,
.mx-24 {
margin-left: 24px
}
.mr-24,
.mx-24 {
margin-right: 24px
}
.m-28 {
margin: 28px
}
.mt-28,
.my-28 {
margin-top: 28px
}
.mb-28,
.my-28 {
margin-bottom: 28px
}
.ml-28,
.mx-28 {
margin-left: 28px
}
.mr-28,
.mx-28 {
margin-right: 28px
}
.m-32 {
margin: 32px
}
.mt-32,
.my-32 {
margin-top: 32px
}
.mb-32,
.my-32 {
margin-bottom: 32px
}
.ml-32,
.mx-32 {
margin-left: 32px
}
.mr-32,
.mx-32 {
margin-right: 32px
}
.m-36 {
margin: 36px
}
.mt-36,
.my-36 {
margin-top: 36px
}
.mb-36,
.my-36 {
margin-bottom: 36px
}
.ml-36,
.mx-36 {
margin-left: 36px
}
.mr-36,
.mx-36 {
margin-right: 36px
}
.m-40 {
margin: 40px
}
.mt-40,
.my-40 {
margin-top: 40px
}
.mb-40,
.my-40 {
margin-bottom: 40px
}
.ml-40,
.mx-40 {
margin-left: 40px
}
.mr-40,
.mx-40 {
margin-right: 40px
}
.m-44 {
margin: 44px
}
.mt-44,
.my-44 {
margin-top: 44px
}
.mb-44,
.my-44 {
margin-bottom: 44px
}
.ml-44,
.mx-44 {
margin-left: 44px
}
.mr-44,
.mx-44 {
margin-right: 44px
}
.m-48 {
margin: 48px
}
.mt-48,
.my-48 {
margin-top: 48px
}
.mb-48,
.my-48 {
margin-bottom: 48px
}
.ml-48,
.mx-48 {
margin-left: 48px
}
.mr-48,
.mx-48 {
margin-right: 48px
}
.m-60 {
margin: 60px
}
.mt-60,
.my-60 {
margin-top: 60px
}
.mb-60,
.my-60 {
margin-bottom: 60px
}
.ml-60,
.mx-60 {
margin-left: 60px
}
.mr-60,
.mx-60 {
margin-right: 60px
}
.m-80 {
margin: 80px
}
.mt-80,
.my-80 {
margin-top: 80px
}
.mb-80,
.my-80 {
margin-bottom: 80px
}
.ml-80,
.mx-80 {
margin-left: 80px
}
.mr-80,
.mx-80 {
margin-right: 80px
}
.m-160 {
margin: 160px
}
.mt-160,
.my-160 {
margin-top: 160px
}
.mb-160,
.my-160 {
margin-bottom: 160px
}
.ml-160,
.mx-160 {
margin-left: 160px
}
.mr-160,
.mx-160 {
margin-right: 160px
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mr-auto {
margin-right: auto
}
.ml-auto {
margin-left: auto
}
.p-4 {
padding: 4px
}
.pt-4,
.py-4 {
padding-top: 4px
}
.pb-4,
.py-4 {
padding-bottom: 4px
}
.pl-4,
.px-4 {
padding-left: 4px
}
.pr-4,
.px-4 {
padding-right: 4px
}
.p-8 {
padding: 8px
}
.pt-8,
.py-8 {
padding-top: 8px
}
.pb-8,
.py-8 {
padding-bottom: 8px
}
.pl-8,
.px-8 {
padding-left: 8px
}
.pr-8,
.px-8 {
padding-right: 8px
}
.p-12 {
padding: 12px
}
.pt-12,
.py-12 {
padding-top: 12px
}
.pb-12,
.py-12 {
padding-bottom: 12px
}
.pl-12,
.px-12 {
padding-left: 12px
}
.pr-12,
.px-12 {
padding-right: 12px
}
.p-16 {
padding: 16px
}
.pt-16,
.py-16 {
padding-top: 16px
}
.pb-16,
.py-16 {
padding-bottom: 16px
}
.pl-16,
.px-16 {
padding-left: 16px
}
.pr-16,
.px-16 {
padding-right: 16px
}
.p-20 {
padding: 20px
}
.pt-20,
.py-20 {
padding-top: 20px
}
.pb-20,
.py-20 {
padding-bottom: 20px
}
.pl-20,
.px-20 {
padding-left: 20px
}
.pr-20,
.px-20 {
padding-right: 20px
}
.p-24 {
padding: 24px
}
.pt-24,
.py-24 {
padding-top: 24px
}
.pb-24,
.py-24 {
padding-bottom: 24px
}
.pl-24,
.px-24 {
padding-left: 24px
}
.pr-24,
.px-24 {
padding-right: 24px
}
.p-28 {
padding: 28px
}
.pt-28,
.py-28 {
padding-top: 28px
}
.pb-28,
.py-28 {
padding-bottom: 28px
}
.pl-28,
.px-28 {
padding-left: 28px
}
.pr-28,
.px-28 {
padding-right: 28px
}
.p-32 {
padding: 32px
}
.pt-32,
.py-32 {
padding-top: 32px
}
.pb-32,
.py-32 {
padding-bottom: 32px
}
.pl-32,
.px-32 {
padding-left: 32px
}
.pr-32,
.px-32 {
padding-right: 32px
}
.p-36 {
padding: 36px
}
.pt-36,
.py-36 {
padding-top: 36px
}
.pb-36,
.py-36 {
padding-bottom: 36px
}
.pl-36,
.px-36 {
padding-left: 36px
}
.pr-36,
.px-36 {
padding-right: 36px
}
.p-40 {
padding: 40px
}
.pt-40,
.py-40 {
padding-top: 40px
}
.pb-40,
.py-40 {
padding-bottom: 40px
}
.pl-40,
.px-40 {
padding-left: 40px
}
.pr-40,
.px-40 {
padding-right: 40px
}
.p-44 {
padding: 44px
}
.pt-44,
.py-44 {
padding-top: 44px
}
.pb-44,
.py-44 {
padding-bottom: 44px
}
.pl-44,
.px-44 {
padding-left: 44px
}
.pr-44,
.px-44 {
padding-right: 44px
}
.p-48 {
padding: 48px
}
.pt-48,
.py-48 {
padding-top: 48px
}
.pb-48,
.py-48 {
padding-bottom: 48px
}
.pl-48,
.px-48 {
padding-left: 48px
}
.pr-48,
.px-48 {
padding-right: 48px
}
.p-60 {
padding: 60px
}
.pt-60,
.py-60 {
padding-top: 60px
}
.pb-60,
.py-60 {
padding-bottom: 60px
}
.pl-60,
.px-60 {
padding-left: 60px
}
.pr-60,
.px-60 {
padding-right: 60px
}
.p-80 {
padding: 80px
}
.pt-80,
.py-80 {
padding-top: 80px
}
.pb-80,
.py-80 {
padding-bottom: 80px
}
.pl-80,
.px-80 {
padding-left: 80px
}
.pr-80,
.px-80 {
padding-right: 80px
}
.p-160 {
padding: 160px
}
.pt-160,
.py-160 {
padding-top: 160px
}
.pb-160,
.py-160 {
padding-bottom: 160px
}
.pl-160,
.px-160 {
padding-left: 160px
}
.pr-160,
.px-160 {
padding-right: 160px
}
@media (max-width: 767.98px) {
.no-margin-on-mobile {
margin: 0 !important
}
}
.uc-icon,
.uc-svg-icon {
display: inline;
color: #0176de;
vertical-align: middle;
font-family: Material Icons;
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
transition: transform .2s ease;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga"
}
.uc-icon.icon-color--gray,
.uc-svg-icon.icon-color--gray {
color: #707070
}
.uc-icon.icon-color--white,
.uc-svg-icon.icon-color--white {
color: #fff
}
.uc-icon.icon-background--white,
.uc-svg-icon.icon-background--white {
color: #707070 !important;
background-color: #fff !important
}
.uc-icon.icon-shape--rounded,
.uc-svg-icon.icon-shape--rounded {
background-color: #0176de;
color: #fff;
border-radius: 50%;
padding: 4px;
font-size: 16px
}
.uc-icon.icon-shape--rounded.icon-size--sm,
.uc-svg-icon.icon-shape--rounded.icon-size--sm {
padding: 3px 3.5px;
font-size: 11px !important
}
.uc-icon.icon-size--sm,
.uc-svg-icon.icon-size--sm {
font-size: 16px;
line-height: 1.1
}
.uc-icon.icon-size--lg,
.uc-svg-icon.icon-size--lg {
font-size: 42px
}
.uc-icon.icon-size--xl,
.uc-svg-icon.icon-size--xl {
font-size: 57px
}
.uc-icon.uc-icon-quote,
.uc-svg-icon.uc-icon-quote {
transform: scale(-1);
font-size: 64px;
margin-left: -8px;
margin-bottom: -8px
}
.uc-icon.uc-icon--disabled,
.uc-svg-icon.uc-icon--disabled {
color: #707070
}
.uc-svg-icon {
vertical-align: baseline;
fill: #0176de;
color: #0176de
}
.uc-svg-icon.icon-size--sm {
width: 16px;
height: 16px;
line-height: 1.1
}
.uc-svg-icon.icon-size--lg {
width: 42px;
height: 42px
}
.uc-svg-icon.icon-size--xl {
width: 57px;
height: 57px
}
.uc-rank.icon-color--yellow .uc-icon {
color: #fec60d
}
.uc-social-icons-container {
display: flex;
justify-content: center
}
@media (min-width: 992px) {
.uc-social-icons-container {
justify-content: flex-end
}
}
.uc-social-icons {
padding: 0;
margin: 0;
display: inline-flex;
list-style-type: none;
align-items: center
}
.uc-social-icons li {
margin-left: 20px
}
.uc-social-icons li:first-child {
margin-left: 0
}
@media (min-width: 992px) {
.uc-social-icons li {
margin-left: 36px
}
.uc-social-icons li:first-child {
margin-left: 0
}
}
.uc-icon--rotate-180 {
transform: rotate(180deg) !important
}
.uc-icon:before {
display: inline-block
}
.uc-icon--launch:before {
content: "\e895"
}
.uc-icon--arrow-drop-down:before {
content: "\e5c5"
}
.uc-icon--arrow-forward:before {
content: "\e5c8"
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
body {
font-family: Roboto, sans-serif;
font-size: 16px
}
a {
text-decoration: underline
}
a.link-inline {
text-decoration: underline;
color: #0176de
}
a .uc-icon {
font-size: 16px;
vertical-align: middle
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Roboto, sans-serif;
margin: 0
}
h1,
.h1,
.uc-h1 {
font-size: 2em;
line-height: 1.1875;
font-weight: 700
}
@media (min-width: 992px) {
h1,
.h1,
.uc-h1 {
font-size: 2.5em;
line-height: 1.3
}
}
h1.mobile,
.h1.mobile,
.uc-h1.mobile {
font-size: 2em;
line-height: 1.1875
}
h2,
.h2,
.uc-h2 {
font-size: 1.5em;
line-height: 1.16;
letter-spacing: .18px;
font-weight: 500
}
@media (min-width: 992px) {
h2,
.h2,
.uc-h2 {
font-size: 2em;
line-height: 1.2
}
}
h2.mobile,
.h2.mobile,
.uc-h2.mobile {
font-size: 1.5em;
line-height: 1.16
}
h3,
.h3,
.uc-h3 {
font-size: 1.25em;
letter-spacing: .18px;
font-weight: 700
}
@media (min-width: 992px) {
h3,
.h3,
.uc-h3 {
font-size: 1.5em;
line-height: 1.2
}
}
h3.mobile,
.h3.mobile,
.uc-h3.mobile {
font-size: 1.25em
}
h4,
.h4,
.uc-h4 {
font-size: 1.125em;
letter-spacing: .25px;
line-height: 1.2;
font-weight: 700
}
@media (min-width: 992px) {
h4,
.h4,
.uc-h4 {
font-size: 1.25em
}
}
h4 .mobile,
.h4 .mobile,
.uc-h4 .mobile {
font-size: 1.125em
}
h5,
.h5,
.uc-h5 {
font-size: 1em;
font-weight: 700;
line-height: 1.7;
letter-spacing: .1px
}
@media (min-width: 992px) {
h5,
.h5,
.uc-h5 {
line-height: 1.3;
font-size: 1.125em
}
}
h5 .mobile,
.h5 .mobile,
.uc-h5 .mobile {
font-size: 1em;
line-height: 1.7
}
h6,
.h6,
.uc-h6 {
font-size: .875em;
font-weight: 700;
line-height: 1.7;
letter-spacing: .1px
}
@media (min-width: 992px) {
h6,
.h6,
.uc-h6 {
font-size: 1em;
line-height: 1.5
}
}
h6 .mobile,
.h6 .mobile,
.uc-h6 .mobile {
font-size: .875em;
line-height: 1.7
}
p,
.p,
.uc-p {
font-size: 1em;
line-height: 1.6;
letter-spacing: .5px
}
@media (min-width: 992px) {
p,
.p,
.uc-p {
line-height: 1.5
}
}
p.mobile,
.p.mobile,
.uc-p.mobile {
line-height: 1.6
}
.p-size--sm,
.text-size--sm {
font-size: .875em;
line-height: 1.5
}
.p-size--sm.mobile,
.text-size--sm.mobile {
line-height: 1.5
}
.p-size--lg,
.text-size--lg {
font-size: 1.125em;
line-height: 1.7
}
.p-size--xl,
.text-size--xl {
font-size: 1.25em;
line-height: 1.4;
letter-spacing: .6px
}
@media (min-width: 992px) {
.p-size--xl,
.text-size--xl {
font-size: 1.5em;
line-height: 1.6;
letter-spacing: .18px
}
}
.p-size--xl.mobile,
.text-size--xl.mobile {
font-size: 1.25em;
line-height: 1.4;
letter-spacing: .6px
}
.p-color--primary,
.text-color--primary {
color: #0176de
}
.p-color--blue,
.text-color--blue {
color: #173f8a
}
.p-color--gray,
.text-color--gray {
color: #707070
}
.p-text--condensed,
.text--condensed {
letter-spacing: 0
}
.p-text--extended,
.text--extended {
letter-spacing: 1px
}
.text-weight--regular {
font-weight: 400
}
.text-weight--medium {
font-weight: 500
}
.text-weight--bold {
font-weight: 700
}
.text-font--serif {
font-family: Roboto Slab, serif
}
.external:after,
.uc-external:after {
content: "launch";
font-family: Material Icons;
font-size: 10px;
vertical-align: text-top;
display: inline
}
.uc-quote {
font-family: Roboto Slab, serif;
font-size: 1.125em;
line-height: 1.33333;
letter-spacing: .2px
}
@media (min-width: 992px) {
.uc-quote {
font-size: 1.5em;
letter-spacing: .18px
}
}
.uc-quote.mobile {
font-size: 1.125em;
letter-spacing: .2px
}
.uc-quote.quote-lg,
.uc-quote.quote-size--lg {
font-size: 1.5em;
font-weight: 700
}
@media (min-width: 992px) {
.uc-quote.quote-lg,
.uc-quote.quote-size--lg {
font-size: 2.125em;
line-height: 1.47
}
}
.uc-quote.quote-lg.mobile,
.uc-quote.quote-size--lg.mobile {
font-size: 1.5em
}
.uc-subtitle,
.uc-card .uc-card_header {
font-size: .75em;
text-transform: uppercase;
line-height: 1.5;
letter-spacing: 1.5px;
color: #707070;
font-weight: 500
}
.uc-subtitle.subtitle-extended,
.uc-card .subtitle-extended.uc-card_header {
letter-spacing: 2px
}
@media (min-width: 992px) {
.uc-subtitle,
.uc-card .uc-card_header {
font-size: .875em;
line-height: 1.1;
letter-spacing: 1px
}
}
.uc-subtitle.mobile,
.uc-card .mobile.uc-card_header {
font-size: .75em;
line-height: 1.5;
letter-spacing: 1.5px
}
code.uc-class {
color: #0176de;
background-color: #f6f6f6;
border: 1px solid #f0f0f0;
border-radius: 3px;
padding: 3px
}
mark {
background-color: #ffefa8
}
.text-start {
text-align: left
}
.text-end {
text-align: right
}
.text-center {
text-align: center
}
.uc-border {
border: 1px solid #eaeaea
}
.uc-border-top {
border-top: 1px solid #eaeaea
}
.uc-border-right {
border-right: 1px solid #eaeaea
}
.uc-border-bottom {
border-bottom: 1px solid #eaeaea
}
.uc-border-left {
border-left: 1px solid #eaeaea
}
.uc-border--none {
border: none !important
}
a:focus,
button:focus {
outline: 2px solid rgba(1, 118, 222, .7);
outline-offset: 2px
}
.carousel-controls .prev:focus,
.carousel-controls .next:focus {
outline: 2px solid rgba(1, 118, 222, .7) !important;
outline-offset: 4px
}
.text-left {
text-align: left !important
}
.text-center {
text-align: center !important
}
.text-right {
text-align: right !important
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.uppercase {
text-transform: uppercase
}
.color-white {
color: #fff !important
}
.color-black {
color: #000 !important
}
.color-blue {
color: #0176de !important
}
.color-blue-alt {
color: #173f8a !important
}
.white-triangle {
width: 41px;
height: 14px;
position: absolute;
overflow: hidden;
top: -14px;
left: 32px
}
.white-triangle:after {
content: "";
position: absolute;
top: 7px;
left: 9px;
width: 15px;
height: 15px;
background-color: #fff;
z-index: 2;
transform: rotate(45deg);
box-shadow: 0 0 20px rgba(0, 0, 0, .18);
border-radius: 4px
}
.white-triangle--center {
left: 385px
}
.uc-container-break-out {
width: 100vw;
position: relative;
left: calc(-.5*(100vw - 100%))
}
.img-fluid {
max-width: 100%;
height: auto
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px
}
.w-full {
width: 100%
}
.h-full {
height: 100%
}
.uc-png-background {
background: linear-gradient(45deg, #dfdcdc 25%, transparent 25%, transparent 75%, #dfdcdc 75%, #dfdcdc), linear-gradient(45deg, #dfdcdc 25%, rgba(187, 187, 187, .157) 25%, rgba(187, 187, 187, .157) 75%, #dfdcdc 75%, #dfdcdc);
background-size: 10px 10px;
background-position: 0 0, 5px 5px
}
.uc-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.uc-not-sr-only {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal
}
.uc--no-underline {
text-decoration: none !important
}
@keyframes CarouselNav {
0% {
width: 0
}
to {
width: 100%
}
}
.uc-loader {
animation: loader-turn 2s linear infinite;
padding: 1rem;
max-width: 60px;
width: 100%
}
@keyframes loader-turn {
50% {
transform: rotate(180deg)
}
to {
transform: rotate(720deg)
}
}
.uc-loader_value {
animation: loader-stroke 2s linear infinite;
fill: none;
stroke-dasharray: 63;
stroke-dashoffset: 63;
stroke-linecap: round;
stroke-width: 4;
stroke: #0176de
}
@keyframes loader-stroke {
50% {
stroke-dashoffset: 0
}
to,
to {
stroke-dashoffset: 63
}
}
.uc-accordion-v2 {
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-accordion-v2__item {
border-radius: 0;
box-shadow: none;
border-top: 0
}
.uc-accordion-v2__item-heading {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 22px;
text-decoration: none;
border-left: 4px solid #0176de !important;
width: 100%;
border: none;
background: #fff;
border-top: 1px solid #eaeaea
}
.uc-accordion-v2__item-heading-title {
font-size: 18px;
font-weight: 600;
color: #03122e;
margin: 0
}
.uc-accordion-v2__item-heading:hover {
text-decoration: none
}
.uc-accordion-v2__item-heading:hover .uc-icon.icon-shape--rounded {
color: #173f8a;
background-color: #fec60d
}
.uc-accordion-v2__item-content {
padding: 0
}
.uc-accordion-v2__item-content-body {
border-top: 1px solid #eaeaea;
padding: 20px;
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
z-index: auto
}
@media (min-width: 992px) {
.uc-accordion-v2__item-content-body {
padding: 24px
}
}
[data-uc-collapsable-id] {
--animation-duration: .25s;
transition: height var(--animation-duration) linear;
overflow: hidden
}
@media (prefers-reduced-motion: reduce) {
[data-uc-collapsable-id] {
--animation-duration: 0s
}
}
[data-uc-collapsable-id][data-uc-collapsable-open=false] {
height: 0
}
[data-uc-collapsable-id][data-uc-collapsable-open=true] {
height: var(--uc-collapsable-height, 100%)
}
[data-uc-collapsable-trigger-for][aria-expanded=false] [data-uc-collapsable-hide-when-closed],
[data-uc-collapsable-trigger-for][aria-expanded=true] [data-uc-collapsable-hide-when-opened] {
display: none
}
[data-uc-collapsable-trigger-for][aria-expanded=true] [data-uc-collapsable-rotate-when-opened] {
transform: rotate(180deg)
}
.uc-tabs-v2__tablist {
min-width: 100%;
border-bottom: 2px solid #f0f0f0;
margin-top: 24px;
margin-bottom: 16px
}
.uc-tabs-v2__tab {
border: none;
outline: none;
background-color: transparent;
white-space: nowrap;
border-bottom: 4px solid transparent
}
.uc-tabs-v2__tab,
.uc-tabs-v2__tab:focus,
.uc-tabs-v2__tab:hover {
display: inline-block;
position: relative;
z-index: 2;
top: 2px;
margin: 0;
padding: 12px 8px;
outline: none;
font-weight: 500;
text-align: left;
cursor: pointer
}
.uc-tabs-v2__tab[aria-selected=false] {
color: #707070
}
.uc-tabs-v2__tab[aria-selected=true] {
margin-top: 0;
border-bottom: 4px solid #0176de
}
.uc-tabs-v2__tab:focus span.focus {
padding: 2px 4px;
border: 2px solid #0176de;
border-radius: 3px
}
.uc-tabs-v2 span.focus {
display: inline-block;
padding: 4px 6px
}
.uc-tabs-v2__tabpanel {
padding: 5px;
min-height: 10em;
width: 100%;
overflow: auto
}
.uc-tabs-v2__tabpanel.is-hidden {
display: none
}
.uc-tabs-v2__tabpanel p {
margin: 0
}
.uc-tabs-v2--manual {
display: flex
}
[data-uc-tooltip-content-id] {
position: absolute;
background-color: #fff;
padding: 16px 24px;
border: 1px solid #e0e0e0;
z-index: 2;
box-shadow: 0 0 20px rgba(0, 0, 0, .18)
}
[data-uc-tooltip-arrow] {
position: absolute;
background: inherit;
width: 8px;
height: 8px;
transform: rotate(45deg)
}
.uc-carousel-v2 {
margin-bottom: 4px;
position: relative;
--slide-height: 19rem;
--slide-spacing: 1rem;
--slide-inner-padding-mobile: .75rem;
--slide-size: 100%
}
.uc-carousel-v2__viewport {
overflow: hidden
}
.uc-carousel-v2__container {
backface-visibility: hidden;
display: flex;
touch-action: pan-y;
margin-left: calc(var(--slide-spacing) * -1)
}
.uc-carousel-v2__slide {
flex: 0 0 var(--slide-size);
min-width: 0;
padding-left: var(--slide-spacing)
}
.uc-carousel-v2__controls {
padding-inline: 32px;
position: absolute;
justify-content: space-between;
width: 100%;
bottom: 32px;
left: 50%;
transform: translate(-50%);
z-index: 1;
display: flex;
gap: .5rem;
align-items: center
}
.uc-carousel-v2__shortcuts {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center
}
.uc-carousel-v2__shortcut {
--slide-index: "";
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
padding: 4px 2px
}
.uc-carousel-v2__shortcut:after {
content: var(--slide-index);
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
font-weight: 600;
padding-inline: 6px;
color: #eaeaea;
border-bottom: 2px solid #eaeaea;
opacity: .6
}
.uc-carousel-v2__shortcut--active:after {
color: #fff;
border-bottom: 5px solid white;
opacity: 1
}
.uc-carousel-v2__prev,
.uc-carousel-v2__next,
.uc-carousel-v2__play {
width: 32px !important;
height: 32px !important;
aspect-ratio: 1/1;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: -moz-fit-content;
width: fit-content;
padding: 0
}
.uc-carousel-v2__prev[disabled],
.uc-carousel-v2__next[disabled],
.uc-carousel-v2__play[disabled] {
opacity: .5;
pointer-events: none
}
.uc-carousel-v2__skip-navigation,
.uc-carousel-v2__skip-to-end-button,
.uc-carousel-v2__skip-to-start-button {
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
opacity: 0;
pointer-events: none
}
.uc-carousel-v2__skip-navigation:focus,
.uc-carousel-v2__skip-to-end-button:focus,
.uc-carousel-v2__skip-to-start-button:focus {
pointer-events: all;
opacity: 1;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content
}
.uc-carousel-v2__skip-navigation-button,
.uc-carousel-v2__skip-to-end-button {
top: 0
}
.uc-carousel-v2__skip-to-start-button {
bottom: 0
}
.uc-carousel-v2__progress-indicator--stripe {
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 4px;
background-color: var(--lightgray-a)
}
.uc-carousel-v2__progress-indicator--stripe:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
width: var(--progress, 100%);
height: 4px;
background-color: var(--primary)
}
.uc-carousel-v2__progress-indicator--circle {
--size: 25px;
--thickness: calc(var(--size) / 4);
position: absolute;
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
width: var(--size, 100px);
height: var(--size, 100px);
border-radius: 50%;
border: 1px solid white;
background: conic-gradient(var(--primary) var(--progress, 0%), var(--lightgray-a) 0)
}
.uc-carousel-v2[data-uc-carousel-type=cards] {
padding-top: 40px;
padding-bottom: 80px;
border: 1px solid red;
--slide-size: fit-content;
--carousel-offset: 30%
}
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__viewport {
padding-left: var(--carousel-offset);
padding-right: var(--carousel-offset)
}
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__controls {
bottom: 32px
}
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__prev,
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__next,
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__play {
fill: #0176de;
background-color: #0176de !important
}
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__prev[disabled],
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__next[disabled],
.uc-carousel-v2[data-uc-carousel-type=cards] .uc-carousel-v2__play[disabled] {
opacity: .5;
pointer-events: none
}
.test-slide {
margin: 0;
width: 100%;
height: 200px;
background-color: var(--lightgray);
color: #000;
border: 2px solid red;
padding: 40px
}
.uc-focus--outline-white *:focus {
outline: 2px solid white
}
.uc-btn {
position: relative;
line-height: 1;
border: none;
display: flex;
align-items: center;
text-decoration: none;
border-radius: 4px;
background-color: transparent;
justify-content: space-between;
transition: background-color .2s ease
}
.uc-btn.btn-primary {
color: #0176de;
display: flex;
padding: 12px 16px;
line-height: 1.5;
text-align: left;
font-weight: 500;
background-color: #fff;
border: 1px solid #eaeaea;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-btn.btn-primary:hover,
.uc-btn.btn-primary.hover {
border-color: #0176de;
text-decoration: none
}
.uc-btn.btn-primary:active,
.uc-btn.btn-primary.active {
background-color: #f6f6f6
}
.uc-btn.btn-secondary,
.uc-btn.uc-btn-secondary {
color: #fff;
padding: 12px 16px;
line-height: 1.5;
font-weight: 500;
background-color: #0176de;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-btn.btn-secondary .uc-icon,
.uc-btn.uc-btn-secondary .uc-icon {
color: #fff
}
.uc-btn.btn-secondary:hover,
.uc-btn.btn-secondary.hover,
.uc-btn.uc-btn-secondary:hover,
.uc-btn.uc-btn-secondary.hover {
background-color: #173f8a;
text-decoration: none
}
.uc-btn.btn-featured {
width: 100%;
color: #000;
background: #fff;
padding: 24px 16px;
border: 1px solid #eaeaea;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 8px rgba(136, 136, 136, .18);
border-left: 2px solid #fec60d
}
.uc-btn.btn-featured .uc-icon {
font-size: 16px
}
.uc-btn.btn-featured:hover,
.uc-btn.btn-featured.hover {
text-decoration: none;
border: 1px solid #fec60d;
border-left: 2px solid #fec60d
}
.uc-btn.btn-cta {
display: block;
padding: 12px 16px;
font-weight: 500;
text-align: center;
color: #173f8a;
background-color: #fec60d
}
.uc-btn.btn-cta:hover,
.uc-btn.btn-cta.hover {
text-decoration: none;
background-color: #e3ae00
}
.uc-btn.btn-admission {
font-size: 14px;
font-weight: 500;
padding: 8px 10px;
border: 2px solid #fec60d
}
.uc-btn.btn-admission .uc-icon {
font-size: 10px
}
.uc-btn.btn-admission:hover,
.uc-btn.btn-admission.hover {
text-decoration: none;
color: #0176de;
background-color: #fff
}
.uc-btn.btn-filter {
padding: 8px;
color: #000;
border: 1px solid #eaeaea;
box-shadow: 0 0 8px rgba(136, 136, 136, .18);
border-radius: 8px
}
.uc-btn.btn-filter .uc-icon {
font-size: 12px;
vertical-align: middle
}
.uc-btn.btn-filter:hover,
.uc-btn.btn-filter.hover {
text-decoration: none;
background-color: #f6f6f6
}
.uc-btn.btn-listed {
width: 100%;
color: #000;
font-size: 14px;
border-radius: 0;
font-weight: 500;
padding: 12px 16px;
border-bottom: 1px solid #eaeaea
}
.uc-btn.btn-listed:hover,
.uc-btn.btn-listed.hover {
text-decoration: none;
background-color: #f6f6f6
}
.uc-btn.btn-listed:first-child {
border-top: 1px solid #eaeaea
}
.uc-btn.btn-listed--small {
padding: 8px !important
}
.uc-btn.btn-listed--border-top {
border-top: 1px solid #eaeaea !important
}
.uc-btn.btn-inline {
display: inline-flex
}
.uc-btn.btn-inline .uc-icon {
margin-left: 12px;
transition: .2s ease
}
.uc-btn.btn-inline:hover,
.uc-btn.btn-inline.hover {
text-decoration: none
}
.uc-btn.btn-inline:hover .uc-icon.icon-shape--rounded,
.uc-btn.btn-inline.hover .uc-icon.icon-shape--rounded {
color: #173f8a;
background-color: #fec60d
}
.uc-btn.btn-inline.btn-inline--icon-adjacent {
justify-content: flex-start
}
.uc-btn.btn-inline.btn-inline--bold {
font-weight: 700
}
.uc-btn.btn-disabled,
.uc-btn:disabled {
pointer-events: none;
color: #9c9c9c;
cursor: not-allowed;
background-color: #f6f6f6
}
.uc-btn.btn-disabled .uc-icon,
.uc-btn:disabled .uc-icon {
color: #9c9c9c
}
.uc-btn.btn-disabled .uc-icon.icon-shape--rounded,
.uc-btn:disabled .uc-icon.icon-shape--rounded {
color: #fff;
background-color: #9c9c9c
}
.uc-btn.btn-disabled:hover,
.uc-btn.btn-disabled.hover,
.uc-btn:disabled:hover,
.uc-btn:disabled.hover {
border-color: inherit;
background-color: #f6f6f6
}
.uc-btn.btn-disabled.btn-featured,
.uc-btn:disabled.btn-featured {
border-left-color: #9c9c9c
}
.uc-btn.btn-disabled.btn-inline,
.uc-btn:disabled.btn-inline {
background-color: inherit
}
.uc-btn.btn-disabled.btn-admission,
.uc-btn:disabled.btn-admission {
border-color: #9c9c9c
}
.uc-btn.btn-disabled.btn-ghost,
.uc-btn:disabled.btn-ghost {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-color: #707070;
color: #c6c6c6;
background-color: rgba(0, 0, 0, .3)
}
.uc-btn.btn-disabled.btn-ghost:hover,
.uc-btn.btn-disabled.btn-ghost.hover,
.uc-btn.btn-disabled.btn-ghost:active,
.uc-btn.btn-disabled.btn-ghost.active,
.uc-btn:disabled.btn-ghost:hover,
.uc-btn:disabled.btn-ghost.hover,
.uc-btn:disabled.btn-ghost:active,
.uc-btn:disabled.btn-ghost.active {
color: #c6c6c6;
border-color: #707070;
box-shadow: none;
background-color: rgba(0, 0, 0, .3);
outline: none
}
.uc-btn.btn-disabled.btn-ghost .uc-icon,
.uc-btn:disabled.btn-ghost .uc-icon {
color: #c6c6c6 !important
}
.uc-btn.btn-disabled.btn-ghost .uc-icon.icon-shape--rounded,
.uc-btn:disabled.btn-ghost .uc-icon.icon-shape--rounded {
color: #fff !important
}
.uc-btn.btn-disabled.btn-ghost .icon-background--white,
.uc-btn:disabled.btn-ghost .icon-background--white {
background-color: #9c9c9c !important
}
.uc-btn.btn-ghost {
color: #fff;
display: flex;
padding: 10px 16px;
line-height: 24px;
text-align: left;
font-weight: 500;
background-color: rgba(0, 0, 0, .5);
border: 2px solid #c6c6c6;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-btn.btn-ghost:hover,
.uc-btn.btn-ghost.hover {
border-color: #c6c6c6;
text-decoration: none;
background-color: rgba(0, 0, 0, .8)
}
.uc-btn.btn-ghost:active,
.uc-btn.btn-ghost.active {
background-color: rgba(0, 0, 0, .5);
border-color: #fff;
color: #fff
}
.uc-btn.btn-underline {
text-decoration: underline
}
.uc-btn.btn-underline .uc-icon {
text-decoration: none !important
}
.uc-tag {
color: #fff;
font-size: .875em;
padding: 4px 8px;
border-radius: 4px;
background-color: #0176de;
display: inline-block;
font-weight: 500;
line-height: 1;
letter-spacing: .5px;
align-self: flex-start;
z-index: 10;
transition: background-color .2s ease;
text-decoration: none
}
.uc-tag:hover {
color: #fff;
background-color: #173f8a;
text-decoration: none
}
.uc-tag.tag-overlayed {
box-shadow: 0 0 8px rgba(136, 136, 136, .5)
}
.uc-tags .uc-tag {
margin: 4px
}
.uc-dropdown {
position: relative
}
.uc-dropdown_list {
top: 30px;
z-index: 100;
display: none;
min-width: 210px;
position: absolute;
padding: 12px 24px;
list-style-type: none;
background-color: #fff;
box-shadow: 0 0 25px rgba(0, 0, 0, .3);
border-radius: 4px
}
.uc-dropdown_list .uc-btn {
color: #173f8a;
font-weight: 700
}
.uc-dropdown_list .uc-btn:hover {
text-decoration: underline
}
.uc-dropdown_list .uc-btn:hover>.uc-icon {
text-decoration: none;
display: block
}
.uc-dropdown_list .uc-dropdown_list-item {
border-bottom: 1px solid #ededed
}
.uc-dropdown_list .uc-dropdown_list-item .uc-btn {
font-size: 14px;
padding: 12px 0;
border-bottom: 1px solid transparent
}
.uc-dropdown_list .uc-dropdown_list-item:last-child {
border-bottom: 0
}
.uc-dropdown_list .uc-dropdown_list-item *.flag-es:after {
color: #9c9c9c
}
.uc-dropdown_list.show {
display: block
}
.uc-navbar-dropdown_menu--footer {
padding-bottom: 64px !important
}
.dropdown_item--footer {
background-color: var(--lightgray-a);
padding: 20px 0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.dropdown_item--footer .uc-btn {
font-weight: 500
}
.dropdown_item--footer .uc-btn .uc-icon {
color: var(--blue)
}
.uc-navbar-dropdown_menu {
z-index: 999;
padding: 24px;
min-width: 240px;
text-align: left;
position: relative;
list-style-type: none;
background-color: #fff;
box-shadow: 0 0 25px rgba(0, 0, 0, .3);
border-radius: 4px
}
.uc-navbar-dropdown_menu .uc-btn {
line-height: 1.15em
}
.uc-navbar-dropdown_menu .dropdown_item--heading {
color: #173f8a;
font-size: 1.05rem !important;
font-weight: 700;
padding: 0 8px 12px 0;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
margin-bottom: 16px
}
.uc-navbar-dropdown_menu .dropdown_item--heading>.uc-btn:hover {
text-decoration: underline
}
.uc-navbar-dropdown_menu .uc-navbar-dropdown_child {
margin: 12px 0 0;
padding: 0;
list-style-type: none
}
.uc-navbar-dropdown_menu .uc-navbar-dropdown_item {
padding: 8px;
font-size: 14px;
text-align: left;
min-width: 200px;
border-bottom: 1px solid #eaeaea;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
-webkit-column-break-inside: avoid
}
.uc-navbar-dropdown_menu .uc-navbar-dropdown_item:first-child {
border-top: 1px solid #eaeaea
}
.uc-navbar-dropdown_menu .uc-navbar-dropdown_item .uc-btn {
font-weight: 400;
color: #000 !important
}
.uc-navbar-dropdown_menu.cols-2 {
-moz-columns: 2;
columns: 2;
-moz-column-width: 210px;
column-width: 210px;
-moz-column-gap: 12px;
column-gap: 12px
}
.uc-navbar-dropdown_menu.cols-3 {
-moz-columns: 3;
columns: 3;
-moz-column-width: 210px;
column-width: 210px;
-moz-column-gap: 12px;
column-gap: 12px
}
.uc-navbar-dropdown_menu.cols-4 {
-moz-columns: 4;
columns: 4;
-moz-column-width: 210px;
column-width: 210px;
-moz-column-gap: 12px;
column-gap: 12px
}
.uc-navbar-dropdown_menu.cols-5 {
-moz-columns: 5;
columns: 5;
-moz-column-width: 210px;
column-width: 210px;
-moz-column-gap: 12px;
column-gap: 12px
}
.uc-navbar-dropdown_menu .active {
border-bottom: none !important;
text-decoration: underline
}
.uc-navbar-dropdown_menu {
display: none
}
.uc-navbar-dropdown_menu[data-show] {
display: block
}
.uc-navbar-dropdown_menu[data-show]:before {
content: "";
height: 12px;
width: 100%;
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
background: transparent !important
}
.uc-navbar_arrow {
background-color: transparent
}
.uc-navbar_arrow,
.uc-navbar_arrow:before {
translate: -50%;
border-radius: 4px;
content: "";
position: absolute;
width: 18px;
height: 18px;
top: -3px;
right: -50%;
z-index: -1;
transform: rotate(45deg);
background: #fff
}
.uc-navbar {
background-color: #fff;
border-bottom: 1px solid #eaeaea;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
@media (min-width: 992px) {
.uc-navbar {
padding: 24px 0
}
}
.uc-navbar .uc-navbar_nav {
margin: 24px 0 0;
padding: 0;
z-index: 10;
display: flex;
position: relative;
align-items: center;
list-style-type: none;
justify-content: space-between
}
.uc-navbar .uc-navbar_nav .nav-item {
flex-grow: 1;
padding: 1px 0;
position: relative;
text-align: center;
border-right: 1px solid #eaeaea
}
.uc-navbar .uc-navbar_nav .nav-item:first-child {
border-left: 1px solid #eaeaea
}
.uc-navbar .uc-navbar_nav .nav-item .btn-admission,
.uc-navbar .uc-navbar_nav .nav-item .uc-btn {
color: #173f8a
}
.uc-navbar .uc-navbar_nav .nav-item .uc-btn.active {
border-bottom: 2px solid
}
.uc-navbar .uc-navbar_nav .nav-item>.uc-btn {
border-radius: 0;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
transition: border-bottom-width .2s ease, border-bottom-color .2s ease
}
.uc-navbar .uc-navbar_nav .nav-item>.uc-btn:hover {
border-bottom: 2px solid
}
.uc-navbar.navbar-dark {
background-color: #0176de
}
.uc-navbar.navbar-dark .uc-navbar_nav .nav-item {
border-color: #fff
}
.uc-navbar.navbar-dark .uc-navbar_nav .nav-item .uc-btn {
color: #fff
}
.uc-navbar.navbar-dark .uc-navbar_mobile-bar .uc-navbar_mobile-logo {
background-color: #0176de;
color: #fff
}
.uc-navbar.navbar-transparent {
border-bottom: none;
background: linear-gradient(180deg, rgba(3, 18, 46, .7), rgba(3, 18, 46, 0)), rgba(3, 18, 46, .6)
}
.uc-navbar.navbar-transparent:before {
z-index: -1;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px)
}
.uc-navbar.navbar-transparent .uc-navbar_nav>.nav-item {
border-color: #fff
}
.uc-navbar.navbar-transparent .uc-navbar_nav>.nav-item>.uc-btn {
color: #fff
}
.uc-navbar.navbar-transparent .uc-navbar_mobile-bar .uc-navbar_mobile-logo,
.uc-navbar.navbar-transparent .uc-navbar_mobile-bar .uc-navbar_mobile-button {
background-color: transparent
}
.uc-navbar.navbar--absolute {
position: absolute;
width: 100%;
z-index: 1
}
.uc-portal-navbar {
padding: 0;
position: relative;
background-color: #fff;
border-bottom: 1px solid #eaeaea;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
@media (min-width: 992px) {
.uc-portal-navbar {
padding: 80px 0
}
}
.uc-portal-navbar .row {
align-items: center;
justify-content: space-between
}
.uc-portal-navbar .uc-navbar_title {
width: calc(100% - 75px)
}
@media (min-width: 992px) {
.uc-portal-navbar .uc-navbar_title {
width: auto
}
}
.uc-portal-navbar .uc-navbar_title h1 {
font-family: Roboto Slab, serif;
font-size: 32px;
color: #173f8a;
line-height: 1.2
}
@media (min-width: 992px) {
.uc-portal-navbar .uc-navbar_title h1 {
font-size: 40px
}
}
.uc-portal-navbar .uc-navbar_nav {
padding: 0;
margin: 0;
display: flex;
list-style: none;
align-items: center;
font-weight: 500
}
.uc-portal-navbar .uc-navbar_nav a.uc-btn {
border-radius: 0;
text-decoration: none
}
.uc-portal-navbar .uc-navbar_nav .nav-item {
padding: 0 8px
}
.uc-portal-navbar .uc-navbar_nav .nav-item:first-child {
padding-left: 0
}
.uc-portal-navbar .uc-navbar_nav .nav-item .uc-link,
.uc-portal-navbar .uc-navbar_nav .nav-item a {
color: #173f8a
}
.uc-navbar_mobile-bar {
display: flex;
justify-content: space-between
}
.uc-navbar_mobile-bar .uc-navbar_mobile-logo {
flex-grow: 1;
padding: 16px 20px;
background-color: #173f8a
}
.uc-navbar_mobile-bar .uc-navbar_mobile-logo img {
max-width: 184px;
height: auto
}
.uc-navbar_mobile-bar .uc-navbar_mobile-logo.navbar-light {
background-color: #fff
}
.uc-navbar_mobile-bar .uc-navbar_mobile-logo.navbar-dark {
background-color: #03122e
}
.uc-navbar_mobile-bar.navbar-brand .uc-navbar_mobile-logo {
padding: 28px 20px
}
.uc-navbar_mobile-button {
color: #fff;
min-width: 75px;
display: flex;
font-size: 12px;
align-items: center;
text-decoration: none;
flex-direction: column;
justify-content: center;
text-transform: uppercase;
background-color: #0176de
}
.uc-navbar_mobile-button:focus,
.uc-navbar_mobile-button:hover {
color: #fff
}
.uc-navbar_mobile-button .uc-icon {
color: #fff;
font-size: 35px;
transition: .2s ease
}
.uc-navbar_mobile-button .uc-icon:before {
content: "menu"
}
.uc-navbar_mobile-button.js-accordion-active-element .uc-icon:before {
content: "close"
}
.uc-navbar_mobile-button>* {
pointer-events: none
}
.uc-navbar_mobile-button:hover {
text-decoration: none
}
.uc-navbar_mobile-button:focus {
outline: none
}
.uc-navbar_mobile-content {
width: 100%;
z-index: 20;
height: auto;
overflow: hidden;
position: absolute;
background-color: #fff;
transition: height .25s linear
}
.uc-navbar_mobile-content .uc-navbar_mobile-list {
display: flex;
flex-direction: column;
border-bottom: 1px solid #dee2e6
}
.uc-navbar_mobile-content .uc-navbar_mobile-list .list-item {
padding: 12px;
text-decoration: none;
color: #000;
border-top: 1px solid #dedede;
font-weight: 500
}
.uc-navbar_mobile-content .uc-navbar_mobile-list .list-item:last-child {
border-bottom: 1px solid #dedede
}
.collapse-nav-mobile {
overflow: hidden;
background-color: #fff
}
.collapse-nav-mobile .uc-collapse_heading,
.collapse-nav-mobile .uc-collapse_heading-mobile {
display: flex;
transition: .2s ease
}
.collapse-nav-mobile .uc-collapse_heading .uc-icon,
.collapse-nav-mobile .uc-collapse_heading-mobile .uc-icon {
transition: .2s ease;
pointer-events: none
}
.collapse-nav-mobile .uc-collapse_heading.js-accordion-active-element,
.collapse-nav-mobile .uc-collapse_heading-mobile.js-accordion-active-element {
box-shadow: inset 4px 0 #0176de
}
.collapse-nav-mobile .uc-collapse_heading.js-accordion-active-element .uc-icon,
.collapse-nav-mobile .uc-collapse_heading-mobile.js-accordion-active-element .uc-icon {
transform: rotate(180deg)
}
.collapse-nav-mobile .uc-collapse_heading:focus,
.collapse-nav-mobile .uc-collapse_heading-mobile:focus {
outline: none;
background-color: #fff
}
.collapse-nav-mobile .uc-collapse_body {
transition: height .25s linear;
background-color: #f6f6f6
}
.uc-accordion-mobile {
border-top: 1px solid #eaeaea
}
.uc-accordion-mobile .btn-listed:first-child {
border-top: none
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content {
height: 100dvh;
position: fixed;
transition: .5s ease-in-out;
transform: translate(100%);
overflow-y: scroll
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list {
list-style-type: none;
padding: 0;
margin: 0
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list .list-item {
padding: 0;
display: flex;
flex-direction: column
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list .list-item a {
padding: 12px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: space-between;
color: #000
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list .list-item .list-close {
justify-content: flex-start;
border-top: 0;
background-color: #fff;
color: #707070
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list .list-item.has-list-children .list-children {
position: absolute;
background-color: #f6f6f6;
padding: 0;
list-style: none;
left: 0;
top: 0;
width: calc(100% - 16px);
min-height: 100%;
transform: translate(100%);
transition: .5s ease-in-out;
margin: 0 0 0 16px;
box-shadow: 0 0 20px rgba(0, 0, 0, .18)
}
.uc-navbar_mobile.navbar_mobile-slide .uc-navbar_mobile-content .uc-navbar_mobile-list .list-item.has-list-children .list-children.is-children-open {
transform: translate(0)
}
.uc-navbar_mobile.navbar_mobile-slide.is-open .uc-navbar_mobile-button .uc-icon:before {
content: "close"
}
.uc-navbar_mobile.navbar_mobile-slide.is-open .uc-navbar_mobile-content {
transform: translate(0)
}
.uc-navbar_mobile--open {
overflow: hidden
}
.uc-navbar-side {
list-style-type: none;
font-size: 16px;
line-height: 24px;
vertical-align: top;
letter-spacing: .5px;
padding: 0;
--padding: 12px 16px
}
.uc-navbar-side.uc-navbar-side-fit {
height: 100%;
overflow-y: auto
}
.uc-navbar-side li {
padding: 0
}
.uc-navbar-side li.disabled {
opacity: .5;
pointer-events: none
}
.uc-navbar-side li a {
color: inherit;
text-decoration: none;
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
cursor: pointer;
padding: var(--padding)
}
.uc-navbar-side li a.active,
.uc-navbar-side li a:hover {
background-color: #f0f0f0;
border-radius: 4px
}
.uc-navbar-side li a.active .uc-icon,
.uc-navbar-side li a:hover .uc-icon {
color: #0176de
}
.uc-navbar-side li a .uc-icon {
align-self: center;
color: #dedede
}
.uc-navbar-side li a:hover:not(.active) {
background-color: rgba(240, 240, 240, .4)
}
.uc-navbar-side li li a {
padding-left: 32px
}
.uc-navbar-side .uc-navbar-side_label {
line-height: 16px;
font-size: 14px;
font-weight: 700;
padding: var(--padding)
}
.uc-navbar-side .uc-navbar-side_padding {
padding: var(--padding)
}
.uc-navbar-side .uc-navbar-side {
font-size: 14px;
line-height: 16px
}
.uc-menu {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: relative;
box-shadow: 0 0 25px rgba(0, 0, 0, .3);
border-radius: 4px
}
.uc-menu a {
text-decoration: none
}
.uc-menu .uc-menu_list {
list-style: none;
margin: 0;
padding: 12px 24px;
background-color: #fff
}
.uc-menu .uc-menu_list:last-child {
border-radius: 0 4px 4px 0
}
.uc-menu .uc-menu_list.first-level {
background-color: #173f8a;
min-width: 310px;
border-radius: 4px 0 0 4px
}
.uc-menu .uc-menu_list.first-level>.uc-menu_list-item .uc-btn {
color: #fff
}
.uc-menu .uc-menu_list:nth-child(2) {
-ms-grid-column: 1
}
.uc-menu .uc-menu_list:nth-child(3) {
-ms-grid-column: 2
}
.uc-menu .uc-menu_list:nth-child(4) {
-ms-grid-column: 3
}
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn {
padding: 12px 0;
font-size: 14px;
font-weight: 500;
letter-spacing: .45px;
transition: .2s ease
}
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn .uc-icon {
font-size: 16px;
color: #fff
}
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn:hover,
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn.active {
text-decoration: none
}
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn:hover .title,
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn.active .title {
text-decoration: underline
}
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn:hover .uc-icon,
.uc-menu .uc-menu_list .uc-menu_list-item .uc-btn.active .uc-icon {
text-decoration: none;
color: #fec60d
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item {
border-top: 1px solid #eaeaea
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item:last-child {
border-bottom: 1px solid #eaeaea
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item .uc-btn {
color: #000;
font-weight: 400;
border-radius: 0;
padding: 12px;
border-left: 2px solid transparent;
transition: .2s ease
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item .uc-btn .uc-icon {
color: #0176de
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item .uc-btn:hover {
border-left: 2px solid #fec60d
}
.uc-menu .uc-menu_list.second-level .uc-menu_list-item .uc-btn:hover .uc-icon {
color: #0176de
}
.uc-menu .uc-menu_list.second-level:first-child {
padding: 12px 12px 12px 24px
}
.uc-menu .uc-menu_list.second-level:last-child {
padding: 12px 24px 12px 12px
}
.uc-menu .uc-menu_list .dropdown-content {
position: absolute;
display: flex;
top: 0;
left: 100%;
height: 100%;
background-color: #fff;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 25px rgba(0, 0, 0, .3)
}
.uc-menu .triangle {
width: 41px;
height: 14px;
position: absolute;
overflow: hidden;
top: -14px
}
.uc-menu .triangle:after {
content: "";
position: absolute;
top: 8px;
left: 9px;
width: 15px;
height: 15px;
background-color: #fff;
z-index: 2;
transform: rotate(45deg);
box-shadow: 0 0 20px rgba(0, 0, 0, .18);
border-radius: 4px
}
.uc-menu .triangle.blue:after {
background-color: #173f8a
}
.uc-top-bar {
padding: 15px 0;
color: #fff;
background-color: #173f8a
}
.uc-top-bar *>a:focus,
.uc-top-bar *>button:focus {
outline: 1px solid white !important
}
@media (min-width: 992px) {
.uc-top-bar {
padding: 9px 0
}
}
.uc-top-bar .yellow {
color: #fec60d
}
.uc-top-bar .uc-link,
.uc-top-bar a {
color: #fff;
line-height: 1.1;
text-decoration: none;
font-weight: 500
}
.uc-top-bar .uc-link:hover,
.uc-top-bar a:hover {
border-bottom: 1px solid #fff
}
.uc-top-bar .uc-link:hover:after,
.uc-top-bar a:hover:after {
text-decoration: none
}
.uc-top-bar .uc-link .uc-icon,
.uc-top-bar a .uc-icon {
color: #fff
}
.uc-top-bar .top-bar_mobile-logo {
width: 185px
}
.uc-top-bar .mobile-logo img {
min-width: 185px
}
.uc-top-bar .top-bar_links-container {
justify-content: space-between
}
.uc-top-bar .top-bar_links {
display: flex;
position: relative;
list-style-type: none;
margin: 0;
padding: 0
}
.uc-top-bar .top-bar_links li {
line-height: 1;
padding-right: 16px
}
.uc-top-bar .top-bar_links li:not(:first-child) {
border-left: 1px solid #8b9fc4;
padding-left: 16px;
padding-right: 16px
}
.uc-top-bar .top-bar_links li:last-child {
padding-right: 0
}
.uc-top-bar .uc-dropdown {
position: relative
}
.uc-top-bar .uc-dropdown *>a:focus,
.uc-top-bar .uc-dropdown *>button:focus {
outline: 1px solid var(--blue) !important
}
.uc-top-bar .uc-dropdown button {
color: #fff;
line-height: 1.1;
text-decoration: none;
font-weight: 500
}
.uc-top-bar .uc-dropdown button:focus {
border-radius: 0
}
.uc-top-bar .uc-dropdown button>.uc-icon {
pointer-events: none
}
.uc-top-bar .uc-dropdown button:hover:before {
content: "";
position: absolute;
bottom: 1px;
height: 1px;
width: 100%;
background-color: #fff
}
.uc-top-bar .uc-dropdown button:hover:before:after {
text-decoration: none
}
.uc-top-bar .uc-dropdown_list {
padding: 8px 12px;
transform: translate(calc(-50% + 40px));
min-width: 24ch !important
}
.uc-top-bar .uc-dropdown_list>.white-triangle {
left: calc(50% - 20px)
}
.uc-top-bar .uc-dropdown_list-item>a {
color: var(--blue) !important;
border-color: var(--blue) !important
}
.uc-top-bar--bg-primary .uc-top-bar {
background-color: #0176de
}
.uc-top-bar--bg-primary .uc-top-bar * .admission-button-top>a {
color: #fff !important
}
.uc-footer_list .flag-es:after,
.top-bar_links .flag-es:after,
.uc-menu_list.first-level .flag-es:after {
content: "(ES)";
color: #fec60d;
text-decoration: none;
font-family: sans-serif
}
.top-bar_links .flag-es:after {
font-size: 9px;
margin-left: 3px;
vertical-align: super
}
.admission-button-top>a {
text-transform: uppercase;
color: #fec60d
}
.admission-button-top>a:after {
text-transform: none
}
.uc-breadcrumb {
padding: 0;
font-size: 14px;
display: flex;
align-items: center;
list-style-type: none
}
.uc-breadcrumb .uc-breadcrumb_item {
margin-right: 8px;
display: flex;
align-items: center
}
.uc-breadcrumb .uc-breadcrumb_item a {
color: #707070;
text-decoration: none;
margin-right: 8px
}
.uc-breadcrumb .uc-breadcrumb_item .uc-icon {
color: #0176de
}
.uc-breadcrumb .uc-breadcrumb_item.current {
font-weight: 700;
color: #000
}
.uc-tabs {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin-top: 24px;
border-bottom: 2px solid #f0f0f0;
color: #eaeaea
}
.uc-tabs .uc-tabs_item {
transition: background-color .1s ease
}
.uc-tabs .uc-tabs_item:active {
background-color: #f6f6f6
}
.uc-tabs .uc-tabs_item-link {
font-size: 1em;
padding: 16px;
font-weight: 500;
display: block;
margin-bottom: -2px;
text-decoration: none;
color: #707070;
transition: border .2s ease
}
.uc-tabs .uc-tabs_item-link[role=tab] {
background: transparent;
border: none
}
.uc-tabs .uc-tabs_item-link:focus {
outline-color: rgba(1, 118, 222, .7)
}
.uc-tabs .uc-tabs_item-link:hover {
color: #707070;
text-decoration: none;
border-bottom: 2px solid #0176de
}
.uc-tabs .uc-tabs_item-link.active {
color: #000;
text-decoration: none;
border-bottom: 2px solid #0176de
}
.uc-tabs .uc-tabs_item-link.active:hover {
color: #000
}
.uc-vertical-tabs {
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
list-style-type: none;
flex-direction: column
}
.uc-vertical-tabs .uc-vertical-tabs_item {
border-bottom: 1px solid #c6c6c6
}
.uc-vertical-tabs .uc-vertical-tabs_item-link,
.uc-vertical-tabs .uc-vertical-tabs_item-button {
width: 100%;
border: none;
display: flex;
color: #707070;
font-size: 1em;
padding: 20px 16px;
transition: .2s ease;
text-decoration: none;
background-color: #f6f6f6
}
.uc-vertical-tabs .uc-vertical-tabs_item-link:focus,
.uc-vertical-tabs .uc-vertical-tabs_item-button:focus {
outline-color: rgba(1, 118, 222, .7)
}
.uc-vertical-tabs .uc-vertical-tabs_item-link:hover,
.uc-vertical-tabs .uc-vertical-tabs_item-button:hover {
color: #000;
text-decoration: none
}
.uc-vertical-tabs .uc-vertical-tabs_item-link.active,
.uc-vertical-tabs .uc-vertical-tabs_item-button.active {
color: #000;
font-weight: 600;
text-decoration: none;
background-color: #fff;
border-left: 4px solid #0176de
}
.uc-vertical-tabs .uc-vertical-tabs_item-link.active:hover,
.uc-vertical-tabs .uc-vertical-tabs_item-button.active:hover {
color: #000
}
.uc-steps {
display: flex;
white-space: nowrap;
counter-reset: step
}
.uc-steps .uc-step {
flex-grow: 1;
flex-shrink: 1;
position: relative;
display: inline-block;
counter-increment: step
}
.uc-steps .uc-step:last-child {
flex-grow: 0
}
.uc-steps .uc-step:last-child .uc-step_head .uc-step_line {
display: none
}
.uc-steps .uc-step:last-child .uc-step_info {
margin: 0
}
.uc-steps .uc-step.step-current .uc-step_info {
font-weight: 700
}
.uc-steps .uc-step.step-current .uc-step_head .uc-step_count,
.uc-steps .uc-step.step-done .uc-step_head .uc-step_count {
color: #fff;
background-color: #0176de
}
.uc-steps .uc-step.step-done .uc-step_head .uc-step_count:before {
content: "done";
font-family: Material Icons;
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga"
}
.uc-steps .uc-step.step-disabled .uc-step_head .uc-step_line {
background-color: #c6c6c6
}
.uc-steps .uc-step.step-disabled .uc-step_head .uc-step_count {
border: 1px solid #c6c6c6;
color: #fff;
background-color: #c6c6c6
}
.uc-steps .uc-step.step-disabled .uc-step_info {
color: #707070
}
.uc-steps .uc-step.step-check .uc-step_head .uc-step_line {
background-color: #28a745
}
.uc-steps .uc-step.step-check .uc-step_head .uc-step_count {
border: 1px solid #28a745;
color: #fff;
background-color: #28a745
}
.uc-steps .uc-step.step-check .uc-step_head .uc-step_count:before {
content: "done";
font-family: Material Icons;
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "liga"
}
.uc-steps .uc-step .uc-step_head .uc-step_line {
left: 0;
right: 0;
top: 15px;
height: 2px;
position: absolute;
background-color: #0176de
}
@media (min-width: 768px) {
.uc-steps .uc-step .uc-step_head .uc-step_line {
top: 22px
}
}
.uc-steps .uc-step .uc-step_head .uc-step_count {
width: 30px;
height: 30px;
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
position: relative;
border-radius: 50%;
color: #0176de;
align-items: center;
display: inline-flex;
background-color: #fff;
justify-content: center;
border: 2px solid #0176de
}
.uc-steps .uc-step .uc-step_head .uc-step_count:before {
content: counter(step)
}
@media (min-width: 768px) {
.uc-steps .uc-step .uc-step_head .uc-step_count {
width: 44px;
height: 44px;
font-size: 24px
}
}
.uc-steps .uc-step .uc-step_info {
text-align: left;
margin-right: 10%;
white-space: normal
}
.uc-steps.uc-steps--simple .uc-step {
align-items: center;
background-color: #f6f6f6;
padding: 12px;
border-radius: 4px;
margin-right: 1px
}
.uc-steps.uc-steps--simple .uc-step .uc-step_head {
margin-right: 12px
}
.uc-steps.uc-steps--simple .uc-step .uc-step_head .uc-step_count {
margin-bottom: 12px
}
@media (min-width: 1200px) {
.uc-steps.uc-steps--simple .uc-step .uc-step_head .uc-step_count {
margin-bottom: 0
}
}
@media (min-width: 1200px) {
.uc-steps.uc-steps--simple .uc-step {
display: flex
}
}
.uc-steps.uc-steps--simple .uc-step-icon .uc-icon {
color: #9c9c9c;
display: none
}
@media (min-width: 1200px) {
.uc-steps.uc-steps--simple .uc-step-icon .uc-icon {
display: inline-block
}
}
.uc-steps.uc-steps--simple .uc-step_line {
display: none
}
.uc-steps.uc-steps--vertical {
flex-direction: column
}
.uc-steps.uc-steps--vertical .uc-step {
align-items: center;
padding: 12px;
border-radius: 4px;
margin-right: 1px;
display: flex
}
.uc-steps.uc-steps--vertical .uc-step_head {
margin-right: 12px
}
.uc-steps.uc-steps--vertical .uc-step_head .uc-step_line {
left: 26px;
height: 100%;
width: 2px;
position: absolute;
background-color: #0176de
}
@media (min-width: 768px) {
.uc-steps.uc-steps--vertical .uc-step_head .uc-step_line {
left: 32px
}
}
.uc-pagination {
display: flex;
justify-content: center
}
.uc-pagination_prev,
.uc-pagination_next {
background-color: transparent;
color: #4a4a4a;
border: 0;
padding: 0;
line-height: 1
}
.uc-pagination_pages {
margin: 15px 0;
padding: 0;
list-style-type: none
}
.uc-pagination_pages .page-item {
display: inline-block;
color: #4a4a4a;
margin: 0 2px;
font-weight: 500
}
.uc-pagination_pages .page-item.active .page-link,
.uc-pagination_pages .page-item:hover .page-link {
box-shadow: 0 0 8px rgba(136, 136, 136, .18);
color: #0176de;
text-decoration: none;
border: 1px solid #0176de
}
.uc-pagination_pages .page-link {
padding: 3px 2px;
min-width: 24px;
display: inline-block;
text-align: center;
line-height: 1;
color: #000;
text-decoration: none;
border-radius: 4px;
border: 1px solid transparent
}
.uc-footer {
padding: 28px 0 0;
background-color: #03122e;
color: #fff
}
@media (min-width: 992px) {
.uc-footer {
padding-top: 60px
}
}
.uc-footer a {
color: #fff;
text-decoration: underline
}
.uc-footer .uc-footer_social {
margin: 16px 0 0;
padding: 0;
display: inline-flex;
list-style-type: none
}
.uc-footer .uc-footer_social>*+* {
margin-left: 20px
}
.uc-footer .uc-footer_social li img {
max-width: 18px;
max-height: 18px
}
.uc-footer .acreditado img {
max-width: 130px
}
.uc-footer .footer-collapse {
overflow: hidden;
transition: height .25s linear
}
@media (min-width: 992px) {
.uc-footer .footer-collapse {
height: auto !important
}
}
.uc-footer .uc-icon {
color: #fff
}
.uc-footer_list-title {
font-size: 14px;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 2px;
text-transform: uppercase
}
.uc-footer_list-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase
}
.uc-footer_list-title.footer-collapse-title {
border-top: 1px solid #fff;
position: relative;
padding: 17px 0
}
@media (min-width: 992px) {
.uc-footer_list-title.footer-collapse-title {
margin-top: 35px
}
}
.uc-footer_list-title.footer-collapse-title:after {
content: "keyboard_arrow_down";
top: 9px;
right: 0;
font-size: 24px;
position: absolute;
text-transform: none;
transition: .2s ease;
font-family: Material Icons
}
.uc-footer_list-title.footer-collapse-title.js-accordion-active-element:after {
transform: rotate(-180deg)
}
@media (min-width: 992px) {
.uc-footer_list-title.footer-collapse-title {
border: 0;
padding-top: 0
}
.uc-footer_list-title.footer-collapse-title:after {
content: ""
}
}
.uc-footer_list {
padding: 0;
margin: 0;
list-style-type: none
}
.uc-footer_list li {
margin-bottom: 8px;
font-size: 14px
}
.uc-footer_list li a {
text-decoration: underline
}
.uc-footer_list li a:hover {
color: #fff;
text-decoration: underline
}
.uc-footer_help {
background-color: #0176de;
padding: 48px 0;
color: #fff
}
.uc-footer_help a {
text-decoration: underline;
color: #fff
}
.uc-footer_help .uc-icon {
color: #fff
}
.uc-footer_help p {
font-size: 14px;
line-height: 1.5
}
.uc-dev-footer {
padding: 16px 0;
color: #707070;
background-color: #fff
}
.uc-dev-footer a {
color: #173f8a
}
.uc-dev-footer a:hover {
color: #03122e
}
.uc-dev-footer .uc-footer-dev_content {
margin: 0;
padding: 0;
display: block;
color: #707070;
font-size: 14px;
align-items: center;
list-style-type: none
}
@media (min-width: 992px) {
.uc-dev-footer .uc-footer-dev_content {
display: flex
}
}
.uc-dev-footer .uc-footer-dev_content li:not(:last-child) {
margin-bottom: 4px;
padding-bottom: 4px
}
@media (min-width: 992px) {
.uc-dev-footer .uc-footer-dev_content li:not(:last-child) {
padding-bottom: 0;
margin-bottom: 0;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #707070
}
}
.uc-skeleton.uc-skeleton--agenda {
height: 300px
}
.uc-skeleton .uc-skeleton-item {
background-color: #f0f0f0;
color: transparent;
border-radius: 4px;
display: inline-block;
line-height: var(--height);
width: -moz-fit-content;
width: fit-content
}
.uc-skeleton .uc-skeleton-item:after {
content: attr(placeholder)
}
.uc-skeleton .uc-skeleton_h1 {
--height: 48px
}
.uc-skeleton .uc-skeleton_h2 {
--height: 36px
}
.uc-skeleton .uc-skeleton_h3 {
--height: 28px
}
.uc-skeleton .uc-skeleton_h4,
.uc-skeleton .uc-skeleton_h5,
.uc-skeleton .uc-skeleton_h6,
.uc-skeleton .uc-skeleton_p,
.uc-skeleton .uc-skeleton_a {
--height: 24px
}
.uc-skeleton .uc-skeleton_p-lg {
--height: 32px
}
.uc-skeleton .uc-skeleton_p-sm,
.uc-skeleton .uc-skeleton_span {
--height: 16px
}
.uc-skeleton .uc-skeleton_img {
width: 100%;
height: 0;
padding-bottom: 75%
}
.uc-card {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
background-color: #fff;
text-decoration: none;
color: inherit;
border: 1px solid #eaeaea;
border-radius: 4px;
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-card.card-bg--white {
background-color: #fff
}
.uc-card.card-bg--blue {
background-color: #0176de
}
.uc-card.card-bg--gray {
background-color: #f6f6f6
}
.uc-card.card-bg--image {
background-size: cover;
background-position: center center;
height: 532px
}
.uc-card.card-bg--image a:focus .uc-card_body h1,
.uc-card.card-bg--image a:focus .uc-card_body--xl h1,
.uc-card.card-bg--image a:focus .uc-card_body--lg h1,
.uc-card.card-bg--image a:focus .uc-card_body--sm h1,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h1,
.uc-card.card-bg--image a:focus .uc-card_body h2,
.uc-card.card-bg--image a:focus .uc-card_body--xl h2,
.uc-card.card-bg--image a:focus .uc-card_body--lg h2,
.uc-card.card-bg--image a:focus .uc-card_body--sm h2,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h2,
.uc-card.card-bg--image a:focus .uc-card_body h3,
.uc-card.card-bg--image a:focus .uc-card_body--xl h3,
.uc-card.card-bg--image a:focus .uc-card_body--lg h3,
.uc-card.card-bg--image a:focus .uc-card_body--sm h3,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h3,
.uc-card.card-bg--image a:focus .uc-card_body h4,
.uc-card.card-bg--image a:focus .uc-card_body--xl h4,
.uc-card.card-bg--image a:focus .uc-card_body--lg h4,
.uc-card.card-bg--image a:focus .uc-card_body--sm h4,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h4,
.uc-card.card-bg--image a:focus .uc-card_body h5,
.uc-card.card-bg--image a:focus .uc-card_body--xl h5,
.uc-card.card-bg--image a:focus .uc-card_body--lg h5,
.uc-card.card-bg--image a:focus .uc-card_body--sm h5,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h5,
.uc-card.card-bg--image a:focus .uc-card_body h6,
.uc-card.card-bg--image a:focus .uc-card_body--xl h6,
.uc-card.card-bg--image a:focus .uc-card_body--lg h6,
.uc-card.card-bg--image a:focus .uc-card_body--sm h6,
.uc-card.card-bg--image a:focus .uc-card_body--absolute h6 {
outline: 2px solid #0176de;
outline-offset: 4px;
border-radius: 2px
}
.uc-card.card-bg--image>.card-img,
.uc-card.card-bg--image .uc-card-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
.uc-card.card-bg--image>a>img.card-img,
.uc-card.card-bg--image>a>img.uc-card-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
min-height: 532px;
max-height: 532px;
pointer-events: none
}
.uc-card.card-bg--image>a>img.card-img.card-img--type-square,
.uc-card.card-bg--image>a>img.card-img.uc-card-img--type-square,
.uc-card.card-bg--image>a>img.uc-card-img.card-img--type-square,
.uc-card.card-bg--image>a>img.uc-card-img.uc-card-img--type-square {
min-height: 370px;
max-height: 370px
}
.uc-card--no-interaction {
border: 1px solid var(--darkgray-c) !important;
box-shadow: none !important
}
.uc-card.card-border--none {
border: none
}
.uc-card.card-border--top {
border-top: 4px solid #0176de
}
.uc-card.card-border--bottom {
border-bottom: 8px solid #0176de
}
.uc-card.card-radius--md {
border-radius: 8px
}
.uc-card.card-radius--none {
border-radius: 0
}
.uc-card.card-shadow--md {
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-card.card-shadow--none {
box-shadow: none
}
.uc-card.card-gradient--bottom-blue:before {
position: absolute;
content: "";
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background-image: linear-gradient(-180deg, transparent, #08275c 96%);
pointer-events: none
}
.uc-card.card-gradient--top-black:before {
position: absolute;
content: "";
width: 100%;
height: 70%;
top: 0;
left: 0;
background-image: linear-gradient(0deg, rgba(43, 76, 137, 0) 30%, rgba(0, 0, 0, .7) 90%)
}
.uc-card.card-gradient--bottom-black:before {
position: absolute;
content: "";
width: 100%;
height: 70%;
bottom: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(43, 76, 137, 0) 30%, rgba(0, 0, 0, .7) 90%)
}
.uc-card.uc-card--type-square {
max-width: 370px;
max-height: 370px
}
.uc-card.card-type--link {
transition: all .2s ease-in;
border: none
}
.uc-card.card-type--link:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .4)
}
@media (min-width: 768px) {
.uc-card.card-height--same {
height: 100%
}
}
.uc-card.card-type--horizontal>.card-img,
.uc-card.card-type--horizontal .uc-card-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
@media (min-width: 768px) {
.uc-card.card-type--horizontal {
flex-direction: row
}
}
.uc-card.card-type--grid {
width: 100%;
height: 100%
}
.uc-card.card-type--event {
overflow: visible
}
.uc-card.card-type--event .card-type--date {
position: absolute;
top: -24px;
left: 24px
}
.uc-card.card-type--event img {
height: 210px;
-o-object-fit: cover;
object-fit: cover
}
.uc-card.card-type--event .uc-card-link {
display: -webkit-box !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-decoration: none
}
.uc-card.card-type--event .uc-card-link:hover {
text-decoration: underline
}
.uc-card.card-type--date {
border: transparent;
border-top: 4px solid #0176de;
display: flex;
flex-direction: row;
padding: 4px 12px;
align-items: center;
border-radius: 0 0 4px 4px;
align-self: flex-start
}
.uc-card.card-type--date.middle-date {
position: relative;
top: unset;
margin-top: -24px;
margin-bottom: -24px;
width: -moz-fit-content;
width: fit-content
}
.uc-card.card-type--date .day {
font-size: 34px;
font-weight: 700;
line-height: 1.1;
margin-right: 12px
}
.uc-card.card-type--date .month {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px
}
.uc-card .uc-card_event--content div:last-child {
margin-bottom: 0
}
.uc-card .uc-card_event--content .date,
.uc-card .uc-card_event--content .time,
.uc-card .uc-card_event--content .venue,
.uc-card .uc-card_event--content .also-online {
margin: 0 0 6px;
padding-left: 20px;
position: relative
}
.uc-card .uc-card_event--content .date:before,
.uc-card .uc-card_event--content .time:before,
.uc-card .uc-card_event--content .venue:before,
.uc-card .uc-card_event--content .also-online:before {
font-family: Material Icons;
font-size: 14px;
vertical-align: middle;
position: absolute;
left: 0
}
.uc-card .uc-card_event--content .date:before {
content: "date_range"
}
.uc-card .uc-card_event--content .time:before {
content: "access_time"
}
.uc-card .uc-card_event--content .venue:before {
content: "location_on"
}
.uc-card .uc-card_event--content .also-online:before {
content: "cast"
}
.uc-card .uc-card_event--footer {
display: block;
padding: 16px 24px;
width: 100%;
height: -moz-fit-content;
height: fit-content;
background: #f6f6f6
}
@media (max-width: 768px) {
.uc-card .uc-card_event--footer {
padding-top: 12px !important
}
}
.uc-card .uc-card_header {
letter-spacing: 2px;
color: #000;
padding: 20px 24px;
text-transform: uppercase;
border-bottom: 1px solid #eaeaea
}
.uc-card .uc-card_body,
.uc-card .uc-card_body--xl,
.uc-card .uc-card_body--lg,
.uc-card .uc-card_body--sm,
.uc-card .uc-card_body--absolute {
padding: 20px;
display: flex;
flex-grow: 1;
flex-direction: column;
position: relative;
z-index: auto
}
@media (min-width: 992px) {
.uc-card .uc-card_body,
.uc-card .uc-card_body--xl,
.uc-card .uc-card_body--lg,
.uc-card .uc-card_body--sm,
.uc-card .uc-card_body--absolute {
padding: 24px
}
}
.uc-card .uc-card_body--absolute {
width: 100%;
position: absolute;
bottom: 0;
pointer-events: none
}
.uc-card .uc-card_body--absolute>* {
pointer-events: auto
}
.uc-card .uc-card_body--sm,
.uc-card .uc-card_body--lg {
padding: 16px
}
@media (min-width: 992px) {
.uc-card .uc-card_body--lg {
padding: 36px
}
}
.uc-card .uc-card_body--xl {
padding: 36px
}
@media (min-width: 992px) {
.uc-card .uc-card_body--xl {
padding: 48px
}
}
.uc-card .uc-card_footer,
.uc-card .uc-card_footer .uc-card_footer--color-white {
padding: 20px 24px;
background-color: #f6f6f6
}
.uc-card .uc-card_footer .uc-card_footer--color-white {
background-color: #fff
}
.uc-card .tag-fixed {
position: absolute;
z-index: 10;
top: 20px;
left: 20px
}
@media (min-width: 992px) {
.uc-card .tag-fixed {
top: 24px;
left: 24px
}
}
.uc-card .uc-card_link {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
top: 0;
left: 0
}
a.uc-card:hover {
color: inherit;
text-decoration: none
}
a.uc-card:hover h1,
a.uc-card:hover h2,
a.uc-card:hover h3,
a.uc-card:hover h4,
a.uc-card:hover h5,
a.uc-card:hover h6 {
text-decoration: underline
}
.card-hoverable {
position: relative
}
.card-hoverable .card-hovered {
position: absolute;
top: 0;
left: 0;
z-index: 5;
transition: .2s ease;
opacity: 0
}
.card-hoverable:hover .card-hovered {
opacity: 1
}
.card-hovered {
background-color: #0176de;
color: #fff;
height: 100%;
width: 100%;
border: 0
}
.card-hovered .uc-text-divider.divider-primary {
background-color: #fff
}
.card-example {
background-color: #cdcdcd
}
.card-img,
.card-img-top,
.card-img-bottom,
.uc-card-img,
.uc-card-img-top,
.uc-card-img-bottom {
flex-shrink: 0;
width: 100%
}
.uc-image-quote {
margin-left: -15px;
margin-right: -15px;
overflow: hidden
}
@media (min-width: 768px) {
.uc-image-quote {
margin-left: auto;
margin-right: auto
}
}
.uc-image-quote .uc-image-quote_image {
height: 300px;
border-radius: 4px;
overflow: hidden
}
.uc-image-quote .uc-image-quote_image>img.card-img,
.uc-image-quote .uc-image-quote_image>img.uc-card-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%
}
.uc-image-quote.image-left .uc-image-quote_image {
width: 100%;
background-size: cover;
background-repeat: no-repeat
}
.uc-image-quote.image-left .uc-image-quote_image>img {
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%
}
.uc-image-quote.image-left .uc-image-quote_image[style*=background-image] {
background-size: cover;
background-position: center
}
@media (min-width: 768px) {
.uc-image-quote.image-left .uc-image-quote_image {
width: 180%;
height: 600px
}
.uc-image-quote.image-left .uc-image-quote_image.image-quote-size--sm {
width: 130%;
height: 400px
}
}
.uc-image-quote.image-right .uc-card {
width: auto;
z-index: 2
}
@media (min-width: 768px) {
.uc-image-quote.image-right .uc-card {
width: 125%
}
}
.uc-image-quote.image-right .uc-image-quote_image {
background-size: cover;
background-repeat: no-repeat
}
.uc-image-quote.image-right .uc-image-quote_image>img {
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%
}
.uc-image-quote.image-right .uc-image-quote_image[style*=background-image] {
background-size: center !important;
background-position: center
}
@media (min-width: 768px) {
.uc-image-quote.image-right .uc-image-quote_image[style*=background-image] {
width: 100%;
height: 600px
}
.uc-image-quote.image-right .uc-image-quote_image[style*=background-image].image-quote-size--sm {
width: 130%;
height: 400px
}
}
@media (min-width: 768px) {
.uc-image-quote.image-right .uc-image-quote_image {
width: 100%;
height: 600px
}
.uc-image-quote.image-right .uc-image-quote_image.image-quote-size--sm {
width: 130%;
height: 400px
}
}
.uc-image-quote.image-nested {
margin-bottom: 200px;
overflow: visible
}
@media (min-width: 768px) {
.uc-image-quote.image-nested {
margin-bottom: auto
}
}
.uc-image-quote.image-nested .uc-image-quote_image {
position: relative;
background-size: cover;
background-repeat: no-repeat;
padding: 32px;
display: flex;
align-items: flex-end;
overflow: visible
}
@media (min-width: 768px) {
.uc-image-quote.image-nested .uc-image-quote_image {
height: 600px
}
}
.uc-image-quote.image-nested .uc-image-quote_image .uc-card {
max-width: 590px;
position: absolute;
right: 0;
top: 270px
}
@media (min-width: 992px) {
.uc-image-quote.image-nested .uc-image-quote_image .uc-card {
right: 0;
top: auto
}
.uc-image-quote.image-nested .uc-image-quote_image .uc-card.card-img--padding,
.uc-image-quote.image-nested .uc-image-quote_image .uc-card.uc-card-img--padding {
right: 32px;
bottom: 32px
}
}
.uc-image-quote.image-left .uc-card,
.uc-image-quote.image-right .uc-card,
.uc-image-quote.image-nested .uc-card {
margin: -60px 20px 0
}
@media (min-width: 992px) {
.uc-image-quote.image-left .uc-card,
.uc-image-quote.image-right .uc-card,
.uc-image-quote.image-nested .uc-card {
margin: auto
}
}
.uc-hr {
border: 0;
height: 1px;
width: 100%;
overflow: hidden;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEiIHZpZXdCb3g9IjAgMCA4IDEiPiAgPHBvbHlnb24gZmlsbD0iZ3JheSIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjAgMSAwIDAgMyAwIDMgMSIvPjwvc3ZnPg==) center center repeat
}
.uc-text-divider {
width: 36px;
height: 4px
}
.uc-text-divider.divider-primary {
background-color: #0176de
}
.uc-text-divider.divider-secondary {
background-color: #fec60d
}
.heading-container,
.uc-heading-container {
display: flex;
align-items: center
}
.uc-heading-decoration {
display: inline-block;
margin-left: 24px;
width: 36px;
height: 4px;
background-color: #fec60d
}
.uc-filters {
padding: 24px;
background-color: #f6f6f6;
display: flex;
border-radius: 4px
}
.uc-filters_alphabetic {
padding: 0;
display: flex;
margin-bottom: 0;
list-style-type: none;
justify-content: space-between
}
.uc-filters_alphabetic li {
flex-grow: 1;
text-align: center
}
.uc-filters_alphabetic li:first-child .letter-filter {
border-radius: 4px 0 0 4px
}
.uc-filters_alphabetic li:last-child .letter-filter {
border-radius: 0 4px 4px 0;
border-right: 1px solid #eaeaea
}
.uc-filters_alphabetic .letter-filter {
width: 100%;
border: none;
padding: 9px 0;
font-size: 14px;
font-weight: 500;
position: relative;
color: #0176de;
transition: .2s ease;
background-color: #fff;
text-transform: uppercase;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea
}
.uc-filters_alphabetic .letter-filter:hover,
.uc-filters_alphabetic .letter-filter.active {
background-color: #0176de;
color: #fff;
z-index: 2
}
.uc-filters_alphabetic .letter-filter.disabled {
color: gray
}
.uc-filters_alphabetic .letter-filter.disabled:hover {
color: #fff;
cursor: not-allowed;
background-color: gray
}
.uc-table-list {
display: flex
}
.uc-table-list .uc-table-list_title {
min-width: 280px;
border-top: 4px solid #0176de;
padding-top: 24px
}
.uc-table-list .uc-table-list_content {
list-style: none;
border-top: 4px solid #eaeaea;
padding: 24px;
flex-grow: 1
}
.uc-table-list .uc-table-list_content li:not(:first-child)>.btn-listed {
border-top: 0
}
.uc-table thead tr th {
color: #fff;
padding: 14px 16px;
background-color: #0176de
}
.uc-table tbody tr td {
border-bottom: 1px solid #c6c6c6;
padding: 20px 16px
}
.uc-table tbody tr:nth-child(odd) {
background-color: #f6f6f6
}
.uc-table.table-wide {
width: 100%
}
.uc-table-secondary thead tr {
border-bottom: 1px solid #c6c6c6
}
.uc-table-secondary thead tr th {
color: #000;
padding: 14px 16px;
background-color: #f0f0f0
}
.uc-table-secondary tbody tr td {
border-bottom: 1px solid #c6c6c6;
padding: 20px 16px
}
.uc-table-secondary.table-wide {
width: 100%
}
.uc-table tr:hover,
.uc-table-secondary tr:hover {
background-color: #edf5fd
}
.uc-table tr:hover:nth-child(odd),
.uc-table-secondary tr:hover:nth-child(odd) {
background-color: #edf5fd
}
.uc-collapse {
border-radius: 0 4px 4px 0;
overflow: hidden;
border-left: 0
}
.uc-collapse .uc-collapse_heading {
border: none;
background-color: #fff;
box-shadow: 0 0 8px rgba(136, 136, 136, .18);
display: flex;
align-items: center;
line-height: 1;
padding: 30px 22px;
border-left: 4px solid #0176de;
color: inherit;
text-decoration: none
}
.uc-collapse .uc-collapse_heading h1,
.uc-collapse .uc-collapse_heading h2,
.uc-collapse .uc-collapse_heading h3,
.uc-collapse .uc-collapse_heading h4,
.uc-collapse .uc-collapse_heading h5,
.uc-collapse .uc-collapse_heading h6,
.uc-collapse .uc-collapse_heading .uc-h1,
.uc-collapse .uc-collapse_heading .uc-h2,
.uc-collapse .uc-collapse_heading .uc-h3,
.uc-collapse .uc-collapse_heading .uc-h4,
.uc-collapse .uc-collapse_heading .uc-h5,
.uc-collapse .uc-collapse_heading .uc-h6 {
text-align: left
}
.uc-collapse .uc-collapse_heading>* {
pointer-events: none
}
.uc-collapse .uc-collapse_heading .uc-icon.icon-shape--rounded {
transition: .2s ease
}
.uc-collapse .uc-collapse_heading:hover {
text-decoration: none
}
.uc-collapse .uc-collapse_heading:hover .uc-icon.icon-shape--rounded {
color: #173f8a;
background-color: #fec60d
}
.uc-collapse .uc-collapse_heading:focus {
position: relative
}
.uc-collapse .uc-collapse_heading:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
border-top: 2px;
border-left: 2px;
border-right: 2px;
border-bottom: 2px;
border-style: solid;
border-color: #0176de
}
.uc-collapse .uc-collapse_heading.js-accordion-ac tive-element .uc-icon.icon-shape--rounded {
color: #173f8a;
background-color: #fec60d;
transform: rotate(180deg)
}
.uc-collapse .uc-collapse_body {
transition: height .25s linear
}
.uc-accordion {
box-shadow: 0 0 8px rgba(136, 136, 136, .18)
}
.uc-accordion .uc-collapse {
border-radius: 0;
box-shadow: none;
border-top: 0
}
.uc-accordion .uc-collapse:first-child {
border-top: 1px solid #eaeaea;
border-top-right-radius: 4px
}
.uc-accordion .uc-collapse:last-child {
border-bottom-right-radius: 4px
}
.uc-accordion .uc-collapse .uc-collapse_heading {
box-shadow: none
}
.uc-accordion .uc-collapse .uc-collapse_body {
border-left: 1px solid #eaeaea;
box-shadow: inset 0 1px #eaeaea
}
.uc-sidebar {
display: flex;
flex-direction: column;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0
}
.uc-sidebar__sublist {
border-top: 1px solid #e5e5e5;
list-style: none;
padding-left: 0
}
.uc-sidebar__item,
.uc-sidebar__subitem {
height: -moz-min-content;
height: min-content
}
.uc-sidebar__item {
border-bottom: 1px solid #e5e5e5
}
.uc-sidebar__button {
border: none
}
.uc-sidebar__link,
.uc-sidebar__sublink,
.uc-sidebar__button {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
background-color: inherit;
padding: 6px 12px;
font-size: 16px;
font-weight: 600;
color: #000;
text-decoration: none
}
.uc-sidebar__link:hover,
.uc-sidebar__sublink:hover {
color: #000;
text-decoration: none
}
.uc-sidebar__sublink {
padding-left: 24px
}
.uc-grid-explore {
height: 512px;
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-gap: 4px
}
@media (min-width: 992px) {
.uc-grid-explore {
grid-template-columns: 56% auto;
grid-template-rows: repeat(3, 1fr)
}
}
.uc-grid-explore .item-featured {
grid-column: 1/2;
grid-row: 1/4
}
.uc-grid-squares {
height: 346px;
display: grid;
grid-template-columns: [col-start] 1fr 1fr [col-end];
grid-template-rows: [row-start] auto [row-end];
grid-gap: 20px
}
.uc-grid-squares .single-item {
grid-column: col-start/col-end;
grid-row: row-start/row-end
}
.uc-grid-squares .block-item {
grid-column: col-start/col-end
}
.uc-pentagrid {
height: 600px;
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: repeat(2, auto);
grid-gap: 32px
}
.uc-pentagrid :first-child {
grid-column: 2/3;
grid-row: 1/3
}
.uc-university-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
grid-gap: 4px
}
@media (min-width: 992px) {
.uc-university-grid {
height: 570px;
grid-template-columns: repeat(3, 1fr)
}
}
.uc-university-grid :first-child {
grid-column: 1/2;
grid-row: 1/2
}
@media (min-width: 992px) {
.uc-university-grid :first-child {
grid-row: 1/3
}
}
.uc-gallery {
--duration: .1s;
display: flex;
flex-wrap: wrap;
gap: .35rem
}
.uc-gallery>a {
border-radius: 4px
}
.uc-gallery>a>img {
transition: transform var(--duration) ease;
border-radius: 4px;
width: 140px;
height: 140px;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover
}
.uc-gallery>a>img:hover {
transform: scale(1.01) translateY(-5px);
cursor: pointer
}
@media (min-width: 576px) {
.uc-gallery>a>img {
width: 160px;
height: 160px
}
}
@media (min-width: 768px) {
.uc-gallery>a>img {
width: 190px;
height: 190px
}
}
.pswp__bullets-indicator {
display: flex;
flex-direction: row;
align-items: center;
position: absolute;
bottom: 20px;
left: 50%;
transform: translate(-50%)
}
.pswp__bullet {
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--lightgray-a);
margin: 0 5px
}
.pswp__bullet:hover {
cursor: pointer
}
.pswp__bullet--active {
background: var(--primary)
}
.pswp__button--arrow--prev {
right: auto;
left: 0;
overflow: visible
}
.pswp__button--arrow--prev:before {
position: absolute;
transform: translate(-70%, -50%);
content: " ";
width: 200px;
height: 200px;
background-color: rgba(255, 255, 255, .05);
border-radius: 50%;
opacity: 0;
transition: opacity .5s ease
}
.pswp__button--arrow--prev:hover:before {
opacity: 1
}
.pswp__button--arrow--next {
left: auto;
right: 0;
overflow: visible
}
.pswp__button--arrow--next:before {
position: absolute;
transform: translate(-30%, -50%);
content: " ";
width: 200px;
height: 200px;
background-color: rgba(255, 255, 255, .05);
border-radius: 50%;
opacity: 0;
transition: opacity .5s ease
}
.pswp__button--arrow--next:hover:before {
opacity: 1
}
.pswp__custom-caption {
background: rgba(0, 0, 0, .65);
font-size: 16px;
color: #fff;
width: calc(100% - 32px);
max-width: 500px;
padding: 12px;
border-radius: 4px;
position: absolute;
left: 50%;
bottom: 60px;
transform: translate(-50%)
}
@media (max-width: 768px) {
.pswp__custom-caption {
font-size: 14px
}
}
.pswp__custom-caption a {
color: #fff;
text-decoration: underline
}
.hidden-caption-content {
display: none
}
.uc-hero {
isolation: isolate;
position: relative;
height: 480px
}
@media (min-width: 768px) {
.uc-hero {
height: 560px
}
}
.uc-hero--sm-600 {
position: relative;
height: 600px
}
@media (min-width: 768px) {
.uc-hero--sm-600 {
height: 560px
}
}
.uc-hero--sm-380 {
position: relative;
height: 380px
}
@media (min-width: 768px) {
.uc-hero--sm-380 {
height: 560px
}
}
.uc-hero--md-380 {
position: relative;
height: 380px
}
@media (min-width: 992px) {
.uc-hero--md-380 {
height: 560px
}
}
@media (min-width: 768px) {
.uc-hero--md-660 {
height: 660px
}
}
.uc-hero__bg-img {
z-index: -2;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
.uc-hero__dark-gradient {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(3, 18, 46, .5), rgba(2, 11, 28, .65) 46.28%, rgba(0, 0, 0, .65))
}
.uc-hero__dark-gradient--bottom {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(43, 76, 137, 0) 40.07%, rgba(12, 21, 38, .506) 60.02%, rgba(0, 0, 0, .7))
}
.uc-hero__black-bottom-gradient {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(43, 76, 137, 0) 30%, rgba(0, 0, 0, .7) 90%)
}
.uc-hero__black-top-gradient {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(43, 76, 137, 0) 65%, rgba(0, 0, 0, .7))
}
.uc-hero__blue-gradient--left {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(8, 39, 92, .576), #03122e 100.76%)
}
@media (min-width: 768px) {
.uc-hero__blue-gradient--left {
background: linear-gradient(270deg, rgba(8, 39, 92, 0), rgba(8, 39, 92, .576) 38.84%, #03122e 100.76%)
}
}
.uc-hero__blue-gradient--right {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(270deg, rgba(8, 39, 92, .576), #03122e 100.76%)
}
@media (min-width: 768px) {
.uc-hero__blue-gradient--right {
background: linear-gradient(90deg, rgba(8, 39, 92, 0), rgba(8, 41, 92, .7) 46.45%, rgba(3, 18, 46, .9))
}
}
.uc-hero__blue-gradient--quote-left {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(8, 39, 92, 0) 37.19%, #08275c)
}
@media (min-width: 768px) {
.uc-hero__blue-gradient--quote-left {
background: linear-gradient(270deg, rgba(8, 39, 92, 0), rgba(8, 39, 92, .576) 38.84%, #03122e 100.76%)
}
}
.uc-hero__blue-gradient--quote-right {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(8, 39, 92, 0) 37.19%, #08275c)
}
@media (min-width: 768px) {
.uc-hero__blue-gradient--quote-right {
background: linear-gradient(90deg, rgba(8, 39, 92, 0), rgba(8, 41, 92, .7) 46.45%, rgba(3, 18, 46, .9))
}
}
.uc-hero__content-margin {
margin: 0
}
@media (min-width: 768px) {
.uc-hero__content-margin {
margin: 0 40px
}
}
@media (min-width: 992px) {
.uc-hero__content-margin {
margin: 0 70px
}
}
.uc-hero__content {
gap: 0px;
height: 100%;
display: flex;
align-items: center;
padding: 0 0rem;
text-align: start;
z-index: 1;
position: relative
}
@media (min-width: 768px) {
.uc-hero__content {
gap: 30px;
padding: 0 1rem
}
}
.uc-hero__content--cards {
align-items: flex-end
}
.uc-hero__content--no-padding {
padding: 0
}
.uc-hero__content--center {
justify-content: center
}
.uc-hero__content--right {
justify-content: flex-end
}
.uc-hero__content--bottom {
align-items: flex-end
}
.uc-hero__text--center {
text-align: center
}
.uc-hero__card-container {
padding: 0 20px;
position: absolute;
bottom: 0;
margin-bottom: 2rem
}
@media (min-width: 992px) {
.uc-hero__card-container {
padding: 0;
margin: 2rem
}
}
.uc-hero__card-container--with-controls {
margin-bottom: 4rem
}
@media (min-width: 768px) {
.uc-hero__card-container--with-controls {
padding: 0;
margin: 2rem
}
}
.uc-hero__card-container--with-controls--home {
margin-bottom: 4rem
}
@media (min-width: 992px) {
.uc-hero__card-container--with-controls--home {
padding: 0;
margin: 2rem
}
}
.uc-hero__card-bajada {
display: none
}
@media (min-width: 768px) {
.uc-hero__card-bajada {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden
}
}
.uc-hero__card-bajada--visible-on-mobile {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden
}
@media (min-width: 768px) {
.uc-hero__card-bajada--visible-on-mobile {
-webkit-line-clamp: 5
}
}
.uc-hero__card-container--carousel {
padding: 0 20px;
transform: translateY(-60px)
}
@media (min-width: 992px) {
.uc-hero__card-container--carousel {
padding: 0;
margin: 2.5rem;
transform: translateY(0)
}
}
@media (min-width: 1200px) {
.uc-hero__card-container--carousel {
padding: 0;
margin: 2.5rem;
transform: translateY(0)
}
}
.uc-hero__text--sm-center {
text-align: center
}
@media (min-width: 768px) {
.uc-hero__text--sm-center {
text-align: start
}
}
.uc-hero__content--sm-col-reverse {
flex-direction: column-reverse
}
@media (min-width: 768px) {
.uc-hero__content--sm-col-reverse {
flex-direction: row
}
}
.uc-hero__content--sm-col {
flex-direction: column
}
@media (min-width: 768px) {
.uc-hero__content--sm-col {
flex-direction: row
}
}
.uc-hero__video-container {
margin: 0;
background-color: #000;
border-radius: 4px;
overflow: hidden;
height: 192px
}
@media (min-width: 576px) {
.uc-hero__video-container {
height: 280px
}
}
@media (min-width: 768px) {
.uc-hero__video-container {
height: 280px
}
}
@media (min-width: 992px) {
.uc-hero__video-container {
height: 396px
}
}
.uc-hero__video {
height: 100%;
width: 100%;
aspect-ratio: 7/4
}
.uc-hero__video-control {
z-index: 1;
position: absolute;
bottom: 10px
}
@media (min-width: 768px) {
.uc-hero__video-control {
bottom: 20px;
right: 5%
}
}
.uc-hero__video-control--with-card {
bottom: 1rem;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100px
}
@media (min-width: 768px) {
.uc-hero__video-control--with-card {
bottom: 24px;
left: auto;
right: 30px;
margin-left: 0 !important;
margin-right: 0 !important
}
}
.uc-hero__quote-container {
display: none;
margin: 0 7%;
max-width: 292px
}
@media (min-width: 768px) {
.uc-hero__quote-container {
display: block;
max-width: 392px
}
}
@media (min-width: 992px) {
.uc-hero__quote-container {
display: block;
max-width: 492px
}
}
@media (min-width: 1200px) {
.uc-hero__quote-container {
display: block;
max-width: 592px
}
}
.uc-hero__quote-container--right {
display: none;
padding-left: 0%;
max-width: 292px
}
@media (min-width: 768px) {
.uc-hero__quote-container--right {
padding-left: 10%;
display: block;
max-width: 392px
}
}
@media (min-width: 992px) {
.uc-hero__quote-container--right {
padding-left: 5%;
display: block;
max-width: 492px
}
}
@media (min-width: 1200px) {
.uc-hero__quote-container--right {
padding-left: 0%;
display: block;
max-width: 592px
}
}
.uc-hero__sm-card-container {
display: block;
padding: 0 5%;
transform: translateY(-100px)
}
@media (min-width: 768px) {
.uc-hero__sm-card-container {
display: none
}
}
.uc-hero__low-wide-container {
margin-bottom: 4.5rem
}
@media (min-width: 768px) {
.uc-hero__low-wide-container {
display: block
}
}
@media (min-width: 992px) {
.uc-hero__low-wide-container {
margin-bottom: 3rem;
display: block
}
}
@media (min-width: 1200px) {
.uc-hero__low-wide-container {
display: block
}
}
.uc-background-video {
z-index: -2;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
.uc-background-video__control {
color: #fff;
display: flex;
gap: 5px;
padding: 5px;
cursor: pointer;
background: none;
border: none
}
.uc-ecosistema {
position: relative;
border-top: 6px solid #0176de;
background: #fff;
isolation: isolate;
width: 80vw;
max-width: 956px;
box-shadow: 0 0 20px rgba(0, 0, 0, .18);
border-radius: 8px;
overflow: hidden
}
.uc-ecosistema__header {
display: flex;
justify-content: space-between;
border-radius: 8px 8px 0 0;
padding: 24px 16px
}
.uc-ecosistema__body {
border-radius: 0 0 8px 8px;
overflow-y: auto
}
.uc-ecosistema__content {
display: flex;
gap: 24px 0px;
flex-wrap: wrap;
padding: 36px;
overflow-y: auto;
max-height: 60vh
}
.uc-ecosistema__content--tall {
padding-top: 48px
}
.uc-ecosistema__absolute-close {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer
}
.uc-ecosistema .uc-tabs-v2--manual {
margin: 0 !important;
overflow-x: auto;
overflow-y: hidden;
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-wrap: nowrap
}
.uc-ecosistema .uc-tabs_item-link {
padding-top: 0 !important;
white-space: nowrap
}
.uc-ecosistema .btn-listed {
font-weight: 400 !important
}
.uc-dropdown_ecosistema {
top: 40px;
z-index: 100;
display: none;
min-width: 210px;
position: absolute;
list-style-type: none;
background-color: #fff;
box-shadow: 0 0 25px rgba(0, 0, 0, .3);
border-radius: 4px;
transform: translate(-110px)
}
.uc-dropdown_ecosistema.show {
display: block
}
.uc-label-help {
display: flex;
justify-content: space-between
}
.uc-label-help .uc-icon {
color: #8b8b8b
}
.uc-form-group {
margin-bottom: 16px;
position: relative
}
.uc-form-group label {
font-weight: 700
}
.uc-form-group.label-inline {
display: flex;
align-items: center
}
.uc-form-group.label-inline label {
margin-right: 12px;
margin-bottom: 0
}
.uc-form-group.label-inline .uc-input-style {
width: auto
}
.uc-form-group>.uc-form-feedback {
color: var(--darkgray-a);
display: flex;
margin: 8px 0 20px;
align-items: flex-start;
gap: 8px
}
.uc-form-group--error>.uc-form-feedback,
.uc-form-group--info>.uc-form-feedback,
.uc-form-group--warning>.uc-form-feedback,
.uc-form-group--success>.uc-form-feedback {
color: var(--black)
}
.uc-form-group--error>.uc-form-feedback .uc-icon,
.uc-form-group--info>.uc-form-feedback .uc-icon,
.uc-form-group--warning>.uc-form-feedback .uc-icon,
.uc-form-group--success>.uc-form-feedback .uc-icon {
color: currentColor
}
.uc-form-group--error>.uc-input-style,
.uc-form-group--error .uc-radio-group,
.uc-form-group--error .uc-form-check,
.uc-form-group--error .uc-form-slider {
border-color: var(--error)
}
.uc-form-group--error>.uc-form-feedback .uc-icon {
color: var(--error)
}
.uc-form-group--info>.uc-input-style,
.uc-form-group--info .uc-radio-group,
.uc-form-group--info .uc-form-check,
.uc-form-group--info .uc-form-slider {
border-color: var(--info)
}
.uc-form-group--info>.uc-form-feedback .uc-icon {
color: var(--info)
}
.uc-form-group--warning>.uc-input-style,
.uc-form-group--warning .uc-radio-group,
.uc-form-group--warning .uc-form-check,
.uc-form-group--warning .uc-form-slider {
border-color: var(--darkyellow)
}
.uc-form-group--warning>.uc-form-feedback .uc-icon {
color: var(--darkyellow)
}
.uc-form-group--success>.uc-input-style,
.uc-form-group--success .uc-radio-group,
.uc-form-group--success .uc-form-check,
.uc-form-group--success .uc-form-slider {
border-color: var(--success)
}
.uc-form-group--success>.uc-form-feedback .uc-icon {
color: var(--success)
}
.uc-input-error {
border: 1px solid var(--error) !important
}
.uc-input-warning {
border: 1px solid var(--warning) !important
}
.uc-input-info {
border: 1px solid var(--info) !important
}
.uc-input-success {
border: 1px solid var(--success) !important
}
.uc-input-style {
width: 100%;
display: block;
border: 1px solid #c6c6c6;
padding: 12px 16px;
line-height: 1;
transition: .2s ease;
position: relative;
height: 45px;
background-color: #fff;
min-width: 250px;
border-radius: 4px
}
.uc-input-style.uc-input-style--alpha {
background-color: transparent;
color: #fff
}
.uc-input-style.uc-input-style--alpha::-moz-placeholder {
color: #fff;
opacity: 1
}
.uc-input-style.uc-input-style--alpha::placeholder {
color: #fff;
opacity: 1
}
.uc-input-style:active,
.uc-input-style:focus {
border: 1px solid #0176de;
box-shadow: 0 0 8px rgba(136, 136, 136, .5);
outline: none
}
.uc-input-style.w-icon.search {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5NYXNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjUwMiw5LjQ5MSBMMTQuNzA4LDkuNDkxIEwxNC40MzIsOS43NjUgQzE1LjQwNywxMC45MDIgMTYsMTIuMzc2IDE2LDEzLjk5MSBDMTYsMTcuNTgxIDEzLjA5LDIwLjQ5MSA5LjUsMjAuNDkxIEM1LjkxLDIwLjQ5MSAzLDE3LjU4MSAzLDEzLjk5MSBDMywxMC40MDEgNS45MSw3LjQ5MSA5LjUsNy40OTEgQzExLjExNSw3LjQ5MSAxMi41ODgsOC4wODMgMTMuNzI1LDkuMDU3IEwxNC4wMDEsOC43ODMgTDE0LjAwMSw3Ljk5MSBMMTguOTk5LDMgTDIwLjQ5LDQuNDkxIEwxNS41MDIsOS40OTEgTDE1LjUwMiw5LjQ5MSBaIE05LjUsOS40OTEgQzcuMDE0LDkuNDkxIDUsMTEuNTA1IDUsMTMuOTkxIEM1LDE2LjQ3NiA3LjAxNCwxOC40OTEgOS41LDE4LjQ5MSBDMTEuOTg1LDE4LjQ5MSAxNCwxNi40NzYgMTQsMTMuOTkxIEMxNCwxMS41MDUgMTEuOTg1LDkuNDkxIDkuNSw5LjQ5MSBMOS41LDkuNDkxIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi0vLVNlYXJjaC0vLUZpbGxlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjMDE3NkRFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS43NDUwMDAsIDExLjc0NTUwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMTEuNzQ1MDAwLCAtMTEuNzQ1NTAwKSAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
background-repeat: no-repeat;
background-position: right 16px center
}
.uc-input-style.w-icon.search.search--white {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5NYXNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjUwMiw5LjQ5MSBMMTQuNzA4LDkuNDkxIEwxNC40MzIsOS43NjUgQzE1LjQwNywxMC45MDIgMTYsMTIuMzc2IDE2LDEzLjk5MSBDMTYsMTcuNTgxIDEzLjA5LDIwLjQ5MSA5LjUsMjAuNDkxIEM1LjkxLDIwLjQ5MSAzLDE3LjU4MSAzLDEzLjk5MSBDMywxMC40MDEgNS45MSw3LjQ5MSA5LjUsNy40OTEgQzExLjExNSw3LjQ5MSAxMi41ODgsOC4wODMgMTMuNzI1LDkuMDU3IEwxNC4wMDEsOC43ODMgTDE0LjAwMSw3Ljk5MSBMMTguOTk5LDMgTDIwLjQ5LDQuNDkxIEwxNS41MDIsOS40OTEgTDE1LjUwMiw5LjQ5MSBaIE05LjUsOS40OTEgQzcuMDE0LDkuNDkxIDUsMTEuNTA1IDUsMTMuOTkxIEM1LDE2LjQ3NiA3LjAxNCwxOC40OTEgOS41LDE4LjQ5MSBDMTEuOTg1LDE4LjQ5MSAxNCwxNi40NzYgMTQsMTMuOTkxIEMxNCwxMS41MDUgMTEuOTg1LDkuNDkxIDkuNSw5LjQ5MSBMOS41LDkuNDkxIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi0vLVNlYXJjaC0vLUZpbGxlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuNzQ1MDAwLCAxMS43NDU1MDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTExLjc0NTAwMCwgLTExLjc0NTUwMCkgIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.uc-input-style:disabled {
cursor: not-allowed;
background: #f6f6f6
}
.uc-input-style:disabled.w-icon.search {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjYgKDY3NDkxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5NYXNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjUwMiw5LjQ5MSBMMTQuNzA4LDkuNDkxIEwxNC40MzIsOS43NjUgQzE1LjQwNywxMC45MDIgMTYsMTIuMzc2IDE2LDEzLjk5MSBDMTYsMTcuNTgxIDEzLjA5LDIwLjQ5MSA5LjUsMjAuNDkxIEM1LjkxLDIwLjQ5MSAzLDE3LjU4MSAzLDEzLjk5MSBDMywxMC40MDEgNS45MSw3LjQ5MSA5LjUsNy40OTEgQzExLjExNSw3LjQ5MSAxMi41ODgsOC4wODMgMTMuNzI1LDkuMDU3IEwxNC4wMDEsOC43ODMgTDE0LjAwMSw3Ljk5MSBMMTguOTk5LDMgTDIwLjQ5LDQuNDkxIEwxNS41MDIsOS40OTEgTDE1LjUwMiw5LjQ5MSBaIE05LjUsOS40OTEgQzcuMDE0LDkuNDkxIDUsMTEuNTA1IDUsMTMuOTkxIEM1LDE2LjQ3NiA3LjAxNCwxOC40OTEgOS41LDE4LjQ5MSBDMTEuOTg1LDE4LjQ5MSAxNCwxNi40NzYgMTQsMTMuOTkxIEMxNCwxMS41MDUgMTEuOTg1LDkuNDkxIDkuNSw5LjQ5MSBMOS41LDkuNDkxIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi0vLVNlYXJjaC0vLUZpbGxlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjNjY2NjY2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS43NDUwMDAsIDExLjc0NTUwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMTEuNzQ1MDAwLCAtMTEuNzQ1NTAwKSAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+)
}
textarea.uc-input-style {
height: auto
}
select.uc-input-style {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83341 8.33398L10.0001 12.5007L14.1667 8.33398H5.83341Z' fill='%230176DE'/%3E%3C/svg%3E%0A") no-repeat right #fff;
background-position: 95%
}
select.uc-input-style:disabled {
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83341 8.33398L10.0001 12.5007L14.1667 8.33398H5.83341Z' fill='%23999999'/%3E%3C/svg%3E%0A") no-repeat right #fff
}
.uc-radio-group,
.uc-checkbox-group {
box-shadow: 0 0 8px rgba(136, 136, 136, .18);
border-radius: 4px;
display: inline-flex;
margin: 0
}
.uc-radio-group .uc-orig-radio,
.uc-checkbox-group .uc-orig-radio {
opacity: 0;
outline: none;
position: absolute;
z-index: -1
}
.uc-radio-group .uc-orig-radio:checked+.uc-radio-button,
.uc-checkbox-group .uc-orig-radio:checked+.uc-radio-button {
background-color: #0176de;
color: #fff
}
.uc-radio-group .uc-orig-radio:checked:disabled+.uc-radio-button,
.uc-checkbox-group .uc-orig-radio:checked:disabled+.uc-radio-button {
background-color: #7ac0fe;
color: #fff
}
.uc-radio-group .uc-orig-radio:disabled+.uc-radio-button,
.uc-checkbox-group .uc-orig-radio:disabled+.uc-radio-button {
color: #acd8ff
}
.uc-radio-group .uc-radio-button,
.uc-checkbox-group .uc-radio-button {
outline: none;
position: relative;
transition: .2s ease;
background-color: #fff;
cursor: pointer;
padding: 10px;
font-weight: 400;
color: #0176de;
line-height: 1.4;
margin: 0
}
.uc-radio-group .uc-radio-button:first-of-type,
.uc-checkbox-group .uc-radio-button:first-of-type {
border-radius: 4px 0 0 4px
}
.uc-radio-group .uc-radio-button:last-of-type,
.uc-checkbox-group .uc-radio-button:last-of-type {
border-radius: 0 4px 4px 0
}
.uc-form-check label {
font-weight: 400;
line-height: 18px;
position: relative;
display: inline-block;
padding-left: 26px;
width: 100%;
margin: 0 0 18px
}
.uc-form-check label:before,
.uc-form-check label:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
content: ""
}
.uc-form-check label:before {
border: 1px solid #c6c6c6
}
.uc-form-check input[type=radio]:checked+label,
.uc-form-check input[type=checkbox]:checked+label {
font-weight: 500
}
.uc-form-check input[type=radio]:focus+label:before,
.uc-form-check input[type=checkbox]:focus+label:before {
border: 2px solid var(--primary);
box-shadow: 0 0 6px #0176de
}
.uc-form-check input[type=radio]:disabled+label:after,
.uc-form-check input[type=radio]:disabled+label:before,
.uc-form-check input[type=checkbox]:disabled+label:after,
.uc-form-check input[type=checkbox]:disabled+label:before {
background-color: #f0f0f0
}
.uc-form-check input[type=radio]:disabled+label,
.uc-form-check input[type=checkbox]:disabled+label {
color: #c6c6c6
}
.uc-form-check input[type=radio] {
opacity: 0;
position: absolute
}
.uc-form-check input[type=radio]+label:after,
.uc-form-check input[type=radio]+label:before {
border-radius: 100%
}
.uc-form-check input[type=radio]:checked+label:after {
border: 6px solid #0176de;
background: #fff
}
.uc-form-check input[type=radio]:checked:disabled+label:after {
border: 6px solid #f0f0f0;
box-shadow: 0 0 0 1px #c6c6c6;
background-color: #c6c6c6
}
.uc-form-check input[type=checkbox] {
opacity: 0;
position: absolute
}
.uc-form-check input[type=checkbox]+label:after,
.uc-form-check input[type=checkbox]+label:before {
border-radius: 5px
}
.uc-form-check input[type=checkbox]:checked+label:after {
background: #0176de;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
.uc-form-check input[type=checkbox]:checked:disabled+label:after {
border: 1px solid #c6c6c6;
background-color: #f0f0f0;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23C6C6C6' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
.uc-form-check input[type=checkbox]:disabled+label:after,
.uc-form-check input[type=checkbox]:disabled+label:before {
border: 1px solid #c6c6c6
}
.uc-form-check.uc-form-switchinput {
display: none
}
.uc-form-check.uc-form-switch>label {
width: 100%;
height: 24px;
padding-left: 56px;
line-height: 24px
}
.uc-form-check.uc-form-switch label:before,
.uc-form-check.uc-form-switch label:after {
bottom: 0;
background-image: none !important;
content: "";
transition: .2s;
top: 0;
position: absolute;
margin: auto;
border: none
}
.uc-form-check.uc-form-switch label:before {
background: #c6c6c6;
border-radius: 34px !important;
height: 24px;
width: 46px
}
.uc-form-check.uc-form-switch label:after {
background: #fff;
border-radius: 100% !important;
height: 20px;
left: 2px;
width: 20px
}
.uc-form-check.uc-form-switch input {
height: 24px;
width: 46px
}
.uc-form-check.uc-form-switch input>label {
margin-left: 50px
}
.uc-form-check.uc-form-switch input:disabled+label:after,
.uc-form-check.uc-form-switch input:disabled+label:before,
.uc-form-check.uc-form-switch input:checked:disabled+label:after,
.uc-form-check.uc-form-switch input:checked:disabled+label:before {
border: none
}
.uc-form-check.uc-form-switch input:checked+label:before {
background-color: #0176de
}
.uc-form-check.uc-form-switch input:disabled+label:after,
.uc-form-check.uc-form-switch input:checked+label:after {
background-color: #fff
}
.uc-form-check.uc-form-switch input:checked:disabled+label:before {
background-color: #7ac0fe
}
.uc-form-check.uc-form-switch input:checked:disabled+label:after {
background-color: #fff
}
.uc-form-check.uc-form-switch input:checked+label:after {
transform: translate(22px)
}
.uc-form-slider label {
font-weight: 400
}
.uc-form-slider label.disabled {
color: #c6c6c6;
font-weight: 400 !important;
pointer-events: none
}
.uc-form-slider input[type=range] {
width: 100%;
height: 18px;
margin-bottom: 18px;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.uc-form-slider input[type=range]:focus {
outline: 0
}
.uc-form-slider input[type=range]:focus::-webkit-slider-thumb {
box-shadow: 0 0 6px #0176de
}
.uc-form-slider input[type=range]:focus::-moz-range-thumb {
box-shadow: 0 0 6px #0176de
}
.uc-form-slider input[type=range]::-moz-focus-outer {
border: 0
}
.uc-form-slider input[type=range]::-webkit-slider-thumb {
width: 18px;
height: 18px;
margin-top: -7px;
background-color: #fff;
border: solid 6px #0176de;
border-radius: 100%;
-webkit-transition: background-color .15s ease-in-out, red .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, red .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion: reduce) {
.uc-form-slider input[type=range]::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.uc-form-slider input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
color: transparent;
cursor: pointer;
background-color: #c6c6c6;
border-color: transparent;
border-radius: 4px
}
.uc-form-slider input[type=range]::-moz-range-thumb {
width: 6px;
height: 6px;
background-color: #fff;
border: solid 6px #0176de;
border-radius: 100%;
-moz-transition: background-color .15s ease-in-out, red .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, red .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion: reduce) {
.uc-form-slider input[type=range]::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.uc-form-slider input[type=range]::-moz-range-track {
width: 100%;
height: 4px;
color: transparent;
cursor: pointer;
background-color: #c6c6c6;
border-color: transparent;
border-radius: 4px
}
.uc-form-slider input[type=range]:disabled {
pointer-events: none
}
.uc-form-slider input[type=range]:disabled::-webkit-slider-thumb {
border: 6px solid #f0f0f0;
box-shadow: 0 0 0 1px #c6c6c6;
background-color: #c6c6c6
}
.uc-form-slider input[type=range]:disabled::-moz-range-thumb {
border: 6px solid #f0f0f0;
box-shadow: 0 0 0 1px #c6c6c6;
background-color: #c6c6c6
}
.uc-message {
position: relative;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 -1px 24px rgba(0, 0, 0, .18)
}
.uc-message.warning {
border-top: 4px solid #e3ae00
}
.uc-message.warning .warning-icon {
vertical-align: text-bottom;
color: #e3ae00;
font-size: 34px
}
.uc-message.error {
border-top: 4px solid #f24f4f
}
.uc-message.error .warning-icon {
vertical-align: text-bottom;
color: #f24f4f;
font-size: 34px
}
.uc-message.success {
border-top: 4px solid #00aa00
}
.uc-message.success .warning-icon {
vertical-align: text-bottom;
color: #0a0;
font-size: 34px
}
.uc-message.info {
border-top: 4px solid #0176de
}
.uc-message.info .warning-icon {
vertical-align: text-bottom;
color: #0176de;
font-size: 34px
}
.uc-message .uc-message_body {
padding: 48px
}
.uc-message .uc-message_close-button {
background: none;
border: none;
position: absolute;
top: 24px;
right: 24px;
line-height: .6
}
.uc-modal {
display: none;
position: fixed;
z-index: 99;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: #000;
background-color: rgba(0, 0, 0, .4)
}
.uc-modal .uc-modal_content {
margin: auto;
width: -moz-fit-content;
width: fit-content;
max-width: 80%
}
.uc-alert {
border: 1px solid;
padding: 7px 16px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between
}
.uc-alert.tie-error {
border: 0
}
.uc-alert.tie-error .uc-icon {
color: #f24f4f
}
.uc-alert.tie-info {
border: 0
}
.uc-alert.tie-info .uc-icon {
color: #0176de
}
.uc-alert.tie-warning {
border: 0
}
.uc-alert.tie-warning .uc-icon {
color: #e3ae00
}
.uc-alert.error {
border-color: #f24f4f;
background-color: rgba(242, 79, 79, .1)
}
.uc-alert.error .uc-icon {
color: #f24f4f
}
.uc-alert.warning {
border-color: #e3ae00;
background-color: rgba(227, 174, 0, .1)
}
.uc-alert.warning .uc-icon {
color: #e3ae00
}
.uc-alert.info {
border-color: #0176de;
background-color: rgba(1, 118, 222, .05)
}
.uc-alert.info .uc-icon {
color: #0176de
}
.uc-alert.success {
border-color: #0a0;
background-color: rgba(0, 170, 0, .1)
}
.uc-alert.success .uc-icon {
color: #0a0
}
.uc-alert.primary {
border-color: #0176de;
background-color: rgba(1, 118, 222, .1)
}
.uc-alert.primary .uc-icon {
color: #0176de
}
.uc-alert .uc-alert_close .uc-icon {
color: #707070
}
#tie {
position: fixed;
background: #fff;
box-shadow: 0 0 25px rgba(0, 0, 0, .3);
left: 0;
right: 0;
z-index: 100 !important
}
.tie-border-success {
border-top: 3px solid #00aa00
}
.tie-border-info {
border-top: 3px solid #0176de
}
.tie-border-warning {
border-top: 3px solid #e3ae00
}
.tie-border-error {
border-top: 3px solid #f24f4f
}
.tippy-tooltip.uc-theme {
background-color: #fff;
color: #000;
box-shadow: 0 0 20px rgba(0, 0, 0, .18);
padding: 16px 24px
}
.tippy-tooltip.uc-theme[x-placement^=top] .tippy-arrow {
border-top-color: #fff
}
.tippy-tooltip.uc-theme[x-placement^=bottom] .tippy-arrow {
border-bottom-color: #fff
}
.tippy-tooltip.uc-theme[x-placement^=left] .tippy-arrow {
border-left-color: #fff
}
.tippy-tooltip.uc-theme[x-placement^=right] .tippy-arrow {
border-right-color: #fff
}
.tippy-tooltip.uc-theme .tippy-roundarrow {
fill: #fff
}
.tippy-tooltip.uc-theme[data-animatefill] {
background-color: transparent
}
.tippy-tooltip.uc-theme .tippy-backdrop {
background-color: #fff
}
.uc-pill {
color: #000;
font-size: 14px;
font-weight: 400;
padding: 6px 16px;
border-radius: 18px;
transition: background-color .2s ease, color .3s ease;
display: inline-block;
text-decoration: none;
background-color: #f6f6f6
}
.uc-pill:hover {
text-decoration: none;
background-color: #f0f0f0
}
.uc-badge {
z-index: 1;
position: absolute;
top: 0;
right: 0;
color: #000;
font-weight: 600;
line-height: 10px;
display: inline-block;
text-align: center;
vertical-align: middle;
transform: translate(50%, -50%);
padding: 5px;
background-color: #0176de;
border-radius: 8px
}
.uc-badge.uc-badge--inline {
display: inline-flex;
position: relative !important;
transform: translate(0) !important
}
.uc-badge.uc-badge--bottom-right {
top: 100% !important
}
.uc-badge.uc-badge--avatar {
border: 2px solid #ffffff;
transform: translate(-12px, 12px)
}
.uc-badge.uc-badge--avatar-md,
.uc-badge.uc-badge--avatar-s,
.uc-badge.uc-badge--avatar-xs {
border: 2px solid #ffffff;
transform: translate(-10px, 10px)
}
.uc-badge.uc-badge--avatar-circle {
border: 2px solid #ffffff;
transform: translate(-23px, 23px)
}
.uc-badge.uc-badge--avatar-circle-md {
border: 2px solid #ffffff;
transform: translate(-17px, 17px)
}
.uc-badge.uc-badge--avatar-circle-s {
border: 2px solid #ffffff;
transform: translate(-14px, 14px)
}
.uc-badge.uc-badge--avatar-circle-xs {
border: 2px solid #ffffff;
transform: translate(-12px, 12px)
}
.uc-badge.uc-badge--number {
transform: translate(55%, -55%);
background-color: #fec60d;
font-size: 12px;
font-weight: 500;
padding: 4px 6px;
border-radius: 10px
}
.uc-badge.uc-badge--text {
transform: translate(25%, -55%);
background-color: #fec60d;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 10px;
letter-spacing: .5px;
width: -moz-fit-content;
width: fit-content;
padding: 4px 4px 3px 6px;
border-radius: 4px;
text-transform: uppercase
}
.uc-badge.uc-badge--icon {
width: 22px;
height: 22px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 50%;
border: 2px solid #0176de
}
.uc-badge.uc-badge--icon>.uc-icon {
font-size: 14px;
position: absolute
}
.uc-badge--number.uc-badge--avatar {
border: 2px solid #ffffff;
transform: translate(-8px, 8px)
}
.uc-badge--number.uc-badge--avatar-md {
border: 2px solid #ffffff;
transform: translate(-6px, 6px)
}
.uc-badge--number.uc-badge--avatar-s {
border: 2px solid #ffffff;
transform: translate(-4px, 4px)
}
.uc-badge--number.uc-badge--avatar-xs {
border: 2px solid #ffffff;
transform: translate(-2px, 2px)
}
.uc-badge--number.uc-badge--avatar-circle {
border: 2px solid #ffffff;
transform: translate(-20px, 20px)
}
.uc-badge--number.uc-badge--avatar-circle-md {
border: 2px solid #ffffff;
transform: translate(-12px, 12px)
}
.uc-badge--number.uc-badge--avatar-circle-s {
border: 2px solid #ffffff;
transform: translate(-8px, 8px)
}
.uc-badge--number.uc-badge--avatar-circle-xs {
border: 2px solid #ffffff;
transform: translate(-4px, 6px)
}
.uc-badge--text.uc-badge--avatar {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translateY(6px)
}
.uc-badge--text.uc-badge--avatar-md {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(4px, 4px)
}
.uc-badge--text.uc-badge--avatar-s {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(8px, 2px)
}
.uc-badge--text.uc-badge--avatar-xs {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(14px)
}
.uc-badge--text.uc-badge--avatar-circle {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translateY(18px)
}
.uc-badge--text.uc-badge--avatar-circle-md {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(8px, 10px)
}
.uc-badge--text.uc-badge--avatar-circle-s {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(10px, 6px)
}
.uc-badge--text.uc-badge--avatar-circle-xs {
top: 0;
right: 0;
border: 2px solid #ffffff;
transform: translate(20px, 4px)
}
.uc-badge--icon.uc-badge--avatar {
transform: translate(-10px, 8px)
}
.uc-badge--icon.uc-badge--avatar-md {
transform: translate(-6px, 6px)
}
.uc-badge--icon.uc-badge--avatar-s,
.uc-badge--icon.uc-badge--avatar-xs {
transform: translate(-4px, 4px)
}
.uc-badge--icon.uc-badge--avatar-circle {
transform: translate(-20px, 20px)
}
.uc-badge--icon.uc-badge--avatar-circle-md {
transform: translate(-12px, 12px)
}
.uc-badge--icon.uc-badge--avatar-circle-s {
transform: translate(-8px, 8px)
}
.uc-badge--icon.uc-badge--avatar-circle-xs {
transform: translate(-4px, 6px)
}
.uc-badge--bottom-right {
border: 2px solid #ffffff
}
.uc-badge--bottom-right.uc-badge--avatar {
transform: translate(-10px, -25px)
}
.uc-badge--bottom-right.uc-badge--avatar-md {
transform: translate(-10px, -22px)
}
.uc-badge--bottom-right.uc-badge--avatar-s {
transform: translate(-10px, -23px)
}
.uc-badge--bottom-right.uc-badge--avatar-xs {
transform: translate(-10px, -20px)
}
.uc-badge--bottom-right.uc-badge--avatar-circle {
transform: translate(-23px, -38px)
}
.uc-badge--bottom-right.uc-badge--avatar-circle-md {
transform: translate(-17px, -32px)
}
.uc-badge--bottom-right.uc-badge--avatar-circle-s {
transform: translate(-14px, -28px)
}
.uc-badge--bottom-right.uc-badge--avatar-circle-xs {
transform: translate(-12px, -26px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar {
transform: translate(-8px, -28px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-md {
transform: translate(-6px, -28px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-s,
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-xs {
transform: translate(-6px, -26px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-circle {
transform: translate(-20px, -38px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-circle-md {
transform: translate(-12px, -34px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-circle-s {
transform: translate(-10px, -30px)
}
.uc-badge--bottom-right.uc-badge--number.uc-badge--avatar-circle-xs {
transform: translate(-8px, -28px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar {
transform: translateY(-28px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-md {
transform: translate(-6px, -28px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-s {
transform: translate(8px, -28px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-xs {
transform: translate(14px, -28px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-circle {
transform: translate(-10px, -38px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-circle-md {
transform: translate(-6px, -36px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-circle-s {
transform: translate(10px, -30px)
}
.uc-badge--bottom-right.uc-badge--text.uc-badge--avatar-circle-xs {
transform: translate(16px, -28px)
}
.uc-badge--bottom-right.uc-badge--icon {
border: 2px solid #0176de
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar {
transform: translate(-10px, -32px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-md {
transform: translate(-6px, -28px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-s {
transform: translate(-8px, -26px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-xs {
transform: translate(-6px, -26px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-circle {
transform: translate(-20px, -38px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-circle-md {
transform: translate(-12px, -36px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-circle-s {
transform: translate(-8px, -30px)
}
.uc-badge--bottom-right.uc-badge--icon.uc-badge--avatar-circle-xs {
transform: translate(-8px, -28px)
}
.uc-barchart-x-axis {
margin: 0 10px
}
.uc-barchart-x-axis .domain {
stroke: #000;
stroke-width: 2
}
.uc-barchart-x-axis .tick line {
display: none
}
.uc-barchart-x-axis .tick text {
font-size: 14px;
fill: gray
}
.uc-barchart {
width: 100%
}
.uc-barchart .textlabel {
fill: #625194;
font-weight: 700;
font-size: 20px
}
.uc-donutchart {
width: 100%
}
.small-label {
font-size: 10px;
fill: #000
}
.small-label-white {
font-size: 10px;
fill: #fff
}
.uc-related-content {
display: grid;
grid-template-columns: auto 519px;
grid-template-rows: 1fr 1fr 1fr
}
.uc-related-content .main-card {
grid-column: 1/2;
grid-row: 1/end
}
.uc-carousel {
position: relative;
overflow: hidden
}
.uc-carousel .hero-carousel_item,
.uc-carousel .primary-carousel_item {
width: 100%;
margin-bottom: 0;
overflow: visible;
background-size: cover;
background-position: center center
}
.uc-carousel .hero-carousel_item>.carousel-img,
.uc-carousel .primary-carousel_item>.carousel-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
.uc-carousel .carousel-img--focus-right {
-o-object-position: right !important;
object-position: right !important
}
.uc-carousel .carousel-img--focus-center {
-o-object-position: center !important;
object-position: center !important
}
.uc-carousel .carousel-img--focus-left {
-o-object-position: left !important;
object-position: left !important
}
.uc-carousel .uc-primary-carousel.uc-primary-carousel--hero .primary-carousel_item {
min-height: 480px
}
@media (min-width: 992px) {
.uc-carousel .uc-primary-carousel.uc-primary-carousel--hero .primary-carousel_item {
height: 200%
}
}
.uc-carousel .uc-primary-carousel.uc-primary-carousel--hero .primary-carousel_item.primary-carousel_item--md-660 {
min-height: 480px
}
@media (min-width: 768px) {
.uc-carousel .uc-primary-carousel.uc-primary-carousel--hero .primary-carousel_item.primary-carousel_item--md-660 {
height: 660px
}
}
.uc-carousel .uc-primary-carousel.uc-primary-carousel--hero .primary-carousel_item .primary-carousel_item-content {
width: 100%;
bottom: 40px;
position: absolute
}
.uc-carousel .uc-primary-carousel .primary-carousel_item {
min-height: 400px
}
@media (min-width: 992px) {
.uc-carousel .uc-primary-carousel .primary-carousel_item {
height: 508px
}
}
.uc-carousel .uc-primary-carousel .primary-carousel_item .primary-carousel_item-content {
width: 100%;
bottom: 40px;
position: absolute
}
.uc-carousel .uc-hero-carousel .hero-carousel_item {
height: 540px
}
@media (min-width: 992px) {
.uc-carousel .uc-hero-carousel .hero-carousel_item {
height: 660px;
margin-bottom: 60px
}
}
.uc-carousel .uc-hero-carousel .carousel-card {
width: calc(100% - 40px);
bottom: 80px;
position: absolute;
box-shadow: 0 0 20px rgba(0, 0, 0, .18)
}
@media (min-width: 768px) {
.uc-carousel .uc-hero-carousel .carousel-card {
width: 80%;
max-width: 640px
}
}
.uc-carousel .uc-hero-carousel .carousel-card .h1 {
font-size: 24px
}
@media (min-width: 992px) {
.uc-carousel .uc-hero-carousel .carousel-card .h1 {
font-size: 2.5em
}
}
.uc-carousel .uc-hero-carousel .carousel-card .uc-card_body--xl {
padding: 24px
}
@media (min-width: 992px) {
.uc-carousel .uc-hero-carousel .carousel-card .uc-card_body--xl {
padding: 48px
}
}
@media (min-width: 992px) {
.uc-carousel .uc-hero-carousel .carousel-card {
bottom: -40px;
margin-left: -48px
}
}
.uc-carousel .uc-hero-carousel .carousel-card a {
text-decoration: none
}
.uc-carousel .uc-carousel-nav {
width: 100%;
height: -moz-fit-content;
height: fit-content;
bottom: 0;
position: absolute;
text-align: center
}
@media (min-width: 992px) {
.uc-carousel .uc-carousel-nav {
bottom: 120px;
text-align: right
}
}
@media (min-width: 992px) {
.uc-carousel .uc-carousel-nav.primary-carousel-nav {
bottom: 40px
}
}
.uc-carousel .uc-carousel-nav .carousel-nav-container {
display: inline-flex
}
.uc-carousel .uc-carousel-nav .carousel-nav-list {
padding: 0;
display: flex;
list-style-type: none
}
@media (min-width: 992px) {
.uc-carousel .uc-carousel-nav .carousel-nav-list {
margin: 0 0 0 auto
}
}
.uc-carousel .uc-carousel-nav .carousel-nav-item {
cursor: pointer;
font-size: 16px;
text-align: center;
font-weight: 700;
margin-left: auto;
color: rgba(255, 255, 255, .35);
transition: .3s ease
}
.uc-carousel .uc-carousel-nav .carousel-nav-item:not(:first-child) {
margin-left: 24px
}
.uc-carousel .uc-carousel-nav .carousel-nav-item .indicator {
width: 32px;
height: 2px;
position: relative;
background-color: rgba(255, 255, 255, .35);
transition: .3s ease
}
.uc-carousel .uc-carousel-nav .carousel-nav-item.tns-nav-active {
color: #fff
}
.uc-carousel .uc-carousel-nav .carousel-nav-item.tns-nav-active .indicator {
background-color: #fff
}
.uc-carousel .uc-carousel-nav .carousel-nav-item.tns-nav-active .indicator:after {
animation: CarouselNav 5s linear forwards
}
.uc-carousel .uc-carousel-nav .carousel-nav-item.tns-nav-active .indicator.paused:after {
animation-play-state: paused
}
.uc-carousel .uc-carousel-nav .carousel-nav-item.tns-nav-active .indicator.playing:after {
animation-play-state: running
}
.uc-carousel .uc-carousel-nav .autoplay-buttons {
margin-left: 24px;
cursor: pointer
}
.uc-carousel .uc-carousel-nav .autoplay-buttons .uc-icon {
color: #fff
}
.uc-carousel-cards {
opacity: 0;
transition: opacity .4s ease-in-out;
position: relative;
width: 100vw;
left: calc(-.5*(100vw - 100%));
right: 0;
padding: 30px;
overflow-x: hidden;
overflow-y: visible
}
@media (min-width: 992px) {
.uc-carousel-cards {
padding: 50px calc((100vw - 100%)/2)
}
}
.uc-carousel-cards .tns-ovh {
overflow: visible
}
.uc-carousel-cards .carousel-controls {
display: flex !important;
justify-content: flex-end;
align-items: center;
margin: 20px 0 16px
}
@media (max-width: 576px) {
.uc-carousel-cards .carousel-controls {
justify-content: center !important
}
}
.uc-carousel-cards .carousel-controls .prev,
.uc-carousel-cards .carousel-controls .next {
display: flex;
cursor: pointer
}
.uc-carousel-cards .carousel-controls .prev[aria-disabled=true] svg g,
.uc-carousel-cards .carousel-controls .next[aria-disabled=true] svg g {
fill: #707070
}
.uc-carousel-cards .carousel-controls .prev {
transform: rotate(-180deg)
}
.uc-carousel-controls {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 32px
}
.uc-carousel-controls .prev,
.uc-carousel-controls .next {
display: flex;
cursor: pointer
}
.uc-carousel-controls .prev[aria-disabled=true] svg g,
.uc-carousel-controls .next[aria-disabled=true] svg g {
fill: #707070
}
.uc-carousel-controls .prev {
transform: rotate(-180deg)
}
.uc-carousel_index {
color: #707070;
font-size: 1em;
margin: 0 20px
}
.uc-carousel_index .current {
color: #0176de
}
.prev[style*="display: none"]+.uc-carousel_index {
display: none !important
}
.carousel-track {
display: none !important;
width: calc(100% + 30px);
height: 2px;
margin-left: -15px;
background-color: #eaeaea;
margin-top: 28px;
position: relative
}
.carousel-track .carousel-progress-indicator {
width: 24px;
height: 6px;
border-radius: 3px;
background-color: #0176de;
position: absolute;
top: -2px;
transform: translate(15px);
transition: .2s ease
}
.uc-card-event-featured_image {
height: calc(100% + 90px);
width: 73%;
margin-top: -50px;
position: absolute;
border-radius: 4px;
background-position: center;
overflow: hidden
}
.uc-card-event-featured_image>img.carousel-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
pointer-events: none
}
.uc-card-event-featured {
float: right;
max-width: 280px
}
.item-carousel {
width: 100%;
height: 100px;
background-color: #000;
margin: 5px 30px
}
.featured-image-container,
.uc-featured-image-container {
position: relative;
display: flex;
width: 100%;
height: 100%
}
.featured-image-container .uc-card-event-featured_image,
.uc-featured-image-container .uc-card-event-featured_image {
width: 163%;
background-size: cover
}
.uc-carousel__progress-bar {
--percentage: 0%;
--duration: 0s;
width: 100%;
height: 4px;
background-color: #eaeaea;
position: relative;
isolation: isolate;
z-index: 1
}
.uc-carousel__progress-bar:before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: var(--percentage);
transition: width var(--duration) linear;
height: 4px;
background-color: #0176de
}
.uc-carousel--home-card {
overflow-x: hidden
}
.uc-carousel--home-card .tns-ovh {
overflow: visible
}
.uc-carousel--home-card .uc-carousel-nav {
position: absolute;
bottom: 0
}
@media (min-width: 992px) {
.uc-carousel--home-card {
height: 560px;
overflow: hidden
}
.uc-carousel--home-card .tns-ovh {
overflow: hidden
}
.uc-carousel--home-card .uc-carousel-nav {
top: auto
}
}
.uc-avatars-group {
display: flex;
flex-wrap: wrap;
margin: 0 -1px
}
.uc-avatars-group .avatar {
margin: 0 -20px;
border: 10px solid #ffffff
}
.uc-avatars-group .avatar.avatar--md {
margin: 0 -12px;
border: 6px solid #ffffff
}
.uc-avatars-group .avatar.avatar--s {
margin: 0 -8px;
border: 4px solid #ffffff
}
.uc-avatars-group .avatar.avatar--xs {
margin: 0 -6px;
border: 3px solid #ffffff
}
.avatar {
--size: 100px;
width: var(--size);
height: var(--size);
background: var(--primaryblue);
color: var(--white);
display: flex;
justify-content: center;
align-items: flex-end;
position: relative;
border-radius: 4px;
font-size: 36px;
overflow: hidden
}
.avatar.avatar--md {
--size: 60px;
font-size: 24px
}
.avatar.avatar--s {
--size: 40px;
font-size: 20px
}
.avatar.avatar--xs {
--size: 32px;
font-size: 15px
}
.avatar.avatar--grey {
background: #9c9c9c
}
.avatar.avatar--yellow {
background: var(--yellow);
color: var(--darkblue)
}
.avatar.avatar--blank {
background-image: url("data:image/svg+xml;utf8,<svg width='78' height='85' viewBox='0 0 78 85' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M60.6666 20C60.6666 31.0457 51.7123 40 40.6666 40C29.6209 40 20.6666 31.0457 20.6666 20C20.6666 8.9543 29.6209 0 40.6666 0C51.7123 0 60.6666 8.9543 60.6666 20Z' fill='white'/><path d='M77.3333 85.0003C77.3333 74.8337 73.2946 65.0835 66.1057 57.8946C58.9168 50.7057 49.1666 46.667 39 46.667C28.8333 46.667 19.0831 50.7057 11.8942 57.8946C4.70531 65.0835 0.666628 74.8337 0.666626 85.0003L39 85.0003H77.3333Z' fill='white'/></svg>");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 80%
}
.avatar.avatar--circle {
border-radius: 50%
}
.avatar.avatar--bg {
background-color: transparent
}
.avatar.avatar--bg img {
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.avatar .avatar--initials {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */