@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}*,
*::before,
*::after {
box-sizing: border-box;
} html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
} body {
margin: 0;
font-family: "Lato", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: #3C3C3B;
text-align: left;
background-color: #fff;
} [tabindex="-1"]:focus {
outline: 0 !important;
} hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
} p {
margin-top: 0;
margin-bottom: 1rem;
} abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
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: #000000;
text-decoration: none;
background-color: transparent;
} a:hover {
color: black;
text-decoration: none;
} a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
} a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
} a:not([href]):not([tabindex]):focus {
outline: 0;
} 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;
} 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: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
} th {
text-align: inherit;
} label {
display: inline-block;
margin-bottom: 0.5rem;
} button {
border-radius: 0;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
} input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} 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;
} input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
} textarea {
overflow: auto;
resize: vertical;
} fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
} legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
} progress {
vertical-align: baseline;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
} [type="search"]::-webkit-search-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;
} h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.4;
} h1, .h1 {
font-size: 3.125rem;
} h2, .h2 {
font-size: 2.5rem;
} h3, .h3 {
font-size: 1.5625rem;
} h4, .h4 {
font-size: 1.875rem;
} h5, .h5 {
font-size: 1.5625rem;
} h6, .h6 {
font-size: 1rem;
} .lead {
font-size: 1.25rem;
font-weight: 300;
} .display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.4;
} .display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.4;
} .display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.4;
} .display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.4;
} hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
} small,
.small {
font-size: 80%;
font-weight: 400;
} mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
} .list-unstyled {
padding-left: 0;
list-style: none;
} .list-inline {
padding-left: 0;
list-style: none;
} .list-inline-item {
display: inline-block;
} .list-inline-item:not(:last-child) {
margin-right: 0.5rem;
} .initialism {
font-size: 90%;
text-transform: uppercase;
} .blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
} .blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d;
} .blockquote-footer::before {
content: "\2014\00A0";
} .img-fluid {
max-width: 100%;
height: auto;
} .img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
} .figure {
display: inline-block;
} .figure-img {
margin-bottom: 0.5rem;
line-height: 1;
} .figure-caption {
font-size: 90%;
color: #6c757d;
} code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word;
} a > code {
color: inherit;
} kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
} kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
} pre {
display: block;
font-size: 87.5%;
color: #212529;
} pre code {
font-size: inherit;
color: inherit;
word-break: normal;
} .pre-scrollable {
max-height: 340px;
overflow-y: scroll;
} .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) { .container {
max-width: 540px;
}
}
@media (min-width: 768px) { .container {
max-width: 720px;
}
}
@media (min-width: 992px) { .container {
max-width: 1054px;
}
}
@media (min-width: 1200px) { .container {
max-width: 1090px;
}
} .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
} .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
} .no-gutters {
margin-right: 0;
margin-left: 0;
} .no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
} .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
} .col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
} .col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
} .col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
} .col-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
} .col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
} .col-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
} .col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
} .col-9 {
flex: 0 0 75%;
max-width: 75%;
} .col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
} .col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
} .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.33333%;
} .offset-2 {
margin-left: 16.66667%;
} .offset-3 {
margin-left: 25%;
} .offset-4 {
margin-left: 33.33333%;
} .offset-5 {
margin-left: 41.66667%;
} .offset-6 {
margin-left: 50%;
} .offset-7 {
margin-left: 58.33333%;
} .offset-8 {
margin-left: 66.66667%;
} .offset-9 {
margin-left: 75%;
} .offset-10 {
margin-left: 83.33333%;
} .offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) { .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
} .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
} .col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
} .col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
} .col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
} .col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
} .col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
} .col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
} .col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
} .col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
} .col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
} .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.33333%;
} .offset-sm-2 {
margin-left: 16.66667%;
} .offset-sm-3 {
margin-left: 25%;
} .offset-sm-4 {
margin-left: 33.33333%;
} .offset-sm-5 {
margin-left: 41.66667%;
} .offset-sm-6 {
margin-left: 50%;
} .offset-sm-7 {
margin-left: 58.33333%;
} .offset-sm-8 {
margin-left: 66.66667%;
} .offset-sm-9 {
margin-left: 75%;
} .offset-sm-10 {
margin-left: 83.33333%;
} .offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) { .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
} .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
} .col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
} .col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
} .col-md-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
} .col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
} .col-md-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
} .col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
} .col-md-9 {
flex: 0 0 75%;
max-width: 75%;
} .col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
} .col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
} .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.33333%;
} .offset-md-2 {
margin-left: 16.66667%;
} .offset-md-3 {
margin-left: 25%;
} .offset-md-4 {
margin-left: 33.33333%;
} .offset-md-5 {
margin-left: 41.66667%;
} .offset-md-6 {
margin-left: 50%;
} .offset-md-7 {
margin-left: 58.33333%;
} .offset-md-8 {
margin-left: 66.66667%;
} .offset-md-9 {
margin-left: 75%;
} .offset-md-10 {
margin-left: 83.33333%;
} .offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) { .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
} .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
} .col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
} .col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
} .col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
} .col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
} .col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
} .col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
} .col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
} .col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
} .col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
} .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.33333%;
} .offset-lg-2 {
margin-left: 16.66667%;
} .offset-lg-3 {
margin-left: 25%;
} .offset-lg-4 {
margin-left: 33.33333%;
} .offset-lg-5 {
margin-left: 41.66667%;
} .offset-lg-6 {
margin-left: 50%;
} .offset-lg-7 {
margin-left: 58.33333%;
} .offset-lg-8 {
margin-left: 66.66667%;
} .offset-lg-9 {
margin-left: 75%;
} .offset-lg-10 {
margin-left: 83.33333%;
} .offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) { .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
} .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
} .col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
} .col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
} .col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
} .col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
} .col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
} .col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
} .col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
} .col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
} .col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
} .col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
} .col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
} .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.33333%;
} .offset-xl-2 {
margin-left: 16.66667%;
} .offset-xl-3 {
margin-left: 25%;
} .offset-xl-4 {
margin-left: 33.33333%;
} .offset-xl-5 {
margin-left: 41.66667%;
} .offset-xl-6 {
margin-left: 50%;
} .offset-xl-7 {
margin-left: 58.33333%;
} .offset-xl-8 {
margin-left: 66.66667%;
} .offset-xl-9 {
margin-left: 75%;
} .offset-xl-10 {
margin-left: 83.33333%;
} .offset-xl-11 {
margin-left: 91.66667%;
}
} .table {
width: 100%;
margin-bottom: 1rem;
color: #3C3C3B;
} .table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
} .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
} .table tbody + tbody {
border-top: 2px solid #dee2e6;
} .table-sm th,
.table-sm td {
padding: 0.3rem;
} .table-bordered {
border: 1px solid #dee2e6;
} .table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
} .table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
} .table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
} .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
} .table-hover tbody tr:hover {
color: #3C3C3B;
background-color: rgba(0, 0, 0, 0.075);
} .table-primary,
.table-primary > th,
.table-primary > td {
background-color: #b8b8b8;
} .table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #7a7a7a;
} .table-hover .table-primary:hover {
background-color: #ababab;
} .table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #ababab;
} .table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d4e4ff;
} .table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #b0ceff;
} .table-hover .table-secondary:hover {
background-color: #bbd4ff;
} .table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #bbd4ff;
} .table-success,
.table-success > th,
.table-success > td {
background-color: #c3e6cb;
} .table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #8fd19e;
} .table-hover .table-success:hover {
background-color: #b1dfbb;
} .table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb;
} .table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb;
} .table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #86cfda;
} .table-hover .table-info:hover {
background-color: #abdde5;
} .table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5;
} .table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba;
} .table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #ffdf7e;
} .table-hover .table-warning:hover {
background-color: #ffe8a1;
} .table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1;
} .table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb;
} .table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #ed969e;
} .table-hover .table-danger:hover {
background-color: #f1b0b7;
} .table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7;
} .table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
} .table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfcfc;
} .table-hover .table-light:hover {
background-color: #ececf6;
} .table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
} .table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
} .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95999c;
} .table-hover .table-dark:hover {
background-color: #b9bbbe;
} .table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
} .table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
} .table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
} .table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
} .table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
} .table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
} .table-dark {
color: #fff;
background-color: #343a40;
} .table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #454d55;
} .table-dark.table-bordered {
border: 0;
} .table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
} .table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) { .table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) { .table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) { .table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) { .table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .table-responsive-xl > .table-bordered {
border: 0;
}
} .table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
} .table-responsive > .table-bordered {
border: 0;
} .form-control {
display: block;
width: 100%;
height: calc(1.4em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} .form-control::-ms-expand {
background-color: transparent;
border: 0;
} .form-control:focus {
color: #495057;
background-color: #fff;
border-color: #404040;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .form-control::placeholder {
color: #6c757d;
opacity: 1;
} .form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
} select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
} .form-control-file,
.form-control-range {
display: block;
width: 100%;
} .col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.4;
} .col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
} .col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
} .form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.4;
color: #3C3C3B;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
} .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
} .form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
} .form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
} select.form-control[size], select.form-control[multiple] {
height: auto;
} textarea.form-control {
height: auto;
} .form-group {
margin-bottom: 1rem;
} .form-text {
display: block;
margin-top: 0.25rem;
} .form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
} .form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
} .form-check {
position: relative;
display: block;
padding-left: 1.25rem;
} .form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
} .form-check-input:disabled ~ .form-check-label {
color: #6c757d;
} .form-check-label {
margin-bottom: 0;
} .form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
} .form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
} .valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745;
} .valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.4;
color: #fff;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem;
} .was-validated .form-control:valid, .form-control.is-valid {
border-color: #28a745;
padding-right: calc(1.4em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.35em + 0.1875rem);
background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
} .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} .was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
display: block;
} .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.4em + 0.75rem);
background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem);
} .was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
} .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} .was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block;
} .was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block;
} .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745;
} .was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
} .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745;
} .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #28a745;
} .was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block;
} .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57;
} .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745;
} .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745;
} .was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block;
} .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
} .invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
} .invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: .1rem;
font-size: 0.875rem;
line-height: 1.4;
color: #fff;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem;
} .was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.4em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(0.35em + 0.1875rem);
background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
} .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} .was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.4em + 0.75rem);
background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem);
} .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.7em + 0.375rem) calc(0.7em + 0.375rem);
} .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} .was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
} .was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545;
} .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #dc3545;
} .was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d;
} .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545;
} .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545;
} .was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block;
} .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
} .form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
} .form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) { .form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
} .form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
} .form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
} .form-inline .form-control-plaintext {
display: inline-block;
} .form-inline .input-group,
.form-inline .custom-select {
width: auto;
} .form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
} .form-inline .form-check-input {
position: relative;
flex-shrink: 0;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
} .form-inline .custom-control {
align-items: center;
justify-content: center;
} .form-inline .custom-control-label {
margin-bottom: 0;
}
} .btn {
display: inline-block;
font-weight: 400;
color: #3C3C3B;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.4;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} .btn:hover {
color: #3C3C3B;
text-decoration: none;
} .btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .btn.disabled, .btn:disabled {
opacity: 0.65;
} a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
} .btn-primary {
color: #fff;
background-color: #000000;
border-color: #000000;
} .btn-primary:hover {
color: #fff;
background-color: black;
border-color: black;
} .btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
} .btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #000000;
border-color: #000000;
} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: black;
border-color: black;
} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5);
} .btn-secondary {
color: #212529;
background-color: #67A0FF;
border-color: #67A0FF;
} .btn-secondary:hover {
color: #fff;
background-color: #4188ff;
border-color: #3480ff;
} .btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(93, 142, 223, 0.5);
} .btn-secondary.disabled, .btn-secondary:disabled {
color: #212529;
background-color: #67A0FF;
border-color: #67A0FF;
} .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #3480ff;
border-color: #2778ff;
} .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(93, 142, 223, 0.5);
} .btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
} .btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
} .btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
} .btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
} .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
} .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
} .btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
} .btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
} .btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
} .btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
} .btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
} .btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
} .btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
} .btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
} .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
} .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
} .btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
} .btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
} .btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
} .btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
} .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
} .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
} .btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
} .btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
} .btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
} .btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
} .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
} .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
} .btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
} .btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
} .btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
} .btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
} .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
} .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
} .btn-outline-primary {
color: #000000;
border-color: #000000;
} .btn-outline-primary:hover {
color: #fff;
background-color: #000000;
border-color: #000000;
} .btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
} .btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #000000;
background-color: transparent;
} .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #000000;
border-color: #000000;
} .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
} .btn-outline-secondary {
color: #67A0FF;
border-color: #67A0FF;
} .btn-outline-secondary:hover {
color: #212529;
background-color: #67A0FF;
border-color: #67A0FF;
} .btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(103, 160, 255, 0.5);
} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #67A0FF;
background-color: transparent;
} .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #212529;
background-color: #67A0FF;
border-color: #67A0FF;
} .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(103, 160, 255, 0.5);
} .btn-outline-success {
color: #28a745;
border-color: #28a745;
} .btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
} .btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
} .btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
} .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
} .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
} .btn-outline-info {
color: #17a2b8;
border-color: #17a2b8;
} .btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
} .btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
} .btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
} .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
} .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
} .btn-outline-warning {
color: #ffc107;
border-color: #ffc107;
} .btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
} .btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
} .btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
} .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
} .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
} .btn-outline-danger {
color: #dc3545;
border-color: #dc3545;
} .btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
} .btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
} .btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
} .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
} .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
} .btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
} .btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
} .btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
} .btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
} .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
} .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
} .btn-outline-dark {
color: #343a40;
border-color: #343a40;
} .btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
} .btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
} .btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
} .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
} .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
} .btn-link {
font-weight: 400;
color: #000000;
text-decoration: none;
} .btn-link:hover {
color: black;
text-decoration: none;
} .btn-link:focus, .btn-link.focus {
text-decoration: none;
box-shadow: none;
} .btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none;
} .btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
} .btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
} .btn-block {
display: block;
width: 100%;
} .btn-block + .btn-block {
margin-top: 0.5rem;
} input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
} .fade {
transition: opacity 0.15s linear;
} .fade:not(.show) {
opacity: 0;
} .collapse:not(.show) {
display: none;
} .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
} .dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
} .dropdown-toggle {
white-space: nowrap;
} .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
} .dropdown-toggle:empty::after {
margin-left: 0;
} .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #3C3C3B;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
} .dropdown-menu-left {
right: auto;
left: 0;
} .dropdown-menu-right {
right: 0;
left: auto;
}
@media (min-width: 576px) { .dropdown-menu-sm-left {
right: auto;
left: 0;
} .dropdown-menu-sm-right {
right: 0;
left: auto;
}
}
@media (min-width: 768px) { .dropdown-menu-md-left {
right: auto;
left: 0;
} .dropdown-menu-md-right {
right: 0;
left: auto;
}
}
@media (min-width: 992px) { .dropdown-menu-lg-left {
right: auto;
left: 0;
} .dropdown-menu-lg-right {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) { .dropdown-menu-xl-left {
right: auto;
left: 0;
} .dropdown-menu-xl-right {
right: 0;
left: auto;
}
} .dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
} .dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
} .dropup .dropdown-toggle:empty::after {
margin-left: 0;
} .dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem;
} .dropright .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
} .dropright .dropdown-toggle:empty::after {
margin-left: 0;
} .dropright .dropdown-toggle::after {
vertical-align: 0;
} .dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem;
} .dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
} .dropleft .dropdown-toggle::after {
display: none;
} .dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
} .dropleft .dropdown-toggle:empty::after {
margin-left: 0;
} .dropleft .dropdown-toggle::before {
vertical-align: 0;
} .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto;
} .dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
} .dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
} .dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
} .dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #000000;
} .dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent;
} .dropdown-menu.show {
display: block;
} .dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
} .dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
} .btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
} .btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto;
} .btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1;
} .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
} .btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
} .btn-toolbar .input-group {
width: auto;
} .btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
margin-left: -1px;
} .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
} .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
margin-left: 0;
} .dropleft .dropdown-toggle-split::before {
margin-right: 0;
} .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
} .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
} .btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
} .btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
} .btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: -1px;
} .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} .btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
} .btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
} .btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
} .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
} .input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
} .input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px;
} .input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
} .input-group > .custom-file .custom-file-input:focus {
z-index: 4;
} .input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .input-group > .custom-file {
display: flex;
align-items: center;
} .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .input-group-prepend,
.input-group-append {
display: flex;
} .input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
} .input-group-prepend .btn:focus,
.input-group-append .btn:focus {
z-index: 3;
} .input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px;
} .input-group-prepend {
margin-right: -1px;
} .input-group-append {
margin-left: -1px;
} .input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0.25rem;
} .input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0;
} .input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
height: calc(1.5em + 1rem + 2px);
} .input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
} .input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
height: calc(1.5em + 0.5rem + 2px);
} .input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
} .input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75rem;
} .input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .custom-control {
position: relative;
display: block;
min-height: 1.4rem;
padding-left: 1.5rem;
} .custom-control-inline {
display: inline-flex;
margin-right: 1rem;
} .custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
} .custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #000000;
background-color: #000000;
} .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #404040;
} .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #595959;
border-color: #595959;
} .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
} .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
} .custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
} .custom-control-label::before {
position: absolute;
top: 0.2rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;
} .custom-control-label::after {
position: absolute;
top: 0.2rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50% / 50% 50%;
} .custom-checkbox .custom-control-label::before {
border-radius: 0.25rem;
} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #000000;
background-color: #000000;
} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
} .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 0, 0, 0.5);
} .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 0, 0, 0.5);
} .custom-radio .custom-control-label::before {
border-radius: 50%;
} .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
} .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 0, 0, 0.5);
} .custom-switch {
padding-left: 2.25rem;
} .custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
} .custom-switch .custom-control-label::after {
top: calc(0.2rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
} .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 0, 0, 0.5);
} .custom-select {
display: inline-block;
width: 100%;
height: calc(1.4em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
appearance: none;
} .custom-select:focus {
border-color: #404040;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-select:focus::-ms-value {
color: #495057;
background-color: #fff;
} .custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
} .custom-select:disabled {
color: #6c757d;
background-color: #e9ecef;
} .custom-select::-ms-expand {
display: none;
} .custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
} .custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
} .custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.4em + 0.75rem + 2px);
margin-bottom: 0;
} .custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.4em + 0.75rem + 2px);
margin: 0;
opacity: 0;
} .custom-file-input:focus ~ .custom-file-label {
border-color: #404040;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef;
} .custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
} .custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse);
} .custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.4em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.4;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
} .custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.4em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.4;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
} .custom-range {
width: 100%;
height: calc(1rem + 0.4rem);
padding: 0;
background-color: transparent;
appearance: none;
} .custom-range:focus {
outline: none;
} .custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .custom-range::-moz-focus-outer {
border: 0;
} .custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #000000;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
} .custom-range::-webkit-slider-thumb:active {
background-color: #595959;
} .custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
} .custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #000000;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
} .custom-range::-moz-range-thumb:active {
background-color: #595959;
} .custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
} .custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
background-color: #000000;
border: 0;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
appearance: none;
} .custom-range::-ms-thumb:active {
background-color: #595959;
} .custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
} .custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
} .custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
} .custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
} .custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
} .custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
} .custom-range:disabled::-moz-range-track {
cursor: default;
} .custom-range:disabled::-ms-thumb {
background-color: #adb5bd;
} .custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
} .nav-link {
display: block;
padding: 0.5rem 1rem;
} .nav-link:hover, .nav-link:focus {
text-decoration: none;
} .nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
} .nav-tabs {
border-bottom: 1px solid #dee2e6;
} .nav-tabs .nav-item {
margin-bottom: -1px;
} .nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
} .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
} .nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
} .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
} .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
} .nav-pills .nav-link {
border-radius: 0.25rem;
} .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #000000;
} .nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
} .nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
} .tab-content > .tab-pane {
display: none;
} .tab-content > .active {
display: block;
} .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
} .navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
} .navbar-brand {
display: inline-block;
padding-top: 0.325rem;
padding-bottom: 0.325rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
} .navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
} .navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
} .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
} .navbar-nav .dropdown-menu {
position: static;
float: none;
} .navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
} .navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
} .navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
} .navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 575.98px) { .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) { .navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
} .navbar-expand-sm .navbar-nav {
flex-direction: row;
} .navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
} .navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
} .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap;
} .navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
} .navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) { .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) { .navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
} .navbar-expand-md .navbar-nav {
flex-direction: row;
} .navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
} .navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
} .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
} .navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
} .navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) { .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) { .navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
} .navbar-expand-lg .navbar-nav {
flex-direction: row;
} .navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
} .navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
} .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
} .navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
} .navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) { .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) { .navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
} .navbar-expand-xl .navbar-nav {
flex-direction: row;
} .navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
} .navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
} .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap;
} .navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
} .navbar-expand-xl .navbar-toggler {
display: none;
}
} .navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
} .navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0;
} .navbar-expand .navbar-nav {
flex-direction: row;
} .navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
} .navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
} .navbar-expand > .container,
.navbar-expand > .container-fluid {
flex-wrap: nowrap;
} .navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
} .navbar-expand .navbar-toggler {
display: none;
} .navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
} .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
} .navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
} .navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
} .navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
} .navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
} .navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} .navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
} .navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
} .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
} .navbar-dark .navbar-brand {
color: #fff;
} .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
} .navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
} .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
} .navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
} .navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
} .navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
} .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} .navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
} .navbar-dark .navbar-text a {
color: #fff;
} .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
} .card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
} .card > hr {
margin-right: 0;
margin-left: 0;
} .card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
} .card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
} .card-body {
flex: 1 1 auto;
padding: 1.25rem;
} .card-title {
margin-bottom: 0.75rem;
} .card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
} .card-text:last-child {
margin-bottom: 0;
} .card-link:hover {
text-decoration: none;
} .card-link + .card-link {
margin-left: 1.25rem;
} .card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
} .card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
} .card-header + .list-group .list-group-item:first-child {
border-top: 0;
} .card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
} .card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
} .card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
} .card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
} .card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
} .card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
} .card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
} .card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
} .card-deck {
display: flex;
flex-direction: column;
} .card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) { .card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
} .card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
} .card-group {
display: flex;
flex-direction: column;
} .card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) { .card-group {
flex-flow: row wrap;
} .card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
} .card-group > .card + .card {
margin-left: 0;
border-left: 0;
} .card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
} .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
} .card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
} .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
} .card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) { .card-columns {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
} .card-columns .card {
display: inline-block;
width: 100%;
}
} .accordion > .card {
overflow: hidden;
} .accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
} .accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
} .accordion > .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} .accordion > .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
} .accordion > .card .card-header {
margin-bottom: -1px;
} .breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem;
} .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
} .breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
} .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
} .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
} .breadcrumb-item.active {
color: #6c757d;
} .pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
} .page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #000000;
background-color: #fff;
border: 1px solid #dee2e6;
} .page-link:hover {
z-index: 2;
color: black;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
} .page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
} .page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
} .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
} .page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #000000;
border-color: #000000;
} .page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
} .pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5;
} .pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
} .pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
} .pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
} .pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
} .pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
} .badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} a.badge:hover, a.badge:focus {
text-decoration: none;
} .badge:empty {
display: none;
} .btn .badge {
position: relative;
top: -1px;
} .badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
} .badge-primary {
color: #fff;
background-color: #000000;
} a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: black;
} a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
} .badge-secondary {
color: #212529;
background-color: #67A0FF;
} a.badge-secondary:hover, a.badge-secondary:focus {
color: #212529;
background-color: #3480ff;
} a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(103, 160, 255, 0.5);
} .badge-success {
color: #fff;
background-color: #28a745;
} a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #1e7e34;
} a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
} .badge-info {
color: #fff;
background-color: #17a2b8;
} a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #117a8b;
} a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
} .badge-warning {
color: #212529;
background-color: #ffc107;
} a.badge-warning:hover, a.badge-warning:focus {
color: #212529;
background-color: #d39e00;
} a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
} .badge-danger {
color: #fff;
background-color: #dc3545;
} a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #bd2130;
} a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
} .badge-light {
color: #212529;
background-color: #f8f9fa;
} a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #dae0e5;
} a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
} .badge-dark {
color: #fff;
background-color: #343a40;
} a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #1d2124;
} a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
} .jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem;
}
@media (min-width: 576px) { .jumbotron {
padding: 4rem 2rem;
}
} .jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
} .alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
} .alert-heading {
color: inherit;
} .alert-link {
font-weight: 700;
} .alert-dismissible {
padding-right: 4rem;
} .alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
} .alert-primary {
color: black;
background-color: #cccccc;
border-color: #b8b8b8;
} .alert-primary hr {
border-top-color: #ababab;
} .alert-primary .alert-link {
color: black;
} .alert-secondary {
color: #365385;
background-color: #e1ecff;
border-color: #d4e4ff;
} .alert-secondary hr {
border-top-color: #bbd4ff;
} .alert-secondary .alert-link {
color: #273c61;
} .alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
} .alert-success hr {
border-top-color: #b1dfbb;
} .alert-success .alert-link {
color: #0b2e13;
} .alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
} .alert-info hr {
border-top-color: #abdde5;
} .alert-info .alert-link {
color: #062c33;
} .alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
} .alert-warning hr {
border-top-color: #ffe8a1;
} .alert-warning .alert-link {
color: #533f03;
} .alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
} .alert-danger hr {
border-top-color: #f1b0b7;
} .alert-danger .alert-link {
color: #491217;
} .alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
} .alert-light hr {
border-top-color: #ececf6;
} .alert-light .alert-link {
color: #686868;
} .alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
} .alert-dark hr {
border-top-color: #b9bbbe;
} .alert-dark .alert-link {
color: #040505;
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
} .progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
} .progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #000000;
transition: width 0.6s ease;
} .progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem;
} .progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) { .progress-bar-animated {
animation: none;
}
} .media {
display: flex;
align-items: flex-start;
} .media-body {
flex: 1;
} .list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
} .list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
} .list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
} .list-group-item-action:active {
color: #3C3C3B;
background-color: #e9ecef;
} .list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
} .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
} .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
} .list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff;
} .list-group-item.active {
z-index: 2;
color: #fff;
background-color: #000000;
border-color: #000000;
} .list-group-horizontal {
flex-direction: row;
} .list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0;
} .list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
} .list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
@media (min-width: 576px) { .list-group-horizontal-sm {
flex-direction: row;
} .list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0;
} .list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
} .list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 768px) { .list-group-horizontal-md {
flex-direction: row;
} .list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0;
} .list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
} .list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 992px) { .list-group-horizontal-lg {
flex-direction: row;
} .list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0;
} .list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
} .list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
}
@media (min-width: 1200px) { .list-group-horizontal-xl {
flex-direction: row;
} .list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
} .list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
} .list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
} .list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
} .list-group-flush .list-group-item:last-child {
margin-bottom: -1px;
} .list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
} .list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0;
} .list-group-item-primary {
color: black;
background-color: #b8b8b8;
} .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: black;
background-color: #ababab;
} .list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: black;
border-color: black;
} .list-group-item-secondary {
color: #365385;
background-color: #d4e4ff;
} .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #365385;
background-color: #bbd4ff;
} .list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #365385;
border-color: #365385;
} .list-group-item-success {
color: #155724;
background-color: #c3e6cb;
} .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb;
} .list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724;
} .list-group-item-info {
color: #0c5460;
background-color: #bee5eb;
} .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5;
} .list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460;
} .list-group-item-warning {
color: #856404;
background-color: #ffeeba;
} .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1;
} .list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404;
} .list-group-item-danger {
color: #721c24;
background-color: #f5c6cb;
} .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7;
} .list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24;
} .list-group-item-light {
color: #818182;
background-color: #fdfdfe;
} .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
} .list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
} .list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
} .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
} .list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
} .close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
} .close:hover {
color: #000;
text-decoration: none;
} .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75;
} button.close {
padding: 0;
background-color: transparent;
border: 0;
appearance: none;
} a.close.disabled {
pointer-events: none;
} .toast {
max-width: 350px;
overflow: hidden;
font-size: 0.875rem;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: 0.25rem;
} .toast:not(:last-child) {
margin-bottom: 0.75rem;
} .toast.showing {
opacity: 1;
} .toast.show {
display: block;
opacity: 1;
} .toast.hide {
display: none;
} .toast-header {
display: flex;
align-items: center;
padding: 0.25rem 0.75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
} .toast-body {
padding: 0.75rem;
} .modal-open {
overflow: hidden;
} .modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
} .modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
} .modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
} .modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
} .modal.show .modal-dialog {
transform: none;
} .modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem);
} .modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden;
} .modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
} .modal-dialog-scrollable .modal-body {
overflow-y: auto;
} .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem);
} .modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: "";
} .modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
} .modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
} .modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
} .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
} .modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
} .modal-backdrop.fade {
opacity: 0;
} .modal-backdrop.show {
opacity: 0.5;
} .modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
} .modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
} .modal-title {
margin-bottom: 0;
line-height: 1.4;
} .modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
} .modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
} .modal-footer > :not(:first-child) {
margin-left: .25rem;
} .modal-footer > :not(:last-child) {
margin-right: .25rem;
} .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) { .modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
} .modal-dialog-scrollable {
max-height: calc(100% - 3.5rem);
} .modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem);
} .modal-dialog-centered {
min-height: calc(100% - 3.5rem);
} .modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
} .modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) { .modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) { .modal-xl {
max-width: 1140px;
}
} .tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: "Lato", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.4;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
} .tooltip.show {
opacity: 0.9;
} .tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
} .tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
} .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0;
} .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
} .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
} .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem;
} .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
} .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
} .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0;
} .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0;
} .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
} .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem;
} .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
} .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
} .tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
} .popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: "Lato", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.4;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
} .popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
} .popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
} .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem;
} .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc((0.5rem + 1px) * -1);
} .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
} .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
} .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem;
} .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
} .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
} .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
} .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem;
} .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc((0.5rem + 1px) * -1);
} .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
} .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
} .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
} .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem;
} .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
} .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
} .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
} .popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
} .popover-header:empty {
display: none;
} .popover-body {
padding: 0.5rem 0.75rem;
color: #3C3C3B;
} .carousel {
position: relative;
} .carousel.pointer-event {
touch-action: pan-y;
} .carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
} .carousel-inner::after {
display: block;
clear: both;
content: "";
} .carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
} .carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
} .carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
transform: translateX(100%);
} .carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
transform: translateX(-100%);
} .carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
} .carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
z-index: 1;
opacity: 1;
} .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s 0.6s opacity;
} .carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
transition: opacity 0.15s ease;
} .carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
} .carousel-control-prev {
left: 0;
} .carousel-control-next {
right: 0;
} .carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50% / 100% 100%;
} .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
} .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
} .carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
} .carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity 0.6s ease;
} .carousel-indicators .active {
opacity: 1;
} .carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
} .spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: spinner-border .75s linear infinite;
} .spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: 0.2em;
}
@keyframes spinner-grow {
0% {
transform: scale(0);
}
50% {
opacity: 1;
}
} .spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite;
} .spinner-grow-sm {
width: 1rem;
height: 1rem;
} .align-baseline {
vertical-align: baseline !important;
} .align-top {
vertical-align: top !important;
} .align-middle {
vertical-align: middle !important;
} .align-bottom {
vertical-align: bottom !important;
} .align-text-bottom {
vertical-align: text-bottom !important;
} .align-text-top {
vertical-align: text-top !important;
} .bg-primary {
background-color: #000000 !important;
} a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: black !important;
} .bg-secondary {
background-color: #67A0FF !important;
} a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #3480ff !important;
} .bg-success {
background-color: #28a745 !important;
} a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
} .bg-info {
background-color: #17a2b8 !important;
} a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
} .bg-warning {
background-color: #ffc107 !important;
} a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
} .bg-danger {
background-color: #dc3545 !important;
} a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
} .bg-light {
background-color: #f8f9fa !important;
} a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
} .bg-dark {
background-color: #343a40 !important;
} a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
} .bg-white {
background-color: #fff !important;
} .bg-transparent {
background-color: transparent !important;
} .border {
border: 1px solid #dee2e6 !important;
} .border-top {
border-top: 1px solid #dee2e6 !important;
} .border-right {
border-right: 1px solid #dee2e6 !important;
} .border-bottom {
border-bottom: 1px solid #dee2e6 !important;
} .border-left {
border-left: 1px solid #dee2e6 !important;
} .border-0 {
border: 0 !important;
} .border-top-0 {
border-top: 0 !important;
} .border-right-0 {
border-right: 0 !important;
} .border-bottom-0 {
border-bottom: 0 !important;
} .border-left-0 {
border-left: 0 !important;
} .border-primary {
border-color: #000000 !important;
} .border-secondary {
border-color: #67A0FF !important;
} .border-success {
border-color: #28a745 !important;
} .border-info {
border-color: #17a2b8 !important;
} .border-warning {
border-color: #ffc107 !important;
} .border-danger {
border-color: #dc3545 !important;
} .border-light {
border-color: #f8f9fa !important;
} .border-dark {
border-color: #343a40 !important;
} .border-white {
border-color: #fff !important;
} .rounded-sm {
border-radius: 0.2rem !important;
} .rounded {
border-radius: 0.25rem !important;
} .rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
} .rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
} .rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
} .rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
} .rounded-lg {
border-radius: 0.3rem !important;
} .rounded-circle {
border-radius: 50% !important;
} .rounded-pill {
border-radius: 50rem !important;
} .rounded-0 {
border-radius: 0 !important;
} .clearfix::after {
display: block;
clear: both;
content: "";
} .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;
}
} .embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
} .embed-responsive::before {
display: block;
content: "";
} .embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} .embed-responsive-21by9::before {
padding-top: 42.85714%;
} .embed-responsive-16by9::before {
padding-top: 56.25%;
} .embed-responsive-4by3::before {
padding-top: 75%;
} .embed-responsive-1by1::before {
padding-top: 100%;
} .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;
}
} .float-left {
float: left !important;
} .float-right {
float: right !important;
} .float-none {
float: none !important;
}
@media (min-width: 576px) { .float-sm-left {
float: left !important;
} .float-sm-right {
float: right !important;
} .float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) { .float-md-left {
float: left !important;
} .float-md-right {
float: right !important;
} .float-md-none {
float: none !important;
}
}
@media (min-width: 992px) { .float-lg-left {
float: left !important;
} .float-lg-right {
float: right !important;
} .float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) { .float-xl-left {
float: left !important;
} .float-xl-right {
float: right !important;
} .float-xl-none {
float: none !important;
}
} .overflow-auto {
overflow: auto !important;
} .overflow-hidden {
overflow: hidden !important;
} .position-static {
position: static !important;
} .position-relative {
position: relative !important;
} .position-absolute {
position: absolute !important;
} .position-fixed {
position: fixed !important;
} .position-sticky {
position: sticky !important;
} .fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
} .fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) { .sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
} .sr-only, .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
} .shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
} .shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
} .shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
} .shadow-none {
box-shadow: none !important;
} .w-25 {
width: 25% !important;
} .w-50 {
width: 50% !important;
} .w-75 {
width: 75% !important;
} .w-100 {
width: 100% !important;
} .w-auto {
width: auto !important;
} .h-25 {
height: 25% !important;
} .h-50 {
height: 50% !important;
} .h-75 {
height: 75% !important;
} .h-100 {
height: 100% !important;
} .h-auto {
height: auto !important;
} .mw-100 {
max-width: 100% !important;
} .mh-100 {
max-height: 100% !important;
} .min-vw-100 {
min-width: 100vw !important;
} .min-vh-100 {
min-height: 100vh !important;
} .vw-100 {
width: 100vw !important;
} .vh-100 {
height: 100vh !important;
} .stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: transparent;
} .m-0 {
margin: 0 !important;
} .mt-0,
.my-0 {
margin-top: 0 !important;
} .mr-0,
.mx-0 {
margin-right: 0 !important;
} .mb-0,
.my-0 {
margin-bottom: 0 !important;
} .ml-0,
.mx-0 {
margin-left: 0 !important;
} .m-1 {
margin: 0.25rem !important;
} .mt-1,
.my-1 {
margin-top: 0.25rem !important;
} .mr-1,
.mx-1 {
margin-right: 0.25rem !important;
} .mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
} .ml-1,
.mx-1 {
margin-left: 0.25rem !important;
} .m-2 {
margin: 0.5rem !important;
} .mt-2,
.my-2 {
margin-top: 0.5rem !important;
} .mr-2,
.mx-2 {
margin-right: 0.5rem !important;
} .mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
} .ml-2,
.mx-2 {
margin-left: 0.5rem !important;
} .m-3 {
margin: 1rem !important;
} .mt-3,
.my-3 {
margin-top: 1rem !important;
} .mr-3,
.mx-3 {
margin-right: 1rem !important;
} .mb-3,
.my-3 {
margin-bottom: 1rem !important;
} .ml-3,
.mx-3 {
margin-left: 1rem !important;
} .m-4 {
margin: 1.5rem !important;
} .mt-4,
.my-4 {
margin-top: 1.5rem !important;
} .mr-4,
.mx-4 {
margin-right: 1.5rem !important;
} .mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
} .ml-4,
.mx-4 {
margin-left: 1.5rem !important;
} .m-5 {
margin: 3rem !important;
} .mt-5,
.my-5 {
margin-top: 3rem !important;
} .mr-5,
.mx-5 {
margin-right: 3rem !important;
} .mb-5,
.my-5 {
margin-bottom: 3rem !important;
} .ml-5,
.mx-5 {
margin-left: 3rem !important;
} .p-0 {
padding: 0 !important;
} .pt-0,
.py-0 {
padding-top: 0 !important;
} .pr-0,
.px-0 {
padding-right: 0 !important;
} .pb-0,
.py-0 {
padding-bottom: 0 !important;
} .pl-0,
.px-0 {
padding-left: 0 !important;
} .p-1 {
padding: 0.25rem !important;
} .pt-1,
.py-1 {
padding-top: 0.25rem !important;
} .pr-1,
.px-1 {
padding-right: 0.25rem !important;
} .pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
} .pl-1,
.px-1 {
padding-left: 0.25rem !important;
} .p-2 {
padding: 0.5rem !important;
} .pt-2,
.py-2 {
padding-top: 0.5rem !important;
} .pr-2,
.px-2 {
padding-right: 0.5rem !important;
} .pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
} .pl-2,
.px-2 {
padding-left: 0.5rem !important;
} .p-3 {
padding: 1rem !important;
} .pt-3,
.py-3 {
padding-top: 1rem !important;
} .pr-3,
.px-3 {
padding-right: 1rem !important;
} .pb-3,
.py-3 {
padding-bottom: 1rem !important;
} .pl-3,
.px-3 {
padding-left: 1rem !important;
} .p-4 {
padding: 1.5rem !important;
} .pt-4,
.py-4 {
padding-top: 1.5rem !important;
} .pr-4,
.px-4 {
padding-right: 1.5rem !important;
} .pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
} .pl-4,
.px-4 {
padding-left: 1.5rem !important;
} .p-5 {
padding: 3rem !important;
} .pt-5,
.py-5 {
padding-top: 3rem !important;
} .pr-5,
.px-5 {
padding-right: 3rem !important;
} .pb-5,
.py-5 {
padding-bottom: 3rem !important;
} .pl-5,
.px-5 {
padding-left: 3rem !important;
} .m-n1 {
margin: -0.25rem !important;
} .mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
} .mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
} .mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
} .ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
} .m-n2 {
margin: -0.5rem !important;
} .mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
} .mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
} .mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
} .ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
} .m-n3 {
margin: -1rem !important;
} .mt-n3,
.my-n3 {
margin-top: -1rem !important;
} .mr-n3,
.mx-n3 {
margin-right: -1rem !important;
} .mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
} .ml-n3,
.mx-n3 {
margin-left: -1rem !important;
} .m-n4 {
margin: -1.5rem !important;
} .mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
} .mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
} .mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
} .ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
} .m-n5 {
margin: -3rem !important;
} .mt-n5,
.my-n5 {
margin-top: -3rem !important;
} .mr-n5,
.mx-n5 {
margin-right: -3rem !important;
} .mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
} .ml-n5,
.mx-n5 {
margin-left: -3rem !important;
} .m-auto {
margin: auto !important;
} .mt-auto,
.my-auto {
margin-top: auto !important;
} .mr-auto,
.mx-auto,
.aligncenter {
margin-right: auto !important;
} .mb-auto,
.my-auto {
margin-bottom: auto !important;
} .ml-auto,
.mx-auto,
.aligncenter {
margin-left: auto !important;
}
@media (min-width: 576px) { .m-sm-0 {
margin: 0 !important;
} .mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
} .mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
} .mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
} .ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
} .m-sm-1 {
margin: 0.25rem !important;
} .mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
} .mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
} .mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
} .ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
} .m-sm-2 {
margin: 0.5rem !important;
} .mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
} .mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
} .mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
} .ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
} .m-sm-3 {
margin: 1rem !important;
} .mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
} .mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
} .mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
} .ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
} .m-sm-4 {
margin: 1.5rem !important;
} .mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
} .mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
} .mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
} .ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
} .m-sm-5 {
margin: 3rem !important;
} .mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
} .mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
} .mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
} .ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
} .p-sm-0 {
padding: 0 !important;
} .pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
} .pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
} .pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
} .pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
} .p-sm-1 {
padding: 0.25rem !important;
} .pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
} .pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
} .pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
} .pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
} .p-sm-2 {
padding: 0.5rem !important;
} .pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
} .pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
} .pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
} .pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
} .p-sm-3 {
padding: 1rem !important;
} .pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
} .pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
} .pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
} .pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
} .p-sm-4 {
padding: 1.5rem !important;
} .pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
} .pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
} .pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
} .pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
} .p-sm-5 {
padding: 3rem !important;
} .pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
} .pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
} .pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
} .pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
} .m-sm-n1 {
margin: -0.25rem !important;
} .mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
} .mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
} .mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
} .ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
} .m-sm-n2 {
margin: -0.5rem !important;
} .mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
} .mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
} .mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
} .ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
} .m-sm-n3 {
margin: -1rem !important;
} .mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
} .mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
} .mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
} .ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
} .m-sm-n4 {
margin: -1.5rem !important;
} .mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
} .mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
} .mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
} .ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
} .m-sm-n5 {
margin: -3rem !important;
} .mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
} .mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
} .mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
} .ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
} .m-sm-auto {
margin: auto !important;
} .mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
} .mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
} .mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
} .ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) { .m-md-0 {
margin: 0 !important;
} .mt-md-0,
.my-md-0 {
margin-top: 0 !important;
} .mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
} .mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
} .ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
} .m-md-1 {
margin: 0.25rem !important;
} .mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
} .mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
} .mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
} .ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
} .m-md-2 {
margin: 0.5rem !important;
} .mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
} .mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
} .mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
} .ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
} .m-md-3 {
margin: 1rem !important;
} .mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
} .mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
} .mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
} .ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
} .m-md-4 {
margin: 1.5rem !important;
} .mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
} .mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
} .mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
} .ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
} .m-md-5 {
margin: 3rem !important;
} .mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
} .mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
} .mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
} .ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
} .p-md-0 {
padding: 0 !important;
} .pt-md-0,
.py-md-0 {
padding-top: 0 !important;
} .pr-md-0,
.px-md-0 {
padding-right: 0 !important;
} .pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
} .pl-md-0,
.px-md-0 {
padding-left: 0 !important;
} .p-md-1 {
padding: 0.25rem !important;
} .pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
} .pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
} .pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
} .pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
} .p-md-2 {
padding: 0.5rem !important;
} .pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
} .pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
} .pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
} .pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
} .p-md-3 {
padding: 1rem !important;
} .pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
} .pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
} .pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
} .pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
} .p-md-4 {
padding: 1.5rem !important;
} .pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
} .pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
} .pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
} .pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
} .p-md-5 {
padding: 3rem !important;
} .pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
} .pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
} .pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
} .pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
} .m-md-n1 {
margin: -0.25rem !important;
} .mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
} .mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
} .mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
} .ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
} .m-md-n2 {
margin: -0.5rem !important;
} .mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
} .mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
} .mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
} .ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
} .m-md-n3 {
margin: -1rem !important;
} .mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
} .mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
} .mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
} .ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
} .m-md-n4 {
margin: -1.5rem !important;
} .mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
} .mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
} .mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
} .ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
} .m-md-n5 {
margin: -3rem !important;
} .mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
} .mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
} .mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
} .ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
} .m-md-auto {
margin: auto !important;
} .mt-md-auto,
.my-md-auto {
margin-top: auto !important;
} .mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
} .mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
} .ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) { .m-lg-0 {
margin: 0 !important;
} .mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
} .mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
} .mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
} .ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
} .m-lg-1 {
margin: 0.25rem !important;
} .mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
} .mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
} .mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
} .ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
} .m-lg-2 {
margin: 0.5rem !important;
} .mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
} .mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
} .mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
} .ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
} .m-lg-3 {
margin: 1rem !important;
} .mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
} .mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
} .mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
} .ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
} .m-lg-4 {
margin: 1.5rem !important;
} .mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
} .mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
} .mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
} .ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
} .m-lg-5 {
margin: 3rem !important;
} .mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
} .mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
} .mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
} .ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
} .p-lg-0 {
padding: 0 !important;
} .pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
} .pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
} .pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
} .pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
} .p-lg-1 {
padding: 0.25rem !important;
} .pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
} .pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
} .pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
} .pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
} .p-lg-2 {
padding: 0.5rem !important;
} .pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
} .pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
} .pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
} .pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
} .p-lg-3 {
padding: 1rem !important;
} .pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
} .pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
} .pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
} .pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
} .p-lg-4 {
padding: 1.5rem !important;
} .pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
} .pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
} .pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
} .pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
} .p-lg-5 {
padding: 3rem !important;
} .pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
} .pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
} .pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
} .pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
} .m-lg-n1 {
margin: -0.25rem !important;
} .mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
} .mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
} .mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
} .ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
} .m-lg-n2 {
margin: -0.5rem !important;
} .mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
} .mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
} .mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
} .ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
} .m-lg-n3 {
margin: -1rem !important;
} .mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
} .mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
} .mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
} .ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
} .m-lg-n4 {
margin: -1.5rem !important;
} .mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
} .mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
} .mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
} .ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
} .m-lg-n5 {
margin: -3rem !important;
} .mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
} .mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
} .mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
} .ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
} .m-lg-auto {
margin: auto !important;
} .mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
} .mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
} .mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
} .ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) { .m-xl-0 {
margin: 0 !important;
} .mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
} .mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
} .mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
} .ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
} .m-xl-1 {
margin: 0.25rem !important;
} .mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
} .mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
} .mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
} .ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
} .m-xl-2 {
margin: 0.5rem !important;
} .mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
} .mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
} .mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
} .ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
} .m-xl-3 {
margin: 1rem !important;
} .mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
} .mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
} .mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
} .ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
} .m-xl-4 {
margin: 1.5rem !important;
} .mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
} .mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
} .mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
} .ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
} .m-xl-5 {
margin: 3rem !important;
} .mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
} .mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
} .mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
} .ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
} .p-xl-0 {
padding: 0 !important;
} .pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
} .pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
} .pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
} .pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
} .p-xl-1 {
padding: 0.25rem !important;
} .pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
} .pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
} .pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
} .pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
} .p-xl-2 {
padding: 0.5rem !important;
} .pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
} .pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
} .pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
} .pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
} .p-xl-3 {
padding: 1rem !important;
} .pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
} .pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
} .pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
} .pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
} .p-xl-4 {
padding: 1.5rem !important;
} .pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
} .pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
} .pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
} .pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
} .p-xl-5 {
padding: 3rem !important;
} .pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
} .pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
} .pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
} .pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
} .m-xl-n1 {
margin: -0.25rem !important;
} .mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
} .mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
} .mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
} .ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
} .m-xl-n2 {
margin: -0.5rem !important;
} .mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
} .mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
} .mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
} .ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
} .m-xl-n3 {
margin: -1rem !important;
} .mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
} .mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
} .mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
} .ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
} .m-xl-n4 {
margin: -1.5rem !important;
} .mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
} .mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
} .mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
} .ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
} .m-xl-n5 {
margin: -3rem !important;
} .mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
} .mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
} .mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
} .ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
} .m-xl-auto {
margin: auto !important;
} .mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
} .mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
} .mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
} .ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
} .text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
} .text-justify {
text-align: justify !important;
} .text-wrap {
white-space: normal !important;
} .text-nowrap {
white-space: nowrap !important;
} .text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .text-left {
text-align: left !important;
} .text-right {
text-align: right !important;
} .text-center {
text-align: center !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;
}
} .text-lowercase {
text-transform: lowercase !important;
} .text-uppercase {
text-transform: uppercase !important;
} .text-capitalize {
text-transform: capitalize !important;
} .font-weight-light {
font-weight: 300 !important;
} .font-weight-lighter {
font-weight: lighter !important;
} .font-weight-normal {
font-weight: 400 !important;
} .font-weight-bold {
font-weight: 700 !important;
} .font-weight-bolder {
font-weight: bolder !important;
} .font-italic {
font-style: italic !important;
} .text-white {
color: #fff !important;
} .text-primary {
color: #000000 !important;
} a.text-primary:hover, a.text-primary:focus {
color: black !important;
} .text-secondary {
color: #67A0FF !important;
} a.text-secondary:hover, a.text-secondary:focus {
color: #1b70ff !important;
} .text-success {
color: #28a745 !important;
} a.text-success:hover, a.text-success:focus {
color: #19692c !important;
} .text-info {
color: #17a2b8 !important;
} a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
} .text-warning {
color: #ffc107 !important;
} a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
} .text-danger {
color: #dc3545 !important;
} a.text-danger:hover, a.text-danger:focus {
color: #a71d2a !important;
} .text-light {
color: #f8f9fa !important;
} a.text-light:hover, a.text-light:focus {
color: #cbd3da !important;
} .text-dark {
color: #343a40 !important;
} a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
} .text-body {
color: #3C3C3B !important;
} .text-muted {
color: #6c757d !important;
} .text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
} .text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
} .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
} .text-decoration-none {
text-decoration: none !important;
} .text-break {
word-break: break-word !important;
overflow-wrap: break-word !important;
} .text-reset {
color: inherit !important;
} .visible {
visibility: visible !important;
} .invisible {
visibility: hidden !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 {
min-width: 992px !important;
} .container {
min-width: 992px !important;
} .navbar {
display: none;
} .badge {
border: 1px solid #000;
} .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;
}
} .wrapper {
padding: 30px 0;
} #wrapper-hero {
padding: 0px !important;
} .sticky,
.gallery-caption,
.bypostauthor {
font-size: inherit;
} .wrapper#wrapper-sticky {
border-bottom: 1px solid #dee2e6;
} #wrapper-footer-full,
#wrapper-static-hero {
background-color: #e9ecef;
} .wp-caption {
font-size: inherit;
} .wp-caption-text {
font-size: inherit;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
} .alignright {
display: inline;
float: right;
margin-left: 1.5em;
} .entry-footer span {
padding-right: 10px;
} img.wp-post-image,
article img,
figure,
img,
#secondary img {
max-width: 100%;
height: auto;
} a.skip-link {
position: fixed;
z-index: 1000;
top: 0px;
right: 0px;
} .jumbotron {
margin-bottom: 0px;
} .navbar-dark .navbar-nav .dropdown-menu .nav-link {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529 !important;
text-align: inherit;
white-space: nowrap;
background: none;
border: 0;
} .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:focus {
color: #16181b !important;
text-decoration: none;
background-color: #f8f9fa;
} .navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link:active {
color: #fff !important;
text-decoration: none;
background-color: #000000;
} .navbar-dark .navbar-nav .dropdown-menu .nav-link.disabled, .navbar-dark .navbar-nav .dropdown-menu .nav-link:disabled {
color: #6c757d !important;
background-color: transparent;
} .navbar-light .navbar-brand a {
color: rgba(0, 0, 0, 0.9);
} .navbar-light .navbar-brand a:hover, .navbar-light .navbar-brand a:focus {
color: rgba(0, 0, 0, 0.9);
} .navbar-dark .navbar-brand a {
color: #fff;
} .navbar-dark .navbar-brand a:hover, .navbar-dark .navbar-brand a:focus {
color: #fff;
} .navbar h1 {
font-weight: 400;
} .gallery {
margin-bottom: 1.5em;
} .gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
} .gallery-columns-2 .gallery-item {
max-width: 50%;
} .gallery-columns-3 .gallery-item {
max-width: 33.33%;
} .gallery-columns-4 .gallery-item {
max-width: 25%;
} .gallery-columns-5 .gallery-item {
max-width: 20%;
} .gallery-columns-6 .gallery-item {
max-width: 16.66%;
} .gallery-columns-7 .gallery-item {
max-width: 14.28%;
} .gallery-columns-8 .gallery-item {
max-width: 12.5%;
} .gallery-columns-9 .gallery-item {
max-width: 11.11%;
} .gallery-caption {
display: block;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600,900&display=swap"); .ffw-button {
max-width: 172px;
width: 100%;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
font-size: 16px;
line-height: 12px;
min-height: 40px;
display: table;
padding: 19px 0 19px 0;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .ffw-button.btn-dark {
background-color: #000000;
color: #fff;
} .ffw-button.btn-dark:hover {
background-color: #fff;
color: #000000;
} .ffw-button.btn-white {
background-color: #fff;
color: #000000;
} .ffw-button.btn-white:hover {
background-color: #000000;
color: #fff;
} #main-menu li a:before {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} body {
font-weight: 300;
} h1, h2 {
font-family: "Sincerity-Regular";
letter-spacing: 0.64px;
} #page {
overflow: hidden;
} img {
width: auto;
} .wpcf7 input[type=email], .wpcf7 textarea, .wpcf7 input[type=text], .wpcf7 input[type=tel], .wpcf7 select {
font-size: 16px;
line-height: 19px;
color: #212121;
border: none;
width: 100%;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 20px 40px;
} .wpcf7 input[type=email]:-moz-placeholder, .wpcf7 textarea:-moz-placeholder, .wpcf7 input[type=text]:-moz-placeholder, .wpcf7 input[type=tel]:-moz-placeholder, .wpcf7 select:-moz-placeholder {
font-size: 16px;
line-height: 19px;
color: #212121;
} .wpcf7 input[type=email]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder, .wpcf7 input[type=text]::-moz-placeholder, .wpcf7 input[type=tel]::-moz-placeholder, .wpcf7 select::-moz-placeholder {
font-size: 16px;
line-height: 19px;
color: #212121;
} .wpcf7 input[type=email]:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 input[type=text]:-ms-input-placeholder, .wpcf7 input[type=tel]:-ms-input-placeholder, .wpcf7 select:-ms-input-placeholder {
font-size: 16px;
line-height: 19px;
color: #212121;
} .wpcf7 input[type=email]::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 input[type=text]::-webkit-input-placeholder, .wpcf7 input[type=tel]::-webkit-input-placeholder, .wpcf7 select::-webkit-input-placeholder {
font-size: 16px;
line-height: 19px;
color: #212121;
} .wpcf7 input[type=email]:focus, .wpcf7 textarea:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 select:focus {
outline: none;
box-shadow: none;
border: none;
} .wpcf7 select {
-moz-appearance: none;
-webkit-appearance: none;
} .wpcf7 .wpcf7-response-output {
border: none !important;
margin: 0 !important;
} .wpcf7 a {
color: #fff;
text-decoration: underline;
} .wpcf7 p {
font-size: 16px;
line-height: 20px;
text-align: left;
} .wpcf7 .col-input {
margin-bottom: 20px;
} .wpcf7 .acceptance-hidden {
display: none;
} .wpcf7 .show-acceptance {
color: #fff;
} .wpcf7 .col-acceptance {
margin-bottom: 3px;
} .wpcf7 .col-acceptance .wpcf7-form-control-wrap {
display: table;
margin-right: auto;
} .wpcf7 .col-acceptance .wpcf7-list-item {
margin-left: 0;
} .wpcf7 .col-acceptance .wpcf7-acceptance input {
display: none;
} .wpcf7 .col-acceptance .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .wpcf7 .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
line-height: 19px;
padding-left: 36px;
text-align: left;
display: table;
} .wpcf7 .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label a {
color: #fff;
} .wpcf7 .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label:before {
content: "";
display: block;
position: absolute;
width: 25px;
height: 25px;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
top: -2px;
left: 0;
} .wpcf7 .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label:after {
content: "";
display: block;
position: absolute;
width: 19px;
height: 19px;
border: 1px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
top: 1px;
left: 3px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
} .wpcf7 label.active .acceptance-hidden, .wpcf7 .col-contact-info.active .acceptance-hidden {
display: inline;
} .wpcf7 .col-submit {
padding-top: 18px;
} .wpcf7 .col-submit input[type=submit] {
border: none !important;
max-width: 136px;
margin-right: auto;
margin-left: auto;
} .wpcf7 .col-submit input[type=submit]:focus {
outline: none;
box-shadow: none;
border: none;
} .container-big {
max-width: 1680px;
margin-right: 0;
} #wrapper-navbar {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 1000;
} #main-nav {
padding: 32px 0 0 0;
} #main-nav .container {
max-width: 1330px;
} #main-menu li a {
font-size: 16px;
line-height: 18px;
color: #fff;
padding: 13px 18px 16px 18px;
position: relative;
} #main-menu li a:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
bottom: 0;
left: 50%;
margin-top: -3px;
background-color: transparent;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} #main-menu li a:hover:before {
background-color: #F16C78;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} #main-menu li:last-child a {
padding-right: 0;
} .navbar-toggler {
background: transparent !important;
float: right;
margin-top: -21px;
border: none !important;
margin-right: -15px;
} .navbar-toggler .navbar-toggler-icon {
height: 3px !important;
width: 28px !important;
position: relative;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .navbar-toggler .navbar-toggler-icon:before {
content: "";
position: absolute;
height: 3px;
width: 28px;
background-color: #fff;
top: 0;
left: 50%;
margin-left: -14px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .navbar-toggler .navbar-toggler-icon:after {
content: "";
position: absolute;
height: 3px;
width: 28px;
background-color: #fff;
left: 50%;
margin-left: -14px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
bottom: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .navbar-toggler:focus {
outline: none;
} .navbar-toggler:hover {
cursor: pointer;
} .navbar-toggler.collapsed .navbar-toggler-icon {
background-color: #fff;
} .navbar-toggler.collapsed .navbar-toggler-icon:before {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: -8px;
} .navbar-toggler.collapsed .navbar-toggler-icon:after {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
bottom: -8px;
} .navbar {
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
background: transparent;
} .navbar.open {
background: -webkit-gradient(linear, center top, center bottom, from(rgba(0, 0, 0, 0.8)), color-stop(92%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8) 92%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF000000, endColorstr=#00000000, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#00000000', GradientType=0)";
} #wrapper-footer {
padding-top: 70px;
background-color: #EDEDED;
} #wrapper-footer .container {
max-width: 1330px;
} #wrapper-footer p, #wrapper-footer a {
font-size: 14px;
line-height: 18px;
} #wrapper-footer .col-footer-main p {
margin-bottom: 24px;
} #wrapper-footer .col-footer-main p a {
font-size: 14px;
line-height: 1.428571428571429;
color: #1D6EAD;
position: relative;
padding-left: 30px;
display: block;
} #wrapper-footer .col-footer-main p a:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -11px;
left: 0;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/e.svg) no-repeat center top;
background-size: contain !important;
} #wrapper-footer .col-footer-1 {
padding-bottom: 25px;
} #wrapper-footer .col-footer-5 {
padding-top: 26px;
} #wrapper-footer .col-footer-5 .textwidget {
display: table;
margin-left: auto;
} #wrapper-footer .col-footer-5 .custom-html-widget > img {
display: block;
margin-left: auto;
} #wrapper-footer .footer-social {
margin-top: 20px;
margin-right: -11px;
margin-left: -11px;
padding-left: 0;
} #wrapper-footer .footer-social li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style-type: none;
padding-left: 11px;
padding-right: 11px;
} #wrapper-footer .col-footer-6 .widget_nav_menu {
display: table;
margin-left: auto;
} #wrapper-footer .col-footer-6 ul {
padding-left: 0;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 16px;
} #wrapper-footer .col-footer-6 ul li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
} #wrapper-footer .col-footer-4 {
padding-left: 0;
} .footer-services {
font-size: 12px;
} .col-footer-4 p, .col-footer-7 p {
margin-bottom: 4px;
} .home-top {
background-color: #1D6EAD;
padding-top: 50px;
text-align: center;
position: relative;
z-index: 2;
} .home-top .container {
z-index: 2;
position: relative;
} .container-top h1 {
font-size: 64px;
line-height: 1.15625;
color: #fff;
font-family: "Sincerity-Regular";
margin-bottom: 16px;
text-align: left;
display: table;
margin-right: auto;
margin-left: auto;
} .container-top h1 span {
display: table;
margin-left: 103px;
} .container-top p {
font-size: 16px;
line-height: 1.214285714285714;
color: #FFC31E;
margin-bottom: 37px;
font-weight: 400;
} #home-page-wrapper {
padding-bottom: 0;
} #home-page-wrapper .container {
max-width: 910px;
} .home-top-shape {
position: absolute;
left: 0;
top: 0;
width: 43.34%;
z-index: 1;
text-align: left;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/hom-shape-top.svg) no-repeat bottom right;
height: calc(100% + 110px);
background-size: cover !important;
} .home-top-shape p {
position: absolute;
bottom: 180px;
right: 120px;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: 400;
padding-left: 39px;
} .home-top-shape p:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 0;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/e.svg) no-repeat center top;
background-size: contain !important;
} .main-home-wrapper {
height: calc(100vh - 50px);
max-height: 825px;
display: table;
width: 100%;
} .main-home-wrapper .main-home-box {
display: table-cell;
vertical-align: middle;
} .main-home-wrapper .view-showreel {
display: none !important;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
padding-left: 25px;
} .main-home-wrapper .view-showreel:hover {
color: #fff;
background-color: #000000;
} .main-home-wrapper .view-showreel:focus {
outline: none !important;
box-shadow: none !important;
} .main-home-wrapper .view-showreel:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
right: 21px;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/icon-play.svg) no-repeat center top;
background-size: contain !important;
} #home-page-wrapper {
padding-top: 0;
} #showReelModal .modal-header {
border-bottom: none;
} #showReelModal .videoShow video {
max-width: 100%;
} #showReelModal .modal-content {
background-color: #000000;
} #showReelModal .close {
text-shadow: none;
color: #fff;
} #showReelModal .close:focus {
outline: none;
box-shadow: none;
} #showReelModal .modal-dialog {
max-width: 800px;
} .services {
padding-top: 191px;
padding-bottom: 228px;
background-color: #F26C78;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
} .services .container {
max-width: 680px !important;
position: relative;
z-index: 2;
} .services p.service-content {
letter-spacing: 0.352px;
} .service-shape {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 29.84375%;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/service-shape.svg) no-repeat left top;
z-index: 1;
display: block;
} .small-heading {
font-size: 12px;
line-height: 14px;
letter-spacing: 0.16px;
} div.count {
font-size: 55px;
line-height: 0.8727272727272727;
font-family: "Sincerity-Regular";
letter-spacing: 0.64px;
padding-bottom: 11px;
} .row-services {
padding-top: 20px;
} .col-service {
margin-top: 30px;
} .col-service .service-icon {
display: block;
height: 25px;
background-size: contain;
margin-bottom: 24px;
} .col-service {
margin-top: 30px;
display: block;
position: relative;
} .col-service .service-icon {
display: table;
background-size: contain;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .col-service .service-icon:hover .service-icon-box {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} .col-service .service-icon:hover p {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} .col-service .service-icon:hover .service-logo-box {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .col-service .service-logo-box {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 20px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} .col-service p {
text-align: center;
color: #fff;
margin-top: 24px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .col-service img {
display: block;
margin-left: auto;
margin-right: auto;
} .service-icon-box {
height: 25px;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .rewards {
position: relative;
text-align: center;
background-color: #212121;
padding-top: 115px;
padding-bottom: 150px;
z-index: 2;
} .rewards .container {
position: relative;
z-index: 2;
} .rewards .small-heading {
color: #fff;
display: block;
margin-bottom: 23px;
} .rewards p {
color: #9D9D9D;
letter-spacing: 0.352px;
} .rewards h2 {
font-family: "Sincerity-Regular";
color: #fff;
font-size: 42px;
line-height: 1.142857142857143;
letter-spacing: 0.64px;
margin-bottom: 24px;
} .reward-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/reward-shape.svg) no-repeat right top;
position: absolute;
left: 0;
height: calc(100% + 60px);
top: -30px;
bottom: -30px;
z-index: 1;
width: 17.44791666666667%;
} .rewards-carousel {
padding-top: 18px;
} .rewards-carousel .reward-item {
text-align: center;
} .rewards-carousel .reward-item span {
display: block;
text-align: center;
color: #9D9D9D;
margin-top: 42px;
} .rewards-carousel .reward-item-image-box {
height: 161px;
display: table;
width: 100%;
} .rewards-carousel .reward-item-image-box .reward-item-image {
display: table-cell;
vertical-align: bottom;
} .rewards-carousel .reward-item-image-box img {
display: table;
margin-right: auto;
margin-left: auto;
max-height: 161px;
width: auto;
} .rewards-carousel .slick-arrow {
width: 21px;
height: 40px;
display: block;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/reward-arrow.svg) no-repeat center top !important;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -20px;
} .rewards-carousel .slick-arrow:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .rewards-carousel .slick-arrow:before {
display: none;
} .rewards-carousel .slick-arrow.slick-next {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
} .rewards-carousel .slick-arrow.slick-prev {
transform: none;
} #zespol .ffw-button {
max-width: 200px;
} .team-main {
position: relative;
z-index: 2;
background-color: #FFC31E;
text-align: center;
padding-bottom: 106px;
} .team-main .container {
position: relative;
z-index: 2;
} .team-main .team-main-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/team-main-shape.svg) no-repeat left top;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 8.072916666666667%;
display: block;
} .team-main h2 {
font-size: 84px;
line-height: 1.142857142857143;
letter-spacing: 0.64px;
color: #fff;
margin-bottom: 21px;
font-family: "Sincerity-Regular";
} .team-main p {
color: #212121;
margin-bottom: 36px;
} .team-main .small-heading {
color: #000000;
display: block;
margin-bottom: 10px;
} .team-main a {
display: table;
margin-right: auto;
margin-left: auto;
font-weight: 400;
} .team-img-box {
position: relative;
margin-top: -36px;
margin-bottom: 46px;
} .team-members {
display: none;
padding-top: 174px;
padding-bottom: 147px;
background-color: #3695DD;
position: relative;
z-index: 2;
text-align: center;
} .team-members .container {
max-width: 666px !important;
position: relative;
z-index: 2;
} .team-members-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/team-members-shape.svg) no-repeat right top;
background-size: contain !important;
height: 100%;
right: 0;
top: -20px;
display: block;
width: 517px;
position: absolute;
} .team-item {
display: none;
position: relative;
} .person-img {
display: none !important;
position: absolute;
right: 100%;
width: 100%;
height: 100%;
max-width: 324px;
max-height: 546px;
} .text-meet {
display: none;
} .team-name {
font-size: 42px;
line-height: 1.142857142857143;
color: #fff;
margin-bottom: 34px;
letter-spacing: 0.64px;
font-family: "Sincerity-Regular";
text-align: center;
} .team-name span {
font-size: 14px;
font-weight: 300;
display: block;
font-family: "Lato", sans-serif;
margin-top: 19px;
} .text-big p {
font-size: 14px;
line-height: 16px;
color: #fff;
margin-bottom: 20px;
} .team-bio {
margin-bottom: 35px;
font-size: 16px;
line-height: 1.25;
color: #fff;
text-align: center;
letter-spacing: 0.352px;
} .team-navigation {
margin: 0;
padding: 0;
text-align: center;
display: table;
margin-right: -12px;
margin-left: -12px;
} .team-navigation li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 8px;
} .team-navigation li a {
color: #fff;
font-size: 14px;
text-transform: none;
position: relative;
font-family: "Sincerity-Regular";
} .team-navigation li a:before {
content: "";
position: absolute;
bottom: 2px;
width: 0;
height: 1px;
background-color: transparent;
left: 0;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
} .team-navigation li a:hover:before, .team-navigation li a.active:before {
width: 100%;
background-color: #fff;
} .clients {
background-color: #212121;
text-align: center;
padding-top: 165px;
padding-bottom: 190px;
position: relative;
z-index: 3;
} .clients .container {
position: relative;
z-index: 2;
max-width: 1080px !important;
} .clients .clients-shape {
position: absolute;
z-index: 1;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/clients-shape.svg) no-repeat left top;
background-size: cover;
min-height: 820px;
width: 36.71875%;
right: 0;
top: -55px;
display: block;
} .clients h2 {
color: #fff;
font-family: "Sincerity-Regular";
font-size: 42px;
line-height: 1.142857142857143;
letter-spacing: 0.64px;
margin-bottom: 23px;
} .clients p {
color: #9D9D9D;
} .clients .brands {
padding-left: 0;
margin-right: -30px;
margin-left: -30px;
display: table;
width: auto;
max-width: 100%;
margin-bottom: 0;
} .clients .brands li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 16.66666666666667%;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 40px;
text-align: center;
} .clients .brands-wrapper {
padding-top: 55px;
display: table;
max-width: 980px;
margin-right: auto;
margin-left: auto;
} .home-portfolio-box h4 {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.352px;
color: #9D9D9D;
margin-top: 8px;
margin-bottom: 13px;
} .col-home-portfolio-big {
flex: 0 0 66.91729323308271%;
max-width: 66.91729323308271%;
} .col-home-portfolio-small {
flex: 0 0 33.08270676691729%;
max-width: 33.08270676691729%;
} .portfolio-home {
background-color: #282828;
padding-top: 66px;
padding-bottom: 40px;
position: relative;
} .portfolio-home .container {
position: relative;
z-index: 2;
} .portfolio-home .small-heading {
font-size: 14px;
color: #fff;
display: table;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 75px;
margin-bottom: 30px;
} .portfolio-home .small-heading:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 50px;
top: 0;
left: 50%;
margin-left: -20px;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/flash.svg) no-repeat center top;
} .portfolio-home h2 {
font-size: 32px;
line-height: 1.1875;
color: #fff;
text-align: center;
font-family: "Sincerity-Regular";
letter-spacing: 0.64px;
margin-bottom: 25px;
} .portfolio-home p {
color: #9D9D9D;
text-align: center;
margin-bottom: 54px;
} .portfolio-home ul {
padding-left: 0;
display: table;
margin-top: 33px;
margin-right: auto;
margin-left: auto;
} .portfolio-home ul li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 30px;
} .portfolio-home ul li:first-child {
margin-right: 40px;
} .portfolio-home ul li a {
font-weight: 400;
text-align: center;
min-width: 221px;
} .portfolio-home .container {
max-width: 931px !important;
padding-left: 18px;
padding-right: 18px;
} .portfolio-home .container .row {
margin-right: -18px;
margin-left: -18px;
} .portfolio-home .container .row div[class*="col"] {
padding-left: 18px;
padding-right: 18px;
} .portfolio-home-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/portfolio-home-shape.svg) no-repeat center top;
height: calc(100% + 67px);
position: absolute;
top: 0;
left: 0;
display: block;
width: 34.79166666666667%;
} .were-hiring {
background-color: #F26C78;
padding-top: 165px;
padding-bottom: 270px;
position: relative;
} .were-hiring .container {
position: relative;
z-index: 2;
} .home-portfolio-shape {
position: absolute;
z-index: 1;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/home-portfolio-shape.svg) no-repeat left bottom;
height: 395px;
width: 54.53125%;
right: 0;
bottom: -40px;
display: block;
} .col-were-hiring-content .small-heading {
color: #fff;
font-size: 16px;
margin-bottom: 10px;
} .col-were-hiring-content h2 {
color: #fff;
font-family: "Sincerity-Regular";
margin-bottom: 18px;
} .col-were-hiring-content p {
color: #fff;
} .col-were-hiring-content ul {
padding-left: 0;
padding-top: 20px;
margin-bottom: 0;
} .col-were-hiring-content ul li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style-type: none;
margin-bottom: 30px;
} .col-were-hiring-content ul li:first-child {
margin-right: 20px;
} .col-were-hiring-content ul li a {
text-align: center;
min-width: 150px;
} .hiring-carousel {
max-width: 420px;
display: table;
} .hiring-carousel .slick-dots li button:before {
width: 5px;
height: 5px;
background-color: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 0;
line-height: 10px;
} .hiring-carousel .slick-dots li {
width: 5px;
height: 5px;
} .hiring-carousel .slick-arrow {
width: 21px;
height: 40px;
display: block;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/reward-arrow.svg) no-repeat center top !important;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -20px;
z-index: 999;
} .hiring-carousel .slick-arrow:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .hiring-carousel .slick-arrow:before {
display: none;
} .hiring-carousel .slick-arrow.slick-next {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 0;
} .hiring-carousel .slick-arrow.slick-prev {
transform: none;
left: 0;
} .hiring-carousel .were-hiring-link {
color: #fff;
font-size: 17px;
line-height: 20px;
letter-spacing: 0.352px;
padding-top: 53px;
position: relative;
padding-bottom: 17px;
} .single-offer a {
display: table;
margin-right: auto;
margin-left: auto;
} .single-offer a img {
max-height: 301px;
width: auto;
} .home-blog {
background-color: #EDEDED;
padding-top: 200px;
padding-bottom: 190px;
} .home-blog .small-heading {
color: #212121;
font-size: 14px;
margin-bottom: 18px;
display: block;
} .home-blog h2 {
font-size: 42px;
line-height: 1.142857142857143;
color: #212121;
margin-bottom: 26px;
} .home-blog .ffw-button {
display: table;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 400;
} .home-post-wrapper {
max-width: 400px;
} .home-post-wrapper h3 {
line-height: 18px;
margin-top: 14px;
margin-bottom: 19px;
} .home-post-wrapper h3 a {
line-height: 18px;
font-weight: 600;
font-size: 16px;
color: #424242;
} .home-post-wrapper p {
line-height: 18px;
color: #424242;
} .blog-home-posts .col-lg-6 {
margin-bottom: 23px;
} .blog-home-posts > div:last-child .home-post-wrapper {
margin-left: auto;
} .home-contact {
background-color: #3695DD;
color: #fff;
text-align: center;
padding-top: 150px;
padding-bottom: 63px;
position: relative;
z-index: 2;
} .home-contact > .container {
position: relative;
z-index: 2;
} .home-contact-shape-1 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/home-contact-shape-1.svg) no-repeat right bottom;
height: 80px;
width: 32.03125%;
position: absolute;
left: 0;
top: -50px;
} .home-contact-shape-2 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/home-contact-shape-2.svg) no-repeat right bottom;
height: 660px;
width: 8.072916666666667%;
position: absolute;
left: 0;
top: 80px;
} .home-contact-shape-3 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/home-contact-shape-3.svg) no-repeat left top;
height: 730px;
width: 26.71875%;
position: absolute;
right: 0;
top: -62px;
} .col-home-contact-1 h2 {
font-size: 42px;
line-height: 1.142857142857143;
margin-bottom: 25px;
} .col-home-contact-1 p {
max-width: 460px;
display: table;
margin-right: auto;
margin-left: auto;
line-height: 20px;
margin-bottom: 66px;
} .row-home-contact .wpcf7 {
max-width: 622px;
display: table;
margin-right: auto;
margin-left: auto;
} .row-home-contact .wpcf7 p, .row-home-contact .wpcf7 .col-acceptance .wpcf7-form-control-wrap {
max-width: 485px;
width: 100%;
display: table;
margin-right: auto;
margin-left: auto;
} .row-home-contact .wpcf7 p .wpcf7-list-item, .row-home-contact .wpcf7 p label, .row-home-contact .wpcf7 .col-acceptance .wpcf7-form-control-wrap .wpcf7-list-item, .row-home-contact .wpcf7 .col-acceptance .wpcf7-form-control-wrap label {
width: 100%;
} .row-home-contact .wpcf7 .col-acceptance-p p {
padding-left: 36px;
} .col-home-contact-2 {
padding-top: 25px;
} .col-home-contact-2 h2 {
font-size: 32px;
line-height: 1.1875;
} .manifest-baner {
background-color: #FFC31E;
color: #212121;
text-align: center;
min-height: 462px;
padding-top: 190px;
} .manifest-baner .container {
position: relative;
z-index: 2;
} .manifest-baner-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/manifest-baner-shape.svg) no-repeat right bottom;
position: absolute;
height: 384px;
width: 82.65625%;
left: 0;
top: 0;
z-index: 1;
} .baner-wrapper {
position: relative;
display: table;
margin-right: auto;
margin-left: auto;
} .baner-wrapper .baner-wrapper-box {
display: table-cell;
vertical-align: middle;
} .baner-wrapper .small-heading {
font-size: 14px;
display: block;
margin-bottom: 21px;
} .baner-wrapper h1 {
font-size: 48px;
line-height: 1;
} .baner-wrapper .baner-img {
position: absolute;
right: 100%;
margin-right: -5px;
top: 50%;
margin-top: -211px;
} .baner-wrapper .baner-img img {
max-width: initial;
} #manifest-page-wrapper {
padding-top: 0;
padding-bottom: 0;
} .page-template-manifest #main-menu li a {
color: #212121;
} .page-template-manifest .navbar-brand {
width: 107px;
height: 42px;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/logo-euvic-dark.svg) no-repeat center top;
} .page-template-manifest .navbar-brand img {
display: none;
} .manifest-1 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/manifest-bg-1.svg) no-repeat center top;
background-size: cover !important;
color: #fff;
text-align: center;
padding-top: 130px;
padding-bottom: 13px;
position: relative;
z-index: 3;
} .manifest-1 .container {
max-width: 1050px;
position: relative;
z-index: 2;
} .manifest-1 h2 {
font-size: 48px;
} .manifest-1 img {
margin-bottom: 25px;
display: table;
margin-right: auto;
margin-left: auto;
} .manifest-1-shape-1 {
position: absolute;
height: calc(100% + 54px);
top: -27px;
left: 0;
width: 25.72916666666667%;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/manifest-shape-1.svg) no-repeat center right;
background-size: cover !important;
display: block;
} .manifest-2 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/manifest-bg-2.svg) no-repeat right top;
background-size: cover !important;
text-align: center;
color: #fff;
padding-top: 90px;
padding-bottom: 95px;
position: relative;
} .manifest-2 .container {
max-width: 1052px;
position: relative;
z-index: 2;
} .manifest-2 .manifest-2-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/manifest-shape-2.svg) no-repeat left top;
position: absolute;
right: 0;
top: 0;
height: 735px;
width: 26.30208333333333%;
display: block;
z-index: 1;
} .manifest-2 .small-heading {
font-size: 14px;
display: block;
margin-bottom: 28px;
} .manifest-2 .manifest-carousel-navigation {
margin-bottom: 53px;
} .manifest-2 .manifest-carousel-navigation .slick-dots {
position: static;
width: 100%;
margin-right: auto;
margin-left: auto;
text-align: center;
} .manifest-2 .manifest-carousel-navigation .slick-dots li {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding-left: 20px;
padding-right: 20px;
margin-right: 0;
margin-left: 0;
} .manifest-2 .manifest-carousel-navigation .slick-dots li a {
font-size: 16px;
font-family: "Sincerity-Regular";
} .manifest-2 .manifest-item .manifest-box {
max-width: 600px;
display: table;
margin-right: auto;
margin-left: auto;
} .manifest-2 .manifest-item h3 {
font-size: 84px;
line-height: 1;
letter-spacing: 0.352px;
font-family: "Sincerity-Regular";
margin-bottom: 18px;
} .manifest-2 .slick-list {
padding-left: 20px;
padding-right: 20px;
} .manifest-2 .slick-arrow {
width: 21px;
height: 40px;
display: block;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/reward-arrow.svg) no-repeat center top !important;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -20px;
} .manifest-2 .slick-arrow:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .manifest-2 .slick-arrow:before {
display: none;
} .manifest-2 .slick-arrow.slick-next {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 0;
z-index: 999;
} .manifest-2 .slick-arrow.slick-prev {
transform: none;
left: 0;
z-index: 999;
} .manifest-2 ul.mainfest-2-buttons {
padding-left: 0;
display: table;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
} .manifest-2 ul.mainfest-2-buttons li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 20px;
} .manifest-2 ul.mainfest-2-buttons li:first-child {
margin-right: 21px;
} .manifest-2 ul.mainfest-2-buttons li a {
display: block;
min-width: 150px;
text-align: center;
font-weight: 400;
} .single-post h1.entry-title {
font-size: 32px;
line-height: 1.3125;
margin-bottom: 28px;
} .single-post .entry-content strong {
font-weight: 600;
} .single-post .entry-content p, .single-post .entry-content li, .single-post .entry-content a {
line-height: 18px;
} .single-post .entry-content p, .single-post .entry-content li {
color: #000000;
} .single-post .entry-content p {
margin-bottom: 19px;
} .single-post .entry-content blockquote {
margin-top: 86px;
position: relative;
padding-left: 30px;
} .single-post .entry-content blockquote p {
font-size: 24px;
line-height: 1.291666666666667;
color: #1D6EAD;
font-family: "Sincerity-Regular";
margin-bottom: 36px;
} .single-post .entry-content blockquote:before {
content: "";
display: block;
position: absolute;
width: 1px;
bottom: 7px;
top: 7px;
left: 0;
background-color: #1D6EAD;
} .single-post .entry-content blockquote:after {
content: "“";
font-family: "Sincerity-Regular";
font-size: 116px;
line-height: 1;
display: block;
position: absolute;
top: -55px;
left: 30px;
color: #1D6EAD;
} .single-post .entry-content img {
padding-top: 28px;
padding-bottom: 28px;
} .single-post .entry-footer {
padding-top: 22px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 16px;
} .single-post .post-navigation {
padding-top: 34px;
padding-bottom: 22px;
} .single-post .post-navigation a {
font-family: "Sincerity-Regular";
font-size: 16px;
color: #1D6EAD;
margin-bottom: 21px;
display: block;
} .single-post .next-prev-wrapper {
max-width: 400px;
display: table;
margin-bottom: 39px;
} .single-post .next-prev-wrapper h3 {
line-height: 18px;
font-weight: 500;
font-size: 16px;
color: #424242;
margin-top: 17px;
margin-bottom: 16px;
} .single-post .next-prev-wrapper p {
line-height: 18px;
color: #424242;
} .single-post .next-prev-wrapper.next-wrapper {
margin-left: auto;
} .row-more-news {
margin-bottom: 100px;
} .row-more-news a {
display: table;
margin-right: auto;
margin-left: auto;
min-width: 170px;
text-align: center;
} #single-wrapper {
padding-top: 0;
padding-bottom: 0;
} #single-wrapper > .container {
max-width: 910px;
} .post-baner {
background-size: cover !important;
min-height: 460px;
width: 100%;
padding-top: 173px;
position: relative;
} .post-baner span.post-short-title {
display: block;
font-family: "Sincerity-Regular";
font-size: 70px;
line-height: 70px;
color: #fff;
} .post-baner .post-episode-wrapper {
position: absolute;
left: 0;
right: 0;
bottom: 11px;
} .post-baner .post-episode-wrapper span {
font-family: "Sincerity-Regular";
font-size: 20px;
color: #fff;
} .col-article-author {
display: none;
} .article-author {
margin-bottom: 22px;
} .article-author .row {
margin-right: -8px;
margin-left: -8px;
} .article-author .row div[class*="col"] {
padding-left: 8px;
padding-right: 8px;
} .article-author .row .article-author-image {
width: 59px;
max-width: inherit;
flex-basis: inherit;
flex-grow: inherit;
} .article-author .row .article-author-image-wrapper {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 10px;
} .article-author .row .article-author-image-wrapper img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
} .article-author .row .article-author-info p {
font-family: "Sincerity-Regular";
margin-bottom: 10px;
} .entry-header {
padding-top: 33px;
} .date-read {
display: table;
padding-left: 0;
margin-bottom: 22px;
} .date-read li {
color: #1D6EAD;
font-size: 14px;
line-height: 18px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
list-style-type: none;
position: relative;
padding-left: 29px;
} .date-read li:first-child {
margin-right: 40px;
} .date-read .post-date:before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 20px;
top: 50%;
margin-top: -10px;
left: 0;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/calendar.svg) no-repeat center top;
} .date-read .post-read-time:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
left: 0;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/clock.svg) no-repeat center top;
} #breadcrumbs {
margin-bottom: 31px;
} #breadcrumbs span, #breadcrumbs a {
font-size: 14px;
line-height: 18px;
color: #989898;
} #index-wrapper, #archive-wrapper {
padding-top: 0;
padding-bottom: 0;
} #index-wrapper #content, #archive-wrapper #content {
max-width: 910px;
} .blog-index-content {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/blog-bg-content.png) no-repeat center top;
background-size: cover !important;
padding-bottom: 64px;
} .blog .blog-link a {
font-weight: 400;
} .col-posts-categories {
padding-top: 48px;
} .col-posts-categories ul {
padding-left: 0;
text-align: center;
margin-right: -25px;
margin-left: -25px;
margin-bottom: 20px;
} .col-posts-categories ul li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 25px;
} .col-posts-categories ul li a {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.352px;
color: #212121;
} .col-posts-categories ul li.current-cat a {
font-weight: 400;
} .col-article-top-content h2 {
margin-top: 32px;
margin-bottom: 17px;
font-size: 16px;
line-height: 18px;
} .col-article-top-content h2 a {
color: #424242;
} .col-article-top-content p {
line-height: 18px;
padding-top: 10px;
} .col-article-top-content p a {
font-weight: 500;
color: #d93c9b;
padding-left: 5px;
} .other-post {
margin-bottom: 20px;
} .archive-post-wrapper {
max-width: 400px;
color: #424242;
} .archive-post-wrapper h3 {
margin-top: 32px;
margin-bottom: 17px;
font-size: 16px;
line-height: 18px;
} .archive-post-wrapper p {
line-height: 18px;
padding-top: 10px;
} .archive-post-wrapper p a {
font-weight: 500;
color: #d93c9b;
} .archive-posts > div {
margin-bottom: 20px;
} .archive-posts > div:nth-child(odd) .archive-post-wrapper {
display: table;
margin-left: auto;
} .archive-baner {
background-size: cover !important;
min-height: 460px;
text-align: center;
color: #fff;
padding-top: 180px;
position: relative;
} .archive-baner .container {
position: relative;
z-index: 2;
} .archive-baner .blog-baner-shape {
position: absolute;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/blog-baner-shape.svg) no-repeat left bottom;
height: 472px;
width: 38.54166666666667%;
top: 0;
right: 0;
} .archive-baner .small-heading {
display: block;
font-size: 14px;
margin-bottom: 26px;
} .archive-baner h1 {
font-size: 48px;
line-height: 1;
} .col-pagination .pagination {
display: table;
margin-left: auto;
border-radius: 0;
} .col-pagination .pagination li {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
} .col-pagination .pagination li a, .col-pagination .pagination li span {
font-size: 14px;
line-height: 20px;
color: #212121;
border-radius: 0;
font-family: "TTNormsPro";
font-weight: 400;
background-color: transparent;
border: none !important;
position: relative;
padding-right: 25px;
padding-left: 25px;
} .col-pagination .pagination li a:before, .col-pagination .pagination li span:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: 0;
margin-bottom: -10px;
left: 50%;
margin-left: -2px;
background-color: transparent;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .col-pagination .pagination li a:focus, .col-pagination .pagination li span:focus {
outline: none !important;
box-shadow: none !important;
} .col-pagination .pagination li a:hover:before {
background-color: #F26C78;
} .col-pagination .pagination li.active a, .col-pagination .pagination li.active span {
background-color: transparent;
color: #212121;
} .col-pagination .pagination li.active a:before, .col-pagination .pagination li.active span:before {
background-color: #F26C78;
} .cat-item-1 {
display: none !important;
} .grid .grid-item {
width: 50%;
} .grid .grid-item:nth-child(3) .archive-post-wrapper, .grid .grid-item:nth-child(5) .archive-post-wrapper, .grid .grid-item:nth-child(7) .archive-post-wrapper, .grid .grid-item:nth-child(9) .archive-post-wrapper {
margin-left: auto;
} .grid .grid-sizer {
width: 50%;
} .single-announcement {
padding-top: 29px;
margin-top: 164px;
position: relative;
max-width: 1520px;
margin-right: auto;
margin-left: auto;
padding-bottom: 70px;
} .single-announcement .container {
max-width: 1330px;
position: relative;
z-index: 2;
} .single-announcement .announcement-shape {
position: absolute;
background-size: cover !important;
height: 100%;
width: 300%;
left: 0;
top: 0;
right: 0;
display: block;
z-index: 1;
} .single-announcement .wpcf7-not-valid-tip {
color: #fff;
} .row-single-announcement-top {
text-align: center;
color: #fff;
} .row-single-announcement-top .small-heading {
line-height: 18px;
font-size: 14px;
display: block;
margin-bottom: 18px;
} .row-single-announcement-top h1 {
font-size: 48px;
line-height: 1;
letter-spacing: 0.64px;
margin-bottom: 62px;
} .single-announcement-content-wrapper {
max-width: 520px;
color: #fff;
} .single-announcement-content-wrapper h2 {
font-size: 24px;
line-height: 1.416666666666667;
font-family: "Sincerity-Regular";
padding-top: 20px;
margin-bottom: 61px;
} .single-announcement-content-wrapper h5 {
font-size: 16px;
line-height: 26px;
font-family: "Sincerity-Regular";
display: block;
margin-bottom: 5px;
} .single-announcement-content-wrapper h3 {
font-size: 20px;
line-height: 26px;
font-family: "Sincerity-Regular";
margin-bottom: 33px;
} .single-announcement-content-wrapper h4 {
font-family: "Sincerity-Regular";
font-size: 24px;
line-height: 26px;
margin-bottom: 7px;
} .single-announcement-content-wrapper p {
margin-bottom: 29px;
} .single-announcement-content-wrapper ul {
padding-left: 0;
margin-bottom: 34px;
} .single-announcement-content-wrapper ul li {
list-style-type: none;
position: relative;
padding-left: 15px;
margin-bottom: 6px;
} .single-announcement-content-wrapper ul li:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
top: 9px;
left: 0;
background-color: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
} .single-announcement-content-wrapper .text-mid {
font-size: 20px;
line-height: 26px;
font-family: "Sincerity-Regular";
margin-bottom: 34px;
} .single-announcement-content-wrapper .back-to-announcement {
color: #fff;
padding-top: 40px;
display: block;
font-weight: 400;
} .single-announcement-form-wrapper {
padding-top: 47px;
color: #fff;
} .single-announcement-form-wrapper .col-form-p {
font-size: 14px;
line-height: 20px;
} .single-announcement-form-wrapper .col-upload .job-form-box .wpcf7-form-control-wrap {
display: none;
} .single-announcement-form-wrapper .col-upload .attach {
min-width: 150px;
font-weight: 400;
text-align: center;
} .single-announcement-form-wrapper .col-upload .attach:hover {
cursor: pointer;
} .single-announcement-form-wrapper .col-upload label {
margin-right: 23px;
} .single-announcement-form-wrapper .ogloszenie-policy {
margin-bottom: 36px;
} .single-announcement-form-wrapper .selection-questions {
font-size: 20px;
line-height: 1;
font-family: "Sincerity-Regular";
padding-top: 7px;
} .single-announcement-form-wrapper .col-acceptance-p p {
font-size: 14px;
line-height: 20px;
margin-bottom: 32px;
} .single-announcement-form-wrapper .col-acceptance {
margin-bottom: 13px;
} .single-announcement-form-wrapper .wpcf7 .col-submit {
padding-top: 0;
} .post-type-archive-projekt .archive-baner, .tax-kategoria .archive-baner {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/portfolio-archive.jpg) no-repeat center top;
min-height: 476px;
} .single-projekt #main-menu li a {
color: #212121;
} .single-projekt #main-menu li a:hover:before {
background-color: #212121;
} .single-projekt .navbar-brand {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/logo-performance-black.svg) no-repeat center top;
width: 110px;
} .single-projekt .navbar-brand img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} .single-projekt #content {
max-width: 100%;
} .single-projekt #primary {
padding-left: 0;
padding-right: 0;
} #single-project-wrapper {
padding-top: 150px;
padding-bottom: 0;
} .porfolio-header {
text-align: center;
color: #000000;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 85px;
} .porfolio-header .small-heading {
font-size: 14px;
display: block;
margin-bottom: 30px;
} .porfolio-header h1 {
font-size: 48px;
line-height: 1;
} .project-content-wrapper {
max-width: 1720px;
margin-left: auto;
margin-right: auto;
padding-bottom: 92px;
position: relative;
z-index: 2;
} .project-content-wrapper .container {
max-width: 1330px;
} .project-single-wrapper {
position: relative;
} .project-single-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/portfolio-bg-gray.svg) no-repeat left top;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 9.375%;
z-index: 1;
} .col-portfolio-content-1 {
flex: 0 0 26%;
max-width: 26%;
padding-top: 80px;
padding-right: 0;
} .col-portfolio-content-1 p {
color: #232323;
line-height: 20px;
} .col-portfolio-content-1 a {
text-decoration: underline;
} .col-portfolio-content-1 img {
display: table;
margin-bottom: 76px;
} .col-portfolio-content-2 {
flex: 0 0 74%;
max-width: 74%;
padding-left: 0;
} .col-portfolio-content-2 p {
color: #fff;
line-height: 20px;
margin-bottom: 18px;
display: table;
margin-right: auto;
margin-left: auto;
max-width: 590px;
} .col-portfolio-content-2 img {
display: block;
margin-bottom: 70px;
margin-right: auto;
margin-left: auto;
} .portfolio-informations-wrapper-1 {
padding-top: 66px;
color: #242424;
} .portfolio-informations-wrapper-1 table tr td {
font-size: 16px;
line-height: 40px;
} .portfolio-informations-wrapper-1 table tr td:first-child {
width: 28%;
font-size: 24px;
font-weight: bold;
} .portfolio-informations-wrapper-1 table tr td:last-child {
padding-left: 10px;
} .portfolio-informations-wrapper-1 table tr.only-one-info-2 td {
padding-top: 6px;
font-size: 16px;
line-height: 22px;
font-weight: 300;
} .portfolio-informations-wrapper {
padding-top: 24px;
border-top: 1px solid #262626;
margin-top: 69px;
} .portfolio-informations-wrapper table tr td {
vertical-align: top;
font-size: 14px;
line-height: 24px;
} .portfolio-informations-wrapper table tr td:first-child {
width: 42%;
} .portfolio-informations-wrapper table tr td:last-child {
padding-left: 10px;
} .back-to-projects {
text-align: center;
} .back-to-projects a {
text-align: center;
display: table;
margin-right: auto;
margin-left: auto;
} .portfolio-heading-new {
padding-top: 30px;
margin-bottom: 27px;
display: table;
margin-right: auto;
margin-left: auto;
} .portfolio-heading-new h1, .portfolio-heading-new img {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 16px;
} .portfolio-heading-new h1 {
margin-right: 22px;
font-size: 30px;
color: #000000;
} .porfolio-main-counter {
position: relative;
z-index: 2;
} .porfolio-main-counter .counter {
font-size: 256px;
font-family: Lato, sans-serif;
font-weight: bold;
line-height: .9;
text-align: right;
display: block;
width: 100%;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/blur_counter_mask.jpg) no-repeat center top;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
} .porfolio-main-counter p {
font-size: 24px;
font-weight: 300;
text-align: right;
padding-right: 90px;
color: #000000;
} .main-counter-wrapper {
display: table;
margin-right: auto;
margin-left: auto;
max-width: 930px;
width: 100%;
} .portfolio-scroll {
padding-top: 150px;
z-index: 1;
position: relative;
margin-top: -120px;
} .desktop-scroll-wrapper {
display: table;
margin-right: auto;
margin-left: auto;
width: 913px;
height: 759px;
padding: 35px 33px 0 33px;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/desktop.png) no-repeat center top;
} .scroll-content {
width: 847px;
height: 470px;
overflow-y: scroll;
position: relative;   } .scroll-content img {
width: 100%;
max-width: inherit;
position: absolute;
} .scroll-content::-webkit-scrollbar {
width: 10px;
display: none;
} .scroll-content::-webkit-scrollbar-track {
background: #f1f1f1;
display: none;
} .scroll-content::-webkit-scrollbar-thumb {
background: #888;
display: none;
} .scroll-content::-webkit-scrollbar-thumb:hover {
background: #555;
display: none;
} .scroll-content .scroll-arrow {
position: absolute;
top: 102px;
left: 50%;
margin-left: -33px;
pointer-events: none;
z-index: 10001;
} .scroll-content .scroll-arrow img {
position: static;
} .elastic-heading-with-text {
padding-bottom: 70px;
text-align: center;
} .elastic-heading-with-text h2 {
font-size: 70px;
color: #000000;
margin-bottom: 62px;
} .elastic-heading-with-text p {
font-size: 18px;
font-weight: 300;
line-height: 1.555555555555556;
} .elastic-heading {
text-align: center;
padding-bottom: 100px;
} .elastic-heading h2 {
font-size: 70px;
color: #000000;
} .elastic-content {
position: relative;
} .elastic-content .container {
margin-right: 0;
max-width: 1680px;
} .elastic-content .elastic-floating-heading {
position: absolute;
z-index: -1;
font-size: 292px;
color: #f9f9f9;
left: 0;
margin-left: -46px;
top: 40px;
line-height: 1;
font-family: "Sincerity-Regular";
} .elastic-content.reverse .elastic-floating-heading {
left: inherit;
right: 10%;
margin-left: inherit;
} .elastic-content.reverse .container {
margin-right: auto;
margin-left: 0;
} .elastic-content .col-elastic-image img {
position: relative;
right: -10%;
} .elastic-content .flex-row-reverse .col-elastic-image img {
position: relative;
right: inherit;
left: -10%;
} .elastic-content .elastic-content-with-icon {
max-width: 620px;
display: table;
padding-left: 104px;
position: relative;
color: #000000;
} .elastic-content .elastic-content-with-icon h3 {
font-size: 70px;
font-family: "Sincerity-Regular";
line-height: 1;
margin-bottom: 138px;
} .elastic-content .elastic-content-with-icon p {
font-size: 18px;
font-weight: 300;
} .elastic-content .elastic-content-with-icon img {
position: absolute;
left: 0;
top: 0;
} .portfolio-single-slider {
padding-top: 80px;
padding-bottom: 140px;
} .portfolio-single-slider .container {
max-width: 100%;
margin-right: 0;
padding-right: 0;
padding-left: 0;
} .portfolio-single-slider .slick-slide {
margin-right: 69px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
-moz-box-shadow: 0px 0px 42px -2px rgba(66, 68, 90, 0.2);
-webkit-box-shadow: 0px 0px 42px -2px rgba(66, 68, 90, 0.2);
box-shadow: 0px 0px 42px -2px rgba(66, 68, 90, 0.2);
} .portfolio-single-slider .portfolio-single-slider-wrapper {
position: relative;
} .portfolio-single-slider .slick-list {
left: 105px;
max-width: 1680px;
margin-left: auto;
padding-top: 50px;
padding-bottom: 50px;
} .portfolio-single-slider .slick-dots {
margin-top: -35px;
} .portfolio-single-slider .slick-dots li button:before {
content: "";
width: 12px;
height: 12px;
background-color: #c8c8c8;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
left: 50%;
margin-left: -6px;
top: 50%;
margin-top: -6px;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .portfolio-single-slider .slick-dots .slick-active button:before {
background-color: #000000;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .project-effects .container {
max-width: 1680px;
margin-right: 0;
padding-right: 0;
} .effects-wrapper {
-moz-border-radius-topleft: 100px;
-webkit-border-top-left-radius: 100px;
border-top-left-radius: 100px;
padding-left: 130px;
padding-bottom: 170px;
padding-top: 74px;
} .effects-wrapper .container-effects {
max-width: 1440px;
margin-left: 0;
} .effects-wrapper .effect-wrapper {
display: table;
margin-right: auto;
margin-top: 80px;
} .effects-wrapper h2 {
font-family: "Sincerity-Regular";
font-size: 70px;
line-height: 1;
} .effects-wrapper .col-effect {
text-align: center;
} .effects-wrapper .col-effect span {
display: block;
font-size: 78px;
font-weight: 900;
} .effects-wrapper .col-effect p {
font-size: 20px;
font-weight: 300;
} .project-testimonials {
background-color: #f2f2f2;
} .project-testimonials .container {
max-width: 1305px;
margin-left: 0;
padding-left: 0;
} .project-testimonials .testimonials-wrapper {
padding-top: 200px;
padding-bottom: 200px;
position: relative;
margin-top: -78px;
background-color: #fff;
-moz-border-radius-topright: 100px;
-webkit-border-top-right-radius: 100px;
border-top-right-radius: 100px;
} .project-testimonials .testimonials {
max-width: 730px;
display: table;
margin-right: auto;
margin-left: auto;
} .project-testimonials .testimonials p {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quote.png) no-repeat left center;
background-size: contain !important;
padding-top: 20px;
padding-left: 14px;
padding-bottom: 20px;
position: relative;
font-size: 20px;
color: #000000;
font-style: italic;
line-height: 1.4;
font-weight: 400;
} .project-testimonials .testimonial-bottom {
padding-top: 25px;
} .project-testimonials .testimonial-bottom img, .project-testimonials .testimonial-bottom div {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
margin-bottom: 10px;
} .project-testimonials .testimonial-bottom img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-right: 34px;
} .project-testimonials .testimonial-bottom h4 {
font-size: 30px;
line-height: 1;
font-family: "Sincerity-Regular";
} .project-testimonials .testimonial-bottom span {
display: block;
font-size: 14px;
line-height: 2;
color: #838383;
} .porfolio-main-counter-t {
position: relative;
z-index: 999;
} .porfolio-main-counter-t .container {
max-width: 1330px;
} .counter-wrapper-t {
display: table;
margin-left: auto;
margin-right: auto;
text-align: right;
} .counter-wrapper-t span {
font-size: 112px;
font-weight: 900;
position: relative;
z-index: 1;
line-height: 1;
} .counter-wrapper-t span:before {
content: "";
display: block;
position: absolute;
height: 30px;
bottom: 24px;
left: 0;
right: 0;
background-color: #ffd10a;
z-index: -1;
} .counter-wrapper-t p {
font-size: 24px;
font-weight: 300;
} .portfolio-laptop-t {
max-width: 1500px;
position: relative;
margin-right: auto;
margin-left: auto;
margin-bottom: 80px;
} .portfolio-laptop-t:before {
content: "";
display: block;
position: absolute;
width: 300%;
height: 110%;
top: -126px;
left: 0;
background-color: #f8f8f8;
-moz-border-radius-topleft: 100px;
-webkit-border-top-left-radius: 100px;
border-top-left-radius: 100px;
} .portfolio-laptop-t .container {
max-width: 1330px;
} .portfolio-laptop-t img {
display: block;
margin-right: auto;
margin-left: auto;
top: 80px;
position: relative;
} .elastic-heading-with-text-t p {
max-width: 790px;
display: table;
margin-right: auto;
margin-left: auto;
} .elastic-heading-with-text-t .portfolio-text-1 {
font-size: 28px;
font-weight: 300;
line-height: 1.35;
margin-bottom: 26px;
} .elastic-heading-with-text-t .portfolio-text-2 {
font-size: 18px;
font-weight: 300;
line-height: 1.35;
margin-bottom: 50px;
} .elastic-heading-with-text-t .portfolio-text-2 strong {
font-weight: 700;
} .elastic-heading-with-text-t ul {
padding-left: 0;
margin-right: auto;
margin-left: auto;
} .elastic-heading-with-text-t ul li {
list-style-type: none;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
font-size: 18px;
font-weight: bold;
color: #000000;
background-color: #fff;
text-align: center;
padding: 10px 20px;
width: 100%;
max-width: 266px;
-moz-box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
-webkit-box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
position: relative;
} .elastic-heading-with-text-t ul li:before {
content: "";
display: block;
position: absolute;
width: 32px;
height: 32px;
top: 50%;
margin-top: -16px;
left: -16px;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/plus.png) no-repeat center top;
} .elastic-heading-with-text-t ul li:last-child {
width: auto;
max-width: inherit;
} .elastic-heading-with-text-t ul li:last-child:before {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/equal.png) no-repeat center top;
} .elastic-heading-with-text-t ul li:first-child:before {
display: none;
} .elastic-content-with-icon-t ul {
padding-left: 0;
} .elastic-content-with-icon-t ul li {
list-style-type: none;
position: relative;
padding-left: 60px;
font-size: 18px;
font-weight: 300;
margin-bottom: 10px;
} .elastic-content-with-icon-t ul li:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 3px;
top: 12px;
left: 0;
background-color: #ffd10a;
} .solution-t {
padding-bottom: 100px;
} .solution-t .container {
max-width: 1330px;
} .solution-t h2 {
font-size: 70px;
line-height: 1;
text-align: center;
font-family: "Sincerity-Regular";
color: #000000;
margin-bottom: 88px;
} .logo-with-text-t p {
font-size: 18px;
} .col-logo-t {
max-width: 380px;
flex-basis: inherit;
flex-grow: inherit;
} .project-effects-t .col-effect {
flex: 0 0 20%;
max-width: 20%;
} .row-solution-list h3 {
text-align: center;
font-size: 20px;
line-height: 1;
text-transform: uppercase;
font-weight: bold;
display: table;
margin-right: auto;
margin-left: auto;
position: relative;
margin-bottom: 23px;
} .row-solution-list h3:before {
content: "";
display: block;
position: absolute;
height: 7px;
bottom: 2px;
left: 0;
right: 0;
background-color: #ffd10a;
z-index: -1;
} .row-solution-list ul {
padding-left: 0;
} .row-solution-list ul li {
text-align: center;
list-style-type: none;
font-size: 18px;
width: 100%;
max-width: 273px;
display: table;
margin-right: auto;
margin-left: auto;
-moz-box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
-webkit-box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
box-shadow: 0px 0px 4px 2px rgba(231, 231, 231, 0.5);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 13px 22px;
margin-bottom: 8px;
min-height: 76px;
} .row-solution-list ul li .solution-item {
display: table-cell;
vertical-align: middle;
height: 100%;
} .row-solution-dots {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
} .project-effects-t h2 {
font-size: 70px;
line-height: 1;
color: #000000;
} .project-effects-t .effect-wrapper {
text-align: left;
} .project-effects-t .effect-wrapper .effect-count-t {
font-size: 48px;
color: #000000;
font-weight: 900;
} .project-effects-t p {
font-size: 19px;
} .effect-img-wrapper {
min-height: 67px;
display: table;
} .effect-img-wrapper .effect-img-box {
display: table-cell;
vertical-align: middle;
} .project-rewards {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
position: relative;
padding-top: 100px;
margin-top: -94px;
margin-bottom: 75px;
padding-bottom: 66px;
} .project-rewards:before {
content: "";
display: block;
position: absolute;
width: 300%;
top: 0;
bottom: 0;
right: -115px;
background-color: #fff;
-moz-border-radius-topright: 100px;
-webkit-border-top-right-radius: 100px;
border-top-right-radius: 100px;
-moz-box-shadow: 0px 0px 16px 6px #efefef;
-webkit-box-shadow: 0px 0px 16px 6px #efefef;
box-shadow: 0px 0px 16px 6px #efefef;
} .project-rewards .container {
max-width: 100%;
} .project-rewards h2 {
font-size: 70px;
line-height: 1;
color: #000000;
margin-bottom: 88px;
} .reward-box {
text-align: center;
} .reward-box h3 {
text-align: left;
line-height: 1.16;
margin-bottom: 38px;
} .reward-box h3 br {
display: none;
} .reward-box h3 span {
font-size: 30px;
font-family: "Sincerity-Regular";
color: #000000;
display: table;
position: relative;
z-index: 1;
line-height: 1.16;
} .reward-box h3 span:before {
content: "";
display: block;
position: absolute;
height: 7px;
bottom: 7px;
left: 0;
right: 0;
background-color: #ffd10a;
z-index: -1;
} .reward-box p {
text-align: left;
} .reward-img-t-wrapper {
display: table;
margin-right: auto;
margin-left: auto;
min-height: 281px;
margin-bottom: 20px;
} .reward-img-t-wrapper .reward-img-t-box {
display: table-cell;
vert-align: middle;
} .back-to-projects {
margin-bottom: 75px;
} .page-template-psychotest #full-width-page-wrapper {
padding-top: 140px;
padding-bottom: 90px;
position: relative;
} .page-template-psychotest .co-widzisz-box {
text-align: center;
} .page-template-psychotest .co-widzisz-box .wybierz-odpowiedz {
font-size: 14px;
color: #fff;
margin-bottom: 23px;
} .page-template-psychotest .co-widzisz-box .co-widzisz {
font-size: 48px;
line-height: 1;
position: relative;
color: #fff;
font-family: "Sincerity-Regular";
} #psychotest {
position: relative;
z-index: 2;
} .psycho-bg {
position: absolute;
background-size: cover !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
z-index: 1;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
} .psycho-bg.psycho-screen-1 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-1.jpg) no-repeat center top;
} .psycho-bg.psycho-screen-2 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-2.png) no-repeat center top;
} .psycho-bg.psycho-screen-3 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-3.png) no-repeat center top;
} .psycho-bg.psycho-screen-4 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-4.png) no-repeat center top;
} .psycho-bg.psycho-screen-5 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-1.jpg) no-repeat center top;
} .psycho-bg.psycho-screen-6 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-2.png) no-repeat center top;
} .psycho-bg.psycho-screen-7 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/quiz-bg-4.png) no-repeat center top;
} .psycho-bg.active {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
} .psycho-bg.inactive {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
@-moz-keyframes neon {
0% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(30, 132, 242, 0.52), 0 0 21px rgba(30, 132, 242, 0.92), 0 0 34px rgba(30, 132, 242, 0.78), 0 0 54px rgba(30, 132, 242, 0.92);
}
100% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(30, 132, 242, 0.58), 0 0 22px rgba(30, 132, 242, 0.84), 0 0 38px rgba(30, 132, 242, 0.88), 0 0 60px #1e84f2;
}
}
@-webkit-keyframes neon {
0% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(30, 132, 242, 0.52), 0 0 21px rgba(30, 132, 242, 0.92), 0 0 34px rgba(30, 132, 242, 0.78), 0 0 54px rgba(30, 132, 242, 0.92);
}
100% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(30, 132, 242, 0.58), 0 0 22px rgba(30, 132, 242, 0.84), 0 0 38px rgba(30, 132, 242, 0.88), 0 0 60px #1e84f2;
}
}
@keyframes neon {
0% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.92), 0 0 30px rgba(202, 228, 225, 0.34), 0 0 12px rgba(30, 132, 242, 0.52), 0 0 21px rgba(30, 132, 242, 0.92), 0 0 34px rgba(30, 132, 242, 0.78), 0 0 54px rgba(30, 132, 242, 0.92);
}
100% {
text-shadow: 0 0 6px rgba(202, 228, 225, 0.98), 0 0 30px rgba(202, 228, 225, 0.42), 0 0 12px rgba(30, 132, 242, 0.58), 0 0 22px rgba(30, 132, 242, 0.84), 0 0 38px rgba(30, 132, 242, 0.88), 0 0 60px #1e84f2;
}
} .screen-rotate {
display: none;
position: relative;
left: 0;
bottom: 0;
height: 367px;
width: 320px;
overflow: hidden;
z-index: 999;
color: #ffffff;
} .screen-rotate .rotate-text {
text-align: center;
display: table;
} .screen-rotate .rotate-text img {
margin-top: 15px;
} .screen-rotate p {
font-size: 18px;
} .screen-rotate p .rotate-big {
font-size: 40px;
} .screen-rotate img.golab {
position: absolute;
max-width: 570px;
right: 0;
top: 0;
} .progress-bar-box {
width: 100%;
display: table;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .progress-bar-box .progress-bar {
width: 94%;
float: left;
height: 5px;
position: relative;
background-color: rgba(255, 255, 255, 0.23);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
} .progress-bar-box .progress-bar:before {
content: "";
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 0;
height: 5px;
display: block;
background-color: #fff;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
} .progress-bar-box .procent {
width: 6%;
margin-bottom: 0;
line-height: 1;
position: relative;
top: -6px;
float: left;
text-align: right;
font-size: 16px;
color: #fff;
} .wynik-final {
margin-top: 20px;
} .part {
position: relative;
display: none;
} .part.part-1 {
display: block;
} .part.part-1 .answear {
font-size: 290px;
} .part.part-4 {
top: 0;
} .part .answear {
font-size: 60px;
font-family: "Sincerity-Regular";
position: absolute;
color: #fff;
z-index: 1;
line-height: 1;
} .part .woda-answear-1 {
left: 0;
top: -30px;
} .part .woda-answear-2 {
right: 0;
bottom: 104px;
} .part .ogien-answear-1 {
left: 0;
top: 0;
} .part .ogien-answear-2 {
right: 0;
bottom: 43px;
} .part .pyta-answear-1 {
left: 0;
top: 90px;
} .part .pyta-answear-2 {
right: 0;
bottom: 133px;
} .part .kasa-answear-1 {
left: 0;
bottom: initial;
top: 70px;
} .part .kasa-answear-2 {
right: 0;
bottom: 53px;
} .part .planeta-answear-1 {
top: 70px;
left: 0;
} .part .planeta-answear-2 {
bottom: 78px;
right: 0;
} .part .mac-answear-1 {
top: inherit;
bottom: 90px;
left: 0;
} .part .mac-answear-2 {
right: 0;
bottom: 330px;
}
@-moz-keyframes bounce {
0% {
-moz-transform: translateY(0);
transform: translateY(0);
}
100% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
} .part-box {
display: table;
margin-right: auto;
margin-left: auto;
position: relative;
width: 100%;
max-width: 660px;
z-index: 2;
min-height: 600px;
} .part-img {
display: table;
margin-right: auto;
margin-left: auto;
position: relative;
z-index: 1001;
} .part-img img {
-moz-animation: small-to-big 1s linear 0s infinite alternate;
-webkit-animation: small-to-big 1s linear 0s infinite alternate;
animation: small-to-big 1s linear 0s infinite alternate;
max-width: 660px;
} .mac img {
max-height: 600px;
} .answear-box {
position: absolute;
width: 100px;
height: 100px;
display: block;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
z-index: 999;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .answear-box.gradient-pink {
background: #d93c9b;
background: -moz-linear-gradient(270deg, #d93c9b 0%, #f26c78 100%);
background: -webkit-linear-gradient(270deg, #d93c9b 0%, #f26c78 100%);
background: linear-gradient(270deg, #d93c9b 0%, #f26c78 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d93c9b",endColorstr="#f26c78",GradientType=1);
} .answear-box.gradient-blue {
background: #3695dd;
background: -moz-linear-gradient(270deg, #3695dd 0%, #5ac1e2 100%);
background: -webkit-linear-gradient(270deg, #3695dd 0%, #5ac1e2 100%);
background: linear-gradient(270deg, #3695dd 0%, #5ac1e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3695dd",endColorstr="#5ac1e2",GradientType=1);
} .answear-box:hover {
cursor: pointer;
} .answear-box:hover .arrow:before {
background-color: #000000;
} .answear-box:hover .arrow:after {
border-color: #000000;
} .answear-box span {
position: absolute;
font-size: 48px;
color: #fff;
left: 38px;
top: 23px;
text-shadow: none;
-moz-animation: arrow-top-bottom 0.9s linear 0s infinite;
-webkit-animation: arrow-top-bottom 0.9s linear 0s infinite;
animation: arrow-top-bottom 0.9s linear 0s infinite;
} .answear-box .arrow {
position: absolute;
width: 20px;
height: 25px;
left: 50%;
margin-left: -10px;
top: 50%;
margin-top: -12px;
} .answear-box .arrow:before {
content: "";
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 2px;
height: 100%;
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -1px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .answear-box .arrow:after {
content: "";
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-left: none;
border-bottom: none;
position: absolute;
left: 50%;
margin-left: -7px;
top: 0;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .answear-box .dots {
position: absolute;
width: 298px;
height: 20px;
top: 50%;
margin-top: -10px;
left: 100%;
margin-left: 11px;
background-size: contain !important;
} .answear-box .dots.psycho-arrow-left {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-left.png) no-repeat center top;
} .answear-box .dots.psycho-arrow-right {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-right.png) no-repeat center top;
} .answear-box .dots.psycho-arrow-left-pink {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-left-pink.png) no-repeat center top;
} .answear-box .dots.psycho-arrow-right-pink {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-right-pink.png) no-repeat center top;
} .answear-box .dots.psycho-arrow-left-purple {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-left-purple.png) no-repeat center top;
} .answear-box .dots.psycho-arrow-right-purple {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/psycho-arrow-right-purple.png) no-repeat center top;
} .answear-box.arrow-down .dots {
right: 100%;
margin-right: 11px;
left: inherit;
} .answear-box.answear-box-1-1 {
left: 0;
bottom: -150px;
} .answear-box.answear-box-1-2 {
right: 0;
bottom: inherit;
top: -86px;
} .answear-box.answear-box-2-1 {
left: 0;
bottom: -160px;
} .answear-box.answear-box-2-2 {
right: 0;
bottom: 122px;
} .answear-box.answear-box-3-1 {
left: 0;
bottom: -135px;
} .answear-box.answear-box-3-2 {
right: 0;
bottom: initial;
top: -121px;
} .answear-box.answear-box-4-1 {
left: 0;
bottom: -113px;
} .answear-box.answear-box-4-2 {
right: 0;
bottom: initial;
top: -131px;
} .answear-box.answear-box-5-1 {
bottom: -135px;
left: 0;
} .answear-box.answear-box-5-2 {
top: -121px;
right: 0;
} .answear-box.answear-box-6-1 {
bottom: 100%;
margin-bottom: 25px;
left: 0;
} .answear-box.answear-box-6-2 {
right: 0;
top: 100%;
} .psychotest-wrapper {
position: relative;
width: 100%;
max-width: 860px;
margin-right: auto;
margin-left: auto;
} .psychotest-wrapper.part-2-active .progress-bar-box .progress-bar:before {
width: 16%;
} .psychotest-wrapper.part-3-active .progress-bar-box .progress-bar:before {
width: 32%;
} .psychotest-wrapper.part-4-active .progress-bar-box .progress-bar:before {
width: 48%;
} .psychotest-wrapper.part-5-active .progress-bar-box .progress-bar:before {
width: 64%;
} .psychotest-wrapper.part-6-active .progress-bar-box .progress-bar:before {
width: 80%;
} .psychotest-wrapper.part-7-active .progress-bar-box .progress-bar:before {
width: 100%;
} .final .co-widzisz-box {
display: none;
} .wynik-text {
font-size: 14px;
text-align: center;
color: #fff;
} .try {
font-size: 48px;
line-height: 1;
color: #fff;
text-align: center;
font-family: "Sincerity-Regular";
margin-bottom: 50px;
} .wynik-procent {
display: block;
text-align: center;
font-size: 24px;
color: #fff;
} .wynik-procent .wynik-procent-big {
font-size: 250px;
line-height: 1;
color: #fff;
font-family: "Sincerity-Regular";
display: block;
} .wynik-procent .wynik-procent-playhard {
font-size: 24px;
text-align: center;
color: #fff;
display: block;
margin-bottom: 78px;
} .wynik-bottom {
font-size: 28px;
line-height: 39px;
color: #fff;
text-align: center;
margin-bottom: 50px;
font-family: "Sincerity-Regular";
} .wynik-bottom p a {
display: inline;
margin-bottom: 0;
} .wynik-bottom a {
color: #fff;
display: block;
margin-bottom: 38px;
} .img-final {
display: block;
position: absolute;
-moz-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
top: 50%;
right: 0;
max-width: 100%;
max-height: 700px;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: -1;
} .final-1 .img-final-1 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-2 .img-final-2 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-3 .img-final-3 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-4 .img-final-4 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-5 .img-final-5 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-6 .img-final-6 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
} .final-7 .img-final-7 {
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@-moz-keyframes arrow-top-bottom {
0% {
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
50% {
-moz-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes arrow-top-bottom {
0% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
50% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes arrow-top-bottom {
0% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
50% {
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-moz-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes small-to-big {
0% {
-moz-transform: scale(1);
transform: scale(1);
}
100% {
-moz-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes small-to-big {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes small-to-big {
0% {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-moz-keyframes button-transform {
0% {
color: #fff;
-moz-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
14% {
-moz-transform: rotate(-22deg);
transform: rotate(-22deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
28% {
-moz-transform: rotate(18deg);
transform: rotate(18deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
35% {
-moz-transform: rotate(9deg);
transform: rotate(9deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
42% {
-moz-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
42.00001% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
49% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 85px;
height: 85px;
-moz-border-radius: 50%;
border-radius: 50%;
}
56% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 114px;
height: 114px;
-moz-border-radius: 50%;
border-radius: 50%;
}
63% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100px;
height: 100px;
-moz-border-radius: 50%;
border-radius: 50%;
}
70% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 82px;
height: 82px;
-moz-border-radius: 50%;
border-radius: 50%;
}
77% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 66px;
height: 66px;
-moz-border-radius: 50%;
border-radius: 50%;
}
85% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 52px;
height: 52px;
-moz-border-radius: 50%;
border-radius: 50%;
}
92% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 36px;
height: 36px;
-moz-border-radius: 50%;
border-radius: 50%;
}
100% {
-moz-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
-moz-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
border-radius: 30px;
}
}
@-webkit-keyframes button-transform {
0% {
color: #fff;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
14% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
28% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
35% {
-webkit-transform: rotate(9deg);
transform: rotate(9deg);
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
42% {
-webkit-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
42.00001% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
49% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 85px;
height: 85px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
56% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 114px;
height: 114px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
63% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
70% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 82px;
height: 82px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
77% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 66px;
height: 66px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
85% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 52px;
height: 52px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
92% {
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 36px;
height: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
100% {
-webkit-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
}
@keyframes button-transform {
0% {
color: #fff;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
14% {
-moz-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
28% {
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
35% {
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-webkit-transform: rotate(9deg);
transform: rotate(9deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
42% {
-moz-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
-webkit-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
42.00001% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
49% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 85px;
height: 85px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
56% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 114px;
height: 114px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
63% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100px;
height: 100px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
70% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 82px;
height: 82px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
77% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 66px;
height: 66px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
85% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 52px;
height: 52px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
92% {
-moz-transform: rotate(0deg) translate(-50%, -50%);
-ms-transform: rotate(0deg) translate(-50%, -50%);
-webkit-transform: rotate(0deg) translate(-50%, -50%);
transform: rotate(0deg) translate(-50%, -50%);
left: 50%;
top: 50%;
width: 36px;
height: 36px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
100% {
-moz-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
-webkit-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
left: 0;
top: 0;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: 100%;
height: 36px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
}
@-moz-keyframes text-1-transform {
0% {
-moz-transform: translateY(0);
transform: translateY(0);
}
50% {
-moz-transform: translateY(-200px);
transform: translateY(-200px);
}
99% {
-moz-transform: translateY(-200px);
transform: translateY(-200px);
}
100% {
-moz-transform: translateY(-200px);
transform: translateY(-200px);
display: none;
}
}
@-webkit-keyframes text-1-transform {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
99% {
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
100% {
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
display: none;
}
}
@keyframes text-1-transform {
0% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
99% {
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
100% {
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
display: none;
}
}
@-moz-keyframes gradient-border {
0% {
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
visibility: visible;
}
99% {
-moz-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: visible;
}
100% {
-moz-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: hidden;
}
}
@-webkit-keyframes gradient-border {
0% {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
visibility: visible;
}
99% {
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: visible;
}
100% {
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: hidden;
}
}
@keyframes gradient-border {
0% {
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
visibility: visible;
}
99% {
-moz-transform: rotate(-34deg);
-ms-transform: rotate(-34deg);
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: visible;
}
100% {
-moz-transform: rotate(-34deg);
-ms-transform: rotate(-34deg);
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
visibility: hidden;
}
}
@-moz-keyframes gradient-border-button {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes gradient-border-button {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes gradient-border-button {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes text-2-transform {
0% {
-moz-transform: translateY(50px);
transform: translateY(50px);
opacity: 1;
}
5% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
99% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes text-2-transform {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 1;
}
5% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
99% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes text-2-transform {
0% {
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 1;
}
5% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
50% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
99% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bg-gradient {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bg-gradient {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes bg-gradient {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
99% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bg-gradient-left {
0% {
right: 100%;
}
100% {
right: 45%;
margin-right: 0;
}
}
@-webkit-keyframes bg-gradient-left {
0% {
right: 100%;
}
100% {
right: 45%;
margin-right: 0;
}
}
@keyframes bg-gradient-left {
0% {
right: 100%;
}
100% {
right: 45%;
margin-right: 0;
}
}
@-moz-keyframes bg-gradient-right {
0% {
left: 100%;
}
100% {
left: 45%;
margin-left: 0;
}
}
@-webkit-keyframes bg-gradient-right {
0% {
left: 100%;
}
100% {
left: 45%;
margin-left: 0;
}
}
@keyframes bg-gradient-right {
0% {
left: 100%;
}
100% {
left: 45%;
margin-left: 0;
}
}
@-moz-keyframes hide-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes hide-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hide-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .company-top {
min-height: 485px;
text-align: center;
padding-top: 190px;
} .company-top h1 {
font-size: 14px;
line-height: 18px;
color: #fff;
font-family: "Lato", sans-serif;
margin-bottom: 26px;
} #company-page-wrapper {
padding-top: 0;
padding-bottom: 80px;
} .company-content {
text-align: center;
} .company-content .container {
max-width: 1540px;
} .company-content h2 {
font-size: 24px;
line-height: 34px;
color: #000000;
} .company-content p {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
} .company-content .company-service {
padding-left: 55px;
padding-right: 55px;
} .company-content .company-service-box {
margin-top: 45px;
} .company-content .company-services {
justify-content: center;
} .company-content .company-services .company-service {
margin-bottom: 63px;
} .company-content .company-services .company-service h2 {
position: relative;
} .company-content .company-services .company-service h2:after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 31px;
left: 100%;
margin-left: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: transparent;
z-index: 999;
} .company-content .company-services .company-service h2:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 31px;
right: 100%;
margin-right: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: transparent;
z-index: 999;
} .company-content .company-services .company-service:nth-child(2) h2:before {
background-color: #FFC31E;
} .company-content .company-services .company-service:nth-child(2) h2:after {
background-color: #3695DD;
} .page-id-2113 .company-content .company-services .company-service:nth-child(5) h2:before, .page-id-2208 .company-content .company-services .company-service:nth-child(5) h2:before {
background-color: #1D6EAD;
} .page-id-2113 .company-content .company-services .company-service:nth-child(5) h2:after, .page-id-2208 .company-content .company-services .company-service:nth-child(5) h2:after {
background-color: #F26C78;
} .page-id-2113 .company-content .company-services .company-service:nth-child(7) h2:before, .page-id-2208 .company-content .company-services .company-service:nth-child(7) h2:before {
background-color: #3695DD;
top: 13px;
} .page-id-2113 .company-content .company-services .company-service:nth-child(7) h2:after, .page-id-2208 .company-content .company-services .company-service:nth-child(7) h2:after {
background-color: #FFC31E;
top: 13px;
} .page-id-2216 .company-content .company-services .company-service:nth-child(5) h2:before, .page-id-2012 .company-content .company-services .company-service:nth-child(5) h2:before {
background-color: #1D6EAD;
} .page-id-2216 .company-content .company-services .company-service:nth-child(5) h2:after, .page-id-2012 .company-content .company-services .company-service:nth-child(5) h2:after {
background-color: #F26C78;
} .page-id-2180 .company-content .company-services {
justify-content: center;
} .page-id-2180 .company-content .company-services .company-service:nth-child(5) h2:before {
background-color: #F26C78;
} .page-id-2221 .company-content .company-services .company-service:nth-child(4) h2:before {
background-color: #1D6EAD;
} .page-id-2221 .company-content .company-services .company-service:nth-child(4) h2:after {
background-color: #F26C78;
} .row-flash {
margin-top: 39px;
margin-bottom: 30px;
} .other-companies .container {
max-width: 680px;
text-align: center;
} .other-companies .col-service .service-icon {
margin-bottom: 21px;
} .other-companies .col-service {
margin-top: 0;
margin-bottom: 30px;
} .other-companies .col-service p.active {
position: relative;
} .other-companies .col-service p.active:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
bottom: -15px;
left: 50%;
margin-left: -2px;
background-color: #F26C78;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
} .companies-main-button {
padding-top: 30px;
} .companies-main-button a {
margin-right: auto;
margin-left: auto;
font-weight: 400;
background-color: #212121;
display: table;
max-width: 248px;
width: 100%;
} .page-template-company .col-service p {
color: #212121;
} .page-template-company .other-companies {
margin-top: 45px;
} .baner-os {
padding-bottom: 45px;
} .baner-os .container {
max-width: 1540px;
} .baner-os .container a {
display: table;
margin-right: auto;
margin-left: auto;
} .company-data {
padding-top: 50px;
} .company-data img {
width: 100%;
max-width: 600px;
display: table;
margin-right: auto;
margin-left: auto;
} #company-data-page-wrapper {
padding-top: 0;
} #company-data-page-wrapper .company-top h1 {
font-size: 32px !important;
} .company-data-wrapper {
padding-top: 40px;
padding-bottom: 40px;
display: table;
margin-right: auto;
margin-left: auto;
} .company-data-wrapper p {
font-size: 20px;
} .company-top {
min-height: 485px;
text-align: center;
padding-top: 190px;
display: block;
} .company-top h1 {
font-size: 14px;
line-height: 18px;
color: #fff;
font-family: "Lato", sans-serif;
margin-bottom: 26px;
} #company-page-wrapper {
padding-top: 0;
padding-bottom: 80px;
} .section-os {
padding-top: 60px;
} .section-os h1 {
font-size: 32px;
color: #000000;
margin-bottom: 38px;
} .col-os-content p strong {
font-weight: bold;
color: #000000;
} .col-os-content .os-image-wrapper {
padding-top: 44px;
} .col-os-form .wpcf7 input[type=email], .col-os-form .wpcf7 textarea, .col-os-form .wpcf7 input[type=text], .col-os-form .wpcf7 input[type=tel], .col-os-form .wpcf7 select {
border: 1px solid #e8e8e8;
} .col-os-form .col-os-input {
margin-bottom: 20px;
} .col-os-form .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label:before {
border: 1px solid #e8e8e8;
} .col-os-form .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label:after {
background-color: #818181;
} .col-os-form .col-os-submit {
margin-top: 28px;
} .col-os-form .col-os-submit input[type=submit] {
width: 100%;
max-width: 300px;
display: table;
margin-right: auto;
margin-left: auto;
} .col-os-form .col-acceptance-0 {
padding-top: 18px;
} .col-os-form .col-acceptance .wpcf7-acceptance .wpcf7-list-item-label a {
color: #000000;
} .clickad-top {
height: 100vh;
background-color: #1D6EAD;
padding-top: 50px;
text-align: center;
position: relative;
z-index: 2;
} .clickad-top h1 {
font-size: 64px;
line-height: 1.15625;
color: #fff;
font-family: "Sincerity-Regular";
margin-bottom: 16px;
text-align: left;
display: table;
margin-right: auto;
margin-left: auto;
} .clickad-top h1 a {
color: #fff;
} .clickad-top h1 span {
display: table;
margin-left: 103px;
} .main-clickad-wrapper {
height: 100vh;
max-height: 825px;
display: table;
width: 100%;
} .main-clickad-box {
display: table-cell;
vertical-align: middle;
} #clickad-page-wrapper {
padding-top: 0;
padding-bottom: 0;
} #clickad-page-wrapper .container {
max-width: 910px;
z-index: 2;
position: relative;
} .clickad-top-shape {
position: absolute;
left: 0;
top: 0;
width: 43.34%;
z-index: 1;
text-align: left;
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/hom-shape-top.svg) no-repeat bottom right;
height: 100vh;
background-size: cover !important;
} .heading-logitech {
font-size: 32px;
text-align: center;
} .heading-logitech img {
margin-left: 26px;
} .section-project-logitech {
padding-top: 17px;
} .row-logitech-main {
padding-top: 52px;
} .row-logitech-main img {
display: table;
margin-left: auto;
} .row-logitech-challenge {
padding-top: 26px;
} .row-logitech-challenge h2 {
text-align: center;
} .row-logitech-challenge p {
font-size: 28px;
line-height: 1.571428571428571;
text-align: center;
display: table;
margin-left: auto;
margin-right: auto;
max-width: 900px;
position: relative;
z-index: 2;
color: #000000;
} .heading-big-bg {
font-size: 70px;
line-height: 70px;
padding-top: 93px;
padding-bottom: 77px;
position: relative;
z-index: 2;
} .heading-big-bg:before {
content: attr(data-text);
display: block;
position: absolute;
text-align: center;
font-size: 292px;
color: #f9f9f9;
z-index: -1;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 67px;
} .heading-icon {
padding-left: 90px;
} .heading-icon img {
display: block;
position: absolute;
left: 0;
} .row-logitech-target {
padding-top: 200px;
padding-bottom: 170px;
} .row-logitech-target .heading-big-bg:before {
margin-left: -20px;
} .row-logitech-target p {
font-size: 28px;
display: table;
max-width: 540px;
} .col-logitech-target-img {
text-align: center;
} .col-logitech-target-img img {
margin-top: 120px;
} .container-solution {
margin-left: 0;
margin-right: auto;
padding-left: 0;
padding-right: 15px;
padding-bottom: 120px;
position: relative;
z-index: 3;
} .col-logitech-solution-text {
padding-left: 30px;
} .col-logitech-solution-text h2 img {
top: 102px;
} .col-logitech-solution-text ul {
padding-left: 0;
margin-left: 0;
padding-top: 55px;
} .col-logitech-solution-text ul li {
font-size: 18px;
line-height: 20px;
position: relative;
padding-left: 58px;
list-style-type: none;
margin-bottom: 19px;
} .col-logitech-solution-text ul li:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 2px;
top: 10px;
left: 0;
background-color: #dcfd00;
} .col-logitech-solution-img {
z-index: 3;
position: relative;
} .row-logitech-tactics {
text-align: center;
padding-bottom: 50px;
} .row-logitech-tactics p {
display: table;
margin-right: auto;
margin-left: auto;
max-width: 900px;
font-size: 28px;
} .container-tactics-list {
margin-left: 0;
margin-right: auto;
-moz-box-shadow: 0px -690px 85px 0px #f7f7f7;
-webkit-box-shadow: 0px -690px 85px 0px #f7f7f7;
box-shadow: 0px -690px 85px 0px #f7f7f7;
-moz-border-radius-topright: 60px;
-webkit-border-top-right-radius: 60px;
border-top-right-radius: 60px;
padding-top: 120px;
padding-right: 70px;
position: relative;
z-index: 2;
background-color: #fff;
} .container-logitech-tactics {
position: relative;
z-index: 3;
} .container-logitech-tactics .heading-big-bg:before {
color: #f1f1f1;
} .container-tactics-short {
max-width: 1240px;
margin-right: 0;
} .container-tactics-short h3 {
display: table;
position: relative;
} .container-tactics-short h3:before {
content: "";
display: block;
position: absolute;
height: 10px;
right: 0;
left: 0;
top: 17px;
background-color: #dcfd00;
z-index: -1;
} .container-tactics-short p {
font-size: 18px;
max-width: 475px;
} .container-tactics-short .col-tactics-element {
padding-bottom: 126px;
} .container-tactics-short .col-tactics-element-text {
padding-top: 60px;
} .container-logitech-efects {
background-color: #dcfd00;
position: relative;
padding-top: 800px;
margin-top: -690px;
z-index: 1;
} .container-logitech-efects .container-big {
margin-left: 0;
margin-right: auto;
} .container-effects-items {
max-width: 1240px;
margin-right: 0;
} .container-effects-items h2 {
font-size: 70px;
margin-bottom: 80px;
padding-left: 40px;
} .row-logitech-effects h3 {
font-size: 48px;
font-weight: 900;
} .row-logitech-effects p {
font-size: 20px;
} .row-logitech-effects .col-md-4 {
margin-bottom: 43px;
} .row-under-logitech-effects {
padding-top: 40px;
padding-bottom: 60px;
} .row-under-logitech-effects p {
font-size: 31px;
font-family: "Sincerity-Regular";
padding-left: 40px;
max-width: 1060px;
} .row-under-logitech-effects-2 {
padding-bottom: 100px;
} .page-template-text {
background-color: #F5F5F5;
} .page-template-text #main-menu li a {
color: #212121;
} .page-template-text #main-menu li a:hover:before {
background-color: #212121;
} .page-template-text .navbar-brand {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/logo-performance-black.svg) no-repeat center top;
width: 110px;
} .page-template-text .navbar-brand img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
} #text-page-wrapper {
padding-bottom: 36px;
padding-top: 48px;
margin-top: 165px;
position: relative;
color: #000000;
} #text-page-wrapper .container {
max-width: 910px;
z-index: 2;
position: relative;
} #text-page-wrapper h1 {
font-size: 14px;
font-family: "Lato", sans-serif;
margin-bottom: 10px;
} #text-page-wrapper h2 {
font-size: 48px;
line-height: 1.375;
margin-bottom: 60px;
} #text-page-wrapper h3 {
font-size: 24px;
line-height: 1.083333333333333;
font-family: "Sincerity-Regular";
margin-bottom: 8px;
} #text-page-wrapper p, #text-page-wrapper li, #text-page-wrapper a {
font-size: 16px;
line-height: 26px;
} #text-page-wrapper p {
margin-bottom: 32px;
} #text-page-wrapper pre {
display: block;
font-size: 16px;
overflow: inherit;
font-family: "Lato", sans-serif;
white-space: inherit;
margin-bottom: 6px;
} #text-page-wrapper ul {
margin-bottom: 32px;
padding-left: 0;
} #text-page-wrapper ul li {
list-style-type: none;
position: relative;
padding-left: 14px;
} #text-page-wrapper ul li:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
top: 12px;
left: 0;
background-color: #000000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
} .text-page-shape {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/text-page-bg.svg) no-repeat left top;
background-size: cover !important;
z-index: 1;
width: 1720px;
height: 100%;
top: 0;
right: 0;
position: absolute;
} #error-404-wrapper {
padding-top: 0;
padding-bottom: 0;
} #error-404-wrapper .container {
max-width: 910px;
} .error-404-1 {
height: 100vh;
position: relative;
background-color: #f26c78;
} .error-404-1 .container {
position: relative;
z-index: 2;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .error-404-1 .error-404-shape-1 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/error-404-shape-1.svg) no-repeat right top;
height: 766px;
width: 82.55208333333333%;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
} .error-404-1 .error-404-img-1 {
background: url(//euvicperformance.com/wp-content/themes/understrap-child-master/images/error-404-img-1.png) no-repeat center top;
width: 565px;
height: 765px;
position: absolute;
bottom: 0;
left: 44%;
z-index: 2;
} .error-404-1 .error404-1-wrapper {
max-width: 265px;
} .error-404-1 .error404-1-wrapper p {
color: #fff;
font-size: 24px;
line-height: 1.458333333333333;
font-family: "Sincerity-Regular";
margin-bottom: 38px;
} .error-404-1 .error404-1-wrapper a {
max-width: 110px;
min-width: initial;
text-align: center;
}
@media (max-width: 767px) and (orientation: portrait) { #psychotest {
display: none;
} .screen-rotate {
display: block;
text-align: center;
margin-top: 100px;
font-size: 40px;
}
}
@media (max-width: 1680px) { .project-single-shape {
left: 0;
}
}
@media (max-width: 1440px) { .img-final {
max-height: 490px;
}
}
@media (max-width: 991px) { .were-hiring-content-wrapper {
text-align: center;
} .hiring-carousel {
margin-left: auto;
margin-right: auto;
} .services {
padding-top: 95px;
padding-bottom: 115px;
} .rewards {
padding-top: 60px;
padding-bottom: 75px;
} .clients {
padding-bottom: 95px;
padding-top: 80px;
} .were-hiring {
padding-top: 90px;
padding-bottom: 90px;
} .home-blog {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
} .home-blog .home-post-wrapper {
margin-right: auto !important;
margin-left: auto !important;
} .grid {
margin-left: -15px;
margin-right: -15px;
} .grid .grid-item {
padding-left: 15px;
padding-right: 15px;
} .single-post .post-navigation {
max-width: 100%;
} .text-page-shape {
left: 0;
} #text-page-wrapper h2 {
font-size: 32px;
} .container-top h1 {
font-size: 48px;
} .team-main h2 {
font-size: 64px;
} .container-top h1 span {
margin-left: 79px;
} .company-content .company-services .company-service h2:before {
display: none !important;
} .company-content .company-services .company-service h2:after {
display: none !important;
} .company-content .company-services .company-service {
margin-bottom: 30px;
} .team-members {
padding-top: 85px;
padding-bottom: 75px;
} #wrapper-footer .col-footer-4 {
padding-left: 15px;
} .company-top {
min-height: 330px;
text-align: center;
padding-top: 159px;
} .footer-services {
margin-bottom: 16px;
} .porfolio-main-counter .counter {
font-size: 150px;
background-size: cover;
} .desktop-scroll-wrapper {
width: 600px;
background-size: contain;
height: auto;
} .scroll-content {
width: 500px;
margin-left: auto;
margin-right: auto;
} .portfolio-scroll {
margin-bottom: 60px;
} .elastic-heading-with-text h2, .elastic-heading h2, .elastic-content .elastic-content-with-icon h3,
.effects-wrapper h2 {
font-size: 48px;
} .elastic-content .elastic-floating-heading {
font-size: 200px;
} .elastic-content .elastic-content-with-icon h3 {
margin-bottom: 45px;
} .col-elastic-content {
margin-bottom: 40px;
} .portfolio-single-slider {
padding-top: 60px;
padding-bottom: 100px;
} .effects-wrapper {
padding-left: 40px;
} .effects-wrapper .col-effect span {
font-size: 36px;
} .effects-wrapper .effect-wrapper {
margin-left: auto;
} .project-testimonials .testimonials-wrapper {
padding-top: 100px;
padding-bottom: 100px;
} .counter-wrapper-t span {
font-size: 67px;
} .counter-wrapper-t {
text-align: center;
} .portfolio-laptop-t:before {
top: 20px;
} .portfolio-laptop-t {
margin-bottom: 140px;
} .elastic-heading-with-text-t .portfolio-text-1 {
font-size: 18px;
} .elastic-heading-with-text-t .portfolio-text-2 {
font-size: 16px;
} .elastic-heading-with-text-t ul li {
display: table;
margin-right: auto;
margin-left: auto;
margin-bottom: 48px;
} .elastic-heading-with-text-t ul li:before {
top: 0;
margin-top: -40px;
left: 50%;
margin-left: -16px;
} .row-solution-list h3 {
font-size: 18px;
} .row.row-solution-dots img {
display: none;
} .row-solution-list ul li {
padding-left: 15px;
padding-right: 15px;
} .project-effects-t .col-effect {
flex: 0 0 33.3333333333334%;
max-width: 33.3333333333334%;
} .solution-t h2, .project-rewards h2 {
font-size: 48px;
} .counter-wrapper-t span:before {
height: 18px;
bottom: 15px;
} .reward-box h3 {
display: table;
margin-right: auto;
margin-left: auto;
text-align: center;
} .reward-box p {
text-align: center;
} .reward-box h3 span {
margin-right: auto;
margin-left: auto;
} .section-project-logitech h2 {
font-size: 48px;
} .section-project-logitech .heading-big-bg:before {
font-size: 160px;
} .row-logitech-target .heading-big-bg:before {
margin-left: 0;
} .container-effects-items, .container-logitech-efects {
padding-left: 15px !important;
padding-right: 15px !important;
} .container-effects-items h2 {
padding-left: 0;
} .row-under-logitech-effects p {
padding-left: 0;
}
}
@media (max-width: 767px) { .grid-sizer {
width: 50%;
} .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
padding-left: 15px;
padding-right: 15px;
} #main-nav {
padding: 15px 0 0 0;
} .navbar-nav {
margin-left: auto !important;
margin-right: auto;
padding-bottom: 13px;
display: table;
} #wrapper-footer .col-footer-5 .textwidget {
margin-left: 0;
} #wrapper-footer .col-footer-5 .custom-html-widget > img {
margin-left: 0;
} #wrapper-footer .col-footer-6 .widget_nav_menu {
margin-left: 0;
} .part-img img {
max-width: 300px;
} .part.part-1 .answear {
font-size: 140px;
} .part-box {
max-width: 300px;
min-height: 300px;
} .answear-box {
width: 60px;
height: 60px;
} .answear-box span {
font-size: 32px;
left: 23px;
top: 13px;
} .part .answear {
font-size: 32px;
} .answear-box .dots.psycho-arrow-right,
.answear-box .dots.psycho-arrow-left {
background-size: contain !important;
} .answear-box .dots {
width: 149px;
height: 10px;
} .progress-bar-box .procent {
width: 100%;
float: none;
display: table;
margin-top: 23px;
margin-left: auto;
text-align: center;
} .answear-box .dots {
margin-top: -5px;
} .img-final {
max-height: 290px;
} .wynik-procent .wynik-procent-big {
font-size: 120px;
} .wynik-procent .wynik-procent-playhard {
margin-bottom: 30px;
} .wynik-bottom {
font-size: 20px;
} .wynik-bottom a {
color: #c3c3c3;
text-decoration: underline;
} .slick-next {
right: 0 !important;
} .slick-prev {
left: 0 !important;
} .clients .brands li {
width: 33.33333333333334%;
margin-bottom: 20px;
} .clients .brands {
max-width: inherit;
} #text-page-wrapper {
margin-top: 100px;
} .page-template-text .navbar-toggler.collapsed .navbar-toggler-icon,
.page-template-text .navbar-toggler .navbar-toggler-icon:before,
.page-template-text .navbar-toggler .navbar-toggler-icon:after, .single-projekt .navbar-toggler.collapsed .navbar-toggler-icon,
.single-projekt .navbar-toggler .navbar-toggler-icon:before,
.single-projekt .navbar-toggler .navbar-toggler-icon:after, .page-template-manifest .navbar-toggler.collapsed .navbar-toggler-icon,
.page-template-manifest .navbar-toggler .navbar-toggler-icon:before,
.page-template-manifest .navbar-toggler .navbar-toggler-icon:after {
background-color: #000000;
} .page-template-text #main-nav.open .navbar-toggler.collapsed .navbar-toggler-icon,
.page-template-text #main-nav.open .navbar-toggler .navbar-toggler-icon:before,
.page-template-text #main-nav.open .navbar-toggler .navbar-toggler-icon:after, .single-projekt #main-nav.open .navbar-toggler.collapsed .navbar-toggler-icon,
.single-projekt #main-nav.open .navbar-toggler .navbar-toggler-icon:before,
.single-projekt #main-nav.open .navbar-toggler .navbar-toggler-icon:after, .page-template-manifest #main-nav.open .navbar-toggler.collapsed .navbar-toggler-icon,
.page-template-manifest #main-nav.open .navbar-toggler .navbar-toggler-icon:before,
.page-template-manifest #main-nav.open .navbar-toggler .navbar-toggler-icon:after {
background-color: #fff;
} .page-template-text #main-menu li a, .single-projekt #main-menu li a, .page-template-manifest #main-menu li a {
color: #fff !important;
} .manifest-2 .manifest-item h3 {
font-size: 26px;
} .manifest-1 h2 {
font-size: 42px;
} .manifest-2 .slick-list {
padding-left: 0;
padding-right: 0;
} .manifest-2 ul.mainfest-2-buttons li {
display: table;
margin-right: auto !important;
margin-left: auto !important;
} .post-baner span.post-short-title {
line-height: 1.2;
font-size: 42px;
} #single-project-wrapper {
padding-top: 110px;
} .porfolio-header h1 {
font-size: 36px;
} .col-portfolio-content-1,
.col-portfolio-content-2 {
flex: none;
max-width: 100%;
} .col-portfolio-content-1 img {
display: table;
margin-bottom: 40px;
} .col-portfolio-content-1 {
margin-bottom: 40px;
} .company-top {
min-height: 190px;
text-align: center;
padding-top: 88px;
} .container-top h1 {
top: -50px;
position: relative;
} .porfolio-main-counter .counter {
font-size: 100px;
} .portfolio-scroll {
margin-top: -80px;
} .desktop-scroll-wrapper {
width: 450px;
padding: 24px 15px 0 15px;
} .scroll-content {
width: 380px;
height: 380px;
} .project-testimonials .testimonial-bottom {
padding-left: 15px;
} .logo-with-text-t div[class*='col'] {
flex: none;
max-width: 100%;
} .col-logo-t {
text-align: center;
margin-bottom: 30px;
} .col-logo-text-t {
text-align: center;
} .effects-wrapper {
background-size: cover !important;
} .project-effects-t .col-effect {
flex: 0 0 50%;
max-width: 50%;
} .effects-wrapper .effect-wrapper {
width: 100%;
} .row-logitech-target {
padding-top: 50px;
} .heading-big-bg {
line-height: 48px;
padding-top: 83px;
padding-bottom: 50px;
} .row-logitech-target {
padding-bottom: 80px;
} .container-solution {
padding-bottom: 80px;
} .container-tactics-list {
padding-top: 0;
} .col-tactics-element-text {
margin-bottom: 30px;
} .container-tactics-short .col-tactics-element {
padding-bottom: 50px;
}
}
@media (max-width: 580px) { .col-home-portfolio-big,
.col-home-portfolio-small {
flex: none;
max-width: 100%;
} .col-home-portfolio-big {
margin-bottom: 30px;
} .col-home-portfolio-small .col-lg-12 {
flex: 0 0 50%;
max-width: 50%;
} .portfolio-home ul li {
display: table;
margin-right: auto !important;
margin-left: auto !important;
} .col-were-hiring-content p br {
display: none;
} .porfolio-main-counter .counter {
font-size: 74px;
} .porfolio-main-counter p {
padding-right: 0;
} .desktop-scroll-wrapper {
width: 360px;
} .scroll-content {
width: 290px;
height: 260px;
} .elastic-content .elastic-content-with-icon {
padding-left: 0;
padding-top: 80px;
} .elastic-heading-with-text h2 {
margin-bottom: 30px;
} .elastic-heading {
text-align: center;
padding-bottom: 40px;
}
}
@media (max-width: 480px) { .container-top h1 {
font-size: 36px;
} .container-top h1 span {
margin-left: 60px;
}
}
@media (max-width: 420px) { .grid {
position: relative;
height: auto !important;
} .grid .grid-item {
width: 100% !important;
position: static !important;
}
}
@media (max-width: 380px) { .col-were-hiring-content ul li {
display: table;
margin-right: auto !important;
margin-left: auto !important;
}
}.section-project-lenovo {
padding-top: 30px;
} .section-project-lenovo h1 {
font-size: 32px;
line-height: 1.3;
text-align: center;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 150px;
} .section-project-lenovo h1 img {
padding-left: 14px;
} .section-project-lenovo .lenovo-laptop-box {
text-align: center;
position: relative;
padding-top: 60px;
padding-bottom: 125px;
} .section-project-lenovo .lenovo-laptop-box:before {
content: "";
display: block;
position: absolute;
left: -300px;
top: 0;
bottom: 0;
width: 200%;
background-color: #f8f8f8;
z-index: -1;
-moz-border-radius-topleft: 51px;
-webkit-border-top-left-radius: 51px;
border-top-left-radius: 51px;
}