@charset "UTF-8";
  .alignnone {
margin: 5px 20px 20px 0;
}
body {
font-family: 'Rubik' !important;
}
.heading--main {
font-family: 'Work Sans' !important;
}
.offer-featured__paragraph {
line-height: 1.5em !important;
}
ol li {
line-height: 1.5em;
color: #5c5b5b;
}
.single__hero--mobile {
color: #5c5b5b;
}
.button--default {
margin-top: 1em !important;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } @-ms-viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}   html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 1280px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1380px;
}
}
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 1280px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
.container-full {
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 1920px;
}
.container-full > .row {
margin-left: auto;
margin-right: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > .col,
.row.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-mob-1, .col-sm-mob-2, .col-sm-mob-3, .col-sm-mob-4, .col-sm-mob-5, .col-sm-mob-6, .col-sm-mob-7, .col-sm-mob-8, .col-sm-mob-9, .col-sm-mob-10, .col-sm-mob-11, .col-sm-mob-12, .col-sm-mob,
.col-sm-mob-auto, .col-md-mob-1, .col-md-mob-2, .col-md-mob-3, .col-md-mob-4, .col-md-mob-5, .col-md-mob-6, .col-md-mob-7, .col-md-mob-8, .col-md-mob-9, .col-md-mob-10, .col-md-mob-11, .col-md-mob-12, .col-md-mob,
.col-md-mob-auto, .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6, .col-mob-7, .col-mob-8, .col-mob-9, .col-mob-10, .col-mob-11, .col-mob-12, .col-mob,
.col-mob-auto, .col-lg-mob-1, .col-lg-mob-2, .col-lg-mob-3, .col-lg-mob-4, .col-lg-mob-5, .col-lg-mob-6, .col-lg-mob-7, .col-lg-mob-8, .col-lg-mob-9, .col-lg-mob-10, .col-lg-mob-11, .col-lg-mob-12, .col-lg-mob,
.col-lg-mob-auto, .col-sm-tab-1, .col-sm-tab-2, .col-sm-tab-3, .col-sm-tab-4, .col-sm-tab-5, .col-sm-tab-6, .col-sm-tab-7, .col-sm-tab-8, .col-sm-tab-9, .col-sm-tab-10, .col-sm-tab-11, .col-sm-tab-12, .col-sm-tab,
.col-sm-tab-auto, .col-md-tab-1, .col-md-tab-2, .col-md-tab-3, .col-md-tab-4, .col-md-tab-5, .col-md-tab-6, .col-md-tab-7, .col-md-tab-8, .col-md-tab-9, .col-md-tab-10, .col-md-tab-11, .col-md-tab-12, .col-md-tab,
.col-md-tab-auto, .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-tab-7, .col-tab-8, .col-tab-9, .col-tab-10, .col-tab-11, .col-tab-12, .col-tab,
.col-tab-auto, .col-lg-tab-1, .col-lg-tab-2, .col-lg-tab-3, .col-lg-tab-4, .col-lg-tab-5, .col-lg-tab-6, .col-lg-tab-7, .col-lg-tab-8, .col-lg-tab-9, .col-lg-tab-10, .col-lg-tab-11, .col-lg-tab-12, .col-lg-tab,
.col-lg-tab-auto, .col-sm-desk-1, .col-sm-desk-2, .col-sm-desk-3, .col-sm-desk-4, .col-sm-desk-5, .col-sm-desk-6, .col-sm-desk-7, .col-sm-desk-8, .col-sm-desk-9, .col-sm-desk-10, .col-sm-desk-11, .col-sm-desk-12, .col-sm-desk,
.col-sm-desk-auto, .col-md-desk-1, .col-md-desk-2, .col-md-desk-3, .col-md-desk-4, .col-md-desk-5, .col-md-desk-6, .col-md-desk-7, .col-md-desk-8, .col-md-desk-9, .col-md-desk-10, .col-md-desk-11, .col-md-desk-12, .col-md-desk,
.col-md-desk-auto, .col-desk-1, .col-desk-2, .col-desk-3, .col-desk-4, .col-desk-5, .col-desk-6, .col-desk-7, .col-desk-8, .col-desk-9, .col-desk-10, .col-desk-11, .col-desk-12, .col-desk,
.col-desk-auto, .col-lg-desk-1, .col-lg-desk-2, .col-lg-desk-3, .col-lg-desk-4, .col-lg-desk-5, .col-lg-desk-6, .col-lg-desk-7, .col-lg-desk-8, .col-lg-desk-9, .col-lg-desk-10, .col-lg-desk-11, .col-lg-desk-12, .col-lg-desk,
.col-lg-desk-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1280px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-mob-1, .col-sm-mob-2, .col-sm-mob-3, .col-sm-mob-4, .col-sm-mob-5, .col-sm-mob-6, .col-sm-mob-7, .col-sm-mob-8, .col-sm-mob-9, .col-sm-mob-10, .col-sm-mob-11, .col-sm-mob-12, .col-sm-mob,
.col-sm-mob-auto, .col-md-mob-1, .col-md-mob-2, .col-md-mob-3, .col-md-mob-4, .col-md-mob-5, .col-md-mob-6, .col-md-mob-7, .col-md-mob-8, .col-md-mob-9, .col-md-mob-10, .col-md-mob-11, .col-md-mob-12, .col-md-mob,
.col-md-mob-auto, .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6, .col-mob-7, .col-mob-8, .col-mob-9, .col-mob-10, .col-mob-11, .col-mob-12, .col-mob,
.col-mob-auto, .col-lg-mob-1, .col-lg-mob-2, .col-lg-mob-3, .col-lg-mob-4, .col-lg-mob-5, .col-lg-mob-6, .col-lg-mob-7, .col-lg-mob-8, .col-lg-mob-9, .col-lg-mob-10, .col-lg-mob-11, .col-lg-mob-12, .col-lg-mob,
.col-lg-mob-auto, .col-sm-tab-1, .col-sm-tab-2, .col-sm-tab-3, .col-sm-tab-4, .col-sm-tab-5, .col-sm-tab-6, .col-sm-tab-7, .col-sm-tab-8, .col-sm-tab-9, .col-sm-tab-10, .col-sm-tab-11, .col-sm-tab-12, .col-sm-tab,
.col-sm-tab-auto, .col-md-tab-1, .col-md-tab-2, .col-md-tab-3, .col-md-tab-4, .col-md-tab-5, .col-md-tab-6, .col-md-tab-7, .col-md-tab-8, .col-md-tab-9, .col-md-tab-10, .col-md-tab-11, .col-md-tab-12, .col-md-tab,
.col-md-tab-auto, .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-tab-7, .col-tab-8, .col-tab-9, .col-tab-10, .col-tab-11, .col-tab-12, .col-tab,
.col-tab-auto, .col-lg-tab-1, .col-lg-tab-2, .col-lg-tab-3, .col-lg-tab-4, .col-lg-tab-5, .col-lg-tab-6, .col-lg-tab-7, .col-lg-tab-8, .col-lg-tab-9, .col-lg-tab-10, .col-lg-tab-11, .col-lg-tab-12, .col-lg-tab,
.col-lg-tab-auto, .col-sm-desk-1, .col-sm-desk-2, .col-sm-desk-3, .col-sm-desk-4, .col-sm-desk-5, .col-sm-desk-6, .col-sm-desk-7, .col-sm-desk-8, .col-sm-desk-9, .col-sm-desk-10, .col-sm-desk-11, .col-sm-desk-12, .col-sm-desk,
.col-sm-desk-auto, .col-md-desk-1, .col-md-desk-2, .col-md-desk-3, .col-md-desk-4, .col-md-desk-5, .col-md-desk-6, .col-md-desk-7, .col-md-desk-8, .col-md-desk-9, .col-md-desk-10, .col-md-desk-11, .col-md-desk-12, .col-md-desk,
.col-md-desk-auto, .col-desk-1, .col-desk-2, .col-desk-3, .col-desk-4, .col-desk-5, .col-desk-6, .col-desk-7, .col-desk-8, .col-desk-9, .col-desk-10, .col-desk-11, .col-desk-12, .col-desk,
.col-desk-auto, .col-lg-desk-1, .col-lg-desk-2, .col-lg-desk-3, .col-lg-desk-4, .col-lg-desk-5, .col-lg-desk-6, .col-lg-desk-7, .col-lg-desk-8, .col-lg-desk-9, .col-lg-desk-10, .col-lg-desk-11, .col-lg-desk-12, .col-lg-desk,
.col-lg-desk-auto {
padding-right: 20px;
padding-left: 20px;
}
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 320px) {
.col-sm-mob {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-mob-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-mob-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-mob-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-mob-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-mob-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-mob-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-mob-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-mob-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-mob-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-mob-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-mob-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-mob-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-mob-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-mob-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-mob-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-mob-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-mob-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-mob-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-mob-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-mob-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-mob-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-mob-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-mob-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-mob-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-mob-0 {
margin-left: 0;
}
.offset-sm-mob-1 {
margin-left: 8.33333%;
}
.offset-sm-mob-2 {
margin-left: 16.66667%;
}
.offset-sm-mob-3 {
margin-left: 25%;
}
.offset-sm-mob-4 {
margin-left: 33.33333%;
}
.offset-sm-mob-5 {
margin-left: 41.66667%;
}
.offset-sm-mob-6 {
margin-left: 50%;
}
.offset-sm-mob-7 {
margin-left: 58.33333%;
}
.offset-sm-mob-8 {
margin-left: 66.66667%;
}
.offset-sm-mob-9 {
margin-left: 75%;
}
.offset-sm-mob-10 {
margin-left: 83.33333%;
}
.offset-sm-mob-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 360px) {
.col-md-mob {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-mob-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-mob-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-mob-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-mob-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-mob-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-mob-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-mob-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-mob-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-mob-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-mob-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-mob-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-mob-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-mob-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-mob-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-mob-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-mob-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-mob-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-mob-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-mob-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-mob-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-mob-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-mob-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-mob-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-mob-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-mob-0 {
margin-left: 0;
}
.offset-md-mob-1 {
margin-left: 8.33333%;
}
.offset-md-mob-2 {
margin-left: 16.66667%;
}
.offset-md-mob-3 {
margin-left: 25%;
}
.offset-md-mob-4 {
margin-left: 33.33333%;
}
.offset-md-mob-5 {
margin-left: 41.66667%;
}
.offset-md-mob-6 {
margin-left: 50%;
}
.offset-md-mob-7 {
margin-left: 58.33333%;
}
.offset-md-mob-8 {
margin-left: 66.66667%;
}
.offset-md-mob-9 {
margin-left: 75%;
}
.offset-md-mob-10 {
margin-left: 83.33333%;
}
.offset-md-mob-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 375px) {
.col-mob {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-mob-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-mob-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-mob-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-mob-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-mob-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-mob-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-mob-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-mob-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-mob-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-mob-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-mob-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-mob-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-mob-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-mob-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-mob-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-mob-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-mob-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-mob-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-mob-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-mob-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-mob-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-mob-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-mob-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-mob-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-mob-0 {
margin-left: 0;
}
.offset-mob-1 {
margin-left: 8.33333%;
}
.offset-mob-2 {
margin-left: 16.66667%;
}
.offset-mob-3 {
margin-left: 25%;
}
.offset-mob-4 {
margin-left: 33.33333%;
}
.offset-mob-5 {
margin-left: 41.66667%;
}
.offset-mob-6 {
margin-left: 50%;
}
.offset-mob-7 {
margin-left: 58.33333%;
}
.offset-mob-8 {
margin-left: 66.66667%;
}
.offset-mob-9 {
margin-left: 75%;
}
.offset-mob-10 {
margin-left: 83.33333%;
}
.offset-mob-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 667px) {
.col-lg-mob {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-mob-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-mob-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-mob-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-mob-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-mob-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-mob-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-mob-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-mob-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-mob-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-mob-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-mob-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-mob-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-mob-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-mob-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-mob-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-mob-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-mob-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-mob-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-mob-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-mob-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-mob-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-mob-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-mob-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-mob-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-mob-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-mob-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-mob-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-mob-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-mob-0 {
margin-left: 0;
}
.offset-lg-mob-1 {
margin-left: 8.33333%;
}
.offset-lg-mob-2 {
margin-left: 16.66667%;
}
.offset-lg-mob-3 {
margin-left: 25%;
}
.offset-lg-mob-4 {
margin-left: 33.33333%;
}
.offset-lg-mob-5 {
margin-left: 41.66667%;
}
.offset-lg-mob-6 {
margin-left: 50%;
}
.offset-lg-mob-7 {
margin-left: 58.33333%;
}
.offset-lg-mob-8 {
margin-left: 66.66667%;
}
.offset-lg-mob-9 {
margin-left: 75%;
}
.offset-lg-mob-10 {
margin-left: 83.33333%;
}
.offset-lg-mob-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-sm-tab {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-tab-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-tab-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-tab-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-tab-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-tab-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-tab-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-tab-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-tab-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-tab-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-tab-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-tab-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-tab-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-tab-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-tab-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-tab-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-tab-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-tab-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-tab-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-tab-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-tab-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-tab-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-tab-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-tab-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-tab-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-tab-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-tab-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-tab-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-tab-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-tab-0 {
margin-left: 0;
}
.offset-sm-tab-1 {
margin-left: 8.33333%;
}
.offset-sm-tab-2 {
margin-left: 16.66667%;
}
.offset-sm-tab-3 {
margin-left: 25%;
}
.offset-sm-tab-4 {
margin-left: 33.33333%;
}
.offset-sm-tab-5 {
margin-left: 41.66667%;
}
.offset-sm-tab-6 {
margin-left: 50%;
}
.offset-sm-tab-7 {
margin-left: 58.33333%;
}
.offset-sm-tab-8 {
margin-left: 66.66667%;
}
.offset-sm-tab-9 {
margin-left: 75%;
}
.offset-sm-tab-10 {
margin-left: 83.33333%;
}
.offset-sm-tab-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 800px) {
.col-md-tab {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-tab-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-tab-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-tab-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-tab-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-tab-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-tab-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-tab-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-tab-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-tab-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-tab-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-tab-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-tab-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-tab-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-tab-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-tab-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-tab-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-tab-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-tab-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-tab-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-tab-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-tab-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-tab-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-tab-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-tab-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-tab-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-tab-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-tab-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-tab-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-tab-0 {
margin-left: 0;
}
.offset-md-tab-1 {
margin-left: 8.33333%;
}
.offset-md-tab-2 {
margin-left: 16.66667%;
}
.offset-md-tab-3 {
margin-left: 25%;
}
.offset-md-tab-4 {
margin-left: 33.33333%;
}
.offset-md-tab-5 {
margin-left: 41.66667%;
}
.offset-md-tab-6 {
margin-left: 50%;
}
.offset-md-tab-7 {
margin-left: 58.33333%;
}
.offset-md-tab-8 {
margin-left: 66.66667%;
}
.offset-md-tab-9 {
margin-left: 75%;
}
.offset-md-tab-10 {
margin-left: 83.33333%;
}
.offset-md-tab-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-tab {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-tab-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-tab-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-tab-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-tab-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-tab-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-tab-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-tab-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-tab-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-tab-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-tab-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-tab-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-tab-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-tab-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-tab-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-tab-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-tab-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-tab-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-tab-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-tab-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-tab-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-tab-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-tab-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-tab-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-tab-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-tab-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-tab-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-tab-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-tab-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-tab-0 {
margin-left: 0;
}
.offset-tab-1 {
margin-left: 8.33333%;
}
.offset-tab-2 {
margin-left: 16.66667%;
}
.offset-tab-3 {
margin-left: 25%;
}
.offset-tab-4 {
margin-left: 33.33333%;
}
.offset-tab-5 {
margin-left: 41.66667%;
}
.offset-tab-6 {
margin-left: 50%;
}
.offset-tab-7 {
margin-left: 58.33333%;
}
.offset-tab-8 {
margin-left: 66.66667%;
}
.offset-tab-9 {
margin-left: 75%;
}
.offset-tab-10 {
margin-left: 83.33333%;
}
.offset-tab-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1024px) {
.col-lg-tab {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-tab-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-tab-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-tab-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-tab-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-tab-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-tab-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-tab-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-tab-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-tab-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-tab-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-tab-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-tab-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-tab-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-tab-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-tab-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-tab-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-tab-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-tab-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-tab-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-tab-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-tab-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-tab-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-tab-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-tab-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-tab-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-tab-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-tab-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-tab-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-tab-0 {
margin-left: 0;
}
.offset-lg-tab-1 {
margin-left: 8.33333%;
}
.offset-lg-tab-2 {
margin-left: 16.66667%;
}
.offset-lg-tab-3 {
margin-left: 25%;
}
.offset-lg-tab-4 {
margin-left: 33.33333%;
}
.offset-lg-tab-5 {
margin-left: 41.66667%;
}
.offset-lg-tab-6 {
margin-left: 50%;
}
.offset-lg-tab-7 {
margin-left: 58.33333%;
}
.offset-lg-tab-8 {
margin-left: 66.66667%;
}
.offset-lg-tab-9 {
margin-left: 75%;
}
.offset-lg-tab-10 {
margin-left: 83.33333%;
}
.offset-lg-tab-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1280px) {
.col-sm-desk {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-desk-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-desk-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-desk-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-desk-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-desk-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-desk-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-desk-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-desk-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-desk-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-desk-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-desk-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-desk-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-desk-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-desk-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-desk-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-desk-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-desk-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-desk-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-desk-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-desk-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-desk-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-desk-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-desk-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-desk-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-desk-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-desk-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-desk-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-desk-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-desk-0 {
margin-left: 0;
}
.offset-sm-desk-1 {
margin-left: 8.33333%;
}
.offset-sm-desk-2 {
margin-left: 16.66667%;
}
.offset-sm-desk-3 {
margin-left: 25%;
}
.offset-sm-desk-4 {
margin-left: 33.33333%;
}
.offset-sm-desk-5 {
margin-left: 41.66667%;
}
.offset-sm-desk-6 {
margin-left: 50%;
}
.offset-sm-desk-7 {
margin-left: 58.33333%;
}
.offset-sm-desk-8 {
margin-left: 66.66667%;
}
.offset-sm-desk-9 {
margin-left: 75%;
}
.offset-sm-desk-10 {
margin-left: 83.33333%;
}
.offset-sm-desk-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1366px) {
.col-md-desk {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-desk-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-desk-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-desk-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-desk-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-desk-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-desk-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-desk-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-desk-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-desk-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-desk-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-desk-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-desk-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-desk-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-desk-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-desk-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-desk-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-desk-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-desk-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-desk-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-desk-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-desk-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-desk-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-desk-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-desk-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-desk-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-desk-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-desk-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-desk-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-desk-0 {
margin-left: 0;
}
.offset-md-desk-1 {
margin-left: 8.33333%;
}
.offset-md-desk-2 {
margin-left: 16.66667%;
}
.offset-md-desk-3 {
margin-left: 25%;
}
.offset-md-desk-4 {
margin-left: 33.33333%;
}
.offset-md-desk-5 {
margin-left: 41.66667%;
}
.offset-md-desk-6 {
margin-left: 50%;
}
.offset-md-desk-7 {
margin-left: 58.33333%;
}
.offset-md-desk-8 {
margin-left: 66.66667%;
}
.offset-md-desk-9 {
margin-left: 75%;
}
.offset-md-desk-10 {
margin-left: 83.33333%;
}
.offset-md-desk-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.col-desk {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-desk-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-desk-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-desk-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-desk-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-desk-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-desk-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-desk-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-desk-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-desk-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-desk-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-desk-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-desk-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-desk-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-desk-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-desk-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-desk-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-desk-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-desk-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-desk-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-desk-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-desk-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-desk-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-desk-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-desk-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-desk-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-desk-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-desk-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-desk-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-desk-0 {
margin-left: 0;
}
.offset-desk-1 {
margin-left: 8.33333%;
}
.offset-desk-2 {
margin-left: 16.66667%;
}
.offset-desk-3 {
margin-left: 25%;
}
.offset-desk-4 {
margin-left: 33.33333%;
}
.offset-desk-5 {
margin-left: 41.66667%;
}
.offset-desk-6 {
margin-left: 50%;
}
.offset-desk-7 {
margin-left: 58.33333%;
}
.offset-desk-8 {
margin-left: 66.66667%;
}
.offset-desk-9 {
margin-left: 75%;
}
.offset-desk-10 {
margin-left: 83.33333%;
}
.offset-desk-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1536px) {
.col-lg-desk {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-desk-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-desk-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-desk-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-desk-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-desk-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-desk-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-desk-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-desk-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-desk-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-desk-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-desk-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-desk-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-desk-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-desk-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-desk-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-desk-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-desk-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-desk-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-desk-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-desk-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-desk-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-desk-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-desk-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-desk-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-desk-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-desk-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-desk-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-desk-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-desk-0 {
margin-left: 0;
}
.offset-lg-desk-1 {
margin-left: 8.33333%;
}
.offset-lg-desk-2 {
margin-left: 16.66667%;
}
.offset-lg-desk-3 {
margin-left: 25%;
}
.offset-lg-desk-4 {
margin-left: 33.33333%;
}
.offset-lg-desk-5 {
margin-left: 41.66667%;
}
.offset-lg-desk-6 {
margin-left: 50%;
}
.offset-lg-desk-7 {
margin-left: 58.33333%;
}
.offset-lg-desk-8 {
margin-left: 66.66667%;
}
.offset-lg-desk-9 {
margin-left: 75%;
}
.offset-lg-desk-10 {
margin-left: 83.33333%;
}
.offset-lg-desk-11 {
margin-left: 91.66667%;
}
}
body {
line-height: 1.3em;
}
h1,
h2,
h3,
h4,
h5 {
margin: .5rem 0 1rem;
font-weight: 700;
}
strong {
font-weight: 700;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
a {
color: #0077AA;
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #00415e;
text-decoration: underline;
}
p {
margin: 0 0 1rem;
}
.text-uppercase {
text-transform: uppercase;
}
.text-light {
font-weight: 300;
}
.text-normal {
font-weight: 400;
}
.text-strong {
font-weight: 700;
}
.text-black {
font-weight: 900;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media (min-width: 320px) {
.flex-sm-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-sm-mob-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-sm-mob-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-sm-mob-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-sm-mob-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-sm-mob-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-mob-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-sm-mob-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-sm-mob-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-sm-mob-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-sm-mob-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-sm-mob-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-sm-mob-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-sm-mob-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-sm-mob-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-sm-mob-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-sm-mob-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-sm-mob-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-sm-mob-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-sm-mob-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-sm-mob-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-sm-mob-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-sm-mob-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-sm-mob-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-sm-mob-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-sm-mob-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-sm-mob-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-sm-mob-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-sm-mob-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-sm-mob-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 360px) {
.flex-md-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-md-mob-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-md-mob-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-md-mob-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-md-mob-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-md-mob-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-mob-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-md-mob-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-md-mob-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-md-mob-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-md-mob-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-md-mob-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-md-mob-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-md-mob-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-md-mob-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-md-mob-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-md-mob-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-md-mob-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-md-mob-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-md-mob-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-md-mob-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-md-mob-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-md-mob-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-md-mob-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-md-mob-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-md-mob-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-md-mob-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-md-mob-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-md-mob-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-md-mob-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 375px) {
.flex-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-mob-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-mob-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-mob-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-mob-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-mob-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-mob-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-mob-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-mob-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-mob-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-mob-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-mob-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-mob-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-mob-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-mob-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-mob-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-mob-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-mob-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-mob-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-mob-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-mob-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-mob-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-mob-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-mob-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-mob-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-mob-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-mob-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-mob-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-mob-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-mob-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 667px) {
.flex-lg-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-lg-mob-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-lg-mob-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-lg-mob-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-lg-mob-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-lg-mob-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-mob-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-lg-mob-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-lg-mob-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-lg-mob-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-lg-mob-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-lg-mob-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-lg-mob-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-lg-mob-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-lg-mob-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-lg-mob-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-lg-mob-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-lg-mob-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-lg-mob-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-lg-mob-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-lg-mob-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-lg-mob-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-lg-mob-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-lg-mob-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-lg-mob-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-lg-mob-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-lg-mob-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-lg-mob-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-lg-mob-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-lg-mob-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 768px) {
.flex-sm-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-sm-tab-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-sm-tab-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-sm-tab-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-sm-tab-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-sm-tab-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-tab-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-sm-tab-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-sm-tab-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-sm-tab-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-sm-tab-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-sm-tab-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-sm-tab-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-sm-tab-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-sm-tab-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-sm-tab-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-sm-tab-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-sm-tab-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-sm-tab-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-sm-tab-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-sm-tab-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-sm-tab-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-sm-tab-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-sm-tab-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-sm-tab-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-sm-tab-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-sm-tab-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-sm-tab-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-sm-tab-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-sm-tab-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 800px) {
.flex-md-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-md-tab-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-md-tab-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-md-tab-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-md-tab-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-md-tab-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-tab-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-md-tab-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-md-tab-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-md-tab-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-md-tab-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-md-tab-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-md-tab-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-md-tab-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-md-tab-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-md-tab-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-md-tab-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-md-tab-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-md-tab-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-md-tab-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-md-tab-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-md-tab-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-md-tab-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-md-tab-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-md-tab-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-md-tab-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-md-tab-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-md-tab-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-md-tab-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-md-tab-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 992px) {
.flex-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-tab-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-tab-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-tab-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-tab-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-tab-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-tab-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-tab-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-tab-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-tab-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-tab-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-tab-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-tab-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-tab-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-tab-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-tab-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-tab-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-tab-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-tab-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-tab-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-tab-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-tab-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-tab-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-tab-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-tab-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-tab-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-tab-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-tab-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-tab-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-tab-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 1024px) {
.flex-lg-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-lg-tab-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-lg-tab-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-lg-tab-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-lg-tab-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-lg-tab-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-tab-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-lg-tab-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-lg-tab-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-lg-tab-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-lg-tab-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-lg-tab-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-lg-tab-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-lg-tab-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-lg-tab-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-lg-tab-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-lg-tab-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-lg-tab-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-lg-tab-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-lg-tab-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-lg-tab-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-lg-tab-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-lg-tab-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-lg-tab-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-lg-tab-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-lg-tab-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-lg-tab-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-lg-tab-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-lg-tab-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-lg-tab-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 1280px) {
.flex-sm-desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-sm-desk-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-sm-desk-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-sm-desk-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-sm-desk-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-sm-desk-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-desk-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-sm-desk-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-sm-desk-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-sm-desk-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-sm-desk-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-sm-desk-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-sm-desk-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-sm-desk-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-sm-desk-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-sm-desk-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-sm-desk-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-sm-desk-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-sm-desk-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-sm-desk-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-sm-desk-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-sm-desk-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-sm-desk-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-sm-desk-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-sm-desk-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-sm-desk-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-sm-desk-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-sm-desk-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-sm-desk-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-sm-desk-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 1366px) {
.flex-md-desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-md-desk-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-md-desk-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-md-desk-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-md-desk-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-md-desk-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-desk-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-md-desk-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-md-desk-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-md-desk-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-md-desk-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-md-desk-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-md-desk-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-md-desk-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-md-desk-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-md-desk-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-md-desk-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-md-desk-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-md-desk-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-md-desk-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-md-desk-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-md-desk-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-md-desk-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-md-desk-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-md-desk-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-md-desk-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-md-desk-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-md-desk-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-md-desk-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-md-desk-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 1440px) {
.flex-desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-desk-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-desk-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-desk-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-desk-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-desk-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-desk-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-desk-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-desk-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-desk-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-desk-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-desk-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-desk-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-desk-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-desk-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-desk-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-desk-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-desk-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-desk-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-desk-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-desk-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-desk-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-desk-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-desk-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-desk-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-desk-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-desk-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-desk-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-desk-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-desk-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
@media (min-width: 1536px) {
.flex-lg-desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-lg-desk-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-lg-desk-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-lg-desk-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-lg-desk-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-lg-desk-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-desk-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-lg-desk-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify-content-lg-desk-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-content-lg-desk-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-content-lg-desk-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-lg-desk-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-content-lg-desk-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-lg-desk-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-items-lg-desk-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-lg-desk-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-items-lg-desk-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align-items-lg-desk-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content-lg-desk-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content-lg-desk-end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content-lg-desk-center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content-lg-desk-between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content-lg-desk-around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content-lg-desk-stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self-lg-desk-auto {
-ms-flex-item-align: auto;
align-self: auto;
}
.align-self-lg-desk-start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self-lg-desk-end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self-lg-desk-center {
-ms-flex-item-align: center;
align-self: center;
}
.align-self-lg-desk-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self-lg-desk-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
.ml {
margin-left: auto;
}
.mr {
margin-right: auto;
}
.mt {
margin-top: auto;
}
.mb {
margin-bottom: auto;
}
.mx {
margin-left: auto;
margin-right: auto;
}
.my {
margin-top: auto;
margin-bottom: auto;
}
.mr-0 {
margin-right: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
@media (min-width: 320px) {
.ml-sm-mob {
margin-left: auto;
}
.mr-sm-mob {
margin-right: auto;
}
.mt-sm-mob {
margin-top: auto;
}
.mb-sm-mob {
margin-bottom: auto;
}
.mx-sm-mob {
margin-left: auto;
margin-right: auto;
}
.my-sm-mob {
margin-top: auto;
margin-bottom: auto;
}
.mr-sm-mob-0 {
margin-right: 0 !important;
}
.ml-sm-mob-0 {
margin-left: 0 !important;
}
.mt-sm-mob-0 {
margin-top: 0 !important;
}
.mb-sm-mob-0 {
margin-bottom: 0 !important;
}
.text-sm-mob-center {
text-align: center;
}
.text-sm-mob-right {
text-align: right;
}
}
@media (min-width: 360px) {
.ml-md-mob {
margin-left: auto;
}
.mr-md-mob {
margin-right: auto;
}
.mt-md-mob {
margin-top: auto;
}
.mb-md-mob {
margin-bottom: auto;
}
.mx-md-mob {
margin-left: auto;
margin-right: auto;
}
.my-md-mob {
margin-top: auto;
margin-bottom: auto;
}
.mr-md-mob-0 {
margin-right: 0 !important;
}
.ml-md-mob-0 {
margin-left: 0 !important;
}
.mt-md-mob-0 {
margin-top: 0 !important;
}
.mb-md-mob-0 {
margin-bottom: 0 !important;
}
.text-md-mob-center {
text-align: center;
}
.text-md-mob-right {
text-align: right;
}
}
@media (min-width: 375px) {
.ml-mob {
margin-left: auto;
}
.mr-mob {
margin-right: auto;
}
.mt-mob {
margin-top: auto;
}
.mb-mob {
margin-bottom: auto;
}
.mx-mob {
margin-left: auto;
margin-right: auto;
}
.my-mob {
margin-top: auto;
margin-bottom: auto;
}
.mr-mob-0 {
margin-right: 0 !important;
}
.ml-mob-0 {
margin-left: 0 !important;
}
.mt-mob-0 {
margin-top: 0 !important;
}
.mb-mob-0 {
margin-bottom: 0 !important;
}
.text-mob-center {
text-align: center;
}
.text-mob-right {
text-align: right;
}
}
@media (min-width: 667px) {
.ml-lg-mob {
margin-left: auto;
}
.mr-lg-mob {
margin-right: auto;
}
.mt-lg-mob {
margin-top: auto;
}
.mb-lg-mob {
margin-bottom: auto;
}
.mx-lg-mob {
margin-left: auto;
margin-right: auto;
}
.my-lg-mob {
margin-top: auto;
margin-bottom: auto;
}
.mr-lg-mob-0 {
margin-right: 0 !important;
}
.ml-lg-mob-0 {
margin-left: 0 !important;
}
.mt-lg-mob-0 {
margin-top: 0 !important;
}
.mb-lg-mob-0 {
margin-bottom: 0 !important;
}
.text-lg-mob-center {
text-align: center;
}
.text-lg-mob-right {
text-align: right;
}
}
@media (min-width: 768px) {
.ml-sm-tab {
margin-left: auto;
}
.mr-sm-tab {
margin-right: auto;
}
.mt-sm-tab {
margin-top: auto;
}
.mb-sm-tab {
margin-bottom: auto;
}
.mx-sm-tab {
margin-left: auto;
margin-right: auto;
}
.my-sm-tab {
margin-top: auto;
margin-bottom: auto;
}
.mr-sm-tab-0 {
margin-right: 0 !important;
}
.ml-sm-tab-0 {
margin-left: 0 !important;
}
.mt-sm-tab-0 {
margin-top: 0 !important;
}
.mb-sm-tab-0 {
margin-bottom: 0 !important;
}
.text-sm-tab-center {
text-align: center;
}
.text-sm-tab-right {
text-align: right;
}
}
@media (min-width: 800px) {
.ml-md-tab {
margin-left: auto;
}
.mr-md-tab {
margin-right: auto;
}
.mt-md-tab {
margin-top: auto;
}
.mb-md-tab {
margin-bottom: auto;
}
.mx-md-tab {
margin-left: auto;
margin-right: auto;
}
.my-md-tab {
margin-top: auto;
margin-bottom: auto;
}
.mr-md-tab-0 {
margin-right: 0 !important;
}
.ml-md-tab-0 {
margin-left: 0 !important;
}
.mt-md-tab-0 {
margin-top: 0 !important;
}
.mb-md-tab-0 {
margin-bottom: 0 !important;
}
.text-md-tab-center {
text-align: center;
}
.text-md-tab-right {
text-align: right;
}
}
@media (min-width: 992px) {
.ml-tab {
margin-left: auto;
}
.mr-tab {
margin-right: auto;
}
.mt-tab {
margin-top: auto;
}
.mb-tab {
margin-bottom: auto;
}
.mx-tab {
margin-left: auto;
margin-right: auto;
}
.my-tab {
margin-top: auto;
margin-bottom: auto;
}
.mr-tab-0 {
margin-right: 0 !important;
}
.ml-tab-0 {
margin-left: 0 !important;
}
.mt-tab-0 {
margin-top: 0 !important;
}
.mb-tab-0 {
margin-bottom: 0 !important;
}
.text-tab-center {
text-align: center;
}
.text-tab-right {
text-align: right;
}
}
@media (min-width: 1024px) {
.ml-lg-tab {
margin-left: auto;
}
.mr-lg-tab {
margin-right: auto;
}
.mt-lg-tab {
margin-top: auto;
}
.mb-lg-tab {
margin-bottom: auto;
}
.mx-lg-tab {
margin-left: auto;
margin-right: auto;
}
.my-lg-tab {
margin-top: auto;
margin-bottom: auto;
}
.mr-lg-tab-0 {
margin-right: 0 !important;
}
.ml-lg-tab-0 {
margin-left: 0 !important;
}
.mt-lg-tab-0 {
margin-top: 0 !important;
}
.mb-lg-tab-0 {
margin-bottom: 0 !important;
}
.text-lg-tab-center {
text-align: center;
}
.text-lg-tab-right {
text-align: right;
}
}
@media (min-width: 1280px) {
.ml-sm-desk {
margin-left: auto;
}
.mr-sm-desk {
margin-right: auto;
}
.mt-sm-desk {
margin-top: auto;
}
.mb-sm-desk {
margin-bottom: auto;
}
.mx-sm-desk {
margin-left: auto;
margin-right: auto;
}
.my-sm-desk {
margin-top: auto;
margin-bottom: auto;
}
.mr-sm-desk-0 {
margin-right: 0 !important;
}
.ml-sm-desk-0 {
margin-left: 0 !important;
}
.mt-sm-desk-0 {
margin-top: 0 !important;
}
.mb-sm-desk-0 {
margin-bottom: 0 !important;
}
.text-sm-desk-center {
text-align: center;
}
.text-sm-desk-right {
text-align: right;
}
}
@media (min-width: 1366px) {
.ml-md-desk {
margin-left: auto;
}
.mr-md-desk {
margin-right: auto;
}
.mt-md-desk {
margin-top: auto;
}
.mb-md-desk {
margin-bottom: auto;
}
.mx-md-desk {
margin-left: auto;
margin-right: auto;
}
.my-md-desk {
margin-top: auto;
margin-bottom: auto;
}
.mr-md-desk-0 {
margin-right: 0 !important;
}
.ml-md-desk-0 {
margin-left: 0 !important;
}
.mt-md-desk-0 {
margin-top: 0 !important;
}
.mb-md-desk-0 {
margin-bottom: 0 !important;
}
.text-md-desk-center {
text-align: center;
}
.text-md-desk-right {
text-align: right;
}
}
@media (min-width: 1440px) {
.ml-desk {
margin-left: auto;
}
.mr-desk {
margin-right: auto;
}
.mt-desk {
margin-top: auto;
}
.mb-desk {
margin-bottom: auto;
}
.mx-desk {
margin-left: auto;
margin-right: auto;
}
.my-desk {
margin-top: auto;
margin-bottom: auto;
}
.mr-desk-0 {
margin-right: 0 !important;
}
.ml-desk-0 {
margin-left: 0 !important;
}
.mt-desk-0 {
margin-top: 0 !important;
}
.mb-desk-0 {
margin-bottom: 0 !important;
}
.text-desk-center {
text-align: center;
}
.text-desk-right {
text-align: right;
}
}
@media (min-width: 1536px) {
.ml-lg-desk {
margin-left: auto;
}
.mr-lg-desk {
margin-right: auto;
}
.mt-lg-desk {
margin-top: auto;
}
.mb-lg-desk {
margin-bottom: auto;
}
.mx-lg-desk {
margin-left: auto;
margin-right: auto;
}
.my-lg-desk {
margin-top: auto;
margin-bottom: auto;
}
.mr-lg-desk-0 {
margin-right: 0 !important;
}
.ml-lg-desk-0 {
margin-left: 0 !important;
}
.mt-lg-desk-0 {
margin-top: 0 !important;
}
.mb-lg-desk-0 {
margin-bottom: 0 !important;
}
.text-lg-desk-center {
text-align: center;
}
.text-lg-desk-right {
text-align: right;
}
} .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
visibility: hidden;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
} .swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px;
} body {
-webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: calc( 1s);
animation-duration: calc( 1s);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: calc( 1s * 2);
animation-duration: calc( 1s * 2);
}
.animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: calc( 1s * 0.75);
animation-duration: calc( 1s * 0.75);
}
.animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration: calc( 1s * 0.75);
animation-duration: calc( 1s * 0.75);
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
}
.wiggle {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.flip {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
transform: scale3d(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
transform: scale3d(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}  @font-face {
font-family: 'lightcase';
src: url(https://domter.pl/wp-content/themes/domter/fonts/lightcase.eot?55356177);
src: url(https://domter.pl/wp-content/themes/domter/fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"), url(https://domter.pl/wp-content/themes/domter/fonts/lightcase.woff?55356177) format("woff"), url(https://domter.pl/wp-content/themes/domter/fonts/lightcase.ttf?55356177) format("truetype"), url(https://domter.pl/wp-content/themes/domter/fonts/lightcase.svg?55356177#lightcase) format("svg");
font-weight: normal;
font-style: normal;
}
[class*='lightcase-icon-']:before {
font-family: 'lightcase', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  } .lightcase-icon-play:before {
content: '\e800';
}
.lightcase-icon-pause:before {
content: '\e801';
}
.lightcase-icon-close:before {
content: '\e802';
}
.lightcase-icon-prev:before {
content: '\e803';
}
.lightcase-icon-next:before {
content: '\e804';
}
.lightcase-icon-spin:before {
content: '\e805';
}    @-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
#lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-family: arial, sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: left;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
html[data-lc-type=inline] #lightcase-case,
html[data-lc-type=ajax] #lightcase-case {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
padding: 55px 0 70px 0;
width: 100% !important;
height: 100% !important;
overflow: auto !important;
}
}
@media screen and (min-width: 641px) {
html:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
text-shadow: none;
background-color: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-webkit-backface-visibility: hidden;
}
}
@media screen and (min-width: 641px) {
html[data-lc-type=image] #lightcase-content,
html[data-lc-type=video] #lightcase-content {
background-color: #333;
}
}
html[data-lc-type=inline] #lightcase-content,
html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content {
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 640px) {
html[data-lc-type=inline] #lightcase-content,
html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 640px) {
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
padding: 15px;
}
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important;
}
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe),
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe),
html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important;
}
}
@media screen and (max-width: 640px) {
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 640px) and (min-width: 641px) {
html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75;
}
}
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
position: relative;
overflow: hidden !important;
}
@media screen and (max-width: 640px) {
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) {
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 640px) {
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #aaa;
}
}
@media screen and (min-width: 641px) {
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333;
}
}
#lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
@media screen and (max-width: 640px) {
#lightcase-case p.lightcase-error {
padding: 30px 0;
}
}
@media screen and (min-width: 641px) {
#lightcase-case p.lightcase-error {
padding: 0;
}
}
.lightcase-open body {
overflow: hidden;
}
.lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
}
#lightcase-info {
position: absolute;
padding-top: 15px;
}
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis;
}
#lightcase-info #lightcase-title {
font-size: 17px;
color: #aaa;
}
@media screen and (max-width: 640px) {
#lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333;
}
}
#lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #aaa;
}
#lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa;
}
@media screen and (max-width: 640px) {
.lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px;
}
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static;
}
}
#lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear;
}
#lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
#lightcase-loading > span {
display: inline-block;
text-indent: -9999px;
}
a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer;
}
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px;
}
a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white;
}
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none;
}
a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none;
}
a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 15px;
}
a[class*='lightcase-icon-'].lightcase-icon-next {
right: 15px;
}
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0;
}
}
@media screen and (max-width: 640px) {
a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px;
}
}
@media screen and (min-width: 641px) {
a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em;
}
a[class*='lightcase-icon-']:hover,
#lightcase-case:hover ~ a[class*='lightcase-icon-'] {
opacity: 1;
}
}
#lightcase-overlay {
display: none;
width: 100%;
min-height: 100%;
position: fixed;
z-index: 2000;
top: -9999px;
bottom: -9999px;
left: 0;
background: #333;
}
@media screen and (max-width: 640px) {
#lightcase-overlay {
opacity: 1 !important;
}
} .choices {
position: relative;
font-size: 16px;
z-index: 1000;
}
@media (min-width: 1280px) {
.choices {
min-width: 200px;
}
}
.choices:focus {
outline: none;
}
.choices:last-child {
margin-bottom: 0;
}
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
background-color: #EAEAEA;
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.choices.is-disabled .choices__item {
cursor: not-allowed;
}
.choices[data-type*="select-one"] {
cursor: pointer;
}
.choices[data-type*="select-one"] .choices__inner {
padding-bottom: 7.5px;
}
.choices[data-type*="select-one"] .choices__input {
display: block;
width: 100%;
padding: 10px;
border-bottom: 1px solid #DDDDDD;
background-color: #FFFFFF;
margin: 0;
}
.choices[data-type*="select-one"] .choices__button {
background-image: url(//domter.pl/wp-content/icons/cross-inverse.svg);
padding: 0;
background-size: 8px;
height: 100%;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
margin-right: 25px;
height: 20px;
width: 20px;
border-radius: 10em;
opacity: .5;
}
.choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus {
opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
-webkit-box-shadow: 0px 0px 0px 2px #00BCD4;
box-shadow: 0px 0px 0px 2px #00BCD4;
}
.choices[data-type*="select-one"]:after {
content: "";
height: 0;
width: 0;
border-style: solid;
border-color: #333333 transparent transparent transparent;
border-width: 5px;
position: absolute;
right: 11.5px;
top: 50%;
margin-top: -2.5px;
pointer-events: none;
}
.choices[data-type*="select-one"].is-open:after {
border-color: transparent transparent #333333 transparent;
margin-top: -7.5px;
}
.choices[data-type*="select-one"][dir="rtl"]:after {
left: 11.5px;
right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
right: auto;
left: 0;
margin-left: 25px;
margin-right: 0;
}
.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {
cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
position: relative;
display: inline-block;
margin-top: 0;
margin-right: -4px;
margin-bottom: 0;
margin-left: 8px;
padding-left: 16px;
border-left: 1px solid #008fa1;
background-image: url(//domter.pl/wp-content/icons/cross.svg);
background-size: 8px;
width: 8px;
line-height: 1;
opacity: .75;
}
.choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus {
opacity: 1;
}
.choices__inner {
display: inline-block;
vertical-align: top;
width: 100%;
background-color: #f9f9f9;
padding: 7.5px 7.5px 3.75px;
border-radius: 2.5px;
font-size: 15px;
min-height: 44px;
overflow: hidden;
font-weight: 700;
color: #0e0e0e;
}
.is-focused .choices__inner, .is-open .choices__inner {
border-color: #b7b7b7;
}
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
display: inline-block;
padding: 4px 16px 4px 4px;
width: 100%;
}
[dir="rtl"] .choices__list--single {
padding-right: 4px;
padding-left: 16px;
}
.choices__list--single .choices__item {
width: 100%;
}
.choices__list--multiple {
display: inline;
}
.choices__list--multiple .choices__item {
display: inline-block;
vertical-align: middle;
border-radius: 20px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
margin-right: 3.75px;
margin-bottom: 3.75px;
background-color: #00BCD4;
border: 1px solid #00a5bb;
color: #FFFFFF;
word-break: break-all;
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
margin-right: 0;
margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
border: 1px solid #008fa1;
}
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaaaaa;
border: 1px solid #919191;
}
.choices__list--dropdown {
display: none;
z-index: 1000;
position: absolute;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
top: 100%;
margin-top: -1px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
overflow: hidden;
word-break: break-all;
}
.choices__list--dropdown.is-active {
display: block;
}
.is-open .choices__list--dropdown {
border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: -1px;
border-radius: .25rem .25rem 0 0;
}
.choices__list--dropdown .choices__list {
position: relative;
max-height: 300px;
overflow: auto;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
.choices__list--dropdown .choices__item {
position: relative;
padding: 10px;
font-size: 14px;
}
[dir="rtl"] .choices__list--dropdown .choices__item {
text-align: right;
}
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable {
padding-right: 10px;
}
.choices__list--dropdown .choices__item--selectable:after {
content: attr(data-select-text);
font-size: 12px;
opacity: 0;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
[dir="rtl"] .choices__list--dropdown .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
[dir="rtl"] .choices__list--dropdown .choices__item--selectable:after {
right: auto;
left: 10px;
}
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
opacity: .5;
}
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: .5;
}
.choices__heading {
font-weight: 600;
font-size: 12px;
padding: 10px;
border-bottom: 1px solid #f7f7f7;
color: gray;
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.choices__button:focus {
outline: none;
}
.choices__input {
display: inline-block;
vertical-align: baseline;
background-color: #f9f9f9;
font-size: 14px;
margin-bottom: 5px;
border: 0;
border-radius: 0;
max-width: 100%;
padding: 4px 0 4px 2px;
}
.choices__input:focus {
outline: 0;
}
[dir="rtl"] .choices__input {
padding-right: 2px;
padding-left: 0;
}
.choices__item--choice.choices__placeholder {
opacity: .5;
} body {
overflow-x: hidden;
}
html {
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
#body {
overflow-x: hidden;
}
body {
font-family: "Open Sans", sans-serif;
}
.body-round {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 1.5rem;
border-radius: 20px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.31);
box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.31);
}
.body-round--single {
margin-top: -20vh;
}
@media (min-width: 1280px) {
.body-round--single {
margin-top: -15vh;
}
}
.body-round--page {
margin-top: -20vh;
}
@media (min-width: 1280px) {
.body-round--page {
margin-top: -15vh;
}
}
.body-round--front {
z-index: 1;
margin-top: -5vh;
}
@media (min-width: 1280px) {
.body-round--front {
margin-top: -10vh;
}
}
@media (min-width: 1280px) {
.wrapper {
padding: 0 4.375rem;
}
}
.wrapper--page {
padding: 1.5rem 0.9375rem;
}
@media (min-width: 1280px) {
.wrapper--page {
padding: 4rem 5rem;
}
}
.wrapper--single {
padding: 0 0.9375rem;
}
@media (min-width: 768px) {
.wrapper--single {
padding: 0 1.875rem;
}
}
@media (min-width: 1280px) {
.wrapper--single {
padding: 0 0.5rem 5rem 11.25rem;
}
}
ol {
padding-left: 0;
list-style-type: none;
counter-reset: section;
}
ol li {
position: relative;
margin-bottom: 1rem;
}
ol li::before {
content: counters(section, ".") " ";
display: inline-block;
width: 23px;
height: 23px;
margin-right: .5rem;
margin-left: -.5rem;
color: #FFFFFF;
font-size: 1rem;
font-weight: 600;
line-height: 23px;
border-radius: 100%;
background-color: #BE5603;
text-align: center;
counter-increment: section;
}
#map {
min-height: 315px;
}
@media (min-width: 1280px) {
#map {
min-height: 630px;
}
}
#streetview {
min-height: 315px;
}
@media (min-width: 1280px) {
#streetview {
min-height: 600px;
}
}
.header {
position: absolute;
left: 0;
width: 100%;
z-index: 1000;
}
.welcome {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.welcome__mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://domter.pl/wp-content/themes/domter/img/maska.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.welcome__heading {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
font-size: 2rem;
}
@media (min-width: 768px) {
.welcome__heading {
font-size: 3.5rem;
}
}
@media (min-width: 1280px) {
.welcome__heading {
font-size: 3.75rem;
}
}
.welcome__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
min-height: 100vh;
}
@media (min-width: 1280px) {
.welcome__box {
min-height: auto;
padding-top: 150px;
padding-bottom: 250px;
}
}
.welcome__offer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.heading {
line-height: 1.2em;
}
.heading--main {
color: #FFFFFF;
font-family: 'Comfortaa';
font-weight: 300;
text-transform: uppercase;
}
.heading--offer {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 3.125rem;
color: #0e0e0e;
font-size: 1.125rem;
border-bottom: 2px solid #F2F2F2;
-webkit-transition: all .23s linear;
transition: all .23s linear;
}
@media (min-width: 768px) {
.heading--offer {
margin-top: 1rem;
margin-bottom: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 5.625rem;
font-size: 1.875rem;
border-bottom: 0;
}
}
@media (min-width: 1280px) {
.heading--offer {
margin-top: 5.9375rem;
margin-bottom: 2.5rem;
padding: 0;
font-size: 1.875rem;
border-bottom: 0;
}
}
.heading--offer::before, .heading--offer::after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 40px;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
}
@media (min-width: 768px) {
.heading--offer::before, .heading--offer::after {
width: 80px;
height: 80px;
}
}
@media (min-width: 1280px) {
.heading--offer::before, .heading--offer::after {
left: -108px;
}
}
.heading--offer::before {
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: 35px 35px;
opacity: .1;
}
@media (min-width: 768px) {
.heading--offer::before {
background-size: 70px 70px;
}
}
@media (min-width: 1280px) {
.heading--offer::before {
background-size: 70px 70px;
}
}
.heading--offer::after {
border-radius: 100%;
background-color: #F2F2F2;
}
.heading--opis-oferty::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-opis-oferty@2.png);
}
.heading--galeria::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-galeria@2.png);
}
.heading--mapa::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mapa@2.png);
}
.heading--opis-lokalizacji::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/mapa-opis-lokalizacji@2.png);
}
.heading--street-view::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menustreetview@2.png);
}
.heading--lista-lokali::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-lista-lokali@2.png);
}
.heading--kontakt::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-kontakt@2.png);
}
.heading--offer.heading--open {
margin-bottom: 1rem;
}
.heading--offer.heading--open > .heading__arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.heading__arrow {
position: absolute;
top: 50%;
right: 8px;
width: 14px;
height: 8px;
margin-top: -4px;
background-image: url(https://domter.pl/wp-content/themes/domter/img/strzalka-wiecej@2.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
-webkit-transition: all .23s linear;
transition: all .23s linear;
}
@media (min-width: 768px) {
.heading__arrow {
display: none;
}
}
.offer-featured {
text-align: center;
}
.offer-featured__paragraph {
margin-bottom: 0;
line-height: 1.2em;
font-size: 0.9375rem;
color: #FFFFFF;
}
.offer-featured__header {
margin-bottom: .25rem;
}
.offer-featured__name {
font-weight: 700;
font-size: 1.625rem;
margin-bottom: .25rem;
}
.offer-featured__price {
display: inline-block;
background-color: #FFFFFF;
font-size: 15px;
color: #0e0e0e;
border-radius: 45px;
padding: .5rem 1.25rem;
margin-top: .4rem;
}
@media (min-width: sm-tab) {
.section--offers {
margin-top: -50%;
}
}
.section--triangle {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
background-image: url(https://domter.pl/wp-content/themes/domter/img/tlo.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
}
@media (min-width: 1280px) {
.section--triangle {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.offer-nav {
display: none;
}
@media (min-width: 1280px) {
.offer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.offer-nav__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100%;
padding-top: 1.1875rem;
padding-right: 1rem;
padding-bottom: 1.1875rem;
padding-left: 1rem;
}
.offer-nav__item:hover {
text-decoration: none;
cursor: pointer;
}
.offer-nav__item:hover .offer-nav__title {
color: #b95b05;
text-decoration: none;
}
.offer-nav__item:hover::after {
left: 0;
width: 91%;
background-color: #b95b05;
-webkit-transform: translatex(0);
transform: translatex(17px);
}
.offer-nav__item::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 160px;
height: 2px;
background-color: #CECECE;
-webkit-transition: all .23s ease-out;
transition: all .23s ease-out;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
}
.offer-nav__title {
position: relative;
display: block;
min-height: 30px;
padding-left: 2.5rem;
color: #232323;
font-weight: 600;
line-height: 20px;
}
@media (min-width: 1366px) {
.offer-nav__title {
font-size: 0.9rem;
}
}
@media (min-width: 1440px) {
.offer-nav__title {
font-size: 0.9rem;
}
}
@media (min-width: 1536px) {
.offer-nav__title {
font-size: 0.9rem;
}
}
.offer-nav__title::before {
content: '';
position: absolute;
left: 0;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.offer-nav__item--active .offer-nav__title {
color: #b95b05;
}
.offer-nav__item--active::after {
left: 0;
width: 100%;
background-color: #b95b05;
-webkit-transform: translatex(0);
transform: translatex(0);
}
.offer-nav__item--wszystkie .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-wszystkie-oferty@2.png);
}
.offer-nav__item--wszystkie:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-wszystkie-oferty-active@2.png);
}
.offer-nav__item--wszystkie.offer-nav__item--active .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-wszystkie-oferty-active@2.png);
}
.offer-nav__item--powierzchnie-biurowe .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-biurowe@2.png);
}
.offer-nav__item--powierzchnie-biurowe:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-biurowe-active@2.png);
}
.offer-nav__item--powierzchnie-biurowe.offer-nav__item--active .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-biurowe-active@2.png);
}
.offer-nav__item--mieszkania .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mieszkania@2.png);
}
.offer-nav__item--mieszkania:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mieszkania-active@2.png);
}
.offer-nav__item--mieszkania.offer-nav__item--active .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mieszkania-active@2.png);
}
.offer-nav__item--powierzchnie-uzytkowe .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-uzytkowe@2.png);
}
.offer-nav__item--powierzchnie-uzytkowe:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-uzytkowe-active@2.png);
}
.offer-nav__item--domy-mieszkania .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-domy-mieszkania@2.png);
}
.offer-nav__item--domy-mieszkania:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-domy-mieszkania-active@2.png);
}
.offer-nav__item--dzialki-budowlane .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialki-budowlane@2.png);
}
.offer-nav__item--dzialki-budowlane:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialki-budowlane-active@2.png);
}
.offer-nav__item--coworking .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-coworking@2.png);
}
.offer-nav__item--coworking:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-coworking-active@2.png);
}
.offer-nav__item--dzialalnosc-lotnicza .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-lotnicza@2.png);
}
.offer-nav__item--dzialalnosc-lotnicza:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-lotnicza-active@2.png);
}
.offer-nav__item--dzialalnosc-czarterowa .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-czarterowa@2.png);
}
.offer-nav__item--dzialalnosc-czarterowa:hover .offer-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-czarterowa-active@2.png);
}
.offers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0.9375rem 0.9375rem 0;
}
@media (min-width: 1280px) {
.offers {
padding: 4 4.375rem 0;
}
}
.offers__not-found {
padding: 2rem 0 1rem;
}
.offers__not-found h2 {
font-weight: 600;
line-height: 1.2em;
}
.offer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 100%;
border-radius: 40px;
background-color: transparent;
}
@media (min-width: 768px) {
.offer {
padding: 1.625rem;
justify-content: space-between;
}
}
@media (min-width: 1280px) {
.offer {
justify-content: space-between;
padding: 1.625rem 3.5rem 1.625rem 7.5rem;
}
}
.offer:hover {
background-color: #F2F2F2;
}
.offer::before, .offer::after {
position: absolute;
top: 0;
left: 0;
width: 82px;
height: 82px;
}
@media (min-width: 1280px) {
.offer::before, .offer::after {
content: '';
}
}
.offer::before {
border-radius: 100%;
background-color: #F2F2F2;
}
.offer::after {
background-repeat: no-repeat;
background-position: center;
background-size: 60px 60px;
opacity: .24;
}
.offer--powierzchnie-biurowe::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-biurowe@2.png);
}
.offer--mieszkania::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mieszkania@2.png);
}
.offer--powierzchnie-uzytkowe::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-powierzchnie-uzytkowe@2.png);
}
.offer--domy-mieszkania::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-domy-mieszkania@2.png);
}
.offer--dzialki-budowlane::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialki-budowlane@2.png);
}
.offer--coworking::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-coworking@2.png);
}
.offer--dzialalnosc-lotnicza::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-lotnicza@2.png);
}
.offer--dzialalnosc-czarterowa::after {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dzialalnosc-czarterowa@2.png);
}
.offer__body {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 768px) {
.offer__body {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
max-width: 33.333333%;
flex: 0 0 33.333333%;
padding-left: 20px;
}
}
.offer__thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.offer__thumbnail img {
width: 100%;
height: 300px;
object-fit: cover;
}
@media (min-width: 768px) {
.offer__thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 1 0px;
flex: 0 1 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 1;
order: 1;
max-width: 50%;
flex: 0 0 50%;
padding: 0px 15px;
}
}
@media (max-width: 1366px) {
.offer__thumbnail img {
height: 250px;
}
.offer__thumbnail {
padding: 5px 5px;
}
.offer__body {
padding-left: 10px;
}
}
@media (max-width: 768px) {
.offer__thumbnail img {
height: 180px;
}
.offer__thumbnail {
padding: 5px 5px;
}
.offer__body {
padding-left: 10px;
}
}
@media (max-width: 568px) {
.offer__body {
margin-top: 15px;
}
}
.offer__title {
margin-top: 0;
margin-bottom: 1.875rem;
font-family: "Work Sans", sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2em;
}
@media (min-width: 1280px) {
.offer__title {
font-size: 1.875rem;
}
}
.offer-separator {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
height: 3px;
margin: 0.875rem auto;
background-color: #F2F2F2;
}
.details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (min-width: 1280px) {
.details {
margin-bottom: 1.625rem;
}
}
.details__box {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 1rem;
padding-left: 1.5625rem;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 1280px) {
.details__box {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0rem;
padding-left: 3.125rem;
}
}
.details__box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 17.5px;
height: 17.5px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (min-width: 1280px) {
.details__box::before {
width: 35px;
height: 35px;
}
}
.details__address::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mapa@2.png);
}
.details__availability::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-dostepnosc@2.png);
}
.details__count::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-lista-lokali@2.png);
}
.details__yardage::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-metraz@2.png);
}
.details__price::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-lista-cena@2.png);
}
.details__title {
margin-bottom: 0;
color: #0e0e0e;
font-size: 0.625rem;
font-weight: 700;
line-height: 1em;
}
@media (min-width: 1280px) {
.details__title {
font-size: 0.9375rem;
}
}
.details__content {
margin-bottom: 0;
font-size: 0.625rem;
line-height: 1em;
}
@media (min-width: 1280px) {
.details__content {
font-size: 0.9375rem;
line-height: 1.2em;
}
}
.button {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
-webkit-transition: all .23s linear;
transition: all .23s linear;
}
.button:hover, .button:focus, .button:active {
text-decoration: none;
}
.button:hover {
cursor: pointer;
}
.button--default {
font-size: 0.9375rem;
font-weight: 600;
color: #bf5804;
border: 2px solid #bf5804;
border-radius: 2rem;
line-height: 1.25rem;
padding: 0.5rem 1.875rem;
}
.button--default:hover, .button--default:focus, .button--default:active {
background-color: #bf5804;
color: #FFFFFF;
}
.menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.menu__item {
display: block;
margin: 0 0.9375rem;
}
.menu__item.current-menu__item .menu__link::before, .menu__item.current_page_item .menu__link::before {
width: 100%;
}
.menu__link {
position: relative;
display: block;
padding-top: 2.25rem;
color: #FFFFFF;
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
}
.menu__link:hover, .menu__link:focus, .menu__link:active {
color: #FFFFFF;
text-decoration: none;
}
.menu__link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 3px;
background-color: #FFFFFF;
-webkit-transition: all .23s ease-out;
transition: all .23s ease-out;
}
.menu__link:hover::before, .menu__link:focus::before {
width: 100%;
}
.logo {
display: block;
margin-top: 0.625rem;
margin-left: 0;
margin-right: auto;
}
.logo__image {
display: block;
}
@media (max-width: 1023.98px) {
.nav--header {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
-webkit-transition: all .23s ease-out;
transition: all .23s ease-out;
z-index: 999;
}
}
@media (min-width: 1280px) {
.nav--header {
display: block;
}
}
@media (max-width: 1023.98px) {
.nav--open {
right: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.nav--open .menu--header {
margin-top: 3.125rem;
max-width: 100%;
}
.nav--open .menu__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 0;
}
.nav--open .menu__link {
padding: 1rem 0.9375rem 1rem;
}
}
.copyrights {
font-size: 0.8125rem;
color: #0e0e0e;
}
.copyrights p {
margin-bottom: 0;
}
.weblider {
display: block;
color: #0e0e0e;
}
.weblider:hover, .weblider:focus, .weblider:active {
color: #0e0e0e;
text-decoration: none;
}
.cookies {
margin-right: auto;
margin-left: 0;
}
.cookies p {
margin-bottom: 0;
font-size: 0.8125rem;
color: #0e0e0e;
}
@media (min-width: 1280px) {
.cookies {
margin-right: 8.33333%;
margin-left: auto;
}
}
.footer {
margin-bottom: 1rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
@media (min-width: 1280px) {
.footer {
padding-left: 0;
padding-right: 0;
}
}
.single__heading {
display: block;
line-height: 1.2em;
font-weight: 400;
}
.single__table {
display: block;
width: 100%;
overflow-x: auto;
}
.single__hero--mobile {
display: none;
}
@media (min-width: 768px) {
.single__hero--mobile {
display: block;
}
}
.single__thumbnail-mobile {
display: block;
max-width: 100%;
height: auto;
margin-bottom: .5rem;
}
@media (min-width: 768px) {
.single__thumbnail-mobile {
display: none;
}
}
.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
@media (max-width: 767.98px) {
.gallery {
overflow-x: auto;
}
}
@media (min-width: 768px) {
.gallery {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -7.5px;
margin-left: -7.5px;
}
}
.gallery__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 15px);
flex: 0 0 calc(50% - 15px);
max-width: calc(50% - 15px);
margin-right: 7.5px;
margin-bottom: 15px;
margin-left: 7.5px;
}
@media (min-width: 768px) {
.gallery__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.33333% - 15px);
flex: 0 0 calc(33.33333% - 15px);
max-width: 33.33333%;
}
}
@media (min-width: 1440px) {
.gallery__item {
max-width: 240px;
}
}
.gallery__link {
display: block;
}
.gallery__image {
display: block;
max-width: 100%;
height: auto;
}
.form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 1.3125rem;
}
.form__col > .wpcf7-form-control-wrap {
display: block;
}
.form__col > .wpcf7-form-control-wrap:not([class*="acceptance-"])::after {
content: '';
position: absolute;
bottom: -2px;
left: 30px;
width: calc(100% - 60px);
height: 0.125rem;
background-color: #BABABA;
}
.form__col--half {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1280px) {
.form__col--half {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
.form__col--flat {
margin-bottom: 0;
}
.form__input:not([type="checkbox"]),
.form__textarea {
position: relative;
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
padding: 1.5rem 1.875rem;
font-size: 0.9375rem;
border: 0;
border-radius: 33px;
background-color: #F2F2F2;
}
.form__input:not([type="checkbox"])::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
color: #232323;
font-size: 0.9375rem;
font-weight: 700;
}
.form__input:not([type="checkbox"]):-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
color: #232323;
font-size: 0.9375rem;
font-weight: 700;
}
.form__input:not([type="checkbox"])::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder {
color: #232323;
font-size: 0.9375rem;
font-weight: 700;
}
.form__input:not([type="checkbox"])::placeholder,
.form__textarea::placeholder {
color: #232323;
font-size: 0.9375rem;
font-weight: 700;
}
.form__input:not([type="checkbox"]):focus, .form__input:not([type="checkbox"]):active,
.form__textarea:focus,
.form__textarea:active {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wpcf7-acceptance {
display: block;
}
.wpcf7-acceptance .wpcf7-list-item {
position: relative;
margin-bottom: 1rem;
margin-left: 0;
}
.wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
display: block;
padding-right: 1.875rem;
padding-left: 3.5rem;
font-size: 0.8125rem;
}
.wpcf7-acceptance .wpcf7-list-item-label::before {
content: '';
position: absolute;
top: 5px;
left: 26px;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #BABABA;
background-color: white;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 10px;
}
.wpcf7-acceptance .wpcf7-list-item-label:hover {
cursor: pointer;
}
.form__checkbox:checked ~ .wpcf7-list-item-label::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/check@2.png);
}
.form__checkbox {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.form__button {
margin-left: 0.9375rem;
}
.form__button[disabled] {
pointer-events: none;
opacity: .3;
}
span.wpcf7-not-valid-tip {
position: absolute;
bottom: -20px;
left: 1.875rem;
width: calc(100% - 60px);
color: #FF3860;
font-size: 0.8125rem;
}
div.wpcf7-response-output {
margin: 0 0 1.5rem;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
color: rgba(0, 0, 0, 0.7);
font-size: 0.875rem;
border: 0;
border-radius: 4px;
background-color: #F5F5F5;
}
div.wpcf7-validation-errors {
color: rgba(0, 0, 0, 0.7);
background-color: #FFDD57;
}
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
color: #FFFFFF;
background-color: #FF3860;
}
div.wpcf7-mail-sent-ok {
color: #FFFFFF;
background-color: #23D160;
}
.single-nav {
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background-color: #FFFFFF;
z-index: 1000;
}
@media (min-width: 1280px) {
.single-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.single-nav__item {
position: relative;
padding: 1rem 1.875rem;
}
@media (min-width: 1536px) {
.single-nav__item:not(:first-of-type) {
margin: 0 1.5625rem;
}
.single-nav__item:nth-child(2) {
margin-left: 4.375rem;
}
}
.single-nav__item:hover, .single-nav__item:focus, .single-nav__item:active {
text-decoration: none;
}
.single-nav__item:hover {
cursor: pointer;
}
.single-nav__item--active > .single-nav__title {
color: #b95b05;
}
.single-nav__item--active > .single-nav__title::after {
width: 150%;
background-color: #b95b05;
}
.single-nav__item--return {
background-color: #000000;
}
.single-nav__item--return > .single-nav__title {
padding-left: 1.125rem;
color: #FFFFFF;
}
.single-nav__item--return > .single-nav__title::before {
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 14px;
margin-top: -7px;
background-image: url(https://domter.pl/wp-content/themes/domter/img/powrot@2.png);
}
.single-nav__item--return > .single-nav__title::after {
content: none;
}
.single-nav__item--opis-oferty > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-opis-oferty@2.png);
}
.single-nav__item--opis-oferty.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-opis-oferty-active@2.png);
}
.single-nav__item--galeria > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-galeria@2.png);
}
.single-nav__item--galeria.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-galeria-active@2.png);
}
.single-nav__item--mapa > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mapa@2.png);
}
.single-nav__item--mapa.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-mapa-active@2.png);
}
.single-nav__item--opis-lokalizacji > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/mapa-opis-lokalizacji@2.png);
}
.single-nav__item--opis-lokalizacji.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/mapa-opis-lokalizacji-active@2.png);
}
.single-nav__item--street-view > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menustreetview@2.png);
}
.single-nav__item--street-view.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menustreetview-active@2.png);
}
.single-nav__item--lista-lokali > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-lista-lokali@2.png);
}
.single-nav__item--lista-lokali.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-lista-lokali-active@2.png);
}
.single-nav__item--kontakt > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-kontakt@2.png);
}
.single-nav__item--kontakt.single-nav__item--active > .single-nav__title::before {
background-image: url(https://domter.pl/wp-content/themes/domter/img/menu-kontakt-active@2.png);
}
.single-nav__title {
position: relative;
display: block;
min-height: 35px;
padding-left: 2.6875rem;
color: #232323;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.2em;
line-height: 35px;
}
@media (min-width: 1366px) {
.single-nav__title {
font-size: 0.75rem;
}
}
@media (min-width: 1536px) {
.single-nav__title {
font-size: 0.9375rem;
}
}
.single-nav__title:hover {
cursor: pointer;
}
.single-nav__title::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 35px;
height: 35px;
margin-top: -17.5px;
background-image: center;
background-repeat: no-repeat;
background-size: contain;
}
.single-nav__title::after {
content: '';
position: absolute;
bottom: -16px;
left: 50%;
width: 50%;
height: 2px;
background-color: #C0C0C0;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
-webkit-transition: all .23s linear;
transition: all .23s linear;
}
.keeper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
max-width: 437px;
}
@media (min-width: 768px) {
.keeper {
margin-top: 5.3125rem;
border-radius: 20px;
-webkit-box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.31);
box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.31);
}
}
@media (min-width: 768px) and (max-width: 1279.98px) {
.keeper {
margin: 2rem auto 2.5rem;
}
}
.keeper__thumbnail-box {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (max-width: 767.98px) {
.keeper__thumbnail-box {
display: none;
}
}
.keeper__thumbnail {
display: block;
max-width: 100%;
height: auto;
}
.keeper__content-box {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0.875rem 1.5rem 2.25rem;
background-color: #FFFFFF;
}
@media (max-width: 767.98px) {
.keeper__content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
.keeper__paragraph {
margin-bottom: 0;
color: #747474;
font-size: 1rem;
line-height: 1.2em;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 767.98px) {
.keeper__paragraph {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.keeper__name {
margin-bottom: 2.125rem;
color: #0e0e0e;
font-size: 1.5rem;
font-weight: 600;
}
.keeper__phone-link {
color: #0e0e0e;
font-size: 1.5rem;
font-weight: 600;
}
.keeper__phone-link:hover, .keeper__phone-link:focus, .keeper__phone-link:active {
color: #0e0e0e;
}
.keeper__email {
margin-bottom: 1rem;
}
.keeper__email-link {
color: #B95B05;
font-weight: 700;
}
.keeper__email-link:hover, .keeper__email-link:focus, .keeper__email-link:active {
color: #874304;
}
.keeper__photo {
border-radius: 100%;
-webkit-box-shadow: 0 5px 79.2px 7.8px rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 79.2px 7.8px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.98px) {
.keeper__photo {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin: 2rem auto 2rem;
}
}
@media (min-width: 768px) {
.keeper__photo {
position: absolute;
top: -61px;
right: 1.375rem;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
border-collapse: collapse;
background-color: transparent;
}
.table--places th,
.table--places td {
color: #232323;
font-size: 0.9375rem;
width: 16.66667%;
}
.table--places th:nth-of-type(1),
.table--places td:nth-of-type(1) {
width: 13.66667%;
}
.table--places th:nth-of-type(3), .table--places th:nth-of-type(4),
.table--places td:nth-of-type(3),
.table--places td:nth-of-type(4) {
width: 10%;
}
.table--places th:nth-of-type(6),
.table--places td:nth-of-type(6) {
width: 18.66667%;
}
.table--places th {
padding: 1.5625rem 1rem;
background-color: #F2F2F2;
text-align: center;
vertical-align: bottom;
}
.table--places th:first-of-type {
border-top-left-radius: 33px;
border-bottom-left-radius: 33px;
}
.table--places th:last-of-type {
border-top-right-radius: 33px;
border-bottom-right-radius: 33px;
text-align: left;
}
.table--places td {
border-bottom: 3px solid #F2F2F2;
text-align: center;
vertical-align: top;
padding: 1rem .5rem;
}
.table--places td:nth-of-type(5) {
text-align: left;
}
.table--places td:last-of-type {
text-align: left;
}
.bar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
-webkit-transition: all .23s linear;
transition: all .23s linear;
}
.bar--loading .bar__img {
-webkit-animation: loading 1s infinite linear;
animation: loading 1s infinite linear;
}
@-webkit-keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.bar--hiding {
opacity: 0;
-webkit-transform: translatey(-30px);
transform: translatey(-30px);
}
.bar__box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1rem auto;
padding: 0.5rem 1.5rem;
border-radius: 33px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.17);
box-shadow: 0 5px 29.1px 2.9px rgba(0, 0, 0, 0.17);
}
@media (min-width: 1280px) {
.bar__box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0.875rem 6.25rem;
}
}
.bar__img {
display: block;
margin-right: 1rem;
}
.bar__txt {
display: block;
font-size: 0.9375rem;
font-weight: 700;
}
.filter {
background-color: #FFFFFF;
border-radius: 2.8125rem;
padding: 1.4375rem 7.5rem 1.4375rem 2rem;
display: block;
margin: 0 auto;
position: relative;
max-height: 90px;
}
.filter__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (min-width: 1280px) {
.filter__form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
}
.filter__select {
border: 0;
border-radius: 0;
background-color: transparent;
margin-bottom: .5rem;
}
@media (min-width: 1280px) {
.filter__select {
margin-bottom: 0;
}
}
.filter__button {
border: 0;
padding: 0;
background-color: #FFFFFF;
height: 90px;
width: 90px;
position: absolute;
top: 0;
right: 0;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 2.9px 0.6px 26.4px 2.6px rgba(98, 47, 0, 0.4), 0 0 0 10px rgba(196, 95, 12, 0.54);
box-shadow: 2.9px 0.6px 26.4px 2.6px rgba(98, 47, 0, 0.4), 0 0 0 10px rgba(196, 95, 12, 0.54);
}
.filter__button img {
display: block;
}
.search {
margin: 74px auto;
position: relative;
}
.search::before, .search::after {
content: '';
position: absolute;
height: 58px;
width: 2px;
left: 50%;
margin-left: -1px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.search::before {
top: -58px;
background-image: url(https://domter.pl/wp-content/themes/domter/img/ozdobnik-before.png);
}
.search::after {
bottom: -58px;
background-image: url(https://domter.pl/wp-content/themes/domter/img/ozdobnik-after.png);
}
.burger {
position: fixed;
top: 15px;
right: 15px;
z-index: 1001;
width: 30px;
height: 20px;
}
@media (min-width: 992px) {
.burger {
display: none;
}
}
.burger__line {
width: 100%;
height: 4px;
background-color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
margin-top: -2px;
-webkit-transition: all .23s ease-out;
transition: all .23s ease-out;
}
.burger__line:nth-child(2) {
top: 50%;
}
.burger__line:nth-child(3) {
top: 100%;
}
.burger--open > .burger__line:nth-child(1) {
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.burger--open > .burger__line:nth-child(2) {
left: -20px;
opacity: 0;
}
.burger--open > .burger__line:nth-child(3) {
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.contact-forms {
margin-top: -150px;
padding: 4rem 5rem 0rem 11rem;
}
.fluid-img {
height: auto;
width: 100%;
}
.image-right {
padding: 100px;
}
.mx-auto {
margin: 0 auto;
}
.offer-nav__item {
justify-content: flex-start;
}
.offer-nav__item::after {
left:37%;
}
.offer-nav__item--active::after {
left:0;
} .acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
margin: 20px 0;
} .acf-map img {
max-width: inherit !important;
}
@media (min-width: 1280px) {
.offer {
justify-content: space-between;
padding: 1.625rem 1.5rem 1.625rem 1.5rem;
}
}
@media (min-width: 768px) {
.offer__thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 1 0px;
flex: 0 1 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 1;
order: 1;
max-width: 57%;
flex: 0 0 57%;
padding: 0px 15px;
}
}
@media (min-width: 768px) {
.offer__body {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
order: 2;
max-width: 40.333333%;
flex: 0 0 40.333333%;
padding-left: 20px;
}
}