.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 428px;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1200px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 divide(100%, 1);
max-width: divide(100%, 1);
}
.row-cols-2 > * {
flex: 0 0 divide(100%, 2);
max-width: divide(100%, 2);
}
.row-cols-3 > * {
flex: 0 0 divide(100%, 3);
max-width: divide(100%, 3);
}
.row-cols-4 > * {
flex: 0 0 divide(100%, 4);
max-width: divide(100%, 4);
}
.row-cols-5 > * {
flex: 0 0 divide(100%, 5);
max-width: divide(100%, 5);
}
.row-cols-6 > * {
flex: 0 0 divide(100%, 6);
max-width: divide(100%, 6);
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
flex: 0 0 divide(100%, 1);
max-width: divide(100%, 1);
}
.row-cols-sm-2 > * {
flex: 0 0 divide(100%, 2);
max-width: divide(100%, 2);
}
.row-cols-sm-3 > * {
flex: 0 0 divide(100%, 3);
max-width: divide(100%, 3);
}
.row-cols-sm-4 > * {
flex: 0 0 divide(100%, 4);
max-width: divide(100%, 4);
}
.row-cols-sm-5 > * {
flex: 0 0 divide(100%, 5);
max-width: divide(100%, 5);
}
.row-cols-sm-6 > * {
flex: 0 0 divide(100%, 6);
max-width: divide(100%, 6);
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
flex: 0 0 divide(100%, 1);
max-width: divide(100%, 1);
}
.row-cols-md-2 > * {
flex: 0 0 divide(100%, 2);
max-width: divide(100%, 2);
}
.row-cols-md-3 > * {
flex: 0 0 divide(100%, 3);
max-width: divide(100%, 3);
}
.row-cols-md-4 > * {
flex: 0 0 divide(100%, 4);
max-width: divide(100%, 4);
}
.row-cols-md-5 > * {
flex: 0 0 divide(100%, 5);
max-width: divide(100%, 5);
}
.row-cols-md-6 > * {
flex: 0 0 divide(100%, 6);
max-width: divide(100%, 6);
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
flex: 0 0 divide(100%, 1);
max-width: divide(100%, 1);
}
.row-cols-lg-2 > * {
flex: 0 0 divide(100%, 2);
max-width: divide(100%, 2);
}
.row-cols-lg-3 > * {
flex: 0 0 divide(100%, 3);
max-width: divide(100%, 3);
}
.row-cols-lg-4 > * {
flex: 0 0 divide(100%, 4);
max-width: divide(100%, 4);
}
.row-cols-lg-5 > * {
flex: 0 0 divide(100%, 5);
max-width: divide(100%, 5);
}
.row-cols-lg-6 > * {
flex: 0 0 divide(100%, 6);
max-width: divide(100%, 6);
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
flex: 0 0 divide(100%, 1);
max-width: divide(100%, 1);
}
.row-cols-xl-2 > * {
flex: 0 0 divide(100%, 2);
max-width: divide(100%, 2);
}
.row-cols-xl-3 > * {
flex: 0 0 divide(100%, 3);
max-width: divide(100%, 3);
}
.row-cols-xl-4 > * {
flex: 0 0 divide(100%, 4);
max-width: divide(100%, 4);
}
.row-cols-xl-5 > * {
flex: 0 0 divide(100%, 5);
max-width: divide(100%, 5);
}
.row-cols-xl-6 > * {
flex: 0 0 divide(100%, 6);
max-width: divide(100%, 6);
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 8px;
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;
}
.fade {
transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: left 1s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.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;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !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: 100 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #666 !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;
}
.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-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-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-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-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-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;
}
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !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: 100 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #666 !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;
}
html, body, div, p, span, b, i, em, a, h1, h2, h3, h4, h5, h6, table, tr, td, ul, ol, blockquote {
margin: 0;
padding: 0;
}
html {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: inherit;
} html {
font-size: 62.5%;
}
body {
font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
line-height: 1.4;
color: #101010;
background-color: #eee;
font-size: 18px;
}
body.flex {
height: 100vh;
display: flex;
flex-direction: column;
}
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mb-10 {
margin-bottom: 10px;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 70%;
}
h1,
.h1 {
font-size: 3.2rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 800;
margin: 0;
}
@media (min-width: 576px) {
h1,
.h1 {
font-size: 3.6rem;
margin: 0;
}
}
@media (min-width: 992px) {
h1,
.h1 {
font-size: 4.8rem;
margin: 0 0 8px;
}
}
h2,
.h2 {
font-size: 2.8rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 800;
margin: 0;
}
@media (min-width: 576px) {
h2,
.h2 {
font-size: 3rem;
margin: 0;
}
}
@media (min-width: 992px) {
h2,
.h2 {
font-size: 4rem;
margin: 0 0 8px;
}
}
h3,
.h3 {
font-size: 2.2rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 800;
margin: 0;
}
@media (min-width: 576px) {
h3,
.h3 {
font-size: 2.4rem;
margin: 0;
}
}
@media (min-width: 992px) {
h3,
.h3 {
font-size: 3.2rem;
margin: 0;
}
}
h4,
.h4 {
font-size: 2rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 500;
margin: 0;
}
@media (min-width: 576px) {
h4,
.h4 {
font-size: 2rem;
margin: 0;
}
}
@media (min-width: 992px) {
h4,
.h4 {
font-size: 2rem;
margin: 0 0 4px;
}
}
h5,
.h5,
.banner .textwidget p {
font-size: 1.8rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 500;
margin: 0;
}
@media (min-width: 576px) {
h5,
.h5,
.banner .textwidget p {
font-size: 1.8rem;
margin: 0;
}
}
@media (min-width: 992px) {
h5,
.h5,
.banner .textwidget p {
font-size: 1.8rem;
margin: 0;
}
}
h6,
.h6 {
font-size: 1.8rem;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 500;
margin: 0;
}
@media (min-width: 576px) {
h6,
.h6 {
font-size: 1.8rem;
margin: 0;
}
}
@media (min-width: 992px) {
h6,
.h6 {
font-size: 1.8rem;
margin: 0;
}
}
ul {
list-style-type: none;
}
p {
margin-bottom: 9px;
}
hr {
height: 1px;
margin: 0px;
padding: 0;
border-top: 1px solid #eee;
}
a {
color: #1B1B1B;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #4D4D4D;
}
a.link-danger {
color: #FF3359;
}
a.link-info {
color: #fff;
}
a.link-success {
color: #2EC4B6;
}
blockquote {
display: inline-block;
padding: 10px 0 10px 20px;
border-left: 1px solid #ddd;
}
blockquote.blockquote {
position: relative;
border: none;
}
blockquote.blockquote p {
display: inline-block;
}
blockquote.blockquote p + p {
display: block;
}
blockquote.blockquote i, blockquote.blockquote em {
display: block;
text-align: right;
}
blockquote.blockquote:before {
content: '"';
display: inline-block;
font-size: 40px;
position: absolute;
top: 0;
left: 0;
}
input,
select,
button,
textarea {
font-size: 1rem;
font-weight: 400;
}
.site-content--flex {
flex-basis: auto;
flex-grow: 1;
flex-shrink: 0;
}
.site-footer--flex--fixed--bottom {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
} .bg-light {
background-color: #eee;
}
.bg-dark {
background-color: #101010;
}
.alert {
padding: 12px 10px;
border-radius: 8px;
}
.alert a {
color: currentColor;
}
.alert.alert-danger {
color: #FF3359;
background-color: #ff6683;
border: 1px solid #FF3359;
}
.alert.alert-warning {
color: darkorange;
background-color: #ffa333;
border: 1px solid darkorange;
}
.alert.alert-warning a {
color: currentColor;
}
.alert.alert-info {
color: #fff;
background-color: white;
border: 1px solid #fff;
}
.alert.alert-info a {
color: currentColor;
}
.alert.alert-success {
color: #2EC4B6;
background-color: #4fd6c9;
border: 1px solid #2EC4B6;
}
.alert.alert-success a {
color: currentColor;
}
.alert.alert-small {
padding: 6px 5px;
}
.alert p {
margin: 0;
}
.alert-primary {
color: #C1A45E;
background-color: white;
border: 1px solid #C1A45E;
}
.alert-default {
color: #101010;
background-color: #fff;
border: 1px solid #101010;
} .badge {
padding: 1.2rem 0.8rem;
display: inline-block;
font-size: 75%;
line-height: 1;
text-align: center;
white-space: nowrap;
border-radius: 16px;
}
.badge-primary {
background-color: #C1A45E;
color: #fff;
}
.badge-secondary {
background-color: #222;
color: #fff;
}
.badge-danger {
background-color: #FF3359;
color: #fff;
} .breadcrumb {
font-size: 18px;
color: #101010;
margin: 20px 0;
}
.breadcrumb a {
color: inherit;
}
.form-group {
margin-bottom: 1rem;
font-size: 18px;
}
.form-group:last-child {
margin-bottom: 0;
}
.form-group .btn, .form-group .comment-reply-link, .form-group .comment-form .submit, .comment-form .form-group .submit, .form-group .menu-posts a, .menu-posts .form-group a, .form-group .menu-pills .menu-item a, .menu-pills .menu-item .form-group a {
border: 1px solid transparent;
padding: 2.4rem 2.4rem;
}
.form-group--full {
position: relative;
}
.form-group--full .form-control, .form-group--full .search-field, .form-group--full .comment-form input, .comment-form .form-group--full input,
.form-group--full .comment-form textarea,
.comment-form .form-group--full textarea {
width: 100%;
}
.form-group--full .btn, .form-group--full .comment-reply-link, .form-group--full .comment-form .submit, .comment-form .form-group--full .submit, .form-group--full .menu-posts a, .menu-posts .form-group--full a, .form-group--full .menu-pills .menu-item a, .menu-pills .menu-item .form-group--full a {
position: absolute;
right: 0;
top: 0;
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
.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, .form-inline .search-field, .form-inline .comment-form input, .comment-form .form-inline input,
.form-inline .comment-form textarea,
.comment-form .form-inline textarea {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
width: auto;
}
.form-inline .form-control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.form-inline .form-check-label {
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
}
.form-inline .custom-control-indicator {
position: static;
display: inline-block;
margin-right: 0.25rem;
vertical-align: text-bottom;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
.label-control {
display: inline-block;
margin-bottom: 0.25rem;
color: #C1A45E;
text-transform: inherit;
font-weight: 400;
font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
}
.label-control.label-control--normal {
text-transform: inherit;
}
.form-control, .search-field, .comment-form input,
.comment-form textarea {
display: block;
width: 100%;
padding: 2.4rem 2.4rem;
line-height: 1.4;
color: #101010;
background-color: #fff;
border: 1px solid #C1A45E;
border-radius: 8px;
font-size: inherit;
vertical-align: middle;
-webkit-appearance: none;
}
.form-control::-webkit-input-placeholder, .search-field::-webkit-input-placeholder, .comment-form input::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
color: white;
font-weight: 400;
line-height: inherit;
}
.form-control::-moz-placeholder, .search-field::-moz-placeholder, .comment-form input::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
color: white;
opacity: 1;
font-weight: 400;
}
.form-control:-ms-input-placeholder, .search-field:-ms-input-placeholder, .comment-form input:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder {
color: white;
font-weight: 400;
}
.form-control::-ms-input-placeholder, .search-field::-ms-input-placeholder, .comment-form input::-ms-input-placeholder,
.comment-form textarea::-ms-input-placeholder {
color: white;
font-weight: 400;
}
.form-control::placeholder, .search-field::placeholder, .comment-form input::placeholder,
.comment-form textarea::placeholder {
color: white;
font-weight: 400;
}
.form-control:focus, .search-field:focus, .comment-form input:focus,
.comment-form textarea:focus {
outline: none;
border: 1px solid inherit;
background-color: transparent;
color: #101010;
}
.select-control {
-webkit-appearance: none;
appearance: none;
padding: 2.4rem 2.4rem;
line-height: 1.4;
background-color: #fff;
border: 1px solid #C1A45E;
border-radius: 8px;
font-size: inherit;
}
.select-control:focus {
outline: none;
border: 1px solid inherit;
background-color: transparent;
color: #101010;
} .list {
list-style-type: none;
}
.list li {
display: block !important;
margin-bottom: 9px;
}
.label {
display: inline-block;
padding: 4px 8px;
font-size: 16px;
text-transform: uppercase;
border-radius: 4px;
}
.label-primary {
background-color: #C1A45E;
color: #101010;
}
.label-secondary {
background-color: #222;
color: #fff;
}
.label-warning {
background-color: darkorange;
color: #fff;
}
.label-danger {
background-color: #FF3359;
color: #fff;
}
.label-info {
background-color: #fff;
color: #fff;
}
.label-success {
background-color: #2EC4B6;
color: #fff;
} .meta-info {
font-size: calc(18px - .2);
color: #F1F0F0;
}
.menu-primary {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
}
@media (min-width: 768px) {
.menu-primary {
flex-direction: row;
}
}
.menu-pills .menu-item {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.menu-pills .menu-item {
margin-bottom: 0;
}
}
.menu-pills .menu-item a {
display: block;
}
.menu-pills .menu-item a:hover {
color: #C1A45E;
border-color: currentColor;
}
.menu-pills .menu-item.current-menu-item a, .menu-pills .menu-item.current-post-parent a, .menu-pills .menu-item.current-menu-parent a {
color: #C1A45E;
border-color: #C1A45E;
}
.menu-pills .menu-item-has-children a:after {
content: "";
}
.menu-toggler {
display: block;
float: right;
}
@media (min-width: 768px) {
.menu-toggler {
display: none;
}
}
.menu-toggler .btn, .menu-toggler .comment-reply-link, .menu-toggler .comment-form .submit, .comment-form .menu-toggler .submit, .menu-toggler .menu-posts a, .menu-posts .menu-toggler a, .menu-toggler .menu-pills .menu-item a, .menu-pills .menu-item .menu-toggler a {
width: 100%;
background-color: #fff;
}
@media (min-width: 768px) {
.menu-toggler .btn, .menu-toggler .comment-reply-link, .menu-toggler .comment-form .submit, .comment-form .menu-toggler .submit, .menu-toggler .menu-posts a, .menu-posts .menu-toggler a, .menu-toggler .menu-pills .menu-item a, .menu-pills .menu-item .menu-toggler a {
width: auto;
}
}
.menu-posts {
margin: 30px 0;
text-align: right;
}
.menu-posts a {
color: #fff;
}
.menu-posts .screen-reader-text {
display: none;
}
table {
border-collapse: collapse;
text-align: left;
margin-bottom: 20px;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
}
table th,
table td {
padding: 10px;
}
table th {
font-weight: 500;
}
table.align-center {
text-align: center;
}
table.table-primary {
color: #C1A45E;
border: 1px solid currentColor;
}
table.table-primary th {
border-bottom: 1px solid #C1A45E;
background-color: #C1A45E;
color: #fff;
}
table.table-primary td {
border-bottom: 1px solid currentColor;
}
table.table-primary.table-odd tr:nth-child(odd) td {
background-color: #faf7f1;
}
table.table-primary.table-odd--hover tr:hover td {
background-color: #faf7f1;
}
table.table-primary--light {
border: 1px solid #eee;
}
table.table-primary--light th {
border-bottom: 2px solid #eee;
}
table.table-primary--light td {
border-bottom: 1px solid #eee;
}
table.table-primary--light.table-odd tr:nth-child(odd) td {
background-color: #eee;
}
table.table-primary--light.table-hover tr:hover td {
background-color: #eee;
}
table.table-secondary {
color: #101010;
}
table.table-secondary th {
background-color: white;
}
table.table-secondary tr:nth-child(odd) td {
background-color: white;
}
table.table-secondary.table-hover tr:hover td {
background-color: #faf7f1;
} .tags {
margin: 1rem 0;
}
.tag-link {
transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
display: inline-block;
padding: 2.4rem;
font-size: 1.4rem;
text-transform: uppercase;
border-radius: 8px;
text-decoration: none;
color: #101010;
}
@media screen and (prefers-reduced-motion: reduce) {
.tag-link {
transition: none;
}
}
.tag-link:hover {
color: inherit;
}
.tag-primary {
background-color: #C1A45E;
color: #fff;
}
.tag-primary:hover {
background-color: #cfb983;
color: #fff;
}
.tag-secondary {
background-color: #222;
color: #fff;
}
.tag-secondary:hover {
background-color: #3c3c3c;
color: #fff;
}
.tag-warning {
background-color: darkorange;
color: #fff;
}
.tag-warning:hover {
background-color: #ffa333;
color: #fff;
}
.tag-danger {
background-color: #FF3359;
color: #fff;
}
.tag-danger:hover {
background-color: #ff6683;
color: #fff;
}
.tag-info {
background-color: #fff;
color: #fff;
}
.tag-info:hover {
background-color: white;
color: #fff;
}
.tag-success {
background-color: #2EC4B6;
color: #fff;
}
.tag-success:hover {
background-color: #4fd6c9;
color: #fff;
}
.tag-primary-outline {
border: 1px solid #C1A45E;
color: #C1A45E;
}
.tag-primary-outline:hover {
color: #C1A45E;
}
.tag-secondary-outline {
border: 1px solid #222;
color: #222;
}
.tag-secondary-outline:hover {
color: #222;
}
.tag-warning-outline {
border: 1px solid darkorange;
color: darkorange;
}
.tag-warning-outline:hover {
color: darkorange;
}
.tag-danger-outline {
border: 1px solid #FF3359;
color: #FF3359;
}
.tag-danger-outline:hover {
color: #FF3359;
}
.tag-info-outline {
border: 1px solid #fff;
color: #fff;
}
.tag-info-outline:hover {
color: #fff;
}
.tag-success-outline {
border: 1px solid #2EC4B6;
color: #2EC4B6;
}
.tag-success-outline:hover {
color: #2EC4B6;
} .icon, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link, .list li {
display: inline-block;
width: 32px;
height: 32px;
}
.icon:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:before, .list li:before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
margin-right: 0;
background-size: cover;
vertical-align: top;
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-icons.png);
}
.icon.icon_light:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon_light.nav-link:before, .list li.icon_light:before {
content: "";
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-icons_light.png);
}
.icon.right:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .right.nav-link:after, .list li.right:after {
content: "";
display: inline-block;
width: 32px;
height: 32px;
margin-left: 0;
background-size: cover;
vertical-align: top;
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-icons.png);
}
.icon.right:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .right.nav-link:before, .list li.right:before {
content: none;
margin-right: 0;
}
.icon.sm:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .sm.nav-link:before, .pagination .page-numbers .icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .nav-link:before, .list li.sm:before, .pagination .page-numbers .list li:before, .list .pagination .page-numbers li:before {
width: 24px;
height: 24px;
margin-right: 12px;
}
.icon.sm:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .sm.nav-link:after, .pagination .page-numbers .icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .nav-link:after, .list li.sm:after, .pagination .page-numbers .list li:after, .list .pagination .page-numbers li:after {
width: 24px;
height: 24px;
margin-left: 12px;
}
.icon.xs:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .xs.nav-link:before, .list li.xs:before {
width: 16px;
height: 16px;
margin-right: 16px;
}
.icon.xs:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .xs.nav-link:after, .list li.xs:after {
width: 16px;
height: 16px;
margin-left: 16px;
}
.icon.rectangle, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .rectangle.nav-link, .list li.rectangle {
border-radius: 100%;
border: 2px solid #C1A45E;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0;
width: 45px;
height: 45px;
}
.icon.rectangle:hover, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .rectangle.nav-link:hover, .list li.rectangle:hover {
border-color: #101010;
}
.icon.rectangle:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .rectangle.nav-link:before, .list li.rectangle:before {
margin-right: 0;
}
.icon-social:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:after, .icon-social:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:before {
width: 32px;
height: 32px;
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-social.png);
}
.icon-social_light:after, .icon-social_light:before {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-social_light.png);
}
.icon-facebook:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="facebook.com"]:after, .icon-facebook:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="facebook.com"]:before {
background-position: 0 0;
}
.icon-twitter:after, .icon-twitter:before {
background-position: -32px;
}
.icon-instagram:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="instagram.com"]:after, .icon-instagram:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="instagram.com"]:before {
background-position: -64px;
}
.icon-linkedin:after, .icon-linkedin:before {
background-position: -96px;
}
.icon-youtube:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="youtube.com"]:after, .icon-youtube:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a[href*="youtube.com"]:before {
background-position: -128px;
}
.icon-vimeo:after, .icon-vimeo:before {
background-position: -160px;
}
.icon-500:after, .icon-500:before {
background-position: -192px;
}
.icon-facebook.sm:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.sm[href*="facebook.com"]:after, .pagination .page-numbers .icon-facebook.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.icon[href*="facebook.com"]:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.icon[href*="facebook.com"]:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-facebook.nav-link:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.nav-link[href*="facebook.com"]:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-facebook.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.nav-link[href*="facebook.com"]:after, .pagination .page-numbers .list li.icon-facebook:after, .list .pagination .page-numbers li.icon-facebook:after, .icon-facebook.sm:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.sm[href*="facebook.com"]:before, .pagination .page-numbers .icon-facebook.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.icon[href*="facebook.com"]:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.icon[href*="facebook.com"]:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-facebook.nav-link:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.nav-link[href*="facebook.com"]:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-facebook.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.nav-link[href*="facebook.com"]:before, .pagination .page-numbers .list li.icon-facebook:before, .list .pagination .page-numbers li.icon-facebook:before {
background-position: 0 0;
}
.icon-twitter.sm:after, .pagination .page-numbers .icon-twitter.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-twitter.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-twitter.nav-link:after, .pagination .page-numbers .list li.icon-twitter:after, .list .pagination .page-numbers li.icon-twitter:after, .icon-twitter.sm:before, .pagination .page-numbers .icon-twitter.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-twitter.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-twitter.nav-link:before, .pagination .page-numbers .list li.icon-twitter:before, .list .pagination .page-numbers li.icon-twitter:before {
background-position: -24px;
}
.icon-instagram.sm:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.sm[href*="instagram.com"]:after, .pagination .page-numbers .icon-instagram.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.icon[href*="instagram.com"]:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.icon[href*="instagram.com"]:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-instagram.nav-link:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.nav-link[href*="instagram.com"]:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-instagram.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.nav-link[href*="instagram.com"]:after, .pagination .page-numbers .list li.icon-instagram:after, .list .pagination .page-numbers li.icon-instagram:after, .icon-instagram.sm:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.sm[href*="instagram.com"]:before, .pagination .page-numbers .icon-instagram.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.icon[href*="instagram.com"]:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.icon[href*="instagram.com"]:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-instagram.nav-link:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item a.nav-link[href*="instagram.com"]:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-instagram.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers a.nav-link[href*="instagram.com"]:before, .pagination .page-numbers .list li.icon-instagram:before, .list .pagination .page-numbers li.icon-instagram:before {
background-position: -48px;
}
.icon-linkedin.sm:after, .pagination .page-numbers .icon-linkedin.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-linkedin.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-linkedin.nav-link:after, .pagination .page-numbers .list li.icon-linkedin:after, .list .pagination .page-numbers li.icon-linkedin:after, .icon-linkedin.sm:before, .pagination .page-numbers .icon-linkedin.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-linkedin.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-linkedin.nav-link:before, .pagination .page-numbers .list li.icon-linkedin:before, .list .pagination .page-numbers li.icon-linkedin:before {
background-position: -72px;
}
.icon-vkontakte.sm:after, .pagination .page-numbers .icon-vkontakte.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-vkontakte.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-vkontakte.nav-link:after, .pagination .page-numbers .list li.icon-vkontakte:after, .list .pagination .page-numbers li.icon-vkontakte:after, .icon-vkontakte.sm:before, .pagination .page-numbers .icon-vkontakte.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-vkontakte.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-vkontakte.nav-link:before, .pagination .page-numbers .list li.icon-vkontakte:before, .list .pagination .page-numbers li.icon-vkontakte:before {
background-position: -96px;
}
.icon-vimeo.sm:after, .pagination .page-numbers .icon-vimeo.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-vimeo.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-vimeo.nav-link:after, .pagination .page-numbers .list li.icon-vimeo:after, .list .pagination .page-numbers li.icon-vimeo:after, .icon-vimeo.sm:before, .pagination .page-numbers .icon-vimeo.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-vimeo.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-vimeo.nav-link:before, .pagination .page-numbers .list li.icon-vimeo:before, .list .pagination .page-numbers li.icon-vimeo:before {
background-position: -120px;
}
.icon-500.sm:after, .pagination .page-numbers .icon-500.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-500.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-500.nav-link:after, .pagination .page-numbers .list li.icon-500:after, .list .pagination .page-numbers li.icon-500:after, .icon-500.sm:before, .pagination .page-numbers .icon-500.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-500.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-500.nav-link:before, .pagination .page-numbers .list li.icon-500:before, .list .pagination .page-numbers li.icon-500:before {
background-position: -144px;
}
.icon-ok:after, .icon-ok:before {
background-position: 0;
}
.icon-phone:after, .icon-phone:before {
background-position: -32px;
}
.icon-phone.sm:after, .pagination .page-numbers .icon-phone.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-phone.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-phone.nav-link:after, .pagination .page-numbers .list li.icon-phone:after, .list .pagination .page-numbers li.icon-phone:after, .icon-phone.sm:before, .pagination .page-numbers .icon-phone.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-phone.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-phone.nav-link:before, .pagination .page-numbers .list li.icon-phone:before, .list .pagination .page-numbers li.icon-phone:before {
background-position: -24px;
}
.icon-email:after, .icon-email:before {
background-position: -64px;
}
.icon-email.sm:after, .pagination .page-numbers .icon-email.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-email.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-email.nav-link:after, .pagination .page-numbers .list li.icon-email:after, .list .pagination .page-numbers li.icon-email:after, .icon-email.sm:before, .pagination .page-numbers .icon-email.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-email.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-email.nav-link:before, .pagination .page-numbers .list li.icon-email:before, .list .pagination .page-numbers li.icon-email:before {
background-position: -48px;
}
.icon-place:after, .icon-place:before {
background-position: -96px;
}
.icon-place.sm:after, .pagination .page-numbers .icon-place.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-place.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-place.nav-link:after, .pagination .page-numbers .list li.icon-place:after, .list .pagination .page-numbers li.icon-place:after, .icon-place.sm:before, .pagination .page-numbers .icon-place.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-place.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-place.nav-link:before, .pagination .page-numbers .list li.icon-place:before, .list .pagination .page-numbers li.icon-place:before {
background-position: -72px;
}
.icon-list:after, .list li:after, .icon-list:before, .list li:before {
background-position: -128px -4px;
margin-right: 0;
}
.icon-list.sm:after, .pagination .page-numbers .icon-list.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-list.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-list.nav-link:after, .list li.sm:after, .pagination .page-numbers .list li:after, .list .pagination .page-numbers li:after, .icon-list.sm:before, .pagination .page-numbers .icon-list.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-list.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-list.nav-link:before, .list li.sm:before, .pagination .page-numbers .list li:before, .list .pagination .page-numbers li:before {
background-position: -96px;
}
.icon-bank:after, .icon-bank:before {
background-position: -160px;
}
.icon-bank.sm:after, .pagination .page-numbers .icon-bank.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-bank.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-bank.nav-link:after, .pagination .page-numbers .list li.icon-bank:after, .list .pagination .page-numbers li.icon-bank:after, .icon-bank.sm:before, .pagination .page-numbers .icon-bank.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-bank.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-bank.nav-link:before, .pagination .page-numbers .list li.icon-bank:before, .list .pagination .page-numbers li.icon-bank:before {
background-position: -120px;
}
.icon-date:after, .icon-date:before {
background-position: -192px;
}
.icon-date.sm:after, .pagination .page-numbers .icon-date.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-date.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-date.nav-link:after, .pagination .page-numbers .list li.icon-date:after, .list .pagination .page-numbers li.icon-date:after, .icon-date.sm:before, .pagination .page-numbers .icon-date.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-date.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-date.nav-link:before, .pagination .page-numbers .list li.icon-date:before, .list .pagination .page-numbers li.icon-date:before {
background-position: -144px;
}
.icon-search:after, .icon-search:before {
background-position: -224px;
}
.icon-search.sm:after, .pagination .page-numbers .icon-search.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-search.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-search.nav-link:after, .pagination .page-numbers .list li.icon-search:after, .list .pagination .page-numbers li.icon-search:after, .icon-search.sm:before, .pagination .page-numbers .icon-search.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-search.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-search.nav-link:before, .pagination .page-numbers .list li.icon-search:before, .list .pagination .page-numbers li.icon-search:before {
background-position: -168px;
}
.icon-comment:after, .icon-comment:before {
background-position: -256px;
}
.icon-comment.sm:after, .pagination .page-numbers .icon-comment.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-comment.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-comment.nav-link:after, .pagination .page-numbers .list li.icon-comment:after, .list .pagination .page-numbers li.icon-comment:after, .icon-comment.sm:before, .pagination .page-numbers .icon-comment.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-comment.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-comment.nav-link:before, .pagination .page-numbers .list li.icon-comment:before, .list .pagination .page-numbers li.icon-comment:before {
background-position: -192px;
}
.icon-like:after, .icon-like:before {
background-position: -288px;
}
.icon-like.sm:after, .pagination .page-numbers .icon-like.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-like.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-like.nav-link:after, .pagination .page-numbers .list li.icon-like:after, .list .pagination .page-numbers li.icon-like:after, .icon-like.sm:before, .pagination .page-numbers .icon-like.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-like.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-like.nav-link:before, .pagination .page-numbers .list li.icon-like:before, .list .pagination .page-numbers li.icon-like:before {
background-position: -216px;
}
.icon-print:after, .icon-print:before {
background-position: -320px;
}
.icon-print.sm:after, .pagination .page-numbers .icon-print.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-print.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-print.nav-link:after, .pagination .page-numbers .list li.icon-print:after, .list .pagination .page-numbers li.icon-print:after, .icon-print.sm:before, .pagination .page-numbers .icon-print.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-print.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-print.nav-link:before, .pagination .page-numbers .list li.icon-print:before, .list .pagination .page-numbers li.icon-print:before {
background-position: -240px;
}
.icon-link:after, .icon-link:before {
background-position: -352px;
}
.icon-link.sm:after, .pagination .page-numbers .icon-link.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-link.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-link.nav-link:after, .pagination .page-numbers .list li.icon-link:after, .list .pagination .page-numbers li.icon-link:after, .icon-link.sm:before, .pagination .page-numbers .icon-link.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-link.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-link.nav-link:before, .pagination .page-numbers .list li.icon-link:before, .list .pagination .page-numbers li.icon-link:before {
background-position: -264px;
}
.icon-link.xs:after, .icon-link.xs:before {
background-position: -176px;
}
.icon-arrow:after, .icon-arrow:before {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-arrows.png);
margin-right: 0;
}
.icon-arrow-light:after, .icon-arrow-light:before {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-arrows-light.png);
}
.icon-arrow_right:after {
content: "";
display: inline-block;
width: 32px;
height: 32px;
margin-left: 0;
background-size: cover;
vertical-align: top;
}
.icon-arrow_right.sm:after, .pagination .page-numbers .icon-arrow_right.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow_right.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow_right.nav-link:after, .pagination .page-numbers .list li.icon-arrow_right:after, .list .pagination .page-numbers li.icon-arrow_right:after {
width: 24px;
height: 24px;
margin-left: 12px;
}
.icon-arrow_right.sm:before, .pagination .page-numbers .icon-arrow_right.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow_right.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow_right.nav-link:before, .pagination .page-numbers .list li.icon-arrow_right:before, .list .pagination .page-numbers li.icon-arrow_right:before {
content: none;
}
.icon-arrow_right:before {
content: none;
}
.icon-arrow-down:after, .icon-arrow-down:before {
background-position: 0 0;
}
.icon-arrow-down.sm:after, .pagination .page-numbers .icon-arrow-down.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-down.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-down.nav-link:after, .pagination .page-numbers .list li.icon-arrow-down:after, .list .pagination .page-numbers li.icon-arrow-down:after, .icon-arrow-down.sm:before, .pagination .page-numbers .icon-arrow-down.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-down.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-down.nav-link:before, .pagination .page-numbers .list li.icon-arrow-down:before, .list .pagination .page-numbers li.icon-arrow-down:before {
background-position: 0;
}
.icon-arrow-up:after, .icon-arrow-up:before {
background-position: -32px;
}
.icon-arrow-up.sm:after, .pagination .page-numbers .icon-arrow-up.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-up.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-up.nav-link:after, .pagination .page-numbers .list li.icon-arrow-up:after, .list .pagination .page-numbers li.icon-arrow-up:after, .icon-arrow-up.sm:before, .pagination .page-numbers .icon-arrow-up.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-up.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-up.nav-link:before, .pagination .page-numbers .list li.icon-arrow-up:before, .list .pagination .page-numbers li.icon-arrow-up:before {
background-position: -24px;
}
.icon-arrow-right:after, .icon-arrow-right:before {
background-position: -64px;
}
.icon-arrow-right.sm:after, .pagination .page-numbers .icon-arrow-right.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-right.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-right.nav-link:after, .pagination .page-numbers .list li.icon-arrow-right:after, .list .pagination .page-numbers li.icon-arrow-right:after, .icon-arrow-right.sm:before, .pagination .page-numbers .icon-arrow-right.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-right.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-right.nav-link:before, .pagination .page-numbers .list li.icon-arrow-right:before, .list .pagination .page-numbers li.icon-arrow-right:before {
background-position: -48px;
}
.icon-arrow-left:after, .icon-arrow-left:before {
background-position: -96px;
}
.icon-arrow-left.sm:after, .pagination .page-numbers .icon-arrow-left.icon:after, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-left.nav-link:after, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-left.nav-link:after, .pagination .page-numbers .list li.icon-arrow-left:after, .list .pagination .page-numbers li.icon-arrow-left:after, .icon-arrow-left.sm:before, .pagination .page-numbers .icon-arrow-left.icon:before, .pagination .page-numbers .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .icon-arrow-left.nav-link:before, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .pagination .page-numbers .icon-arrow-left.nav-link:before, .pagination .page-numbers .list li.icon-arrow-left:before, .list .pagination .page-numbers li.icon-arrow-left:before {
background-position: -72px;
}
.icon-arrow-down.xs:after, .icon-arrow-down.xs:before {
background-position: 0 0;
width: 16px;
height: 16px;
}
.icon-arrow-up.xs:after, .icon-arrow-up.xs:before {
background-position: -16px;
}
.icon-arrow-light-down:after, .icon-arrow-light-down:before {
background-position: 0 0;
}
.icon-brand:after, .icon-brand:before {
width: 32px;
height: 32px;
margin-right: 16px;
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/sprite-brand.png);
}
.icon-brand-1:after, .icon-brand-1:before {
background-position: 0 0;
}
.icon-brand-2:after, .icon-brand-2:before {
background-position: -32px;
}
.icon-brand-3:after, .icon-brand-3:before {
background-position: -64px;
}
.icon-brand-4:after, .icon-brand-4:before {
background-position: -96px;
} .comment-form .submit {
width: auto;
}
.comment-content {
margin: 20px 0;
}
.comment-meta {
font-size: 1.6rem;
color: #111;
display: flex;
justify-content: space-between;
}
.comment-meta b {
color: #101010;
}
.comment-meta > div {
display: inline-block;
} .search-form {
display: flex;
align-items: center;
}
.search-submit {
border: none;
background-color: transparent;
outline: none;
cursor: pointer;
} .pagination {
margin: 20px 0;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 2rem;
font-weight: 400;
text-align: right;
}
.pagination .page-numbers {
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
text-decoration: none;
border-radius: 1px;
border: none;
padding: 1.2rem 1.2rem;
background-color: #C1A45E;
color: #fff;
min-height: 24px;
line-height: 24px;
box-shadow: 0 2px 4px -2px rgba(16, 16, 16, 0.5);
transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.pagination .page-numbers {
transition: none;
}
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
background-color: #aa8c42;
color: #fff;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
padding-left: 0.5rem;
padding-right: 0.5rem;
} .menu-item:hover .dropdown-menu {
opacity: 1;
visibility: visible;
background-color: rgba(34, 34, 34, 0.9);
}
.dropdown-menu {
transition: opacity, transform 0.5s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
.dropdown-menu {
transition: none;
}
}
@media (min-width: 992px) {
.dropdown-menu {
opacity: 0;
position: absolute;
visibility: hidden;
text-align: left;
}
}
.dropdown-menu .dropdown-item {
display: block;
text-decoration: none;
padding: 8px 16px;
color: #C1A45E;
}
.dropdown-menu .dropdown-item:first-child {
border-radius: 8px 8px 0 0;
}
.dropdown-menu .dropdown-item:last-child {
margin-bottom: 0;
border-radius: 0 0 8px 8px;
}
.dropdown-menu .dropdown-item.active {
color: #fff;
}
@media (max-width: 1199.98px) {
.dropdown-toggle:after, .dropdown-toggle:before {
content: none;
}
} .slide {
position: relative;
outline: none;
margin-top: -112px;
}
.slide + .slide {
margin-top: 20px;
padding-top: 20px;
}
.slide-item {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: calc(100vh - 40px); }
.slide-item.slide-item-first {
height: calc(100vh - 40px - 105px);
}
@media (min-width: 768px) {
.slide-item.slide-item-first {
height: calc(100vh - 40px - 50px);
}
}
.slide-content {
width: 100%;
color: #C1A45E;
}
.slide-content strong {
font-size: 1.6rem;
}
.slide-content-aligned {
width: 50%;
margin: auto;
text-align: center;
}
.slide-title {
height: auto;
}
@media (min-width: 768px) {
.slide-title {
margin: 0;
height: 50px;
}
}
.slide-indicator {
display: none;
}
@media (min-width: 768px) {
.slide-indicator {
display: block;
}
}
.slide-table {
width: 100%;
}
.slide-table tr {
border-bottom: 1px dotted white;
}
.slide-table td {
padding: 1rem;
}
.slide-table td + td {
text-align: right;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
transition: transform 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
transition: none;
}
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right {
transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next,
.active.carousel-item-right {
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left {
transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
.carousel-item-prev,
.active.carousel-item-left {
transform: translate3d(-100%, 0, 0);
}
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 0.6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 10%;
color: #fff;
text-align: center;
opacity: 0.5;
}
.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: 32px;
height: 32px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/icon-prev.svg);
}
.carousel-control-next-icon {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/icon-next.svg);
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 10%;
margin-left: 10%;
list-style: none;
}
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}  .site-footer {
background-color: #fff;
color: #454242;
font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 18px;
padding: 64px 0;
} @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes upDownBanner {
0% {
bottom: 60px;
}
50% {
bottom: 50px;
}
100% {
bottom: 60px;
}
}
@keyframes upDown {
0% {
top: 0;
}
50% {
top: 10px;
}
100% {
top: 0;
}
}
.animation-up-down {
animation-name: upDown;
animation-fill-mode: both;
animation-duration: 1s;
animation-delay: 0.5s;
animation-iteration-count: infinite;
}
.animation-up-down_banner {
animation-name: upDownBanner;
animation-fill-mode: both;
animation-duration: 1s;
animation-delay: 0.5s;
animation-iteration-count: infinite;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575.98px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767.98px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991.98px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199.98px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
} .style-guide .sg-title {
margin-top: 4rem;
padding-top: 2rem;
border-top: 1px dashed white;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, .banner .textwidget p a, h6 a, .h6 a {
color: currentColor;
}
.color {
display: block;
position: relative;
margin-top: 20px;
height: 50px;
}
.color:before {
position: absolute;
top: -15px;
text-transform: uppercase;
color: #bbb;
font-size: 1.2rem;
}
.color-primary {
background-color: #C1A45E;
}
.color-primary:before {
content: "Primary: #C1A45E";
}
.color-primary-light {
display: block;
background-color: white;
}
.color-primary-light:before {
content: "Light: white";
}
.color-primary-dark {
display: block;
background-color: #171309;
}
.color-primary-dark:before {
content: "Dark: #171309";
}
.color-primary-hover {
display: block;
background-color: #cfb983;
}
.color-primary-hover:before {
content: "Hover: #cfb983";
}
.color-secondary {
display: block;
background-color: #222;
}
.color-secondary:before {
content: "secondary: #C1A45E";
display: block;
}
.color-secondary-light {
display: block;
background-color: #3c3c3c;
}
.color-secondary-light:before {
content: "light: white";
}
.color-secondary-dark {
display: block;
background-color: black;
}
.color-secondary-dark:before {
content: "dark: #171309";
}
.color-secondary-hover {
display: block;
background-color: #3c3c3c;
}
.color-secondary-hover:before {
content: "hover: #cfb983";
}
.color-success {
display: block;
background-color: #2EC4B6;
}
.color-success:before {
content: "success: #2EC4B6";
display: block;
}
.color-success-light {
display: block;
background-color: #4fd6c9;
}
.color-success-light:before {
content: "light: #4fd6c9";
}
.color-success-dark {
display: block;
background-color: black;
}
.color-success-dark:before {
content: "dark: black";
}
.color-success-hover {
display: block;
background-color: #4fd6c9;
}
.color-success-hover:before {
content: "hover: #4fd6c9";
}
.color-info {
display: block;
background-color: #fff;
}
.color-info:before {
content: "info: #fff";
display: block;
}
.color-info-light {
display: block;
background-color: white;
}
.color-info-light:before {
content: "light: white";
}
.color-info-dark {
display: block;
background-color: gray;
}
.color-info-dark:before {
content: "dark: gray";
}
.color-info-hover {
display: block;
background-color: white;
}
.color-info-hover:before {
content: "hover: white";
}
.color-danger {
display: block;
background-color: #FF3359;
}
.color-danger:before {
content: "danger: #FF3359";
display: block;
}
.color-danger-light {
display: block;
background-color: #ff6683;
}
.color-danger-light:before {
content: "light: #ff6683";
}
.color-danger-dark {
display: block;
background-color: #33000a;
}
.color-danger-dark:before {
content: "dark: #33000a";
}
.color-danger-hover {
display: block;
background-color: #ff6683;
}
.color-danger-hover:before {
content: "hover: #ff6683";
}
.color-warning {
display: block;
background-color: darkorange;
}
.color-warning:before {
content: "warning: darkorange";
display: block;
}
.color-warning-light {
display: block;
background-color: #ffa333;
}
.color-warning-light:before {
content: "light: #ffa333";
}
.color-warning-dark {
display: block;
background-color: black;
}
.color-warning-dark:before {
content: "dark: black";
}
.color-warning-hover {
display: block;
background-color: #ffa333;
}
.color-warning-hover:before {
content: "hover: #ffa333";
}
.color-default {
background-color: #101010;
}
.color-default:before {
content: "Default: #101010";
}
.color-default-light {
display: block;
background-color: #F1F0F0;
}
.color-default-light:before {
content: "Light: #F1F0F0";
}
.color-default-dark {
display: block;
background-color: #00122A;
}
.color-default-dark:before {
content: "Dark: #00122A";
}
.color-default-hover {
display: block;
background-color: #111;
}
.color-default-hover:before {
content: "Hover: #111";
} .d-flex {
display: flex;
}
.align-center-vertical {
align-items: center;
}
.align-center {
justify-content: center;
}
.align-left {
justify-content: flex-start;
}
.align-right {
justify-content: flex-end;
} body {
background-color: #fff;
}
html {
scroll-behavior: smooth;
}
.site-content {
padding: 40px 0;
}
@media (min-width: 768px) {
.site-content {
padding: 96px 0;
}
}
.site-bottom {
font-size: 1.2rem;
background-color: #fff;
}
.site-bottom .text-right {
color: #8B8B8B;
}
.site-bottom a {
text-decoration: underline;
}
@media (max-width: 991.98px) {
.container {
padding-left: 8px;
padding-right: 8px;
}
}
h1, h2, h3, h4, h5, h6 {
color: currentColor;
line-height: 1;
margin-bottom: 16px;
}
.section-title {
background: -webkit-linear-gradient(#E2BC7E, #C49D5E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
::selection {
color: #C1A45E;
background: #e8f0ff;
}
.title {
margin-bottom: 12px;
}
.subtitle {
font-size: 24px;
padding: 8px 0;
}
.subtitle + .content {
padding-top: 16px;
}
@media (min-width: 768px) {
.subtitle + .content {
padding-top: 32px;
}
}
.subtitle.bottom {
padding-top: 32px;
padding-bottom: 0;
}
@media (min-width: 768px) {
.subtitle.bottom {
padding-top: 56px;
}
} .site-footer {
background: linear-gradient(180deg, #3A3A3A 0%, #101010 100%);
padding: 80px 0;
color: #fff;
font-size: 18px;
margin-top: 96px;
}
.site-footer a {
color: #aaa;
text-decoration: underline;
}
.site-footer a:hover {
color: #fff;
}
.site-footer .icon:hover, .site-footer .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:hover, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .site-footer .nav-link:hover, .site-footer .list li:hover, .list .site-footer li:hover {
opacity: 0.7;
}
.site-footer .footer-title {
margin-bottom: 24px;
font-weight: 500;
font-size: 17px;
}
.site-footer .icon-group {
margin-top: 40px;
}
.site-footer .icon-group .icon, .site-footer .icon-group .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link, .navbar-overlay .menu-secondary-container .navbar-nav .menu-item .site-footer .icon-group .nav-link, .site-footer .icon-group .list li, .list .site-footer .icon-group li {
margin-right: 16px;
}
.footer-info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 992px) {
.footer-info {
flex-direction: row;
}
}
.footer-contact img {
width: auto;
display: block;
max-height: 32px;
}
.footer-links {
font-size: 18px;
font-weight: 400;
}
.footer-links a {
text-decoration: underline;
}
.footer-links a:hover {
text-decoration: none;
}
.footer-links .page_item {
margin: 8px;
display: inline-block;
} .nav-link:hover, .nav-link.active {
color: #C1A45E;
background-color: transparent;
}
@media (min-width: 1200px) {
.navbar-overlay .menu-secondary-container {
margin-left: 40px;
}
}
.navbar-overlay .menu-secondary-container .navbar-nav .menu-item {
padding: 16px 8px;
}
.navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link {
display: block;
font-size: 0;
line-height: 0;
}
.navbar-overlay .menu-secondary-container .navbar-nav .menu-item .nav-link:hover {
text-decoration: none;
}
.navbar-overlay .menu-hlavne-menu-container .navbar-nav .menu-item .nav-link[href*="instagram.com"] {
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/instagram-logo.png);
background-size: contain;
width: 40px;
height: 40px;
text-indent: 9999px;
font-size: 0;
}
.navbar-overlay .menu-hlavne-menu-container .navbar-nav .menu-item:last-child {
display: block;
}
@media (min-width: 992px) {
.navbar-overlay .menu-hlavne-menu-container .navbar-nav .menu-item:last-child {
display: none;
}
} .carousel {
margin-bottom: 0;
}
.carousel .img {
height: auto;
display: block;
margin: auto;
max-height: 320px;
}
@media (min-width: 768px) {
.carousel .img {
max-height: 680px;
min-height: 680px;
}
}
.carousel-item:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #111 100%);
width: 100%;
z-index: 0;
height: 200px;
}
@media (min-width: 768px) {
.carousel-item:after {
height: 70%;
}
}
.carousel-item-content {
background-position: center;
background-size: cover;
}
.carousel-indicators {
bottom: 0;
}
.carousel-indicators li {
background-color: #fff;
}
.carousel-indicators li.active {
background-color: #C1A45E;
}
.carousel-title {
background-color: rgba(255, 255, 255, 0.9);
padding: 20px;
display: inline-block;
width: auto;
position: absolute;
bottom: 40px;
right: 40px;
} .slide {
position: relative;
outline: none;
margin-top: -40px;
}
@media (min-width: 992px) {
.slide {
margin-top: -112px;
}
}
.slide + .slide {
margin-top: 20px;
padding-top: 20px;
}
.slide-item {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: calc(100vh - 40px); }
.slide-item.slide-item-first {
height: calc(100vh - 40px - 105px);
}
@media (min-width: 768px) {
.slide-item.slide-item-first {
height: calc(100vh - 40px - 50px);
}
}
.slide-content {
width: 100%;
color: #C1A45E;
}
.slide-content strong {
font-size: 1.6rem;
}
.slide-content-aligned {
width: 50%;
margin: auto;
text-align: center;
}
.slide-title {
height: auto;
}
@media (min-width: 768px) {
.slide-title {
margin: 0;
height: 50px;
}
}
.slide-indicator {
display: none;
}
@media (min-width: 768px) {
.slide-indicator {
display: block;
}
}
.slide-table {
width: 100%;
}
.slide-table tr {
border-bottom: 1px dotted white;
}
.slide-table td {
padding: 1rem;
}
.slide-table td + td {
text-align: right;
} .wp-block-group {
color: #101010;
padding: 24px 0;
}
@media (min-width: 992px) {
.wp-block-group {
padding: 32px 0;
}
}
.wp-block-group h4 {
margin-top: 32px;
}
.wp-block-group .btn, .wp-block-group .menu-pills .menu-item a, .menu-pills .menu-item .wp-block-group a, .wp-block-group .menu-posts a, .menu-posts .wp-block-group a, .wp-block-group .comment-form .submit, .comment-form .wp-block-group .submit, .wp-block-group .comment-reply-link {
margin-top: 32px;
}
.wp-block-group.indent-lg {
margin: 0 24px;
}
@media (min-width: 992px) {
.wp-block-group.indent-lg {
margin: 0 96px;
}
}
.wp-block-columns {
margin: 0;
}
.wp-block-columns.indent-lg {
margin: 0 96px;
}
@media (min-width: 992px) {
.wp-block-column {
padding-right: 16px;
}
}
.wp-block-column.column {
padding: 24px;
}
@media (min-width: 992px) {
.wp-block-column.column {
padding: 40px 24px 24px 40px;
}
}
.wp-block-column.column p {
color: #3A3A3A;
}
.wp-block-column.column .large {
font-size: 80px;
color: #C1A45E;
}
.wp-block-column.column-bg {
background-color: #F5F5F5;
}
.wp-block-group__inner-container {
position: relative;
}
.wp-block-group__inner-container .vp-a {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #C1A45E;
padding: 16px;
color: #fff;
display: flex;
align-items: center;
}
.wp-block-group__inner-container .vp-a:before {
content: "";
background: url(//predomy.sk/wp-content/themes/predomy/build/img/icon-play.svg)");
width: 48px;
height: 48px;
display: inline-block;
margin-right: 8px;
}
.wp-block-group__inner-container .vp-a .title {
margin: 0;
}
.wp-block-group__inner-container .vp-a p {
margin-bottom: 0;
font-size: 16px;
}
.btn, .menu-pills .menu-item a, .menu-posts a, .comment-form .submit, .comment-reply-link {
display: inline-block;
font-weight: 500;
text-align: center;
font-size: 2rem;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
text-decoration: none;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1;
padding: 2.4rem 2.4rem;
border-radius: 1px;
border: none;
box-shadow: 0 2px 4px -2px rgba(16, 16, 16, 0.5);
transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn, .menu-pills .menu-item a, .menu-posts a, .comment-form .submit, .comment-reply-link {
transition: none;
}
}
.btn:hover, .menu-pills .menu-item a:hover, .menu-posts a:hover, .comment-form .submit:hover, .comment-reply-link:hover {
text-decoration: none;
transform: translate(0, -5px);
box-shadow: 0 4px 10px -4px rgba(16, 16, 16, 0.8);
}
.btn.focus, .menu-pills .menu-item a.focus, .menu-posts a.focus, .comment-form .focus.submit, .focus.comment-reply-link {
text-decoration: none;
}
.btn:active, .menu-pills .menu-item a:active, .menu-posts a:active, .comment-form .submit:active, .comment-reply-link:active, .btn.active, .menu-pills .menu-item a.active, .menu-posts a.active, .comment-form .active.submit, .active.comment-reply-link {
background-image: none;
outline: 0;
}
.btn.disabled, .menu-pills .menu-item a.disabled, .menu-posts a.disabled, .comment-form .disabled.submit, .disabled.comment-reply-link, .btn:disabled, .menu-pills .menu-item a:disabled, .menu-posts a:disabled, .comment-form .submit:disabled, .comment-reply-link:disabled {
opacity: 0.65;
}
@media (max-width: 767.98px) {
.btn-mobile {
width: 100%;
}
.btn-mobile + .btn-mobile {
margin: 1rem 0 0;
}
}
.btn-primary, .menu-posts a, .comment-form .submit, .comment-reply-link {
background-color: #C1A45E;
color: #101010;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-primary:hover, .menu-posts a:hover, .comment-form .submit:hover, .comment-reply-link:hover {
background-color: #aa8c42;
color: #101010;
}
.btn-secondary {
background-color: #222;
color: #fff;
border-color: #eee;
}
.btn-secondary a {
color: #fff;
text-decoration: none;
}
.btn-secondary:hover {
background-color: #3c3c3c;
color: #fff;
}
.btn-danger {
background-color: #FF3359;
color: #101010;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-danger:hover {
background-color: #ff6683;
border-color: #e6002b;
}
.btn-danger a {
color: #fff;
}
.btn-info {
background-color: #fff;
color: #101010;
border-color: #fff;
}
.btn-info:hover {
background-color: white;
border-color: #d9d9d9;
}
.btn-success {
background-color: #2EC4B6;
color: #101010;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-success:hover {
background-color: #4fd6c9;
border-color: #1f867c;
}
.btn-warning {
background-color: darkorange;
color: #101010;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-warning:hover {
background-color: #ffa333;
border-color: #b36200;
}
.btn-default {
background-color: #101010;
color: #fff;
}
.btn-default:hover {
background-color: #111;
}
.btn-default-outline {
border: 2px solid;
border-color: #101010;
border-radius: 8px;
text-decoration: none;
text-transform: uppercase;
color: #101010;
font-size: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.btn-default-outline:hover {
border-color: #cfb983;
color: #cfb983;
}
.btn-primary-outline, .menu-pills .menu-item a, .menu-toggler .btn, .menu-toggler .menu-posts a, .menu-posts .menu-toggler a, .menu-toggler .comment-form .submit, .comment-form .menu-toggler .submit, .menu-toggler .comment-reply-link {
border: 2px solid;
border-color: #C1A45E;
border-radius: 8px;
color: #C1A45E;
text-decoration: none;
}
.btn-primary-outline:hover, .menu-pills .menu-item a:hover, .menu-toggler .btn:hover, .menu-toggler .menu-posts a:hover, .menu-posts .menu-toggler a:hover, .menu-toggler .comment-form .submit:hover, .comment-form .menu-toggler .submit:hover, .menu-toggler .comment-reply-link:hover {
border-color: #cfb983;
color: #cfb983;
}
.btn-secondary-outline {
border: 2px solid;
border-color: #101010;
color: #101010;
text-decoration: none;
text-transform: uppercase;
box-shadow: none;
}
.btn-secondary-outline:hover {
border-color: #C1A45E;
color: #C1A45E;
}
.btn-danger-outline {
border: 2px solid;
border-color: #FF3359;
color: #FF3359;
text-decoration: none;
text-transform: uppercase;
}
.btn-danger-outline:hover {
border-color: #ff6683;
color: #ff6683;
}
.btn-info-outline {
border: 2px solid;
border-color: #fff;
color: #fff;
text-decoration: none;
}
.btn-info-outline:hover {
border-color: white;
color: white;
}
.btn-success-outline {
border: 2px solid;
border-color: #2EC4B6;
color: #2EC4B6;
text-decoration: none;
}
.btn-success-outline:hover {
border-color: #4fd6c9;
color: #4fd6c9;
}
.btn-warning-outline {
border: 2px solid;
border-color: darkorange;
color: darkorange;
text-decoration: none;
}
.btn-warning-outline:hover {
border-color: #ffa333;
color: #ffa333;
}
.btn-primary-outline_reversed {
border: 2px solid;
border-color: #eee;
color: #eee;
text-decoration: none;
}
.btn-primary-outline_reversed:hover {
border-color: #c8c8c8;
color: #c8c8c8;
}
.btn-sm {
padding: 1.2rem 1.6rem;
font-size: 1.8rem;
}
.btn-md {
padding: 2.4rem 2.4rem;
font-size: 1.8rem;
}
.btn-lg {
font-size: 1.8rem;
padding: 2rem 3.2rem;
}
.btn-group::after {
display: block;
clear: both;
content: "";
}
.btn-group > .btn, .menu-pills .menu-item .btn-group > a, .menu-posts .btn-group > a, .comment-form .btn-group > .submit, .btn-group > .comment-reply-link {
display: block;
float: left;
border-right: 1px solid rgba(0, 0, 0, 0.2); }
.btn-group > .btn:first-child, .menu-pills .menu-item .btn-group > a:first-child, .menu-posts .btn-group > a:first-child, .comment-form .btn-group > .submit:first-child, .btn-group > .comment-reply-link:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child, .menu-pills .menu-item .btn-group > a:last-child, .menu-posts .btn-group > a:last-child, .comment-form .btn-group > .submit:last-child, .btn-group > .comment-reply-link:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-right: none;
} .banner {
color: #fff;
max-height: 640px;
text-align: center;
}
@media (min-width: 992px) {
.banner {
height: 55vh;
}
}
.banner .textwidget p {
margin: 1rem;
font-weight: 400;
}
@media (min-width: 768px) {
.banner {
background-attachment: fixed;
background-position: center;
}
}
.banner .banner-gradient {
background: linear-gradient(180deg, #3A3A3A 0%, #101010 100%);
background-size: cover;
}
@media (min-width: 768px) {
.banner .banner-gradient {
background-position: center top;
}
}
.banner .banner-wrapper-center {
z-index: 1;
}
@media (min-width: 768px) {
.single .banner .banner-wrapper-center,
.page-child .banner .banner-wrapper-center {
padding-bottom: 200px;
}
} .site-banner {
min-height: 100vh;
position: relative;
}
.banner {
position: relative;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
text-align: left;
}
@media (min-width: 992px) {
.banner-gradient {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(16, 16, 16, 0.4);
}
}
.banner-wrapper-center {
padding: 40px 0 80px 0;
}
@media (min-width: 992px) {
.banner-wrapper-center {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
padding: 0;
}
}
.banner-wrapper-bottom {
position: absolute;
bottom: 0;
}
.banner-wrapper-right {
position: absolute;
right: 0;
}
.banner-wrapper-left {
position: absolute;
right: 0;
}
.banner-title {
font-size: 3rem;
color: #fff;
margin: 0;
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (min-width: 992px) {
.banner-title {
font-size: 3.8rem;
}
}
.banner-description {
color: #fff;
font-size: 2.8rem;
}
@media (min-width: 992px) {
.banner-description {
font-size: 2.8rem;
}
}
.banner-indicator {
position: absolute;
left: 50%;
bottom: 50px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} .content-img {
display: block;
max-width: 100%;
height: auto;
}
.content-inner {
padding: 24px 0 0;
}
@media (min-width: 768px) {
.content-inner {
padding: 120px 0 0;
}
}
ol, ul {
list-style-position: inside;
margin-bottom: 2rem;
}
ol li, ul li {
margin-bottom: 1rem;
} .section-vh {
display: flex;
align-items: center;
justify-content: center;
padding: 48px 0;
min-height: 130vh;
}
@media (min-height: 760px) and (min-width: 768px) {
.section-vh {
min-height: 100vh;
padding: inherit;
}
}
.section-bg {
position: relative;
background-position: center top;
background-repeat: no-repeat;
background-size: 100vh;
background-color: #101010;
background-size: cover;
}
@media (min-width: 768px) {
.section-bg {
background-attachment: fixed;
background-position: center bottom;
}
}
.section-bg:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(34, 34, 34, 0.5) 0%, #222 100%);
width: 100%;
z-index: 0;
}
@media (min-width: 768px) {
.section-bg:after {
height: 100%;
}
}
.section-bg .container {
z-index: 1;
}
.section-bg .content p {
margin-bottom: 0;
}
.section-bg .section-title {
margin-top: 0;
}
.section-img {
background-color: #222;
}
@media (min-width: 768px) {
.section-img {
background-color: #101010;
}
}
@media (min-width: 768px) {
.section-img:after {
height: 100%;
}
}
.home .section-gold .content {
border-top-color: #222;
border-top-width: 2px;
border-top-style: solid;
}
.section-hero {
margin-top: -64px;
}
@media (min-width: 992px) {
.section-hero {
margin-top: -112px;
}
}
.section-archive {
margin-top: -64px;
}
@media (min-width: 992px) {
.section-archive {
margin-top: -112px;
}
}
.section-archive:after {
content: "";
clear: both;
display: block;
}
.section-detail {
margin-top: -64px;
}
@media (min-width: 992px) {
.section-detail {
margin-top: -112px;
}
}
@media (min-width: 768px) {
.section-inner {
padding: 32px 0;
}
}
.section-inner .box {
margin-bottom: 40px;
}
.section-inner .content-inner .content-img {
margin: 24px 0;
}
@media (min-width: 576px) {
.section-inner .content-inner .content-img {
margin: 0;
}
}
.section-inner ul li {
margin-bottom: 16px;
}
.section-inner ul li:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 16px;
transform: rotate(45deg);
background-color: #C1A45E;
}
.section-inner a {
color: #fff;
}
@media (min-width: 768px) {
.section-footer {
min-height: 80vh;
padding: inherit;
}
}
.section-pp {
min-height: auto;
padding-bottom: 64px;
background-color: #222;
}
.section-pp .img-group {
padding: 24px 0;
text-align: center;
}
@media (min-width: 768px) {
.section-pp .img-group {
display: flex;
justify-content: center;
}
}
.section-pp .img-group:last-child {
margin-bottom: 0;
}
.section-pp .img-group .img-pp-item {
max-width: 240px;
max-height: 64px;
margin: 0 20px;
}
.section-pp:after {
content: none;
}
.section-partners .section-title {
margin-bottom: 40px;
}
.section-partners .section-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.section-partners .section-wrapper .partners-img {
max-height: 64px;
}
.section-partners .section-wrapper a {
margin: 24px;
display: block;
} .hero {
position: relative;
}
.hero .hero-img {
margin-bottom: 40px;
}
.hero .hero-img.link {
transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.hero .hero-img.link:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #111 100%);
width: 100%;
z-index: 0;
height: 200px;
}
@media (min-width: 768px) {
.hero .hero-img.link:after {
height: 70%;
}
}
@media screen and (prefers-reduced-motion: reduce) {
.hero .hero-img.link {
transition: none;
}
}
.hero .hero-img.link:hover {
text-decoration: none;
transform: translate(0, -5px);
box-shadow: 0 4px 10px -4px rgba(16, 16, 16, 0.8);
}
.hero .img {
max-width: 100%;
height: auto;
display: block;
} .card-wrapper {
margin: 40px 0;
}
@media (min-width: 768px) {
.card-wrapper {
margin: 96px 0;
}
}
.card {
display: block;
border-radius: 8px;
border: 2px solid #101010;
padding: 16px;
position: relative;
overflow: hidden;
min-height: 130px;
margin: 0 8px 40px 8px; }
.card .meta {
color: #5E6671;
font-size: 18px;
}
.card .description {
font-size: 18px;
}
.card.card-small {
min-height: auto;
}
.card.card-small .card-content {
margin-left: 0;
}
.card .card-title {
color: #C1A45E;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.card .card-title:after {
content: "";
width: 12px;
height: 12px;
display: inline-block;
border-right: 2px solid #C1A45E;
border-bottom: 2px solid #C1A45E;
transform: rotate(-45deg);
}
.card .card-inner {
margin-top: 8px;
}
.card .card-content {
padding: 16px 24px 16px;
color: #fff;
margin-left: 100px;
}
.card .card-img {
display: block;
margin: 0 0 16px;
}
.card .card-img img {
max-width: 100%;
display: block;
width: auto;
border-radius: 4px;
} .single #slb_viewer_wrap .slb_theme_slb_default .slb_details {
display: none;
}
.single #slb_viewer_wrap .slb_theme_slb_default .slb_container {
box-shadow: 0 0 #000;
}
.navbar {
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.navbar-group {
padding: 16px 0;
}
@media (min-width: 992px) {
.navbar-group {
padding: 64px 0;
}
}
.navbar-brand {
color: #fff;
font-size: 3.2rem;
text-decoration: none;
z-index: 2;
}
.navbar-brand:hover {
color: #fff;
}
@media (max-width: 991.98px) {
.single .navbar, .archive .navbar, .page-child .navbar {
position: inherit;
}
}
@media (max-width: 991.98px) {
.single .banner, .archive .banner, .page-child .banner {
height: auto;
}
}
@media (max-width: 991.98px) {
.single .banner-gradient, .archive .banner-gradient, .page-child .banner-gradient {
position: inherit;
}
}
@media (max-width: 991.98px) {
.single .banner-wrapper-center, .archive .banner-wrapper-center, .page-child .banner-wrapper-center {
position: inherit;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
left: 0;
padding-top: 24px;
}
}
@media (min-width: 768px) {
.single .banner-wrapper-center, .archive .banner-wrapper-center, .page-child .banner-wrapper-center {
padding-top: 96px;
}
}
.single .banner-wrapper-center .description, .archive .banner-wrapper-center .description, .page-child .banner-wrapper-center .description {
padding-bottom: 64px;
}
.single .banner, .page-child .banner {
height: auto;
}
.single .banner-gradient, .page-child .banner-gradient {
position: inherit;
}
.single .banner-wrapper-center, .page-child .banner-wrapper-center {
position: inherit;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
left: 0;
padding-top: 24px;
}
@media (min-width: 768px) {
.single .banner-wrapper-center, .page-child .banner-wrapper-center {
padding-top: 200px;
}
}
.single .banner-wrapper-center .description, .page-child .banner-wrapper-center .description {
padding-bottom: 64px;
}
.single .banner-wrapper-center .page-title, .page-child .banner-wrapper-center .page-title {
margin-bottom: 0;
}
.navbar-group {
align-items: center;
display: flex;
justify-content: center;
justify-content: space-between;
}
.navbar-links {
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
right: 0;
z-index: 2;
}
.navbar-links .navbar-link {
margin-right: 40px;
font-size: 20px;
color: #fff;
text-decoration: none;
}
.navbar-links .navbar-link:hover {
text-decoration: underline;
}
.custom-logo-link {
display: block;
z-index: 2;
}
.custom-logo {
max-width: 176px;
height: auto;
transition: transform 0.4s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.custom-logo {
transition: none;
}
}
@media (max-width: 767.98px) {
.custom-logo {
transform: scale(0.6);
}
}
.push-wrap {
min-height: 1000px;
position: relative;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.toggle-nav {
position: relative;
color: #fff;
font-size: 40px;
display: block;
width: 32px;
height: 18px;
text-align: center;
border-radius: 100%;
right: 16px;
z-index: 5;
}
@media (min-width: 1200px) {
.toggle-nav {
display: none;
}
}
.toggle-nav:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
@media (min-width: 768px) {
.toggle-nav {
right: 0;
}
}
.burger-icon {
margin: 24px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 32px;
height: 3px;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 225ms ease;
-moz-transition: all 225ms ease;
transition: all 225ms ease;
margin: 0 auto;
border-radius: 2px; }
.burger-icon:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
content: "";
-webkit-transition: all 225ms ease;
-moz-transition: all 225ms ease;
transition: all 225ms ease;
}
.burger-icon:after {
-webkit-transform: translateY(500%);
transform: translateY(500%);
}
.show-nav .burger-icon, .show-nav .burger-icon:before, .show-nav .burger-icon:after {
background: #C1A45E;
}
.site-wrap {
overflow: hidden;
width: 100%;
height: 100%;
}
.navbar-overlay {
height: 100%;
right: 0;
top: 0;
left: 0;
z-index: 3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
z-index: 0;
}
@media (max-width: 1199.98px) {
.navbar-overlay {
position: absolute;
}
}
@media (min-width: 1200px) {
.navbar-overlay {
display: flex;
}
}
.navbar-overlay .container {
position: relative;
height: 100%;
}
.navbar-overlay .navbar-nav {
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 1199.98px) {
.navbar-overlay .navbar-nav {
display: none;
opacity: 0;
padding: 56px;
}
}
.navbar-overlay .navbar-nav .menu-item {
padding: 16px;
margin: 0;
}
.navbar-overlay .navbar-nav li a {
display: block;
font-size: 20px;
color: #fff;
font-weight: 500;
text-decoration: none;
border: none;
}
.navbar-overlay .navbar-nav li a:hover, .navbar-overlay .navbar-nav li a.active {
text-decoration: underline;
}
.show-nav .navbar-overlay {
z-index: 3;
}
.show-nav .navbar-nav {
background: rgba(16, 16, 16, 0.9);
z-index: 2;
display: flex;
opacity: 1;
padding-top: 100px;
overflow: auto;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100vh;
}
@media (min-width: 576px) {
.show-nav .navbar-nav {
padding-top: 56px;
}
}
.show-nav .menu-secondary-container .navbar-nav {
flex-direction: row;
align-items: flex-start;
height: 20vh;
padding-top: 0;
}
.hide-nav .navbar-overlay {
background: transparent;
z-index: 1;
}
.show-nav {
overflow: hidden;
}
.admin-bar .navbar {
padding-top: 46px;
}  .controls {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.controls .btn, .controls .menu-pills .menu-item a, .menu-pills .menu-item .controls a, .controls .menu-posts a, .menu-posts .controls a, .controls .comment-form .submit, .comment-form .controls .submit, .controls .comment-reply-link {
background-color: #fff;
margin-top: 24px;
margin-bottom: 24px;
}
.controls .btn.mixitup-control-active, .controls .menu-pills .menu-item a.mixitup-control-active, .menu-pills .menu-item .controls a.mixitup-control-active, .controls .menu-posts a.mixitup-control-active, .menu-posts .controls a.mixitup-control-active, .controls .comment-form .mixitup-control-active.submit, .comment-form .controls .mixitup-control-active.submit, .controls .mixitup-control-active.comment-reply-link {
background-color: rgba(16, 16, 16, 0.2);
}
.mixitup-control-active {
background: #393939;
}
.mixitup-control-active[data-filter]:after {
background: transparent;
}
.control[data-filter=".green"] {
color: #91e6c7;
}
.control[data-filter=".blue"] {
color: #5ecdde;
}
.control[data-filter=".pink"] {
color: #d595aa;
}
.control[data-filter=none] {
color: #2f2f2f;
} .targets:after {
content: "";
display: inline-block;
width: 100%;
} .mix,
.gap {
display: inline-block;
vertical-align: top;
}
.mix:before {
content: "";
display: inline-block;
}
.mix.green {
color: #91e6c7;
}
.mix.pink {
color: #d595aa;
}
.mix.blue {
color: #5ecdde;
} .mix,
.gap {
width: calc(100% - 2rem);
} @media screen and (min-width: 541px) {
.mix,
.gap {
width: calc(50% - 0.5rem);
}
} @media screen and (min-width: 961px) {
.mix,
.gap {
width: calc(33.3333333333% - 0.6666666667rem);
}
} @media screen and (min-width: 1281px) {
.mix,
.gap {
width: calc(25% - 0.75rem);
}
} .box-primary {
background-color: #C1A45E;
}
.box-secondary {
background-color: #eee;
}
.box {
color: #101010;
padding: 48px 16px;
text-align: center;
height: 100%;
position: relative;
}
@media (min-width: 992px) {
.box {
padding: 96px 64px;
}
}
.box .row {
align-self: center;
align-items: center;
}
.box img {
display: block;
max-width: 100%;
height: auto;
}
.box-wrapper {
margin-top: 96px;
margin-bottom: 96px;
}
.box-newsletter {
text-align: center;
background-color: #101010;
color: #fff;
}
.box-content p {
margin-bottom: 32px;
}
.box-candidates {
border-top: 1px solid #222;
}
.box-item {
position: absolute;
left: 32px;
bottom: 32px;
text-align: left;
height: auto;
padding: 0;
z-index: 2;
}
.box-item .label {
font-family: "Montserrat", "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 500;
margin-bottom: 16px;
}
.box-item p {
margin-bottom: 0;
}
.box-item .box-title {
color: #fff;
}
.box-promo {
padding: 16px 0;
}
@media (min-width: 992px) {
.box-promo {
padding: 64px 64px 0 64px;
}
}
.box-promo .wp-block-group__inner-container {
background-color: #f9b4a3;
padding: 160px 16px 48px 16px;
background-position: top 48px center;
text-align: center;
background-image: url(//predomy.sk/wp-content/themes/predomy/build/img/team-bratislava.svg);
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.box-promo .wp-block-group__inner-container {
padding: 48px 200px 48px 64px;
background-position: right 64px center;
text-align: left;
}
}
.box-promo .wp-block-group__inner-container h6 {
font-size: 32px;
font-weight: 400;
margin-bottom: 8px;
} :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
} @-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
} @-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} @keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}